@acorex/components 21.0.2-next.36 → 21.0.2-next.37

package/fesm2022/acorex-components-scheduler.mjs

@@ -31,8 +31,8 @@ class AXSchedulerService {
         this.BLOCK_DURATION_MINUTES = 30;
         this.MILLISECONDS_PER_MINUTE = 60 * 1000;
         this.MILLISECONDS_PER_DAY = this.HOURS_PER_DAY * this.MINUTES_PER_HOUR * this.MILLISECONDS_PER_MINUTE;
-        this.internalWeekend = signal([], ...(ngDevMode ? [{ debugName: "internalWeekend" }] : []));
-        this.internalHoliday = signal([], ...(ngDevMode ? [{ debugName: "internalHoliday" }] : []));
+        this.internalWeekend = signal([], ...(ngDevMode ? [{ debugName: "internalWeekend" }] : /* istanbul ignore next */ []));
+        this.internalHoliday = signal([], ...(ngDevMode ? [{ debugName: "internalHoliday" }] : /* istanbul ignore next */ []));
     }
     /**
      * Checks if two appointments overlap in time.
@@ -828,10 +828,10 @@ class AXSchedulerService {
             resourceId: dropResult.resourceId,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -845,17 +845,17 @@ class AXSchedulerAgendaViewComponent extends NXComponent {
         this.scheduler = inject(AXSchedulerComponent);
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
-        this.daysCount = input(7, ...(ngDevMode ? [{ debugName: "daysCount" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
+        this.daysCount = input(7, ...(ngDevMode ? [{ debugName: "daysCount" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
         this.agendaDaysLayout = computed(() => {
             const allOriginalAppointments = this.appointments();
             const agendaStartDate = this.date();
@@ -885,7 +885,7 @@ class AXSchedulerAgendaViewComponent extends NXComponent {
                 });
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "agendaDaysLayout" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "agendaDaysLayout" }] : /* istanbul ignore next */ []));
         // Internal outputs to be caught by parent AXSchedulerComponent
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -1000,10 +1000,10 @@ class AXSchedulerAgendaViewComponent extends NXComponent {
     getMultiDayEndDate(segment) {
         return segment.originalEndDate;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerAgendaViewComponent, isStandalone: true, selector: "ax-scheduler-agenda-view", inputs: { daysCount: { classPropertyName: "daysCount", publicName: "daysCount", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-agenda-container\">\n  @for (dayData of agendaDaysLayout(); track dayData.date.date.getTime()) {\n    <div\n      axDropZone\n      #zone=\"axDropZone\"\n      (onElementDrop)=\"handleDrop($event, dayData.date)\"\n      [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n      [class.ax-state-today]=\"isToday(dayData.date)\"\n      class=\"ax-scheduler-agenda-view-container {{\n        dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n      }}\"\n      (click)=\"handleSlotEvent($event, dayData.date)\"\n      (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n      (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n      [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n    >\n      <div class=\"ax-scheduler-agenda-header-date-day\">\n        <span\n          class=\"ax-scheduler-agenda-header-date-day-char ax-scheduler-truncate\"\n          [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n          [axTooltipPlacement]=\"'top-start'\"\n        >\n          {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n          @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n            ( {{ dayData.holiday.holiday.title }} )\n          }\n        </span>\n        <span class=\"ax-scheduler-agenda-header-date-day-num\">\n          {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n        </span>\n      </div>\n      <div class=\"ax-scheduler-agenda-appointment-container\">\n        @for (segment of dayData.appointments; track segment.id + segment.originalStartDate.getTime()) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"segment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, segment)\"\n            (dblclick)=\"handleAppointmentEvent($event, segment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : segment.title +\n                  (segment.allDay\n                    ? ' (All Day)'\n                    : ' (' +\n                      (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                      ' - ' +\n                      (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                      ')')\n            \"\n            class=\"ax-scheduler-agenda-appointment\"\n            [class.all-day-segment]=\"segment.allDay\"\n            [class.ax-state-active]=\"isActive(segment.id)\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"segment\"\n          >\n            <div class=\"ax-scheduler-agenda-appointment-time\">\n              <div\n                class=\"ax-scheduler-agenda-appointment-time-inner {{\n                  segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                }}\"\n              ></div>\n              @if (segment.allDay) {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>{{ '@acorex:dateTime.duration.all-day' | translate | async }}</span>\n                }\n              } @else {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                    <span>\n                      {{\n                        segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                      }}\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              }\n            </div>\n            <ax-title class=\"ax-scheduler-agenda-appointment-title ax-scheduler-truncate\">{{ segment.title }}</ax-title>\n            <!-- Description could go here if needed -->\n            <!-- @if (segment.description) {\n              <ax-subtitle>{{ segment.description }}</ax-subtitle>\n            } -->\n            @if (hasActions()) {\n              <ax-icon\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                (click)=\"handleActionClick($event, segment)\"\n              >\n              </ax-icon>\n            }\n          </div>\n        }\n        @if (dayData.appointments.length === 0) {\n          <div class=\"ax-scheduler-agenda-no-appointments\">\n            {{ '@acorex:common.general.no-record' | translate | async }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["ax-scheduler-agenda-view .ax-scheduler-agenda-container{height:100%;display:flex;flex-direction:column}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container{gap:1rem;display:flex;position:relative;padding-inline:1rem;padding-block:.25rem;border-block-end:1px solid rgba(var(--ax-sys-color-border-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container:last-child{border-block-end-width:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday .ax-scheduler-agenda-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day{gap:.25rem;display:flex;height:3.5rem;min-width:6rem;max-width:6rem;position:sticky;align-items:start;flex-direction:column;inset-block-start:1rem;justify-content:center}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-char{max-width:100%;font-weight:300}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-num{font-weight:500;font-size:1.25rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container{gap:.25rem;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;color:unset}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment{gap:.5rem;width:100%;display:flex;overflow:hidden;align-items:center;flex-direction:row;padding-block:.25rem;padding-inline:1rem;justify-content:space-between;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .15))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time-inner{width:.75rem;height:.75rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment.all-day-segment .ax-scheduler-agenda-appointment-time{display:flex;align-items:center;gap:1rem;font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-width:10rem;font-size:.9em;opacity:.9}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time .ax-scheduler-agenda-multiday-info{display:flex;align-items:center;gap:.5rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time .ax-scheduler-agenda-multiday-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding-inline:.5rem;padding-block:.25rem;font-size:.8rem;font-weight:500;line-height:1.2;border-radius:.375rem;background-color:rgba(var(--ax-sys-color-primary-surface),.12);color:rgba(var(--ax-sys-color-primary-surface));white-space:nowrap}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-title{width:100%;font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{text-align:center;font-style:italic;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-appointment{cursor:pointer}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerAgendaViewComponent, isStandalone: true, selector: "ax-scheduler-agenda-view", inputs: { daysCount: { classPropertyName: "daysCount", publicName: "daysCount", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-agenda-container\">\n  @for (dayData of agendaDaysLayout(); track dayData.date.date.getTime()) {\n    <div\n      axDropZone\n      #zone=\"axDropZone\"\n      (onElementDrop)=\"handleDrop($event, dayData.date)\"\n      [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n      [class.ax-state-today]=\"isToday(dayData.date)\"\n      class=\"ax-scheduler-agenda-view-container {{\n        dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n      }}\"\n      (click)=\"handleSlotEvent($event, dayData.date)\"\n      (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n      (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n      [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n    >\n      <div class=\"ax-scheduler-agenda-header-date-day\">\n        <span\n          class=\"ax-scheduler-agenda-header-date-day-char ax-scheduler-truncate\"\n          [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n          [axTooltipPlacement]=\"'top-start'\"\n        >\n          {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n          @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n            ( {{ dayData.holiday.holiday.title }} )\n          }\n        </span>\n        <span class=\"ax-scheduler-agenda-header-date-day-num\">\n          {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n        </span>\n      </div>\n      <div class=\"ax-scheduler-agenda-appointment-container\">\n        @for (segment of dayData.appointments; track segment.id + segment.originalStartDate.getTime()) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"segment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, segment)\"\n            (dblclick)=\"handleAppointmentEvent($event, segment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : segment.title +\n                  (segment.allDay\n                    ? ' (All Day)'\n                    : ' (' +\n                      (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                      ' - ' +\n                      (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                      ')')\n            \"\n            class=\"ax-scheduler-agenda-appointment\"\n            [class.all-day-segment]=\"segment.allDay\"\n            [class.ax-state-active]=\"isActive(segment.id)\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"segment\"\n          >\n            <div class=\"ax-scheduler-agenda-appointment-time\">\n              <div\n                class=\"ax-scheduler-agenda-appointment-time-inner {{\n                  segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                }}\"\n              ></div>\n              @if (segment.allDay) {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>{{ '@acorex:dateTime.duration.all-day' | translate | async }}</span>\n                }\n              } @else {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                    <span>\n                      {{\n                        segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                      }}\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              }\n            </div>\n            <ax-title class=\"ax-scheduler-agenda-appointment-title ax-scheduler-truncate\">{{ segment.title }}</ax-title>\n            <!-- Description could go here if needed -->\n            <!-- @if (segment.description) {\n              <ax-subtitle>{{ segment.description }}</ax-subtitle>\n            } -->\n            @if (hasActions()) {\n              <ax-icon\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                (click)=\"handleActionClick($event, segment)\"\n              >\n              </ax-icon>\n            }\n          </div>\n        }\n        @if (dayData.appointments.length === 0) {\n          <div class=\"ax-scheduler-agenda-no-appointments\">\n            {{ '@acorex:common.general.no-record' | translate | async }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-scheduler-agenda-view .ax-scheduler-agenda-container{flex-direction:column;height:100%;display:flex}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container{gap:calc(var(--spacing,.25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);display:flex;position:relative}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day{top:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 14);max-width:calc(var(--spacing,.25rem) * 24);min-width:calc(var(--spacing,.25rem) * 24);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);flex-direction:column;display:flex;position:sticky}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-num{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container{justify-content:center;align-items:center;gap:var(--spacing,.25rem);flex-direction:column;width:calc(100% - 7rem);display:flex}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);text-align:center;flex-direction:row;display:flex;overflow:hidden}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment.all-day-segment .ax-scheduler-agenda-appointment-time{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time{min-width:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.9;flex-shrink:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-title{width:100%}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{text-align:center;color:rgba(var(--ax-sys-color-on-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 60%,transparent)}}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{font-style:italic}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-appointment{cursor:pointer}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-agenda-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -1016,8 +1016,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerAgendaViewComponent }], template: "<div class=\"ax-scheduler-agenda-container\">\n  @for (dayData of agendaDaysLayout(); track dayData.date.date.getTime()) {\n    <div\n      axDropZone\n      #zone=\"axDropZone\"\n      (onElementDrop)=\"handleDrop($event, dayData.date)\"\n      [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n      [class.ax-state-today]=\"isToday(dayData.date)\"\n      class=\"ax-scheduler-agenda-view-container {{\n        dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n      }}\"\n      (click)=\"handleSlotEvent($event, dayData.date)\"\n      (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n      (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n      [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n    >\n      <div class=\"ax-scheduler-agenda-header-date-day\">\n        <span\n          class=\"ax-scheduler-agenda-header-date-day-char ax-scheduler-truncate\"\n          [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n          [axTooltipPlacement]=\"'top-start'\"\n        >\n          {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n          @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n            ( {{ dayData.holiday.holiday.title }} )\n          }\n        </span>\n        <span class=\"ax-scheduler-agenda-header-date-day-num\">\n          {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n        </span>\n      </div>\n      <div class=\"ax-scheduler-agenda-appointment-container\">\n        @for (segment of dayData.appointments; track segment.id + segment.originalStartDate.getTime()) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"segment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, segment)\"\n            (dblclick)=\"handleAppointmentEvent($event, segment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : segment.title +\n                  (segment.allDay\n                    ? ' (All Day)'\n                    : ' (' +\n                      (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                      ' - ' +\n                      (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                      ')')\n            \"\n            class=\"ax-scheduler-agenda-appointment\"\n            [class.all-day-segment]=\"segment.allDay\"\n            [class.ax-state-active]=\"isActive(segment.id)\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"segment\"\n          >\n            <div class=\"ax-scheduler-agenda-appointment-time\">\n              <div\n                class=\"ax-scheduler-agenda-appointment-time-inner {{\n                  segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                }}\"\n              ></div>\n              @if (segment.allDay) {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>{{ '@acorex:dateTime.duration.all-day' | translate | async }}</span>\n                }\n              } @else {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                    <span>\n                      {{\n                        segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                      }}\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              }\n            </div>\n            <ax-title class=\"ax-scheduler-agenda-appointment-title ax-scheduler-truncate\">{{ segment.title }}</ax-title>\n            <!-- Description could go here if needed -->\n            <!-- @if (segment.description) {\n              <ax-subtitle>{{ segment.description }}</ax-subtitle>\n            } -->\n            @if (hasActions()) {\n              <ax-icon\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                (click)=\"handleActionClick($event, segment)\"\n              >\n              </ax-icon>\n            }\n          </div>\n        }\n        @if (dayData.appointments.length === 0) {\n          <div class=\"ax-scheduler-agenda-no-appointments\">\n            {{ '@acorex:common.general.no-record' | translate | async }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["ax-scheduler-agenda-view .ax-scheduler-agenda-container{height:100%;display:flex;flex-direction:column}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container{gap:1rem;display:flex;position:relative;padding-inline:1rem;padding-block:.25rem;border-block-end:1px solid rgba(var(--ax-sys-color-border-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container:last-child{border-block-end-width:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday .ax-scheduler-agenda-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day{gap:.25rem;display:flex;height:3.5rem;min-width:6rem;max-width:6rem;position:sticky;align-items:start;flex-direction:column;inset-block-start:1rem;justify-content:center}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-char{max-width:100%;font-weight:300}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-num{font-weight:500;font-size:1.25rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container{gap:.25rem;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;color:unset}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment{gap:.5rem;width:100%;display:flex;overflow:hidden;align-items:center;flex-direction:row;padding-block:.25rem;padding-inline:1rem;justify-content:space-between;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .15))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time-inner{width:.75rem;height:.75rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment.all-day-segment .ax-scheduler-agenda-appointment-time{display:flex;align-items:center;gap:1rem;font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-width:10rem;font-size:.9em;opacity:.9}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time .ax-scheduler-agenda-multiday-info{display:flex;align-items:center;gap:.5rem}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time .ax-scheduler-agenda-multiday-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding-inline:.5rem;padding-block:.25rem;font-size:.8rem;font-weight:500;line-height:1.2;border-radius:.375rem;background-color:rgba(var(--ax-sys-color-primary-surface),.12);color:rgba(var(--ax-sys-color-primary-surface));white-space:nowrap}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-title{width:100%;font-weight:500}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{text-align:center;font-style:italic;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-appointment{cursor:pointer}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerAgendaViewComponent }], template: "<div class=\"ax-scheduler-agenda-container\">\n  @for (dayData of agendaDaysLayout(); track dayData.date.date.getTime()) {\n    <div\n      axDropZone\n      #zone=\"axDropZone\"\n      (onElementDrop)=\"handleDrop($event, dayData.date)\"\n      [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n      [class.ax-state-today]=\"isToday(dayData.date)\"\n      class=\"ax-scheduler-agenda-view-container {{\n        dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n      }}\"\n      (click)=\"handleSlotEvent($event, dayData.date)\"\n      (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n      (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n      [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n    >\n      <div class=\"ax-scheduler-agenda-header-date-day\">\n        <span\n          class=\"ax-scheduler-agenda-header-date-day-char ax-scheduler-truncate\"\n          [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n          [axTooltipPlacement]=\"'top-start'\"\n        >\n          {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n          @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n            ( {{ dayData.holiday.holiday.title }} )\n          }\n        </span>\n        <span class=\"ax-scheduler-agenda-header-date-day-num\">\n          {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n        </span>\n      </div>\n      <div class=\"ax-scheduler-agenda-appointment-container\">\n        @for (segment of dayData.appointments; track segment.id + segment.originalStartDate.getTime()) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"segment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, segment)\"\n            (dblclick)=\"handleAppointmentEvent($event, segment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : segment.title +\n                  (segment.allDay\n                    ? ' (All Day)'\n                    : ' (' +\n                      (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                      ' - ' +\n                      (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                      ')')\n            \"\n            class=\"ax-scheduler-agenda-appointment\"\n            [class.all-day-segment]=\"segment.allDay\"\n            [class.ax-state-active]=\"isActive(segment.id)\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"segment\"\n          >\n            <div class=\"ax-scheduler-agenda-appointment-time\">\n              <div\n                class=\"ax-scheduler-agenda-appointment-time-inner {{\n                  segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                }}\"\n              ></div>\n              @if (segment.allDay) {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>{{ '@acorex:dateTime.duration.all-day' | translate | async }}</span>\n                }\n              } @else {\n                @if (isMultiDayAppointment(segment)) {\n                  <span class=\"ax-scheduler-agenda-multiday-info\">\n                    <span class=\"ax-scheduler-agenda-multiday-badge\">\n                      {{\n                        getMultiDayStartDate(segment)\n                          | format: 'date' : { format: 'D MMM', calendar: calendar() }\n                          | async\n                      }}\n                      -\n                      {{\n                        getMultiDayEndDate(segment) | format: 'date' : { format: 'D MMM', calendar: calendar() } | async\n                      }}\n                    </span>\n                    <span>\n                      {{\n                        segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                      }}\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    </span>\n                  </span>\n                } @else {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              }\n            </div>\n            <ax-title class=\"ax-scheduler-agenda-appointment-title ax-scheduler-truncate\">{{ segment.title }}</ax-title>\n            <!-- Description could go here if needed -->\n            <!-- @if (segment.description) {\n              <ax-subtitle>{{ segment.description }}</ax-subtitle>\n            } -->\n            @if (hasActions()) {\n              <ax-icon\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                (click)=\"handleActionClick($event, segment)\"\n              >\n              </ax-icon>\n            }\n          </div>\n        }\n        @if (dayData.appointments.length === 0) {\n          <div class=\"ax-scheduler-agenda-no-appointments\">\n            {{ '@acorex:common.general.no-record' | translate | async }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-scheduler-agenda-view .ax-scheduler-agenda-container{flex-direction:column;height:100%;display:flex}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container{gap:calc(var(--spacing,.25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);display:flex;position:relative}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-today .ax-scheduler-agenda-header-date-day .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day{top:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 14);max-width:calc(var(--spacing,.25rem) * 24);min-width:calc(var(--spacing,.25rem) * 24);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);flex-direction:column;display:flex;position:sticky}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-view-container .ax-scheduler-agenda-header-date-day .ax-scheduler-agenda-header-date-day-num{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container{justify-content:center;align-items:center;gap:var(--spacing,.25rem);flex-direction:column;width:calc(100% - 7rem);display:flex}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);text-align:center;flex-direction:row;display:flex;overflow:hidden}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment.all-day-segment .ax-scheduler-agenda-appointment-time{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-time{min-width:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.9;flex-shrink:0}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-agenda-appointment-title{width:100%}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-appointment .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{text-align:center;color:rgba(var(--ax-sys-color-on-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 60%,transparent)}}ax-scheduler-agenda-view .ax-scheduler-agenda-container .ax-scheduler-agenda-appointment-container .ax-scheduler-agenda-no-appointments{font-style:italic}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-appointment{cursor:pointer}ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-agenda-view:not(.ax-state-readonly) .ax-scheduler-agenda-view-container:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { daysCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "daysCount", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerDayViewComponent extends NXComponent {
     constructor() {
@@ -1028,23 +1028,23 @@ class AXSchedulerDayViewComponent extends NXComponent {
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
         this.GAP_PX = 1;
-        this.rtl = input(false, ...(ngDevMode ? [{ debugName: "rtl" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : []));
-        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
+        this.rtl = input(false, ...(ngDevMode ? [{ debugName: "rtl" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : /* istanbul ignore next */ []));
+        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
         // ViewChild for current time line element
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
         this.processedAppointmentsForLayout = computed(() => {
             const viewDate = this.date();
             const startH = this.startDayHour();
@@ -1061,14 +1061,14 @@ class AXSchedulerDayViewComponent extends NXComponent {
                 }
             }
             return segmentsForThisDay;
-        }, ...(ngDevMode ? [{ debugName: "processedAppointmentsForLayout" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "processedAppointmentsForLayout" }] : /* istanbul ignore next */ []));
         this.allDayAppointments = computed(() => {
             // Use segments from processedAppointmentsForLayout to get continuation flags
             return this.processedAppointmentsForLayout()?.filter((e) => e && e.allDay) ?? [];
-        }, ...(ngDevMode ? [{ debugName: "allDayAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "allDayAppointments" }] : /* istanbul ignore next */ []));
         this.singleDayAppointments = computed(() => {
             return this.processedAppointmentsForLayout()?.filter((e) => e && !e.allDay) ?? [];
-        }, ...(ngDevMode ? [{ debugName: "singleDayAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "singleDayAppointments" }] : /* istanbul ignore next */ []));
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
         this.slotRightClickedInternal = output();
@@ -1100,7 +1100,7 @@ class AXSchedulerDayViewComponent extends NXComponent {
                 hours.push(time);
             }
             return hours;
-        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : /* istanbul ignore next */ []));
         this.appointmentLayouts = computed(() => {
             const layouts = new Map();
             const appointmentsToLayout = this.singleDayAppointments();
@@ -1151,7 +1151,7 @@ class AXSchedulerDayViewComponent extends NXComponent {
                 });
             }
             return layouts;
-        }, ...(ngDevMode ? [{ debugName: "appointmentLayouts" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "appointmentLayouts" }] : /* istanbul ignore next */ []));
     }
     isActive(appointmentId) {
         return this.selectedAppointmentId() === appointmentId;
@@ -1382,10 +1382,10 @@ class AXSchedulerDayViewComponent extends NXComponent {
             .find((el) => el instanceof HTMLElement && el.dataset['slotId'] !== undefined);
         this.dragStartSlotId.set(dropListElement ? dropListElement.dataset['slotId'] : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerDayViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerDayViewComponent, isStandalone: true, selector: "ax-scheduler-day-view", inputs: { rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerDayViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-day-header\">\n  <div class=\"ax-scheduler-day-header-table\" aria-hidden=\"true\">\n    <div>\n      {{ '@acorex:dateTime.duration.all-day' | translate | async }}\n    </div>\n  </div>\n  <div\n    axDropZone\n    #zone=\"axDropZone\"\n    (onElementDrop)=\"handleAllDayDrop($event)\"\n    [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n    (click)=\"handleAllDaySlotEvent($event)\"\n    (dblclick)=\"handleAllDaySlotEvent($event)\"\n    (contextmenu)=\"handleAllDaySlotEvent($event)\"\n    class=\"ax-scheduler-day-header-table-container\"\n    [attr.data-slot-id]=\"date().format('YYYYMMDD') + '-allday'\"\n  >\n    <div class=\"ax-scheduler-day-header-appointment-container\">\n      @if (allDayAppointments().length) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || allDayAppointments()[0].readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          [dragData]=\"allDayAppointments()[0]\"\n          (click)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (dblclick)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (contextmenu)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          [title]=\"tooltipTemplate() ? '' : allDayAppointments()[0].title\"\n          class=\"ax-scheduler-header-day-appointment\"\n          [class.ax-continuation-from-previous]=\"allDayAppointments()[0].isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"allDayAppointments()[0].isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(allDayAppointments()[0].id)\"\n          [class]=\"\n            allDayAppointments()[0].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[0].priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"allDayAppointments()[0]\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ allDayAppointments()[0].title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, allDayAppointments()[0])\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ allDayAppointments()[0].startDate | format: 'date' : { calendar: calendar() } | async }}\n            -\n            {{ allDayAppointments()[0].endDate | format: 'date' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n      @if (allDayAppointments().length > 1) {\n        <div\n          #moreAppointments\n          class=\"ax-scheduler-day-header-more-tag\"\n          [class]=\"\n            allDayAppointments()[1].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[1].priority ?? 'primary') + '-priority'\n          \"\n        >\n          {{\n            '@acorex:common.general.more-items'\n              | translate: { params: { number: allDayAppointments().length - 1 } }\n              | async\n          }}\n        </div>\n        <ax-popover [target]=\"moreAppointments\">\n          <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n            @for (appointment of allDayAppointments(); track appointment.id; let first = $first) {\n              @if (!first) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n                  [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    @if (appointment.isContinuationFromPreviousDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? '\u2192 ' : '\u2190 ' }}</span>\n                    }\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (appointment.isContinuationToNextDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? ' \u2190' : ' \u2192' }}</span>\n                    }\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ appointment.originalStartDate | format: 'date' : { calendar: calendar() } | async }}\n                    -\n                    {{ appointment.originalEndDate | format: 'date' : { calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n            }\n          </div>\n        </ax-popover>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-day-time-container\">\n  <table class=\"ax-scheduler-day-time\" aria-hidden=\"true\" [border]=\"1\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </table>\n  <div class=\"ax-scheduler-day-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-day-appointment-container\">\n      @for (appointment of singleDayAppointments(); track appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragData]=\"appointment\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appointment.title\"\n          class=\"ax-scheduler-day-appointment\"\n          [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(appointment.id)\"\n          [style.width]=\"getAppointmentWidth(appointment.id)\"\n          [style.height]=\"getAppointmentHeight(appointment.id)\"\n          [style.inset-block-start]=\"getAppointmentTop(appointment.id)\"\n          [style.inset-inline-start]=\"getAppointmentLeft(appointment.id)\"\n          [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ appointment.originalStartDate | format: 'time' : { calendar: calendar() } | async }} -\n            {{ appointment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div aria-hidden=\"true\" class=\"ax-scheduler-day-slot\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSingleSlotEvent($event, time)\"\n          (dblclick)=\"handleSingleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n        <div\n          axDropZone\n          #zone2=\"axDropZone\"\n          [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time.add('minute', 30))\"\n          (click)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (dblclick)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          [attr.data-slot-id]=\"time.add('minute', 30).format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-day-view{display:block;position:relative;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-day-view .ax-scheduler-day-header{top:0;z-index:20;width:100%;display:flex;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table{z-index:10;position:sticky;inset-inline-start:0;background-color:inherit}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table div{display:flex;align-items:center;justify-content:center;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:var(--ax-comp-scheduler-basic-view-blocks-height);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container{width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container{gap:1rem;display:flex;width:calc(100% - 2.5rem)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment{width:100%;display:flex;overflow:hidden;position:relative;flex-direction:column;padding-inline:.5rem;justify-content:center;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous{border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:1.25rem}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous:before{content:\"\\2190\";position:absolute;inset-inline-start:.25rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous:before{content:\"\\2192\"}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:1.25rem}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next:after{content:\"\\2192\";position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next:after{content:\"\\2190\"}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-day-header-more-tag{display:flex;cursor:pointer;text-wrap:nowrap;flex-direction:column;padding-inline:.5rem;justify-content:center;border-radius:var(--ax-sys-border-radius)}ax-scheduler-day-view .ax-scheduler-day-time-container{width:100%;display:flex;background-color:inherit}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time{z-index:15;position:sticky;inset-inline-start:0;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time div{display:block;text-align:center;padding-inline:.5rem;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container{width:100%;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container{top:0;position:absolute;width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous{border-start-start-radius:0;border-end-start-radius:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous:before{content:\"\\2190\";position:absolute;inset-inline-start:.25rem;top:.25rem;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous:before{content:\"\\2192\"}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next{border-start-end-radius:0;border-end-end-radius:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next:after{content:\"\\2192\";position:absolute;inset-inline-end:.25rem;top:.25rem;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next:after{content:\"\\2190\"}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot{width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div{height:var(--ax-comp-scheduler-basic-view-blocks-height);display:block;padding-inline:.5rem;border-block-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div:first-child{border-block-start-width:0}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-header-day-appointment,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-appointment{cursor:pointer}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container:hover,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-day-view ax-title{display:flex;justify-content:space-between}ax-scheduler-day-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-day-view ax-title .ax-continuation-arrow{font-size:.65rem;opacity:.7;flex-shrink:0}ax-scheduler-day-view .ax-scheduler-current-time-line{inset-inline-start:0;inset-inline-end:0;height:2px}ax-scheduler-day-view .ax-scheduler-current-time-line:before{top:-5px;inset-inline-start:-6px}\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerDayViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerDayViewComponent, isStandalone: true, selector: "ax-scheduler-day-view", inputs: { rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerDayViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-day-header\">\n  <div class=\"ax-scheduler-day-header-table\" aria-hidden=\"true\">\n    <div>\n      {{ '@acorex:dateTime.duration.all-day' | translate | async }}\n    </div>\n  </div>\n  <div\n    axDropZone\n    #zone=\"axDropZone\"\n    (onElementDrop)=\"handleAllDayDrop($event)\"\n    [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n    (click)=\"handleAllDaySlotEvent($event)\"\n    (dblclick)=\"handleAllDaySlotEvent($event)\"\n    (contextmenu)=\"handleAllDaySlotEvent($event)\"\n    class=\"ax-scheduler-day-header-table-container\"\n    [attr.data-slot-id]=\"date().format('YYYYMMDD') + '-allday'\"\n  >\n    <div class=\"ax-scheduler-day-header-appointment-container\">\n      @if (allDayAppointments().length) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || allDayAppointments()[0].readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          [dragData]=\"allDayAppointments()[0]\"\n          (click)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (dblclick)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (contextmenu)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          [title]=\"tooltipTemplate() ? '' : allDayAppointments()[0].title\"\n          class=\"ax-scheduler-header-day-appointment\"\n          [class.ax-continuation-from-previous]=\"allDayAppointments()[0].isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"allDayAppointments()[0].isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(allDayAppointments()[0].id)\"\n          [class]=\"\n            allDayAppointments()[0].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[0].priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"allDayAppointments()[0]\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ allDayAppointments()[0].title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, allDayAppointments()[0])\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ allDayAppointments()[0].startDate | format: 'date' : { calendar: calendar() } | async }}\n            -\n            {{ allDayAppointments()[0].endDate | format: 'date' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n      @if (allDayAppointments().length > 1) {\n        <div\n          #moreAppointments\n          class=\"ax-scheduler-day-header-more-tag\"\n          [class]=\"\n            allDayAppointments()[1].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[1].priority ?? 'primary') + '-priority'\n          \"\n        >\n          {{\n            '@acorex:common.general.more-items'\n              | translate: { params: { number: allDayAppointments().length - 1 } }\n              | async\n          }}\n        </div>\n        <ax-popover [target]=\"moreAppointments\">\n          <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n            @for (appointment of allDayAppointments(); track appointment.id; let first = $first) {\n              @if (!first) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n                  [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    @if (appointment.isContinuationFromPreviousDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? '\u2192 ' : '\u2190 ' }}</span>\n                    }\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (appointment.isContinuationToNextDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? ' \u2190' : ' \u2192' }}</span>\n                    }\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ appointment.originalStartDate | format: 'date' : { calendar: calendar() } | async }}\n                    -\n                    {{ appointment.originalEndDate | format: 'date' : { calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n            }\n          </div>\n        </ax-popover>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-day-time-container\">\n  <table class=\"ax-scheduler-day-time\" aria-hidden=\"true\" [border]=\"1\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </table>\n  <div class=\"ax-scheduler-day-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-day-appointment-container\">\n      @for (appointment of singleDayAppointments(); track appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragData]=\"appointment\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appointment.title\"\n          class=\"ax-scheduler-day-appointment\"\n          [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(appointment.id)\"\n          [style.width]=\"getAppointmentWidth(appointment.id)\"\n          [style.height]=\"getAppointmentHeight(appointment.id)\"\n          [style.inset-block-start]=\"getAppointmentTop(appointment.id)\"\n          [style.inset-inline-start]=\"getAppointmentLeft(appointment.id)\"\n          [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ appointment.originalStartDate | format: 'time' : { calendar: calendar() } | async }} -\n            {{ appointment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div aria-hidden=\"true\" class=\"ax-scheduler-day-slot\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSingleSlotEvent($event, time)\"\n          (dblclick)=\"handleSingleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n        <div\n          axDropZone\n          #zone2=\"axDropZone\"\n          [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time.add('minute', 30))\"\n          (click)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (dblclick)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          [attr.data-slot-id]=\"time.add('minute', 30).format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-scheduler-day-view{min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block;position:relative}ax-scheduler-day-view .ax-scheduler-day-header{z-index:10;border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex;position:sticky;top:0}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table{z-index:10;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table div{height:var(--ax-comp-scheduler-basic-view-blocks-height);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));justify-content:center;align-items:center;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container{width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container{gap:calc(var(--spacing,.25rem) * 4);width:calc(100% - 2.5rem);display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);flex-direction:column;justify-content:center;display:flex;overflow:hidden}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-day-header-more-tag{cursor:pointer;border-radius:var(--ax-sys-border-radius);padding-inline:calc(var(--spacing,.25rem) * 2);text-wrap:nowrap;flex-direction:column;justify-content:center;display:flex}ax-scheduler-day-view .ax-scheduler-day-time-container{background-color:inherit;width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time{z-index:15;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time div{height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;display:block;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container{width:100%;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container{width:calc(100% - 2.5rem);position:absolute;top:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot{width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div{height:var(--ax-comp-scheduler-basic-view-blocks-height);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);display:block}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div:first-child{border-top-style:var(--tw-border-style);border-top-width:0}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-header-day-appointment,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-appointment{cursor:pointer}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-day-view ax-title{justify-content:space-between;display:flex}ax-scheduler-day-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-day-view .ax-scheduler-current-time-line{height:calc(var(--spacing,.25rem) * .5);inset-inline:0}ax-scheduler-day-view .ax-scheduler-current-time-line:before{inset-inline-start:-6px;top:-5px}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerDayViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerDayViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-day-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -1399,8 +1399,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerDayViewComponent }], template: "<div class=\"ax-scheduler-day-header\">\n  <div class=\"ax-scheduler-day-header-table\" aria-hidden=\"true\">\n    <div>\n      {{ '@acorex:dateTime.duration.all-day' | translate | async }}\n    </div>\n  </div>\n  <div\n    axDropZone\n    #zone=\"axDropZone\"\n    (onElementDrop)=\"handleAllDayDrop($event)\"\n    [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n    (click)=\"handleAllDaySlotEvent($event)\"\n    (dblclick)=\"handleAllDaySlotEvent($event)\"\n    (contextmenu)=\"handleAllDaySlotEvent($event)\"\n    class=\"ax-scheduler-day-header-table-container\"\n    [attr.data-slot-id]=\"date().format('YYYYMMDD') + '-allday'\"\n  >\n    <div class=\"ax-scheduler-day-header-appointment-container\">\n      @if (allDayAppointments().length) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || allDayAppointments()[0].readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          [dragData]=\"allDayAppointments()[0]\"\n          (click)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (dblclick)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (contextmenu)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          [title]=\"tooltipTemplate() ? '' : allDayAppointments()[0].title\"\n          class=\"ax-scheduler-header-day-appointment\"\n          [class.ax-continuation-from-previous]=\"allDayAppointments()[0].isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"allDayAppointments()[0].isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(allDayAppointments()[0].id)\"\n          [class]=\"\n            allDayAppointments()[0].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[0].priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"allDayAppointments()[0]\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ allDayAppointments()[0].title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, allDayAppointments()[0])\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ allDayAppointments()[0].startDate | format: 'date' : { calendar: calendar() } | async }}\n            -\n            {{ allDayAppointments()[0].endDate | format: 'date' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n      @if (allDayAppointments().length > 1) {\n        <div\n          #moreAppointments\n          class=\"ax-scheduler-day-header-more-tag\"\n          [class]=\"\n            allDayAppointments()[1].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[1].priority ?? 'primary') + '-priority'\n          \"\n        >\n          {{\n            '@acorex:common.general.more-items'\n              | translate: { params: { number: allDayAppointments().length - 1 } }\n              | async\n          }}\n        </div>\n        <ax-popover [target]=\"moreAppointments\">\n          <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n            @for (appointment of allDayAppointments(); track appointment.id; let first = $first) {\n              @if (!first) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n                  [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    @if (appointment.isContinuationFromPreviousDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? '\u2192 ' : '\u2190 ' }}</span>\n                    }\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (appointment.isContinuationToNextDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? ' \u2190' : ' \u2192' }}</span>\n                    }\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ appointment.originalStartDate | format: 'date' : { calendar: calendar() } | async }}\n                    -\n                    {{ appointment.originalEndDate | format: 'date' : { calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n            }\n          </div>\n        </ax-popover>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-day-time-container\">\n  <table class=\"ax-scheduler-day-time\" aria-hidden=\"true\" [border]=\"1\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </table>\n  <div class=\"ax-scheduler-day-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-day-appointment-container\">\n      @for (appointment of singleDayAppointments(); track appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragData]=\"appointment\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appointment.title\"\n          class=\"ax-scheduler-day-appointment\"\n          [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(appointment.id)\"\n          [style.width]=\"getAppointmentWidth(appointment.id)\"\n          [style.height]=\"getAppointmentHeight(appointment.id)\"\n          [style.inset-block-start]=\"getAppointmentTop(appointment.id)\"\n          [style.inset-inline-start]=\"getAppointmentLeft(appointment.id)\"\n          [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ appointment.originalStartDate | format: 'time' : { calendar: calendar() } | async }} -\n            {{ appointment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div aria-hidden=\"true\" class=\"ax-scheduler-day-slot\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSingleSlotEvent($event, time)\"\n          (dblclick)=\"handleSingleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n        <div\n          axDropZone\n          #zone2=\"axDropZone\"\n          [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time.add('minute', 30))\"\n          (click)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (dblclick)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          [attr.data-slot-id]=\"time.add('minute', 30).format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-day-view{display:block;position:relative;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-day-view .ax-scheduler-day-header{top:0;z-index:20;width:100%;display:flex;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table{z-index:10;position:sticky;inset-inline-start:0;background-color:inherit}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table div{display:flex;align-items:center;justify-content:center;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:var(--ax-comp-scheduler-basic-view-blocks-height);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container{width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container{gap:1rem;display:flex;width:calc(100% - 2.5rem)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment{width:100%;display:flex;overflow:hidden;position:relative;flex-direction:column;padding-inline:.5rem;justify-content:center;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous{border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:1.25rem}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous:before{content:\"\\2190\";position:absolute;inset-inline-start:.25rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-from-previous:before{content:\"\\2192\"}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:1.25rem}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next:after{content:\"\\2192\";position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment.ax-continuation-to-next:after{content:\"\\2190\"}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-day-header-more-tag{display:flex;cursor:pointer;text-wrap:nowrap;flex-direction:column;padding-inline:.5rem;justify-content:center;border-radius:var(--ax-sys-border-radius)}ax-scheduler-day-view .ax-scheduler-day-time-container{width:100%;display:flex;background-color:inherit}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time{z-index:15;position:sticky;inset-inline-start:0;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time div{display:block;text-align:center;padding-inline:.5rem;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container{width:100%;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container{top:0;position:absolute;width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous{border-start-start-radius:0;border-end-start-radius:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous:before{content:\"\\2190\";position:absolute;inset-inline-start:.25rem;top:.25rem;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-from-previous:before{content:\"\\2192\"}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next{border-start-end-radius:0;border-end-end-radius:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next:after{content:\"\\2192\";position:absolute;inset-inline-end:.25rem;top:.25rem;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment.ax-continuation-to-next:after{content:\"\\2190\"}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot{width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div{height:var(--ax-comp-scheduler-basic-view-blocks-height);display:block;padding-inline:.5rem;border-block-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div:first-child{border-block-start-width:0}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-header-day-appointment,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-appointment{cursor:pointer}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container:hover,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-day-view ax-title{display:flex;justify-content:space-between}ax-scheduler-day-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-day-view ax-title .ax-continuation-arrow{font-size:.65rem;opacity:.7;flex-shrink:0}ax-scheduler-day-view .ax-scheduler-current-time-line{inset-inline-start:0;inset-inline-end:0;height:2px}ax-scheduler-day-view .ax-scheduler-current-time-line:before{top:-5px;inset-inline-start:-6px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerDayViewComponent }], template: "<div class=\"ax-scheduler-day-header\">\n  <div class=\"ax-scheduler-day-header-table\" aria-hidden=\"true\">\n    <div>\n      {{ '@acorex:dateTime.duration.all-day' | translate | async }}\n    </div>\n  </div>\n  <div\n    axDropZone\n    #zone=\"axDropZone\"\n    (onElementDrop)=\"handleAllDayDrop($event)\"\n    [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n    (click)=\"handleAllDaySlotEvent($event)\"\n    (dblclick)=\"handleAllDaySlotEvent($event)\"\n    (contextmenu)=\"handleAllDaySlotEvent($event)\"\n    class=\"ax-scheduler-day-header-table-container\"\n    [attr.data-slot-id]=\"date().format('YYYYMMDD') + '-allday'\"\n  >\n    <div class=\"ax-scheduler-day-header-appointment-container\">\n      @if (allDayAppointments().length) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || allDayAppointments()[0].readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          [dragData]=\"allDayAppointments()[0]\"\n          (click)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (dblclick)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          (contextmenu)=\"handleAppointmentEvent($event, allDayAppointments()[0])\"\n          [title]=\"tooltipTemplate() ? '' : allDayAppointments()[0].title\"\n          class=\"ax-scheduler-header-day-appointment\"\n          [class.ax-continuation-from-previous]=\"allDayAppointments()[0].isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"allDayAppointments()[0].isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(allDayAppointments()[0].id)\"\n          [class]=\"\n            allDayAppointments()[0].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[0].priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"allDayAppointments()[0]\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ allDayAppointments()[0].title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, allDayAppointments()[0])\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ allDayAppointments()[0].startDate | format: 'date' : { calendar: calendar() } | async }}\n            -\n            {{ allDayAppointments()[0].endDate | format: 'date' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n      @if (allDayAppointments().length > 1) {\n        <div\n          #moreAppointments\n          class=\"ax-scheduler-day-header-more-tag\"\n          [class]=\"\n            allDayAppointments()[1].cssClass ??\n            'ax-scheduler-' + (allDayAppointments()[1].priority ?? 'primary') + '-priority'\n          \"\n        >\n          {{\n            '@acorex:common.general.more-items'\n              | translate: { params: { number: allDayAppointments().length - 1 } }\n              | async\n          }}\n        </div>\n        <ax-popover [target]=\"moreAppointments\">\n          <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n            @for (appointment of allDayAppointments(); track appointment.id; let first = $first) {\n              @if (!first) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n                  [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    @if (appointment.isContinuationFromPreviousDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? '\u2192 ' : '\u2190 ' }}</span>\n                    }\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (appointment.isContinuationToNextDay) {\n                      <span class=\"ax-continuation-arrow\">{{ rtl() ? ' \u2190' : ' \u2192' }}</span>\n                    }\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ appointment.originalStartDate | format: 'date' : { calendar: calendar() } | async }}\n                    -\n                    {{ appointment.originalEndDate | format: 'date' : { calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n            }\n          </div>\n        </ax-popover>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-day-time-container\">\n  <table class=\"ax-scheduler-day-time\" aria-hidden=\"true\" [border]=\"1\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </table>\n  <div class=\"ax-scheduler-day-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-day-appointment-container\">\n      @for (appointment of singleDayAppointments(); track appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragData]=\"appointment\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appointment.title\"\n          class=\"ax-scheduler-day-appointment\"\n          [class.ax-continuation-from-previous]=\"appointment.isContinuationFromPreviousDay\"\n          [class.ax-continuation-to-next]=\"appointment.isContinuationToNextDay\"\n          [class.ax-state-active]=\"isActive(appointment.id)\"\n          [style.width]=\"getAppointmentWidth(appointment.id)\"\n          [style.height]=\"getAppointmentHeight(appointment.id)\"\n          [style.inset-block-start]=\"getAppointmentTop(appointment.id)\"\n          [style.inset-inline-start]=\"getAppointmentLeft(appointment.id)\"\n          [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{ appointment.originalStartDate | format: 'time' : { calendar: calendar() } | async }} -\n            {{ appointment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div aria-hidden=\"true\" class=\"ax-scheduler-day-slot\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSingleSlotEvent($event, time)\"\n          (dblclick)=\"handleSingleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n        <div\n          axDropZone\n          #zone2=\"axDropZone\"\n          [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n          (onElementDrop)=\"handleSingleDayDrop($event, time.add('minute', 30))\"\n          (click)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (dblclick)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          (contextmenu)=\"handleSingleSlotEvent($event, time.add('minute', 30))\"\n          [attr.data-slot-id]=\"time.add('minute', 30).format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-scheduler-day-view{min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block;position:relative}ax-scheduler-day-view .ax-scheduler-day-header{z-index:10;border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex;position:sticky;top:0}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table{z-index:10;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table div{height:var(--ax-comp-scheduler-basic-view-blocks-height);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));justify-content:center;align-items:center;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container{width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container{gap:calc(var(--spacing,.25rem) * 4);width:calc(100% - 2.5rem);display:flex}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-header-day-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);flex-direction:column;justify-content:center;display:flex;overflow:hidden}ax-scheduler-day-view .ax-scheduler-day-header .ax-scheduler-day-header-table-container .ax-scheduler-day-header-appointment-container .ax-scheduler-day-header-more-tag{cursor:pointer;border-radius:var(--ax-sys-border-radius);padding-inline:calc(var(--spacing,.25rem) * 2);text-wrap:nowrap;flex-direction:column;justify-content:center;display:flex}ax-scheduler-day-view .ax-scheduler-day-time-container{background-color:inherit;width:100%;display:flex}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time{z-index:15;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-time div{height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;display:block;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container{width:100%;position:relative}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container{width:calc(100% - 2.5rem);position:absolute;top:0}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-appointment-container .ax-scheduler-day-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot{width:100%}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div{height:var(--ax-comp-scheduler-basic-view-blocks-height);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);display:block}ax-scheduler-day-view .ax-scheduler-day-time-container .ax-scheduler-day-table-container .ax-scheduler-day-slot div:first-child{border-top-style:var(--tw-border-style);border-top-width:0}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-header-day-appointment,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-appointment{cursor:pointer}ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-header-table-container,ax-scheduler-day-view:not(.ax-state-readonly) .ax-scheduler-day-slot>div):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-day-view ax-title{justify-content:space-between;display:flex}ax-scheduler-day-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-day-view .ax-scheduler-current-time-line{height:calc(var(--spacing,.25rem) * .5);inset-inline:0}ax-scheduler-day-view .ax-scheduler-current-time-line:before{inset-inline-start:-6px;top:-5px}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { rtl: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtl", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], endDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDayHour", required: true }] }], startDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDayHour", required: true }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerMonthViewComponent extends NXComponent {
     constructor() {
@@ -1410,20 +1410,20 @@ class AXSchedulerMonthViewComponent extends NXComponent {
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
         // --- Inputs ---
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.firstDayOfWeek = input(...(ngDevMode ? [undefined, { debugName: "firstDayOfWeek" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.firstDayOfWeek = input(...(ngDevMode ? [undefined, { debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
         // --- Constants ---
         this.DAYS_IN_WEEK = 7;
         this.MAX_VISIBLE_APPOINTMENTS_PER_DAY = 2;
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
         // Internal outputs to be caught by parent AXSchedulerComponent
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -1451,7 +1451,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
         this.monthStartDate = computed(() => {
             const d = this.date();
             return d ? d.startOf('month') : null;
-        }, ...(ngDevMode ? [{ debugName: "monthStartDate" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "monthStartDate" }] : /* istanbul ignore next */ []));
         // Generate the list of weekday names based on the firstDayOfWeek
         this.daysArray = computed(() => {
             const currentDate = this.date();
@@ -1459,7 +1459,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 firstDayOfWeek: this.firstDayOfWeek(),
             });
             return Array.from({ length: 7 }, (_, index) => headerStartDate.add('day', index));
-        }, ...(ngDevMode ? [{ debugName: "daysArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "daysArray" }] : /* istanbul ignore next */ []));
         // --- Calendar Grid Calculation ---
         this.calendarDaysInfo = computed(() => {
             const monthStart = this.monthStartDate();
@@ -1507,7 +1507,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 currentDay = currentDay.add('day', 1);
             }
             return { days: days, weeksNeeded: actualWeeksToShow };
-        }, ...(ngDevMode ? [{ debugName: "calendarDaysInfo" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "calendarDaysInfo" }] : /* istanbul ignore next */ []));
         // Calculate spanning appointments with their grid positions
         this.spanningAppointments = computed(() => {
             const { days } = this.calendarDaysInfo();
@@ -1605,12 +1605,12 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 });
             }
             return spanningResult;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : /* istanbul ignore next */ []));
         // Get the set of multi-day appointment IDs for exclusion from per-day rendering
         this.multiDayAppointmentIds = computed(() => {
             const spanning = this.spanningAppointments();
             return new Set(spanning.map((s) => s.appointment.id));
-        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : /* istanbul ignore next */ []));
         // --- Day Cell Layout Calculation ---
         this.dayCellLayouts = computed(() => {
             const { days: initialDaysInfo } = this.calendarDaysInfo();
@@ -1661,7 +1661,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                     gridIndex,
                 };
             });
-        }, ...(ngDevMode ? [{ debugName: "dayCellLayouts" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "dayCellLayouts" }] : /* istanbul ignore next */ []));
         // --- Dynamic Grid Rows ---
         this.gridTemplateRowsStyle = computed(() => {
             const { weeksNeeded } = this.calendarDaysInfo();
@@ -1669,7 +1669,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 return `repeat(6, minmax(0, 1fr))`; // Fallback, ensures grid is at least somewhat sensible
             }
             return `repeat(${weeksNeeded}, minmax(0, 1fr))`; // Use 1fr for equal distribution
-        }, ...(ngDevMode ? [{ debugName: "gridTemplateRowsStyle" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "gridTemplateRowsStyle" }] : /* istanbul ignore next */ []));
         // Group spanning appointments by their week row for proper rendering
         this.spanningAppointmentsByWeekRow = computed(() => {
             const spanning = this.spanningAppointments();
@@ -1711,12 +1711,12 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 }
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointmentsByWeekRow" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointmentsByWeekRow" }] : /* istanbul ignore next */ []));
         // Get the number of week rows in the current month view
         this.weekRowsArray = computed(() => {
             const { weeksNeeded } = this.calendarDaysInfo();
             return Array.from({ length: weeksNeeded }, (_, i) => i);
-        }, ...(ngDevMode ? [{ debugName: "weekRowsArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "weekRowsArray" }] : /* istanbul ignore next */ []));
         // Calculate the maximum row index (number of stacked spanning appointments - 1) for each week row
         this.maxSpanningRowsPerWeek = computed(() => {
             const byWeekRow = this.spanningAppointmentsByWeekRow();
@@ -1731,7 +1731,7 @@ class AXSchedulerMonthViewComponent extends NXComponent {
                 result.set(weekRowIndex, maxRowIndex + 1); // +1 to get count from 0-based index
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "maxSpanningRowsPerWeek" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxSpanningRowsPerWeek" }] : /* istanbul ignore next */ []));
     }
     isActive(appointmentId) {
         return this.selectedAppointmentId() === appointmentId;
@@ -1814,10 +1814,10 @@ class AXSchedulerMonthViewComponent extends NXComponent {
         const weekRowIndex = Math.floor(gridIndex / this.DAYS_IN_WEEK);
         return this.maxSpanningRowsPerWeek().get(weekRowIndex) ?? 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerMonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerMonthViewComponent, isStandalone: true, selector: "ax-scheduler-month-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerMonthViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-month-container\">\n  <!-- Weekday Header -->\n  <div class=\"ax-scheduler-month-weekdays\">\n    @for (day of daysArray(); track day.date.getTime()) {\n      <div class=\"ax-scheduler-month-weekday\">\n        {{ day | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <!-- Calendar Grid Wrapper -->\n  <div class=\"ax-scheduler-month-grid-wrapper\">\n    <!-- Spanning Appointments Layer -->\n    <div class=\"ax-scheduler-month-spanning-layer\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (weekRowIndex of weekRowsArray(); track weekRowIndex) {\n        <div class=\"ax-scheduler-month-spanning-week-row\">\n          @for (\n            spanning of getSpanningAppointmentsForWeekRow(weekRowIndex);\n            track spanning.appointment.id + spanning.gridStartIndex\n          ) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-month-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"(spanning.gridStartIndex % 7) + 1 + ' / span ' + spanning.spanCount\"\n              [style.grid-row]=\"spanning.rowIndex + 1\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  >\n                  </ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Calendar Grid -->\n    <div class=\"ax-scheduler-month-grid\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (dayCell of dayCellLayouts(); track dayCell.date.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, dayCell.date)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSlotEvent($event, dayCell.date)\"\n          (dblclick)=\"handleSlotEvent($event, dayCell.date)\"\n          (contextmenu)=\"handleSlotEvent($event, dayCell.date)\"\n          class=\"ax-scheduler-month-day-cell {{\n            dayCell.isHoliday ? (dayCell.holidayCssClass ?? 'ax-state-holiday') : ''\n          }}\"\n          [class.ax-state-today]=\"dayCell.isToday\"\n          [class.ax-other-month]=\"!dayCell.isCurrentMonth\"\n          [attr.data-slot-id]=\"dayCell.date.format('YYYYMMDD')\"\n        >\n          <div class=\"ax-scheduler-month-day-header\">\n            <span class=\"ax-scheduler-month-day-number ax-scheduler-truncate\" [axTooltip]=\"dayCell.holidayTitle ?? ''\">\n              {{ dayCell.date.dayOfMonth }}\n\n              @if (dayCell.holidayTitle) {\n                ( {{ dayCell.holidayTitle }} )\n              }\n            </span>\n          </div>\n          <div\n            class=\"ax-scheduler-month-day-appointments\"\n            [style.--spanning-rows-count]=\"getSpanningRowsCountForDayCell(dayCell.gridIndex)\"\n          >\n            <!-- Visible Single-day Appointment Segments -->\n            @for (segment of dayCell.visibleAppointments; track segment.id + segment.originalStartDate) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragData]=\"segment\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, segment)\"\n                (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                [title]=\"\n                  tooltipTemplate()\n                    ? ''\n                    : segment.title +\n                      (segment.allDay\n                        ? ''\n                        : ' (' +\n                          (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                          ' - ' +\n                          (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                          ')')\n                \"\n                [class.all-day-segment]=\"segment.allDay\"\n                class=\"ax-scheduler-month-appointment-chip\"\n                [class.ax-state-active]=\"isActive(segment.id)\"\n                [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltip]=\"tooltipTemplate()\"\n                [axTooltipContext]=\"segment\"\n              >\n                <span class=\"ax-appointment-chip-title\">\n                  <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, segment)\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    >\n                    </ax-icon>\n                  }\n                </span>\n                @if (!segment.allDay) {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              </div>\n            }\n            <!-- Overflow Badge and Popover -->\n            @if (dayCell.overflowCount > 0) {\n              <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                <!-- Stop propagation to prevent slot click -->\n                +{{\n                  '@acorex:common.general.more-items' | translate: { params: { number: dayCell.overflowCount } } | async\n                }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                <div\n                  axDropZone\n                  [class.ax-state-readonly]=\"readonly()\"\n                  class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                >\n                  @for (segment of dayCell.hiddenAppointments; track segment.id + segment.originalStartDate) {\n                    <div\n                      axDrag\n                      [dragCursor]=\"'grab'\"\n                      [dragData]=\"segment\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.title +\n                            (segment.allDay\n                              ? ''\n                              : ' (' +\n                                (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                ' - ' +\n                                (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                ')')\n                      \"\n                      class=\"ax-scheduler-popover-appointment\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <span class=\"ax-appointment-chip-title\">\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </span>\n                      @if (!segment.allDay) {\n                        <span>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-month-view{--ax-scheduler-month-spanning-row-height: 1.25rem;--ax-scheduler-month-spanning-row-gap: .25rem;height:100%;display:block;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-month-view .ax-scheduler-month-container{height:100%;display:flex;flex-direction:column;background-color:inherit}ax-scheduler-month-view .ax-scheduler-month-weekdays{top:0;z-index:10;width:100%;display:grid;flex-shrink:0;position:sticky;padding:.5rem 0;text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-weekdays .ax-scheduler-month-weekday{font-weight:500;font-size:.875rem}ax-scheduler-month-view .ax-scheduler-month-grid-wrapper{flex-grow:1;display:grid;position:relative}ax-scheduler-month-view .ax-scheduler-month-spanning-layer{top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;display:grid;position:absolute;pointer-events:none;grid-auto-rows:minmax(5rem,auto);grid-template-columns:1fr;border-inline-start:1px solid transparent}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row{display:grid;position:relative;align-content:start;padding-top:1.5rem;row-gap:var(--ax-scheduler-month-spanning-row-gap);grid-auto-rows:var(--ax-scheduler-month-spanning-row-height);grid-template-columns:repeat(7,minmax(0,1fr))}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment{z-index:6;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;pointer-events:auto;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-month-view .ax-scheduler-month-grid{width:100%;display:grid;position:relative;z-index:1;grid-auto-rows:minmax(5rem,auto);grid-template-columns:repeat(7,minmax(0,1fr));border-inline-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell{padding:.25rem;overflow:hidden;position:relative;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:rgba(var(--ax-sys-color-border-lightest-surface),.2)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-on-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today .ax-scheduler-month-day-number{font-weight:700;color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:rgba(var(--ax-sys-color-primary-surface),.025)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-primary-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday .ax-scheduler-month-day-number{font-weight:700;color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-danger-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header{text-align:center;margin-bottom:.25rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header .ax-scheduler-month-day-number{max-width:100%;font-size:.875rem;display:inline-block}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments{gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-top:max(0rem,var(--spanning-rows-count, 0) * (var(--ax-scheduler-month-spanning-row-height) + var(--ax-scheduler-month-spanning-row-gap)) - var(--ax-scheduler-month-spanning-row-gap))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-appointment-chip{overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-appointment-chip,ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-spanning-appointment{cursor:pointer}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.1)}ax-scheduler-month-view .ax-appointment-chip-title{display:flex;justify-content:space-between}ax-scheduler-month-view .ax-appointment-chip-title .ax-scheduler-action-icon{width:auto;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerMonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerMonthViewComponent, isStandalone: true, selector: "ax-scheduler-month-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerMonthViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-month-container\">\n  <!-- Weekday Header -->\n  <div class=\"ax-scheduler-month-weekdays\">\n    @for (day of daysArray(); track day.date.getTime()) {\n      <div class=\"ax-scheduler-month-weekday\">\n        {{ day | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <!-- Calendar Grid Wrapper -->\n  <div class=\"ax-scheduler-month-grid-wrapper\">\n    <!-- Spanning Appointments Layer -->\n    <div class=\"ax-scheduler-month-spanning-layer\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (weekRowIndex of weekRowsArray(); track weekRowIndex) {\n        <div class=\"ax-scheduler-month-spanning-week-row\">\n          @for (\n            spanning of getSpanningAppointmentsForWeekRow(weekRowIndex);\n            track spanning.appointment.id + spanning.gridStartIndex\n          ) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-month-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"(spanning.gridStartIndex % 7) + 1 + ' / span ' + spanning.spanCount\"\n              [style.grid-row]=\"spanning.rowIndex + 1\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  >\n                  </ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Calendar Grid -->\n    <div class=\"ax-scheduler-month-grid\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (dayCell of dayCellLayouts(); track dayCell.date.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, dayCell.date)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSlotEvent($event, dayCell.date)\"\n          (dblclick)=\"handleSlotEvent($event, dayCell.date)\"\n          (contextmenu)=\"handleSlotEvent($event, dayCell.date)\"\n          class=\"ax-scheduler-month-day-cell {{\n            dayCell.isHoliday ? (dayCell.holidayCssClass ?? 'ax-state-holiday') : ''\n          }}\"\n          [class.ax-state-today]=\"dayCell.isToday\"\n          [class.ax-other-month]=\"!dayCell.isCurrentMonth\"\n          [attr.data-slot-id]=\"dayCell.date.format('YYYYMMDD')\"\n        >\n          <div class=\"ax-scheduler-month-day-header\">\n            <span class=\"ax-scheduler-month-day-number ax-scheduler-truncate\" [axTooltip]=\"dayCell.holidayTitle ?? ''\">\n              {{ dayCell.date.dayOfMonth }}\n\n              @if (dayCell.holidayTitle) {\n                ( {{ dayCell.holidayTitle }} )\n              }\n            </span>\n          </div>\n          <div\n            class=\"ax-scheduler-month-day-appointments\"\n            [style.--spanning-rows-count]=\"getSpanningRowsCountForDayCell(dayCell.gridIndex)\"\n          >\n            <!-- Visible Single-day Appointment Segments -->\n            @for (segment of dayCell.visibleAppointments; track segment.id + segment.originalStartDate) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragData]=\"segment\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, segment)\"\n                (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                [title]=\"\n                  tooltipTemplate()\n                    ? ''\n                    : segment.title +\n                      (segment.allDay\n                        ? ''\n                        : ' (' +\n                          (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                          ' - ' +\n                          (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                          ')')\n                \"\n                [class.all-day-segment]=\"segment.allDay\"\n                class=\"ax-scheduler-month-appointment-chip\"\n                [class.ax-state-active]=\"isActive(segment.id)\"\n                [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltip]=\"tooltipTemplate()\"\n                [axTooltipContext]=\"segment\"\n              >\n                <span class=\"ax-appointment-chip-title\">\n                  <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, segment)\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    >\n                    </ax-icon>\n                  }\n                </span>\n                @if (!segment.allDay) {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              </div>\n            }\n            <!-- Overflow Badge and Popover -->\n            @if (dayCell.overflowCount > 0) {\n              <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                <!-- Stop propagation to prevent slot click -->\n                +{{\n                  '@acorex:common.general.more-items' | translate: { params: { number: dayCell.overflowCount } } | async\n                }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                <div\n                  axDropZone\n                  [class.ax-state-readonly]=\"readonly()\"\n                  class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                >\n                  @for (segment of dayCell.hiddenAppointments; track segment.id + segment.originalStartDate) {\n                    <div\n                      axDrag\n                      [dragCursor]=\"'grab'\"\n                      [dragData]=\"segment\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.title +\n                            (segment.allDay\n                              ? ''\n                              : ' (' +\n                                (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                ' - ' +\n                                (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                ')')\n                      \"\n                      class=\"ax-scheduler-popover-appointment\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <span class=\"ax-appointment-chip-title\">\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </span>\n                      @if (!segment.allDay) {\n                        <span>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-scheduler-month-view{height:100%;min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block}ax-scheduler-month-view .ax-scheduler-month-container{background-color:inherit;flex-direction:column;height:100%;display:flex}ax-scheduler-month-view .ax-scheduler-month-container .ax-scheduler-month-grid-wrapper{height:100%}ax-scheduler-month-view .ax-scheduler-month-weekdays{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * 2);text-align:center;flex-shrink:0;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:sticky;top:0}ax-scheduler-month-view .ax-scheduler-month-weekdays .ax-scheduler-month-weekday{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-month-view .ax-scheduler-month-grid{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-grow:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(5rem,auto);width:100%;height:100%;display:grid}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:var(--spacing,.25rem);position:relative;overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:rgba(var(--ax-sys-color-border-lightest-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 20%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-on-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today .ax-scheduler-month-day-number{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 2.5%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday .ax-scheduler-month-day-number{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-danger-600))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-danger-600)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header{margin-bottom:var(--spacing,.25rem);text-align:center}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header .ax-scheduler-month-day-number{max-width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));display:inline-block}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments{gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-appointment-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm,.25rem);padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-appointment-chip{cursor:pointer}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.1)}ax-scheduler-month-view .ax-appointment-chip-title{justify-content:space-between;display:flex}ax-scheduler-month-view .ax-appointment-chip-title .ax-scheduler-action-icon{cursor:pointer;width:auto}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerMonthViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-month-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -1830,8 +1830,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXTooltipDirective,
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerMonthViewComponent }], template: "<div class=\"ax-scheduler-month-container\">\n  <!-- Weekday Header -->\n  <div class=\"ax-scheduler-month-weekdays\">\n    @for (day of daysArray(); track day.date.getTime()) {\n      <div class=\"ax-scheduler-month-weekday\">\n        {{ day | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <!-- Calendar Grid Wrapper -->\n  <div class=\"ax-scheduler-month-grid-wrapper\">\n    <!-- Spanning Appointments Layer -->\n    <div class=\"ax-scheduler-month-spanning-layer\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (weekRowIndex of weekRowsArray(); track weekRowIndex) {\n        <div class=\"ax-scheduler-month-spanning-week-row\">\n          @for (\n            spanning of getSpanningAppointmentsForWeekRow(weekRowIndex);\n            track spanning.appointment.id + spanning.gridStartIndex\n          ) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-month-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"(spanning.gridStartIndex % 7) + 1 + ' / span ' + spanning.spanCount\"\n              [style.grid-row]=\"spanning.rowIndex + 1\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  >\n                  </ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Calendar Grid -->\n    <div class=\"ax-scheduler-month-grid\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (dayCell of dayCellLayouts(); track dayCell.date.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, dayCell.date)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSlotEvent($event, dayCell.date)\"\n          (dblclick)=\"handleSlotEvent($event, dayCell.date)\"\n          (contextmenu)=\"handleSlotEvent($event, dayCell.date)\"\n          class=\"ax-scheduler-month-day-cell {{\n            dayCell.isHoliday ? (dayCell.holidayCssClass ?? 'ax-state-holiday') : ''\n          }}\"\n          [class.ax-state-today]=\"dayCell.isToday\"\n          [class.ax-other-month]=\"!dayCell.isCurrentMonth\"\n          [attr.data-slot-id]=\"dayCell.date.format('YYYYMMDD')\"\n        >\n          <div class=\"ax-scheduler-month-day-header\">\n            <span class=\"ax-scheduler-month-day-number ax-scheduler-truncate\" [axTooltip]=\"dayCell.holidayTitle ?? ''\">\n              {{ dayCell.date.dayOfMonth }}\n\n              @if (dayCell.holidayTitle) {\n                ( {{ dayCell.holidayTitle }} )\n              }\n            </span>\n          </div>\n          <div\n            class=\"ax-scheduler-month-day-appointments\"\n            [style.--spanning-rows-count]=\"getSpanningRowsCountForDayCell(dayCell.gridIndex)\"\n          >\n            <!-- Visible Single-day Appointment Segments -->\n            @for (segment of dayCell.visibleAppointments; track segment.id + segment.originalStartDate) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragData]=\"segment\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, segment)\"\n                (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                [title]=\"\n                  tooltipTemplate()\n                    ? ''\n                    : segment.title +\n                      (segment.allDay\n                        ? ''\n                        : ' (' +\n                          (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                          ' - ' +\n                          (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                          ')')\n                \"\n                [class.all-day-segment]=\"segment.allDay\"\n                class=\"ax-scheduler-month-appointment-chip\"\n                [class.ax-state-active]=\"isActive(segment.id)\"\n                [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltip]=\"tooltipTemplate()\"\n                [axTooltipContext]=\"segment\"\n              >\n                <span class=\"ax-appointment-chip-title\">\n                  <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, segment)\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    >\n                    </ax-icon>\n                  }\n                </span>\n                @if (!segment.allDay) {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              </div>\n            }\n            <!-- Overflow Badge and Popover -->\n            @if (dayCell.overflowCount > 0) {\n              <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                <!-- Stop propagation to prevent slot click -->\n                +{{\n                  '@acorex:common.general.more-items' | translate: { params: { number: dayCell.overflowCount } } | async\n                }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                <div\n                  axDropZone\n                  [class.ax-state-readonly]=\"readonly()\"\n                  class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                >\n                  @for (segment of dayCell.hiddenAppointments; track segment.id + segment.originalStartDate) {\n                    <div\n                      axDrag\n                      [dragCursor]=\"'grab'\"\n                      [dragData]=\"segment\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.title +\n                            (segment.allDay\n                              ? ''\n                              : ' (' +\n                                (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                ' - ' +\n                                (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                ')')\n                      \"\n                      class=\"ax-scheduler-popover-appointment\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <span class=\"ax-appointment-chip-title\">\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </span>\n                      @if (!segment.allDay) {\n                        <span>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-month-view{--ax-scheduler-month-spanning-row-height: 1.25rem;--ax-scheduler-month-spanning-row-gap: .25rem;height:100%;display:block;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-month-view .ax-scheduler-month-container{height:100%;display:flex;flex-direction:column;background-color:inherit}ax-scheduler-month-view .ax-scheduler-month-weekdays{top:0;z-index:10;width:100%;display:grid;flex-shrink:0;position:sticky;padding:.5rem 0;text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-weekdays .ax-scheduler-month-weekday{font-weight:500;font-size:.875rem}ax-scheduler-month-view .ax-scheduler-month-grid-wrapper{flex-grow:1;display:grid;position:relative}ax-scheduler-month-view .ax-scheduler-month-spanning-layer{top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;display:grid;position:absolute;pointer-events:none;grid-auto-rows:minmax(5rem,auto);grid-template-columns:1fr;border-inline-start:1px solid transparent}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row{display:grid;position:relative;align-content:start;padding-top:1.5rem;row-gap:var(--ax-scheduler-month-spanning-row-gap);grid-auto-rows:var(--ax-scheduler-month-spanning-row-height);grid-template-columns:repeat(7,minmax(0,1fr))}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment{z-index:6;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;pointer-events:auto;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-month-view .ax-scheduler-month-spanning-layer .ax-scheduler-month-spanning-week-row .ax-scheduler-month-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-month-view .ax-scheduler-month-grid{width:100%;display:grid;position:relative;z-index:1;grid-auto-rows:minmax(5rem,auto);grid-template-columns:repeat(7,minmax(0,1fr));border-inline-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell{padding:.25rem;overflow:hidden;position:relative;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:rgba(var(--ax-sys-color-border-lightest-surface),.2)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-on-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today .ax-scheduler-month-day-number{font-weight:700;color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:rgba(var(--ax-sys-color-primary-surface),.025)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-primary-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday .ax-scheduler-month-day-number{font-weight:700;color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-danger-surface),.5)}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header{text-align:center;margin-bottom:.25rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header .ax-scheduler-month-day-number{max-width:100%;font-size:.875rem;display:inline-block}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments{gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-top:max(0rem,var(--spanning-rows-count, 0) * (var(--ax-scheduler-month-spanning-row-height) + var(--ax-scheduler-month-spanning-row-gap)) - var(--ax-scheduler-month-spanning-row-gap))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-appointment-chip{overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-appointment-chip,ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-spanning-appointment{cursor:pointer}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.1)}ax-scheduler-month-view .ax-appointment-chip-title{display:flex;justify-content:space-between}ax-scheduler-month-view .ax-appointment-chip-title .ax-scheduler-action-icon{width:auto;cursor:pointer}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerMonthViewComponent }], template: "<div class=\"ax-scheduler-month-container\">\n  <!-- Weekday Header -->\n  <div class=\"ax-scheduler-month-weekdays\">\n    @for (day of daysArray(); track day.date.getTime()) {\n      <div class=\"ax-scheduler-month-weekday\">\n        {{ day | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <!-- Calendar Grid Wrapper -->\n  <div class=\"ax-scheduler-month-grid-wrapper\">\n    <!-- Spanning Appointments Layer -->\n    <div class=\"ax-scheduler-month-spanning-layer\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (weekRowIndex of weekRowsArray(); track weekRowIndex) {\n        <div class=\"ax-scheduler-month-spanning-week-row\">\n          @for (\n            spanning of getSpanningAppointmentsForWeekRow(weekRowIndex);\n            track spanning.appointment.id + spanning.gridStartIndex\n          ) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-month-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"(spanning.gridStartIndex % 7) + 1 + ' / span ' + spanning.spanCount\"\n              [style.grid-row]=\"spanning.rowIndex + 1\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  >\n                  </ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Calendar Grid -->\n    <div class=\"ax-scheduler-month-grid\" [style.gridTemplateRows]=\"gridTemplateRowsStyle()\">\n      @for (dayCell of dayCellLayouts(); track dayCell.date.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, dayCell.date)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          (click)=\"handleSlotEvent($event, dayCell.date)\"\n          (dblclick)=\"handleSlotEvent($event, dayCell.date)\"\n          (contextmenu)=\"handleSlotEvent($event, dayCell.date)\"\n          class=\"ax-scheduler-month-day-cell {{\n            dayCell.isHoliday ? (dayCell.holidayCssClass ?? 'ax-state-holiday') : ''\n          }}\"\n          [class.ax-state-today]=\"dayCell.isToday\"\n          [class.ax-other-month]=\"!dayCell.isCurrentMonth\"\n          [attr.data-slot-id]=\"dayCell.date.format('YYYYMMDD')\"\n        >\n          <div class=\"ax-scheduler-month-day-header\">\n            <span class=\"ax-scheduler-month-day-number ax-scheduler-truncate\" [axTooltip]=\"dayCell.holidayTitle ?? ''\">\n              {{ dayCell.date.dayOfMonth }}\n\n              @if (dayCell.holidayTitle) {\n                ( {{ dayCell.holidayTitle }} )\n              }\n            </span>\n          </div>\n          <div\n            class=\"ax-scheduler-month-day-appointments\"\n            [style.--spanning-rows-count]=\"getSpanningRowsCountForDayCell(dayCell.gridIndex)\"\n          >\n            <!-- Visible Single-day Appointment Segments -->\n            @for (segment of dayCell.visibleAppointments; track segment.id + segment.originalStartDate) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragData]=\"segment\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, segment)\"\n                (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                [title]=\"\n                  tooltipTemplate()\n                    ? ''\n                    : segment.title +\n                      (segment.allDay\n                        ? ''\n                        : ' (' +\n                          (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                          ' - ' +\n                          (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                          ')')\n                \"\n                [class.all-day-segment]=\"segment.allDay\"\n                class=\"ax-scheduler-month-appointment-chip\"\n                [class.ax-state-active]=\"isActive(segment.id)\"\n                [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltip]=\"tooltipTemplate()\"\n                [axTooltipContext]=\"segment\"\n              >\n                <span class=\"ax-appointment-chip-title\">\n                  <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, segment)\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    >\n                    </ax-icon>\n                  }\n                </span>\n                @if (!segment.allDay) {\n                  <span>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </span>\n                }\n              </div>\n            }\n            <!-- Overflow Badge and Popover -->\n            @if (dayCell.overflowCount > 0) {\n              <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                <!-- Stop propagation to prevent slot click -->\n                +{{\n                  '@acorex:common.general.more-items' | translate: { params: { number: dayCell.overflowCount } } | async\n                }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                <div\n                  axDropZone\n                  [class.ax-state-readonly]=\"readonly()\"\n                  class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                >\n                  @for (segment of dayCell.hiddenAppointments; track segment.id + segment.originalStartDate) {\n                    <div\n                      axDrag\n                      [dragCursor]=\"'grab'\"\n                      [dragData]=\"segment\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.title +\n                            (segment.allDay\n                              ? ''\n                              : ' (' +\n                                (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                ' - ' +\n                                (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                ')')\n                      \"\n                      class=\"ax-scheduler-popover-appointment\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [class]=\"segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <span class=\"ax-appointment-chip-title\">\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </span>\n                      @if (!segment.allDay) {\n                        <span>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{ax-scheduler-month-view{height:100%;min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block}ax-scheduler-month-view .ax-scheduler-month-container{background-color:inherit;flex-direction:column;height:100%;display:flex}ax-scheduler-month-view .ax-scheduler-month-container .ax-scheduler-month-grid-wrapper{height:100%}ax-scheduler-month-view .ax-scheduler-month-weekdays{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * 2);text-align:center;flex-shrink:0;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:sticky;top:0}ax-scheduler-month-view .ax-scheduler-month-weekdays .ax-scheduler-month-weekday{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-month-view .ax-scheduler-month-grid{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-grow:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(5rem,auto);width:100%;height:100%;display:grid}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:var(--spacing,.25rem);position:relative;overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:rgba(var(--ax-sys-color-border-lightest-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 20%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-on-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today .ax-scheduler-month-day-number{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 2.5%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-today.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday .ax-scheduler-month-day-number{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:rgba(var(--ax-sys-color-danger-600))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell.ax-state-holiday.ax-other-month .ax-scheduler-month-day-number{color:color-mix(in oklab,rgba(var(--ax-sys-color-danger-600)) 50%,transparent)}}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header{margin-bottom:var(--spacing,.25rem);text-align:center}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-header .ax-scheduler-month-day-number{max-width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));display:inline-block}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments{gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-appointment-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm,.25rem);padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));overflow:hidden}ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-month-view .ax-scheduler-month-grid .ax-scheduler-month-day-cell .ax-scheduler-month-day-appointments .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-appointment-chip{cursor:pointer}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}ax-scheduler-month-view:not(.ax-state-readonly) .ax-scheduler-month-day-cell:hover.ax-state-holiday{background-color:rgba(var(--ax-sys-color-danger-surface),.1)}ax-scheduler-month-view .ax-appointment-chip-title{justify-content:space-between;display:flex}ax-scheduler-month-view .ax-appointment-chip-title .ax-scheduler-action-icon{cursor:pointer;width:auto}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerTimelineDayViewComponent extends NXComponent {
     constructor() {
@@ -1842,26 +1842,26 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
         this.GAP_PX = 1;
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : []));
-        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : []));
-        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
-        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : []));
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : /* istanbul ignore next */ []));
+        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : /* istanbul ignore next */ []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
         /**
          * Gets appointments grouped by resources for timeline view.
          */
@@ -1870,7 +1870,7 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.filterAppointmentsByResources(allAppointments, resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : /* istanbul ignore next */ []));
         /**
          * Gets all resource IDs including unassigned if applicable.
          */
@@ -1878,7 +1878,7 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.getAllResourceIds(resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : /* istanbul ignore next */ []));
         /**
          * Processes original appointments to get segments relevant to this specific day and its viewable hours.
          * Filters out original all-day events.
@@ -1922,7 +1922,7 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
                 }
             }
             return segmentsOnThisDay;
-        }, ...(ngDevMode ? [{ debugName: "processedSegmentsForLayout" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "processedSegmentsForLayout" }] : /* istanbul ignore next */ []));
         // Internal outputs to be caught by parent AXSchedulerComponent
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -1956,7 +1956,7 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
                 hours.push(time);
             }
             return hours;
-        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : /* istanbul ignore next */ []));
         // --- Appointment Layout Calculation ---
         this.appointmentLayouts = computed(() => {
             const finalLayouts = [];
@@ -2007,7 +2007,7 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
                 });
             }
             return finalLayouts;
-        }, ...(ngDevMode ? [{ debugName: "appointmentLayouts" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "appointmentLayouts" }] : /* istanbul ignore next */ []));
     }
     isActive(appointmentId) {
         return this.selectedAppointmentId() === appointmentId;
@@ -2287,10 +2287,10 @@ class AXSchedulerTimelineDayViewComponent extends NXComponent {
         this.dragStartSlotId.set(dropListElement ? dropListElement.dataset['slotId'] : null);
         this.dragStartSlotResourceId.set(dropListElement ? dropListElement.dataset['resourceId'] : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineDayViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerTimelineDayViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-day-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineDayViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-header\">\n    @for (hour of hoursArray(); track hour.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-header-hours\">\n        <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-timeline-content\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        #currentTimeLine\n      ></div>\n    }\n    <div class=\"ax-scheduler-timeline-appointment-container\">\n      @for (\n        layout of resources().length === 0 ? appointmentLayouts() : getAppointmentLayoutsForResource(resourceIds()[0]);\n        track layout.appointment.id\n      ) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n          [dragData]=\"layout.appointment\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n          [style.width]=\"layout.layoutWidth\"\n          [style.height]=\"layout.layoutHeight\"\n          class=\"ax-scheduler-timeline-appointment {{\n            layout.appointment.cssClass ?? 'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n          }}\"\n          [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n          [style.insetBlockStart]=\"layout.layoutTop\"\n          [style.insetInlineStart]=\"layout.layoutLeft\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"layout.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, layout.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              layout.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{\n              layout.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          class=\"ax-scheduler-timeline-slot-cell\"\n          (click)=\"handleSlotEvent($event, time)\"\n          (dblclick)=\"handleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-resource-container\">\n    <!-- Single sticky time header for all resources (only show if not used in multi-day) -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-header ax-scheduler-timeline-header-sticky\">\n        <div class=\"ax-scheduler-timeline-resource-header-placeholder\"><span>Resources</span></div>\n        @for (hour of hoursArray(); track hour.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-header-hours\">\n            <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows -->\n    <div class=\"ax-scheduler-timeline-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n        <div\n          #currentTimeLine\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div class=\"ax-scheduler-timeline-resource-row\" [style.height]=\"getResourceRowHeight(resourceId)\">\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-resource-header ax-scheduler-timeline-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-resource-content\">\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (layout of getAppointmentLayoutsForResource(resourceId); track layout.appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n                  [dragData]=\"layout.appointment\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n                  [style.width]=\"layout.layoutWidth\"\n                  [style.height]=\"layout.layoutHeight\"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    layout.appointment.cssClass ??\n                      'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n                  [style.insetBlockStart]=\"layout.layoutTop\"\n                  [style.insetInlineStart]=\"layout.layoutLeft\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"layout.appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, layout.appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      layout.appointment.originalStartDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                    -\n                    {{\n                      layout.appointment.originalEndDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n            <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n              @for (time of hoursArray(); track time.date.getTime()) {\n                <div\n                  axDropZone\n                  #zone=\"axDropZone\"\n                  (onElementDrop)=\"handleDrop($event, time, resourceId)\"\n                  [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                  class=\"ax-scheduler-timeline-slot-cell\"\n                  (click)=\"handleSlotEvent($event, time)\"\n                  (dblclick)=\"handleSlotEvent($event, time)\"\n                  (contextmenu)=\"handleSlotEvent($event, time)\"\n                  [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n                  [attr.data-resource-id]=\"resourceId\"\n                ></div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["ax-scheduler-timeline-day-view{height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container{height:auto;display:flex;min-height:100%;overflow:visible;flex-direction:column;background-color:inherit;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky .ax-scheduler-timeline-resource-header-placeholder{left:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-right:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row{display:flex;min-height:0;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-right:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header.ax-scheduler-timeline-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:15;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header .ax-scheduler-timeline-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container{top:0;width:100%;height:100%;position:absolute}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{content:\"\";position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(var(--ax-sys-color-border-lightest-surface),.3)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{top:0;z-index:2;width:100%;display:flex;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours{position:relative;padding:.25rem .5rem;width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours span{position:sticky;inset-inline-start:.5rem}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{top:0;width:100%;height:100%;position:absolute}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row{height:100%;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{z-index:1;cursor:pointer}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell{z-index:0;cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-day-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-day-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineDayViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerTimelineDayViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-day-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineDayViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-header\">\n    @for (hour of hoursArray(); track hour.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-header-hours\">\n        <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-timeline-content\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        #currentTimeLine\n      ></div>\n    }\n    <div class=\"ax-scheduler-timeline-appointment-container\">\n      @for (\n        layout of resources().length === 0 ? appointmentLayouts() : getAppointmentLayoutsForResource(resourceIds()[0]);\n        track layout.appointment.id\n      ) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n          [dragData]=\"layout.appointment\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n          [style.width]=\"layout.layoutWidth\"\n          [style.height]=\"layout.layoutHeight\"\n          class=\"ax-scheduler-timeline-appointment {{\n            layout.appointment.cssClass ?? 'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n          }}\"\n          [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n          [style.insetBlockStart]=\"layout.layoutTop\"\n          [style.insetInlineStart]=\"layout.layoutLeft\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"layout.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, layout.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              layout.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{\n              layout.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          class=\"ax-scheduler-timeline-slot-cell\"\n          (click)=\"handleSlotEvent($event, time)\"\n          (dblclick)=\"handleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-resource-container\">\n    <!-- Single sticky time header for all resources (only show if not used in multi-day) -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-header ax-scheduler-timeline-header-sticky\">\n        <div class=\"ax-scheduler-timeline-resource-header-placeholder\"><span>Resources</span></div>\n        @for (hour of hoursArray(); track hour.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-header-hours\">\n            <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows -->\n    <div class=\"ax-scheduler-timeline-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n        <div\n          #currentTimeLine\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div class=\"ax-scheduler-timeline-resource-row\" [style.height]=\"getResourceRowHeight(resourceId)\">\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-resource-header ax-scheduler-timeline-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-resource-content\">\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (layout of getAppointmentLayoutsForResource(resourceId); track layout.appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n                  [dragData]=\"layout.appointment\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n                  [style.width]=\"layout.layoutWidth\"\n                  [style.height]=\"layout.layoutHeight\"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    layout.appointment.cssClass ??\n                      'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n                  [style.insetBlockStart]=\"layout.layoutTop\"\n                  [style.insetInlineStart]=\"layout.layoutLeft\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"layout.appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, layout.appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      layout.appointment.originalStartDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                    -\n                    {{\n                      layout.appointment.originalEndDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n            <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n              @for (time of hoursArray(); track time.date.getTime()) {\n                <div\n                  axDropZone\n                  #zone=\"axDropZone\"\n                  (onElementDrop)=\"handleDrop($event, time, resourceId)\"\n                  [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                  class=\"ax-scheduler-timeline-slot-cell\"\n                  (click)=\"handleSlotEvent($event, time)\"\n                  (dblclick)=\"handleSlotEvent($event, time)\"\n                  (contextmenu)=\"handleSlotEvent($event, time)\"\n                  [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n                  [attr.data-resource-id]=\"resourceId\"\n                ></div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-day-view{background-color:inherit;flex-direction:column;height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container{background-color:inherit;flex-direction:column;height:auto;min-height:100%;display:flex;position:relative;overflow:visible}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky .ax-scheduler-timeline-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:0;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header{width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header.ax-scheduler-timeline-resource-header-sticky{z-index:15;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header .ax-scheduler-timeline-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{inset-inline-end:calc(var(--spacing,.25rem) * 0);content:var(--tw-content);background-color:rgba(var(--ax-sys-color-border-lightest-surface));width:1px;height:100%;position:absolute;top:0}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 30%,transparent)}}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{--tw-content:\"\";content:var(--tw-content)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{z-index:2;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex;position:sticky;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours span{position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row{height:100%;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{z-index:1;cursor:pointer}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell{z-index:0;cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-day-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-day-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineDayViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineDayViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-timeline-day-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -2303,8 +2303,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineDayViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-header\">\n    @for (hour of hoursArray(); track hour.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-header-hours\">\n        <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-timeline-content\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        #currentTimeLine\n      ></div>\n    }\n    <div class=\"ax-scheduler-timeline-appointment-container\">\n      @for (\n        layout of resources().length === 0 ? appointmentLayouts() : getAppointmentLayoutsForResource(resourceIds()[0]);\n        track layout.appointment.id\n      ) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n          [dragData]=\"layout.appointment\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n          [style.width]=\"layout.layoutWidth\"\n          [style.height]=\"layout.layoutHeight\"\n          class=\"ax-scheduler-timeline-appointment {{\n            layout.appointment.cssClass ?? 'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n          }}\"\n          [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n          [style.insetBlockStart]=\"layout.layoutTop\"\n          [style.insetInlineStart]=\"layout.layoutLeft\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"layout.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, layout.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              layout.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{\n              layout.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          class=\"ax-scheduler-timeline-slot-cell\"\n          (click)=\"handleSlotEvent($event, time)\"\n          (dblclick)=\"handleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-resource-container\">\n    <!-- Single sticky time header for all resources (only show if not used in multi-day) -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-header ax-scheduler-timeline-header-sticky\">\n        <div class=\"ax-scheduler-timeline-resource-header-placeholder\"><span>Resources</span></div>\n        @for (hour of hoursArray(); track hour.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-header-hours\">\n            <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows -->\n    <div class=\"ax-scheduler-timeline-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n        <div\n          #currentTimeLine\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div class=\"ax-scheduler-timeline-resource-row\" [style.height]=\"getResourceRowHeight(resourceId)\">\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-resource-header ax-scheduler-timeline-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-resource-content\">\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (layout of getAppointmentLayoutsForResource(resourceId); track layout.appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n                  [dragData]=\"layout.appointment\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n                  [style.width]=\"layout.layoutWidth\"\n                  [style.height]=\"layout.layoutHeight\"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    layout.appointment.cssClass ??\n                      'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n                  [style.insetBlockStart]=\"layout.layoutTop\"\n                  [style.insetInlineStart]=\"layout.layoutLeft\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"layout.appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, layout.appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      layout.appointment.originalStartDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                    -\n                    {{\n                      layout.appointment.originalEndDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n            <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n              @for (time of hoursArray(); track time.date.getTime()) {\n                <div\n                  axDropZone\n                  #zone=\"axDropZone\"\n                  (onElementDrop)=\"handleDrop($event, time, resourceId)\"\n                  [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                  class=\"ax-scheduler-timeline-slot-cell\"\n                  (click)=\"handleSlotEvent($event, time)\"\n                  (dblclick)=\"handleSlotEvent($event, time)\"\n                  (contextmenu)=\"handleSlotEvent($event, time)\"\n                  [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n                  [attr.data-resource-id]=\"resourceId\"\n                ></div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["ax-scheduler-timeline-day-view{height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container{height:auto;display:flex;min-height:100%;overflow:visible;flex-direction:column;background-color:inherit;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky .ax-scheduler-timeline-resource-header-placeholder{left:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-right:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row{display:flex;min-height:0;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-right:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header.ax-scheduler-timeline-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:15;background-color:inherit}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header .ax-scheduler-timeline-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container{top:0;width:100%;height:100%;position:absolute}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{content:\"\";position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(var(--ax-sys-color-border-lightest-surface),.3)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{top:0;z-index:2;width:100%;display:flex;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours{position:relative;padding:.25rem .5rem;width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours span{position:sticky;inset-inline-start:.5rem}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{top:0;width:100%;height:100%;position:absolute}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row{height:100%;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{z-index:1;cursor:pointer}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell{z-index:0;cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-day-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-day-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineDayViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-header\">\n    @for (hour of hoursArray(); track hour.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-header-hours\">\n        <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-timeline-content\">\n    <!-- Current Time Line Indicator -->\n    @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n      <div\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        #currentTimeLine\n      ></div>\n    }\n    <div class=\"ax-scheduler-timeline-appointment-container\">\n      @for (\n        layout of resources().length === 0 ? appointmentLayouts() : getAppointmentLayoutsForResource(resourceIds()[0]);\n        track layout.appointment.id\n      ) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n          [dragData]=\"layout.appointment\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n          [style.width]=\"layout.layoutWidth\"\n          [style.height]=\"layout.layoutHeight\"\n          class=\"ax-scheduler-timeline-appointment {{\n            layout.appointment.cssClass ?? 'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n          }}\"\n          [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n          [style.insetBlockStart]=\"layout.layoutTop\"\n          [style.insetInlineStart]=\"layout.layoutLeft\"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"layout.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, layout.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              >\n              </ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              layout.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{\n              layout.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n          </ax-subtitle>\n        </div>\n      }\n    </div>\n    <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n      @for (time of hoursArray(); track time.date.getTime()) {\n        <div\n          axDropZone\n          #zone=\"axDropZone\"\n          (onElementDrop)=\"handleDrop($event, time)\"\n          [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n          class=\"ax-scheduler-timeline-slot-cell\"\n          (click)=\"handleSlotEvent($event, time)\"\n          (dblclick)=\"handleSlotEvent($event, time)\"\n          (contextmenu)=\"handleSlotEvent($event, time)\"\n          [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n        ></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-resource-container\">\n    <!-- Single sticky time header for all resources (only show if not used in multi-day) -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-header ax-scheduler-timeline-header-sticky\">\n        <div class=\"ax-scheduler-timeline-resource-header-placeholder\"><span>Resources</span></div>\n        @for (hour of hoursArray(); track hour.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-header-hours\">\n            <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows -->\n    <div class=\"ax-scheduler-timeline-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePositionWithOffset() !== null) {\n        <div\n          #currentTimeLine\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start]=\"getCurrentTimePositionWithOffset()\"\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div class=\"ax-scheduler-timeline-resource-row\" [style.height]=\"getResourceRowHeight(resourceId)\">\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-resource-header ax-scheduler-timeline-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-resource-content\">\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (layout of getAppointmentLayoutsForResource(resourceId); track layout.appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || layout.appointment.readonly || readonly()\"\n                  [dragData]=\"layout.appointment\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, layout.appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : layout.appointment.title\"\n                  [style.width]=\"layout.layoutWidth\"\n                  [style.height]=\"layout.layoutHeight\"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    layout.appointment.cssClass ??\n                      'ax-scheduler-' + (layout.appointment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(layout.appointment.id)\"\n                  [style.insetBlockStart]=\"layout.layoutTop\"\n                  [style.insetInlineStart]=\"layout.layoutLeft\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"layout.appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ layout.appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, layout.appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      layout.appointment.originalStartDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                    -\n                    {{\n                      layout.appointment.originalEndDate\n                        | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                        | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n            <div class=\"ax-scheduler-timeline-slot-row\" aria-hidden=\"true\">\n              @for (time of hoursArray(); track time.date.getTime()) {\n                <div\n                  axDropZone\n                  #zone=\"axDropZone\"\n                  (onElementDrop)=\"handleDrop($event, time, resourceId)\"\n                  [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                  class=\"ax-scheduler-timeline-slot-cell\"\n                  (click)=\"handleSlotEvent($event, time)\"\n                  (dblclick)=\"handleSlotEvent($event, time)\"\n                  (contextmenu)=\"handleSlotEvent($event, time)\"\n                  [attr.data-slot-id]=\"time.format('YYYYMMDD-HHmm')\"\n                  [attr.data-resource-id]=\"resourceId\"\n                ></div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-day-view{background-color:inherit;flex-direction:column;height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container{background-color:inherit;flex-direction:column;height:auto;min-height:100%;display:flex;position:relative;overflow:visible}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-header-sticky .ax-scheduler-timeline-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:0;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header{width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header.ax-scheduler-timeline-resource-header-sticky{z-index:15;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-header .ax-scheduler-timeline-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{inset-inline-end:calc(var(--spacing,.25rem) * 0);content:var(--tw-content);background-color:rgba(var(--ax-sys-color-border-lightest-surface));width:1px;height:100%;position:absolute;top:0}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 30%,transparent)}}ax-scheduler-timeline-day-view .ax-scheduler-timeline-resource-container .ax-scheduler-timeline-resource-row .ax-scheduler-timeline-resource-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{--tw-content:\"\";content:var(--tw-content)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{z-index:2;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex;position:sticky;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-header .ax-scheduler-timeline-header-hours span{position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row{height:100%;display:flex}ax-scheduler-timeline-day-view .ax-scheduler-timeline-content .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{z-index:1;cursor:pointer}ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell{z-index:0;cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-timeline-day-view:not(.ax-state-readonly) .ax-scheduler-timeline-slot-cell:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-day-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-day-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-day-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], endDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDayHour", required: true }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], startDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDayHour", required: true }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], resourceTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "resourceTemplate", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerTimelineMonthViewComponent extends NXComponent {
     constructor() {
@@ -2405,37 +2405,37 @@ class AXSchedulerTimelineMonthViewComponent extends NXComponent {
                 });
             }
             return spanningResult;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : /* istanbul ignore next */ []));
         // Get the set of multi-day appointment IDs for exclusion from per-day rendering
         this.multiDayAppointmentIds = computed(() => {
             const spanning = this.spanningAppointments();
             return new Set(spanning.map((s) => s.appointment.id));
-        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : /* istanbul ignore next */ []));
         // Calculate max spanning rows for the non-resource view
         this.maxSpanningRows = computed(() => {
             const spanning = this.spanningAppointments();
             if (spanning.length === 0)
                 return 0;
             return Math.max(...spanning.map((s) => s.rowIndex)) + 1;
-        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
-        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : []));
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : /* istanbul ignore next */ []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
         this.processedDayData = computed(() => {
             const allOriginalAppointments = this.appointments();
             const monthStartDate = this.date().startOf('month');
@@ -2513,7 +2513,7 @@ class AXSchedulerTimelineMonthViewComponent extends NXComponent {
                 });
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "processedDayData" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "processedDayData" }] : /* istanbul ignore next */ []));
         // Internal outputs to be caught by parent AXSchedulerComponent
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -2544,7 +2544,7 @@ class AXSchedulerTimelineMonthViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.filterAppointmentsByResources(allAppointments, resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : /* istanbul ignore next */ []));
         /**
          * Gets all resource IDs including unassigned if applicable.
          */
@@ -2552,7 +2552,7 @@ class AXSchedulerTimelineMonthViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.getAllResourceIds(resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : /* istanbul ignore next */ []));
     }
     // --- Multi-day Appointment Detection ---
     isMultiDayAppointment(appointment) {
@@ -2811,10 +2811,10 @@ class AXSchedulerTimelineMonthViewComponent extends NXComponent {
         // Check if current time is on the same day as this day column
         return now.isSame(dayDate, 'day');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineMonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerTimelineMonthViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-month-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineMonthViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-month-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-month-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-month-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(segment.id)\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragData]=\"segment\"\n                        [dragCursor]=\"'grab'\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <ax-subtitle>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </ax-subtitle>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout with sticky resources -->\n  <div class=\"ax-scheduler-timeline-month-resource-container\">\n    <!-- Sticky header with resource placeholder and day headers -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-month-header-sticky\">\n        <div class=\"ax-scheduler-timeline-month-resource-header-placeholder\"><span>Resources</span></div>\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-month-day-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday?.state !== 'none' ? (dayData.holiday?.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday?.state === 'holiday' && dayData.holiday?.holiday?.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows with sticky resource headers -->\n    <div class=\"ax-scheduler-timeline-month-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-month-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-month-resource-header ax-scheduler-timeline-month-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-month-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-month-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-content\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <ax-subtitle>\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        }\n                      </ax-subtitle>\n                    </div>\n                  }\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragData]=\"segment\"\n                            [dragCursor]=\"'grab'\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"dragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ')'\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            <ax-subtitle>\n                              @if (segment.allDay) {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                    | async\n                                }}\n                                @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                                  -\n                                  {{\n                                    segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async\n                                  }}\n                                }\n                              } @else {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                                -\n                                {{\n                                  segment.originalEndDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                              }\n                            </ax-subtitle>\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-month-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-wrapper{height:100%;display:flex;flex-direction:column;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 31),var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2)))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container{height:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header{width:100%;display:flex;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{max-width:100%;position:sticky;font-weight:300;line-height:1rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content{padding:.25rem;position:relative;height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height, .125rem);display:flex;flex-direction:column}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);min-height:2.5rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container{height:100%;display:flex;flex-direction:column;background-color:inherit;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-resource-header-placeholder{inset-inline-start:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding:.5rem;font-weight:500;font-size:.875rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header{flex:1;display:flex;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{max-width:100%;position:sticky;font-weight:300;line-height:1rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit;display:flex;min-height:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + var(--ax-comp-scheduler-timeline-month-row-base-height, 5rem))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));align-self:stretch}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header.ax-scheduler-timeline-month-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:9;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header .ax-scheduler-timeline-month-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content{flex:1;display:flex;background-color:inherit;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 31),var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2)))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content{display:flex;flex-direction:column;position:relative;background-color:inherit;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);padding-bottom:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height, .125rem);display:flex;flex-direction:column;width:100%;padding-inline:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);flex-shrink:0;min-height:2.5rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem;flex-shrink:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-month-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-month-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineMonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerTimelineMonthViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-month-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineMonthViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-month-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-month-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-month-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(segment.id)\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragData]=\"segment\"\n                        [dragCursor]=\"'grab'\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <ax-subtitle>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </ax-subtitle>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout with sticky resources -->\n  <div class=\"ax-scheduler-timeline-month-resource-container\">\n    <!-- Sticky header with resource placeholder and day headers -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-month-header-sticky\">\n        <div class=\"ax-scheduler-timeline-month-resource-header-placeholder\"><span>Resources</span></div>\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-month-day-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday?.state !== 'none' ? (dayData.holiday?.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday?.state === 'holiday' && dayData.holiday?.holiday?.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows with sticky resource headers -->\n    <div class=\"ax-scheduler-timeline-month-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-month-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-month-resource-header ax-scheduler-timeline-month-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-month-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-month-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-content\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <ax-subtitle>\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        }\n                      </ax-subtitle>\n                    </div>\n                  }\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragData]=\"segment\"\n                            [dragCursor]=\"'grab'\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"dragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ')'\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            <ax-subtitle>\n                              @if (segment.allDay) {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                    | async\n                                }}\n                                @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                                  -\n                                  {{\n                                    segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async\n                                  }}\n                                }\n                              } @else {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                                -\n                                {{\n                                  segment.originalEndDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                              }\n                            </ax-subtitle>\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-month-view{background-color:inherit;flex-direction:column;height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container{height:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header{background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{--tw-leading:calc(var(--spacing,.25rem) * 4);max-width:100%;line-height:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content{height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{flex-direction:column;gap:1px;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container{background-color:inherit;flex-direction:column;height:100%;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));justify-content:center;gap:var(--spacing,.25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);text-align:start;flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{--tw-leading:calc(var(--spacing,.25rem) * 4);max-width:100%;line-height:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:3.313rem;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header{width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header.ax-scheduler-timeline-month-resource-header-sticky{z-index:15;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header .ax-scheduler-timeline-month-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content{width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex:1;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height,.125rem);width:100%;height:100%;padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{height:var(--ax-comp-scheduler-timeline-month-appointment-height,3rem);border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{height:var(--ax-comp-scheduler-timeline-month-more-link-height,.5rem);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));flex-shrink:0}@media(hover:hover){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-month-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-month-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineMonthViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-timeline-month-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -2829,9 +2829,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineMonthViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-month-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-month-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-month-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(segment.id)\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragData]=\"segment\"\n                        [dragCursor]=\"'grab'\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <ax-subtitle>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </ax-subtitle>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout with sticky resources -->\n  <div class=\"ax-scheduler-timeline-month-resource-container\">\n    <!-- Sticky header with resource placeholder and day headers -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-month-header-sticky\">\n        <div class=\"ax-scheduler-timeline-month-resource-header-placeholder\"><span>Resources</span></div>\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-month-day-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday?.state !== 'none' ? (dayData.holiday?.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday?.state === 'holiday' && dayData.holiday?.holiday?.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows with sticky resource headers -->\n    <div class=\"ax-scheduler-timeline-month-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-month-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-month-resource-header ax-scheduler-timeline-month-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-month-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-month-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-content\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <ax-subtitle>\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        }\n                      </ax-subtitle>\n                    </div>\n                  }\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragData]=\"segment\"\n                            [dragCursor]=\"'grab'\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"dragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ')'\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            <ax-subtitle>\n                              @if (segment.allDay) {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                    | async\n                                }}\n                                @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                                  -\n                                  {{\n                                    segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async\n                                  }}\n                                }\n                              } @else {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                                -\n                                {{\n                                  segment.originalEndDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                              }\n                            </ax-subtitle>\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-month-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-wrapper{height:100%;display:flex;flex-direction:column;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 31),var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2)))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container{height:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header{width:100%;display:flex;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{max-width:100%;position:sticky;font-weight:300;line-height:1rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content{padding:.25rem;position:relative;height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height, .125rem);display:flex;flex-direction:column}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);min-height:2.5rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container{height:100%;display:flex;flex-direction:column;background-color:inherit;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-resource-header-placeholder{inset-inline-start:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding:.5rem;font-weight:500;font-size:.875rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header{flex:1;display:flex;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{font-weight:500}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{font-weight:700}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{max-width:100%;position:sticky;font-weight:300;line-height:1rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit;display:flex;min-height:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + var(--ax-comp-scheduler-timeline-month-row-base-height, 5rem))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));align-self:stretch}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header.ax-scheduler-timeline-month-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:9;background-color:inherit}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header .ax-scheduler-timeline-month-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content{flex:1;display:flex;background-color:inherit;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 31),var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2)))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content{display:flex;flex-direction:column;position:relative;background-color:inherit;width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width, calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);padding-bottom:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height, .125rem);display:flex;flex-direction:column;width:100%;padding-inline:.25rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);flex-shrink:0;min-height:2.5rem}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{cursor:pointer;text-align:left;font-size:.75rem;padding:.125rem 0;margin-top:.125rem;flex-shrink:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-month-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-month-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineMonthViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-month-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-month-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-month-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [class.ax-state-active]=\"isActive(segment.id)\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{ segment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                    -\n                    {{ segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n                  </ax-subtitle>\n                </div>\n              }\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragData]=\"segment\"\n                        [dragCursor]=\"'grab'\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <ax-subtitle>\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        </ax-subtitle>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout with sticky resources -->\n  <div class=\"ax-scheduler-timeline-month-resource-container\">\n    <!-- Sticky header with resource placeholder and day headers -->\n    @if (showResourceHeaders()) {\n      <div class=\"ax-scheduler-timeline-month-header-sticky\">\n        <div class=\"ax-scheduler-timeline-month-resource-header-placeholder\"><span>Resources</span></div>\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div class=\"ax-scheduler-timeline-month-day-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-month-header-date-day {{\n                dayData.holiday?.state !== 'none' ? (dayData.holiday?.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-month-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday?.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n                @if (dayData.holiday?.state === 'holiday' && dayData.holiday?.holiday?.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-month-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Resource rows with sticky resource headers -->\n    <div class=\"ax-scheduler-timeline-month-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-month-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          @if (showResourceHeaders()) {\n            <!-- Sticky Resource Header -->\n            <div class=\"ax-scheduler-timeline-month-resource-header ax-scheduler-timeline-month-resource-header-sticky\">\n              @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n                <ng-container\n                  [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                  [ngTemplateOutletContext]=\"{\n                    $implicit: getResourceContext(resourceId),\n                    resource: getResourceContext(resourceId),\n                    resourceId: resourceId,\n                  }\"\n                ></ng-container>\n              } @else {\n                <span class=\"ax-scheduler-timeline-month-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n              }\n            </div>\n          }\n\n          <!-- Resource Content -->\n          <div class=\"ax-scheduler-timeline-month-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-content\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"dragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [class.ax-state-active]=\"isActive(segment.id)\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <ax-subtitle>\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{\n                            segment.originalStartDate\n                              | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                              | async\n                          }}\n                          -\n                          {{\n                            segment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                          }}\n                        }\n                      </ax-subtitle>\n                    </div>\n                  }\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-month-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-month-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragData]=\"segment\"\n                            [dragCursor]=\"'grab'\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"dragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async) +\n                                    ')'\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            <ax-subtitle>\n                              @if (segment.allDay) {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                    | async\n                                }}\n                                @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                                  -\n                                  {{\n                                    segment.originalEndDate\n                                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                      | async\n                                  }}\n                                }\n                              } @else {\n                                {{\n                                  segment.originalStartDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                                -\n                                {{\n                                  segment.originalEndDate\n                                    | format: 'time' : { format: 'HH:mm', calendar: calendar() }\n                                    | async\n                                }}\n                              }\n                            </ax-subtitle>\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-month-view{background-color:inherit;flex-direction:column;height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container{height:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header{background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{--tw-leading:calc(var(--spacing,.25rem) * 4);max-width:100%;line-height:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content{height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{flex-direction:column;gap:1px;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container{background-color:inherit;flex-direction:column;height:100%;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));justify-content:center;gap:var(--spacing,.25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);text-align:start;flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-today .ax-scheduler-month-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-char{--tw-leading:calc(var(--spacing,.25rem) * 4);max-width:100%;line-height:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-header-sticky .ax-scheduler-timeline-month-day-header .ax-scheduler-month-header-date-day .ax-scheduler-month-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:3.313rem;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header{width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header.ax-scheduler-timeline-month-resource-header-sticky{z-index:15;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-header .ax-scheduler-timeline-month-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content{width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));min-width:var(--ax-comp-scheduler-timeline-month-view-blocks-width,calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex:1;display:flex;position:relative}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-month-gap-height,.125rem);width:100%;height:100%;padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{height:var(--ax-comp-scheduler-timeline-month-appointment-height,3rem);border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge{height:var(--ax-comp-scheduler-timeline-month-more-link-height,.5rem);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));flex-shrink:0}@media(hover:hover){ax-scheduler-timeline-month-view .ax-scheduler-timeline-month-resource-container .ax-scheduler-timeline-month-resource-rows .ax-scheduler-timeline-month-resource-row .ax-scheduler-timeline-month-resource-content .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-month-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){ax-scheduler-timeline-month-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-month-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-month-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-month-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], resourceTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "resourceTemplate", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
+// prettier-ignore
 class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
     constructor() {
         super(...arguments);
@@ -2839,25 +2840,25 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
         this.scheduler = inject(AXSchedulerComponent);
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
-        this.daysCount = input(7, ...(ngDevMode ? [{ debugName: "daysCount" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : []));
-        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : []));
-        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : []));
-        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
+        this.daysCount = input(7, ...(ngDevMode ? [{ debugName: "daysCount" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : /* istanbul ignore next */ []));
+        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
         this.daysDataForTimelineViews = computed(() => {
             const allOriginalAppointments = this.appointments();
             const multiViewStartDate = this.date();
@@ -2884,7 +2885,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
                 });
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "daysDataForTimelineViews" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "daysDataForTimelineViews" }] : /* istanbul ignore next */ []));
         /**
          * Computes spanning appointments for multi-day events across the view.
          */
@@ -2989,7 +2990,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
                 }
             }
             return spanningResults;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : /* istanbul ignore next */ []));
         /**
          * Gets the set of multi-day appointment IDs to exclude from individual day views.
          */
@@ -3002,7 +3003,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
                 }
             }
             return ids;
-        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : /* istanbul ignore next */ []));
         /**
          * Gets the maximum number of spanning rows across all appointments (for non-resource layouts).
          */
@@ -3011,7 +3012,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
             if (spanning.length === 0)
                 return 0;
             return Math.max(...spanning.map((s) => s.rowIndex)) + 1;
-        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : /* istanbul ignore next */ []));
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
         this.slotRightClickedInternal = output();
@@ -3028,7 +3029,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.filterAppointmentsByResources(allAppointments, resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "appointmentsByResource" }] : /* istanbul ignore next */ []));
         /**
          * Gets all resource IDs including unassigned if applicable.
          */
@@ -3036,7 +3037,7 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
             const resources = this.resources();
             const showUnassigned = this.showUnassignedAppointments();
             return this.schedulerService.getAllResourceIds(resources, showUnassigned);
-        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : /* istanbul ignore next */ []));
     }
     isActive(appointmentId) {
         return this.selectedAppointmentId() === appointmentId;
@@ -3396,10 +3397,10 @@ class AXSchedulerTimelineWeeklyViewComponent extends NXComponent {
         }
         return { state: 'none' };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineWeeklyViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerTimelineWeeklyViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-weekly-view", inputs: { daysCount: { classPropertyName: "daysCount", publicName: "daysCount", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineWeeklyViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-day-view-container\" [style.--spanning-rows-count]=\"maxSpanningRows()\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div\n        class=\"ax-scheduler-timeline-weekly-spanning-layer\"\n        [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n      >\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              spanning.appointment.title +\n              ' (' +\n              (spanning.appointment.startDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ' - ' +\n              (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n    @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-weekly-column\">\n        <div\n          [class.ax-state-today]=\"isToday(daySlot.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n          >\n            {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n              ( {{ daySlot.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n        <ax-scheduler-timeline-day-view\n          [date]=\"daySlot.date\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [resources]=\"resources()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [showResourceHeaders]=\"true\"\n          [startDayHour]=\"startDayHour()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [appointments]=\"getFilteredAppointmentsForDay(daySlot.originalAppointmentsForThisDay)\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n          (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n          (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n          (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n          (onAppointmentDropInternal)=\"handleDrop($event, undefined)\"\n          (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n          (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n          (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      </div>\n    }\n  </div>\n} @else {\n  <!-- Resource-based layout for weekly -->\n  <div\n    class=\"ax-scheduler-timeline-weekly-resource-container\"\n    [style.--ax-comp-scheduler-hours-count]=\"getHoursCount()\"\n  >\n    <!-- Top header with day names -->\n    <div class=\"ax-scheduler-timeline-weekly-top-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-header-placeholder\"></div>\n      <!-- Day headers -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-header\">\n          <div\n            [class.ax-state-today]=\"isToday(daySlot.date)\"\n            class=\"ax-scheduler-week-header-date-day {{\n              daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n            >\n              {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n              @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n                ( {{ daySlot.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-week-header-date-day-num\">\n              {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        </div>\n      }\n    </div>\n\n    <!-- Time header with hours for each day -->\n    <div class=\"ax-scheduler-timeline-weekly-time-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-time-header-placeholder\"><span>Resources</span></div>\n      <!-- Time slots for each day -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-time-slots\">\n          @for (hour of getHoursArray(); track hour.date.getTime()) {\n            <div class=\"ax-scheduler-timeline-weekly-time-slot\">\n              <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Main content area -->\n    <div class=\"ax-scheduler-timeline-weekly-content\">\n      <!-- Resource headers column -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-headers\">\n        <!-- Resource headers -->\n        @for (resourceId of resourceIds(); track resourceId) {\n          <div\n            class=\"ax-scheduler-timeline-weekly-resource-header\"\n            [style.height]=\"getResourceRowHeight(resourceId)\"\n            [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n          >\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Days columns -->\n      <div class=\"ax-scheduler-timeline-weekly-days-container\" #daysContainer>\n        @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime(); let dayIndex = $index) {\n          <div class=\"ax-scheduler-timeline-weekly-column\">\n            <!-- Current Time Line Indicator for this day -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(daySlot.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <!-- Resource rows for this day -->\n            <div class=\"ax-scheduler-timeline-weekly-resource-rows\">\n              @for (resourceId of resourceIds(); track resourceId) {\n                <div\n                  class=\"ax-scheduler-timeline-weekly-resource-row\"\n                  [style.height]=\"getResourceRowHeight(resourceId)\"\n                  [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n                >\n                  <!-- Spanning layer for this resource (only on first day column) -->\n                  @if (dayIndex === 0 && getSpanningAppointmentsForResource(resourceId).length > 0) {\n                    <div\n                      class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                      [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n                    >\n                      @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                        <div\n                          axDrag\n                          [dragCursor]=\"'grab'\"\n                          [dragData]=\"spanning.appointment\"\n                          [dragTransition]=\"false\"\n                          [dragElementClone]=\"true\"\n                          [dragStartDelay]=\"dragStartDelay()\"\n                          [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                          (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          [title]=\"\n                            spanning.appointment.title +\n                            ' (' +\n                            (spanning.appointment.startDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ' - ' +\n                            (spanning.appointment.endDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ')'\n                          \"\n                          class=\"ax-scheduler-timeline-spanning-appointment {{\n                            spanning.appointment.cssClass ??\n                              'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                          }}\"\n                          [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                          [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                          [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                          [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                          [style.grid-row]=\"spanning.rowIndex + 1\"\n                        >\n                          <span class=\"ax-spanning-appointment-title\">\n                            <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                            @if (hasActions()) {\n                              <ax-icon\n                                (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                              ></ax-icon>\n                            }\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  <ax-scheduler-timeline-day-view\n                    [date]=\"daySlot.date\"\n                    [readonly]=\"readonly()\"\n                    [draggable]=\"draggable()\"\n                    [resources]=\"\n                      resourceId === 'unassigned' ? [] : [{ id: resourceId, title: getResourceTitle(resourceId) }]\n                    \"\n                    [endDayHour]=\"endDayHour()\"\n                    [hasActions]=\"hasActions()\"\n                    [showResourceHeaders]=\"false\"\n                    [startDayHour]=\"startDayHour()\"\n                    [showCurrentTimeIndicator]=\"false\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [tooltipTemplate]=\"tooltipTemplate()\"\n                    [showUnassignedAppointments]=\"resourceId === 'unassigned'\"\n                    [appointments]=\"\n                      getFilteredAppointmentsForDay(\n                        getAppointmentsForResourceAndDay(resourceId, daySlot.originalAppointmentsForThisDay)\n                      )\n                    \"\n                    (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n                    (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n                    (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n                    (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n                    (onAppointmentDropInternal)=\"handleDrop($event, resourceId)\"\n                    (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n                    (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n                    (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n                  >\n                  </ax-scheduler-timeline-day-view>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-weekly-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container{height:100%;display:flex;flex-direction:row;background-color:inherit;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 7),calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16)))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;position:sticky;font-weight:300;inset-inline-start:1rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container ax-scheduler-timeline-day-view{height:calc(100% - 4rem - var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) - .5rem);margin-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .5rem)}ax-scheduler-timeline-weekly-view ax-scheduler-timeline-day-view{height:calc(100% - 4rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container{height:100%;display:flex;overflow:auto;flex-direction:column;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;min-width:max-content;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-resource-header-placeholder{width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);height:4rem;display:flex;align-items:center;justify-content:center;background-color:inherit;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:sticky;inset-inline-start:0;z-index:15}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-weight:300;position:sticky;font-size:.75rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-weight:500;position:sticky;font-size:1.25rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header{top:4rem;z-index:10;display:flex;position:sticky;flex-direction:row;min-width:max-content;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-time-header-placeholder{z-index:15;height:2rem;display:flex;position:sticky;align-items:center;inset-inline-start:0;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));height:2rem;display:flex;flex-direction:row;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot{display:flex;flex-shrink:0;position:relative;align-items:center;padding-inline:1rem;width:var(--ax-comp-scheduler-timeline-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot span{z-index:5;font-weight:400;position:sticky;font-size:.75rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content{flex:1;display:flex;min-height:0;width:fit-content;flex-direction:row;background-color:inherit;align-items:stretch}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers{z-index:15;display:flex;position:sticky;inset-inline-start:0;flex-direction:column;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header{display:flex;align-items:center;justify-content:center;padding:.5rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header .ax-scheduler-timeline-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container{flex:1;display:flex;flex-direction:row;min-width:max-content}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));display:flex;flex-direction:column;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows{flex:1;display:flex;flex-direction:column}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative;box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);width:calc(var(--timeline-days-count, 7) * var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));grid-template-columns:repeat(var(--timeline-days-count, 7),calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16)))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view{height:100%;width:100%;display:block}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{display:none}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container{width:100%;position:absolute;top:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);height:calc(100% - var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) - .25rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative;width:max-content;padding-top:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative;flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{content:\"\";position:absolute;top:0;inset-inline-end:0;width:1px;height:100%;background-color:rgba(var(--ax-sys-color-border-lightest-surface),.3)}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSchedulerTimelineDayViewComponent, selector: "ax-scheduler-timeline-day-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "startDayHour", "showUnassignedAppointments", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineWeeklyViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerTimelineWeeklyViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-weekly-view", inputs: { daysCount: { classPropertyName: "daysCount", publicName: "daysCount", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineWeeklyViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-day-view-container\" [style.--spanning-rows-count]=\"maxSpanningRows()\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div\n        class=\"ax-scheduler-timeline-weekly-spanning-layer\"\n        [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n      >\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              spanning.appointment.title +\n              ' (' +\n              (spanning.appointment.startDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ' - ' +\n              (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n    @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-weekly-column\">\n        <div\n          [class.ax-state-today]=\"isToday(daySlot.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n          >\n            {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n              ( {{ daySlot.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n        <ax-scheduler-timeline-day-view\n          [date]=\"daySlot.date\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [resources]=\"resources()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [showResourceHeaders]=\"true\"\n          [startDayHour]=\"startDayHour()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [appointments]=\"getFilteredAppointmentsForDay(daySlot.originalAppointmentsForThisDay)\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n          (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n          (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n          (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n          (onAppointmentDropInternal)=\"handleDrop($event, undefined)\"\n          (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n          (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n          (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      </div>\n    }\n  </div>\n} @else {\n  <!-- Resource-based layout for weekly -->\n  <div\n    class=\"ax-scheduler-timeline-weekly-resource-container\"\n    [style.--ax-comp-scheduler-hours-count]=\"getHoursCount()\"\n  >\n    <!-- Top header with day names -->\n    <div class=\"ax-scheduler-timeline-weekly-top-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-header-placeholder\"></div>\n      <!-- Day headers -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-header\">\n          <div\n            [class.ax-state-today]=\"isToday(daySlot.date)\"\n            class=\"ax-scheduler-week-header-date-day {{\n              daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n            >\n              {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n              @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n                ( {{ daySlot.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-week-header-date-day-num\">\n              {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        </div>\n      }\n    </div>\n\n    <!-- Time header with hours for each day -->\n    <div class=\"ax-scheduler-timeline-weekly-time-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-time-header-placeholder\"><span>Resources</span></div>\n      <!-- Time slots for each day -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-time-slots\">\n          @for (hour of getHoursArray(); track hour.date.getTime()) {\n            <div class=\"ax-scheduler-timeline-weekly-time-slot\">\n              <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Main content area -->\n    <div class=\"ax-scheduler-timeline-weekly-content\">\n      <!-- Resource headers column -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-headers\">\n        <!-- Resource headers -->\n        @for (resourceId of resourceIds(); track resourceId) {\n          <div\n            class=\"ax-scheduler-timeline-weekly-resource-header\"\n            [style.height]=\"getResourceRowHeight(resourceId)\"\n            [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n          >\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Days columns -->\n      <div class=\"ax-scheduler-timeline-weekly-days-container\" #daysContainer>\n        @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime(); let dayIndex = $index) {\n          <div class=\"ax-scheduler-timeline-weekly-column\">\n            <!-- Current Time Line Indicator for this day -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(daySlot.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <!-- Resource rows for this day -->\n            <div class=\"ax-scheduler-timeline-weekly-resource-rows\">\n              @for (resourceId of resourceIds(); track resourceId) {\n                <div\n                  class=\"ax-scheduler-timeline-weekly-resource-row\"\n                  [style.height]=\"getResourceRowHeight(resourceId)\"\n                  [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n                >\n                  <!-- Spanning layer for this resource (only on first day column) -->\n                  @if (dayIndex === 0 && getSpanningAppointmentsForResource(resourceId).length > 0) {\n                    <div\n                      class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                      [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n                    >\n                      @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                        <div\n                          axDrag\n                          [dragCursor]=\"'grab'\"\n                          [dragData]=\"spanning.appointment\"\n                          [dragTransition]=\"false\"\n                          [dragElementClone]=\"true\"\n                          [dragStartDelay]=\"dragStartDelay()\"\n                          [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                          (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          [title]=\"\n                            spanning.appointment.title +\n                            ' (' +\n                            (spanning.appointment.startDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ' - ' +\n                            (spanning.appointment.endDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ')'\n                          \"\n                          class=\"ax-scheduler-timeline-spanning-appointment {{\n                            spanning.appointment.cssClass ??\n                              'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                          }}\"\n                          [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                          [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                          [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                          [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                          [style.grid-row]=\"spanning.rowIndex + 1\"\n                        >\n                          <span class=\"ax-spanning-appointment-title\">\n                            <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                            @if (hasActions()) {\n                              <ax-icon\n                                (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                              ></ax-icon>\n                            }\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  <ax-scheduler-timeline-day-view\n                    [date]=\"daySlot.date\"\n                    [readonly]=\"readonly()\"\n                    [draggable]=\"draggable()\"\n                    [resources]=\"\n                      resourceId === 'unassigned' ? [] : [{ id: resourceId, title: getResourceTitle(resourceId) }]\n                    \"\n                    [endDayHour]=\"endDayHour()\"\n                    [hasActions]=\"hasActions()\"\n                    [showResourceHeaders]=\"false\"\n                    [startDayHour]=\"startDayHour()\"\n                    [showCurrentTimeIndicator]=\"false\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [tooltipTemplate]=\"tooltipTemplate()\"\n                    [showUnassignedAppointments]=\"resourceId === 'unassigned'\"\n                    [appointments]=\"\n                      getFilteredAppointmentsForDay(\n                        getAppointmentsForResourceAndDay(resourceId, daySlot.originalAppointmentsForThisDay)\n                      )\n                    \"\n                    (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n                    (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n                    (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n                    (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n                    (onAppointmentDropInternal)=\"handleDrop($event, resourceId)\"\n                    (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n                    (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n                    (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n                  >\n                  </ax-scheduler-timeline-day-view>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-weekly-view{background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container{background-color:inherit;flex-direction:row;height:100%;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day{height:calc(var(--spacing,.25rem) * 16);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-weekly-view ax-scheduler-timeline-day-view{height:calc(100% - 4rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container{background-color:inherit;flex-direction:column;height:100%;display:flex;overflow:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;min-width:max-content;display:flex;position:sticky;top:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-resource-header-placeholder{z-index:15;height:calc(var(--spacing,.25rem) * 4);width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day{height:calc(var(--spacing,.25rem) * 16);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{max-width:100%;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header{top:calc(var(--spacing,.25rem) * 16);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;min-width:max-content;display:flex;position:sticky}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-time-header-placeholder{z-index:15;height:calc(var(--spacing,.25rem) * 8);width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;flex-shrink:0;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot{width:var(--ax-comp-scheduler-timeline-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);flex-shrink:0;align-items:center;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot span{z-index:5;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content{background-color:inherit;flex-direction:row;flex:1;width:fit-content;min-height:0;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers{z-index:15;height:fit-content;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:column;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header .ax-scheduler-timeline-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container{flex-direction:row;flex:1;min-width:max-content;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-direction:column;flex-shrink:0;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows{flex-direction:column;flex:1;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row{min-height:var(--ax-comp-scheduler-basic-view-blocks-height);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view{width:100%;height:100%;display:block}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{display:none}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row{width:max-content;height:100%;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:rgba(var(--ax-sys-color-border-lightest-surface));inset-inline-end:calc(var(--spacing,.25rem) * 0);width:1px;height:100%;top:0}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 30%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{--tw-content:\"\";content:var(--tw-content)}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSchedulerTimelineDayViewComponent, selector: "ax-scheduler-timeline-day-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "startDayHour", "showUnassignedAppointments", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineWeeklyViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineWeeklyViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-timeline-weekly-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -3411,8 +3412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXTooltipDirective,
                         AXDecoratorIconComponent,
                         AXSchedulerTimelineDayViewComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineWeeklyViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-day-view-container\" [style.--spanning-rows-count]=\"maxSpanningRows()\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div\n        class=\"ax-scheduler-timeline-weekly-spanning-layer\"\n        [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n      >\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              spanning.appointment.title +\n              ' (' +\n              (spanning.appointment.startDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ' - ' +\n              (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n    @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-weekly-column\">\n        <div\n          [class.ax-state-today]=\"isToday(daySlot.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n          >\n            {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n              ( {{ daySlot.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n        <ax-scheduler-timeline-day-view\n          [date]=\"daySlot.date\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [resources]=\"resources()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [showResourceHeaders]=\"true\"\n          [startDayHour]=\"startDayHour()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [appointments]=\"getFilteredAppointmentsForDay(daySlot.originalAppointmentsForThisDay)\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n          (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n          (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n          (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n          (onAppointmentDropInternal)=\"handleDrop($event, undefined)\"\n          (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n          (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n          (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      </div>\n    }\n  </div>\n} @else {\n  <!-- Resource-based layout for weekly -->\n  <div\n    class=\"ax-scheduler-timeline-weekly-resource-container\"\n    [style.--ax-comp-scheduler-hours-count]=\"getHoursCount()\"\n  >\n    <!-- Top header with day names -->\n    <div class=\"ax-scheduler-timeline-weekly-top-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-header-placeholder\"></div>\n      <!-- Day headers -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-header\">\n          <div\n            [class.ax-state-today]=\"isToday(daySlot.date)\"\n            class=\"ax-scheduler-week-header-date-day {{\n              daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n            >\n              {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n              @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n                ( {{ daySlot.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-week-header-date-day-num\">\n              {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        </div>\n      }\n    </div>\n\n    <!-- Time header with hours for each day -->\n    <div class=\"ax-scheduler-timeline-weekly-time-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-time-header-placeholder\"><span>Resources</span></div>\n      <!-- Time slots for each day -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-time-slots\">\n          @for (hour of getHoursArray(); track hour.date.getTime()) {\n            <div class=\"ax-scheduler-timeline-weekly-time-slot\">\n              <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Main content area -->\n    <div class=\"ax-scheduler-timeline-weekly-content\">\n      <!-- Resource headers column -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-headers\">\n        <!-- Resource headers -->\n        @for (resourceId of resourceIds(); track resourceId) {\n          <div\n            class=\"ax-scheduler-timeline-weekly-resource-header\"\n            [style.height]=\"getResourceRowHeight(resourceId)\"\n            [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n          >\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Days columns -->\n      <div class=\"ax-scheduler-timeline-weekly-days-container\" #daysContainer>\n        @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime(); let dayIndex = $index) {\n          <div class=\"ax-scheduler-timeline-weekly-column\">\n            <!-- Current Time Line Indicator for this day -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(daySlot.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <!-- Resource rows for this day -->\n            <div class=\"ax-scheduler-timeline-weekly-resource-rows\">\n              @for (resourceId of resourceIds(); track resourceId) {\n                <div\n                  class=\"ax-scheduler-timeline-weekly-resource-row\"\n                  [style.height]=\"getResourceRowHeight(resourceId)\"\n                  [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n                >\n                  <!-- Spanning layer for this resource (only on first day column) -->\n                  @if (dayIndex === 0 && getSpanningAppointmentsForResource(resourceId).length > 0) {\n                    <div\n                      class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                      [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n                    >\n                      @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                        <div\n                          axDrag\n                          [dragCursor]=\"'grab'\"\n                          [dragData]=\"spanning.appointment\"\n                          [dragTransition]=\"false\"\n                          [dragElementClone]=\"true\"\n                          [dragStartDelay]=\"dragStartDelay()\"\n                          [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                          (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          [title]=\"\n                            spanning.appointment.title +\n                            ' (' +\n                            (spanning.appointment.startDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ' - ' +\n                            (spanning.appointment.endDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ')'\n                          \"\n                          class=\"ax-scheduler-timeline-spanning-appointment {{\n                            spanning.appointment.cssClass ??\n                              'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                          }}\"\n                          [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                          [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                          [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                          [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                          [style.grid-row]=\"spanning.rowIndex + 1\"\n                        >\n                          <span class=\"ax-spanning-appointment-title\">\n                            <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                            @if (hasActions()) {\n                              <ax-icon\n                                (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                              ></ax-icon>\n                            }\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  <ax-scheduler-timeline-day-view\n                    [date]=\"daySlot.date\"\n                    [readonly]=\"readonly()\"\n                    [draggable]=\"draggable()\"\n                    [resources]=\"\n                      resourceId === 'unassigned' ? [] : [{ id: resourceId, title: getResourceTitle(resourceId) }]\n                    \"\n                    [endDayHour]=\"endDayHour()\"\n                    [hasActions]=\"hasActions()\"\n                    [showResourceHeaders]=\"false\"\n                    [startDayHour]=\"startDayHour()\"\n                    [showCurrentTimeIndicator]=\"false\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [tooltipTemplate]=\"tooltipTemplate()\"\n                    [showUnassignedAppointments]=\"resourceId === 'unassigned'\"\n                    [appointments]=\"\n                      getFilteredAppointmentsForDay(\n                        getAppointmentsForResourceAndDay(resourceId, daySlot.originalAppointmentsForThisDay)\n                      )\n                    \"\n                    (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n                    (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n                    (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n                    (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n                    (onAppointmentDropInternal)=\"handleDrop($event, resourceId)\"\n                    (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n                    (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n                    (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n                  >\n                  </ax-scheduler-timeline-day-view>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-weekly-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container{height:100%;display:flex;flex-direction:row;background-color:inherit;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 7),calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16)))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-timeline-weekly-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;position:sticky;font-weight:300;inset-inline-start:1rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container ax-scheduler-timeline-day-view{height:calc(100% - 4rem - var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) - .5rem);margin-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .5rem)}ax-scheduler-timeline-weekly-view ax-scheduler-timeline-day-view{height:calc(100% - 4rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container{height:100%;display:flex;overflow:auto;flex-direction:column;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;min-width:max-content;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-resource-header-placeholder{width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);height:4rem;display:flex;align-items:center;justify-content:center;background-color:inherit;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:sticky;inset-inline-start:0;z-index:15}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-weight:300;position:sticky;font-size:.75rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-weight:500;position:sticky;font-size:1.25rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header{top:4rem;z-index:10;display:flex;position:sticky;flex-direction:row;min-width:max-content;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-time-header-placeholder{z-index:15;height:2rem;display:flex;position:sticky;align-items:center;inset-inline-start:0;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));height:2rem;display:flex;flex-direction:row;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot{display:flex;flex-shrink:0;position:relative;align-items:center;padding-inline:1rem;width:var(--ax-comp-scheduler-timeline-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot span{z-index:5;font-weight:400;position:sticky;font-size:.75rem;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width, 8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content{flex:1;display:flex;min-height:0;width:fit-content;flex-direction:row;background-color:inherit;align-items:stretch}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers{z-index:15;display:flex;position:sticky;inset-inline-start:0;flex-direction:column;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header{display:flex;align-items:center;justify-content:center;padding:.5rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header .ax-scheduler-timeline-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container{flex:1;display:flex;flex-direction:row;min-width:max-content}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));display:flex;flex-direction:column;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows{flex:1;display:flex;flex-direction:column}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative;box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);width:calc(var(--timeline-days-count, 7) * var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16));grid-template-columns:repeat(var(--timeline-days-count, 7),calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count, 16)))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view{height:100%;width:100%;display:block}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{display:none}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container{width:100%;position:absolute;top:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);height:calc(100% - var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) - .25rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;display:flex;overflow:hidden;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row{height:100%;display:flex;position:relative;width:max-content;padding-top:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);box-sizing:border-box}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative;flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{content:\"\";position:absolute;top:0;inset-inline-end:0;width:1px;height:100%;background-color:rgba(var(--ax-sys-color-border-lightest-surface),.3)}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineWeeklyViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-day-view-container\" [style.--spanning-rows-count]=\"maxSpanningRows()\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div\n        class=\"ax-scheduler-timeline-weekly-spanning-layer\"\n        [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n      >\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"dragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              spanning.appointment.title +\n              ' (' +\n              (spanning.appointment.startDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ' - ' +\n              (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n              ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n    @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n      <div class=\"ax-scheduler-timeline-weekly-column\">\n        <div\n          [class.ax-state-today]=\"isToday(daySlot.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n          >\n            {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n              ( {{ daySlot.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n        <ax-scheduler-timeline-day-view\n          [date]=\"daySlot.date\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [resources]=\"resources()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [showResourceHeaders]=\"true\"\n          [startDayHour]=\"startDayHour()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [appointments]=\"getFilteredAppointmentsForDay(daySlot.originalAppointmentsForThisDay)\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n          (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n          (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n          (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n          (onAppointmentDropInternal)=\"handleDrop($event, undefined)\"\n          (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n          (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n          (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      </div>\n    }\n  </div>\n} @else {\n  <!-- Resource-based layout for weekly -->\n  <div\n    class=\"ax-scheduler-timeline-weekly-resource-container\"\n    [style.--ax-comp-scheduler-hours-count]=\"getHoursCount()\"\n  >\n    <!-- Top header with day names -->\n    <div class=\"ax-scheduler-timeline-weekly-top-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-header-placeholder\"></div>\n      <!-- Day headers -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-header\">\n          <div\n            [class.ax-state-today]=\"isToday(daySlot.date)\"\n            class=\"ax-scheduler-week-header-date-day {{\n              daySlot.holiday.state !== 'none' ? (daySlot.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"daySlot.holiday.holiday?.title ?? ''\"\n            >\n              {{ daySlot.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n              @if (daySlot.holiday.state === 'holiday' && daySlot.holiday.holiday.title) {\n                ( {{ daySlot.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-week-header-date-day-num\">\n              {{ daySlot.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        </div>\n      }\n    </div>\n\n    <!-- Time header with hours for each day -->\n    <div class=\"ax-scheduler-timeline-weekly-time-header\">\n      <!-- Resource placeholder -->\n      <div class=\"ax-scheduler-timeline-weekly-time-header-placeholder\"><span>Resources</span></div>\n      <!-- Time slots for each day -->\n      @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime()) {\n        <div class=\"ax-scheduler-timeline-weekly-day-time-slots\">\n          @for (hour of getHoursArray(); track hour.date.getTime()) {\n            <div class=\"ax-scheduler-timeline-weekly-time-slot\">\n              <span>{{ hour | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}</span>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    <!-- Main content area -->\n    <div class=\"ax-scheduler-timeline-weekly-content\">\n      <!-- Resource headers column -->\n      <div class=\"ax-scheduler-timeline-weekly-resource-headers\">\n        <!-- Resource headers -->\n        @for (resourceId of resourceIds(); track resourceId) {\n          <div\n            class=\"ax-scheduler-timeline-weekly-resource-header\"\n            [style.height]=\"getResourceRowHeight(resourceId)\"\n            [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n          >\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <span class=\"ax-scheduler-timeline-resource-title\">{{ getResourceTitle(resourceId) }}</span>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Days columns -->\n      <div class=\"ax-scheduler-timeline-weekly-days-container\" #daysContainer>\n        @for (daySlot of daysDataForTimelineViews(); track daySlot.date.date.getTime(); let dayIndex = $index) {\n          <div class=\"ax-scheduler-timeline-weekly-column\">\n            <!-- Current Time Line Indicator for this day -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(daySlot.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <!-- Resource rows for this day -->\n            <div class=\"ax-scheduler-timeline-weekly-resource-rows\">\n              @for (resourceId of resourceIds(); track resourceId) {\n                <div\n                  class=\"ax-scheduler-timeline-weekly-resource-row\"\n                  [style.height]=\"getResourceRowHeight(resourceId)\"\n                  [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n                >\n                  <!-- Spanning layer for this resource (only on first day column) -->\n                  @if (dayIndex === 0 && getSpanningAppointmentsForResource(resourceId).length > 0) {\n                    <div\n                      class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                      [style.--timeline-days-count]=\"daysDataForTimelineViews().length\"\n                    >\n                      @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                        <div\n                          axDrag\n                          [dragCursor]=\"'grab'\"\n                          [dragData]=\"spanning.appointment\"\n                          [dragTransition]=\"false\"\n                          [dragElementClone]=\"true\"\n                          [dragStartDelay]=\"dragStartDelay()\"\n                          [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                          (click)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (dblclick)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          (contextmenu)=\"handleSpanningAppointmentEvent($event, spanning.appointment)\"\n                          [title]=\"\n                            spanning.appointment.title +\n                            ' (' +\n                            (spanning.appointment.startDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ' - ' +\n                            (spanning.appointment.endDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async) +\n                            ')'\n                          \"\n                          class=\"ax-scheduler-timeline-spanning-appointment {{\n                            spanning.appointment.cssClass ??\n                              'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                          }}\"\n                          [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                          [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                          [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                          [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                          [style.grid-row]=\"spanning.rowIndex + 1\"\n                        >\n                          <span class=\"ax-spanning-appointment-title\">\n                            <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                            @if (hasActions()) {\n                              <ax-icon\n                                (click)=\"handleSpanningActionClick($event, spanning.appointment)\"\n                                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                              ></ax-icon>\n                            }\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  <ax-scheduler-timeline-day-view\n                    [date]=\"daySlot.date\"\n                    [readonly]=\"readonly()\"\n                    [draggable]=\"draggable()\"\n                    [resources]=\"\n                      resourceId === 'unassigned' ? [] : [{ id: resourceId, title: getResourceTitle(resourceId) }]\n                    \"\n                    [endDayHour]=\"endDayHour()\"\n                    [hasActions]=\"hasActions()\"\n                    [showResourceHeaders]=\"false\"\n                    [startDayHour]=\"startDayHour()\"\n                    [showCurrentTimeIndicator]=\"false\"\n                    [dragStartDelay]=\"dragStartDelay()\"\n                    [tooltipTemplate]=\"tooltipTemplate()\"\n                    [showUnassignedAppointments]=\"resourceId === 'unassigned'\"\n                    [appointments]=\"\n                      getFilteredAppointmentsForDay(\n                        getAppointmentsForResourceAndDay(resourceId, daySlot.originalAppointmentsForThisDay)\n                      )\n                    \"\n                    (onActionClickInternal)=\"onActionClickInternal.emit($event)\"\n                    (slotClickedInternal)=\"slotClickedInternal.emit($event)\"\n                    (slotDblClickedInternal)=\"slotDblClickedInternal.emit($event)\"\n                    (slotRightClickedInternal)=\"slotRightClickedInternal.emit($event)\"\n                    (onAppointmentDropInternal)=\"handleDrop($event, resourceId)\"\n                    (appointmentClickedInternal)=\"appointmentClickedInternal.emit($event)\"\n                    (appointmentDblClickedInternal)=\"appointmentDblClickedInternal.emit($event)\"\n                    (appointmentRightClickedInternal)=\"appointmentRightClickedInternal.emit($event)\"\n                  >\n                  </ax-scheduler-timeline-day-view>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-weekly-view{background-color:inherit}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container{background-color:inherit;flex-direction:row;height:100%;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day{height:calc(var(--spacing,.25rem) * 16);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-day-view-container .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-weekly-view ax-scheduler-timeline-day-view{height:calc(100% - 4rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container{background-color:inherit;flex-direction:column;height:100%;display:flex;overflow:auto}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;min-width:max-content;display:flex;position:sticky;top:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-resource-header-placeholder{z-index:15;height:calc(var(--spacing,.25rem) * 4);width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day{height:calc(var(--spacing,.25rem) * 16);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-top-header .ax-scheduler-timeline-weekly-day-header .ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{max-width:100%;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header{top:calc(var(--spacing,.25rem) * 16);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;min-width:max-content;display:flex;position:sticky}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-time-header-placeholder{z-index:15;height:calc(var(--spacing,.25rem) * 8);width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:row;flex-shrink:0;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot{width:var(--ax-comp-scheduler-timeline-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);flex-shrink:0;align-items:center;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-time-header .ax-scheduler-timeline-weekly-day-time-slots .ax-scheduler-timeline-weekly-time-slot span{z-index:5;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);position:sticky;inset-inline-start:calc(var(--ax-comp-scheduler-resource-header-width,8rem) + 1rem)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content{background-color:inherit;flex-direction:row;flex:1;width:fit-content;min-height:0;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers{z-index:15;height:fit-content;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex-direction:column;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-resource-headers .ax-scheduler-timeline-weekly-resource-header .ax-scheduler-timeline-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container{flex-direction:row;flex:1;min-width:max-content;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column{width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));min-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) * var(--ax-comp-scheduler-hours-count,16));border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-direction:column;flex-shrink:0;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows{flex-direction:column;flex:1;display:flex}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row{min-height:var(--ax-comp-scheduler-basic-view-blocks-height);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view{width:100%;height:100%;display:block}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-header{display:none}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-content{height:100%;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container{width:100%;height:100%;position:absolute;top:0}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0);overflow:hidden}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row{width:max-content;height:100%;display:flex;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell{width:var(--ax-comp-scheduler-timeline-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));flex-shrink:0;position:relative}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:rgba(var(--ax-sys-color-border-lightest-surface));inset-inline-end:calc(var(--spacing,.25rem) * 0);width:1px;height:100%;top:0}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-border-lightest-surface)) 30%,transparent)}}ax-scheduler-timeline-weekly-view .ax-scheduler-timeline-weekly-resource-container .ax-scheduler-timeline-weekly-content .ax-scheduler-timeline-weekly-days-container .ax-scheduler-timeline-weekly-column .ax-scheduler-timeline-weekly-resource-rows .ax-scheduler-timeline-weekly-resource-row ax-scheduler-timeline-day-view .ax-scheduler-timeline-slot-row .ax-scheduler-timeline-slot-cell:after{--tw-content:\"\";content:var(--tw-content)}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-weekly-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { daysCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "daysCount", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], endDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDayHour", required: true }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], startDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDayHour", required: true }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], resourceTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "resourceTemplate", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerTimelineYearViewComponent extends NXComponent {
     constructor() {
@@ -3513,41 +3514,41 @@ class AXSchedulerTimelineYearViewComponent extends NXComponent {
                 });
             }
             return spanningResult;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : /* istanbul ignore next */ []));
         // Get the set of multi-day appointment IDs for exclusion from per-day rendering
         this.multiDayAppointmentIds = computed(() => {
             const spanning = this.spanningAppointments();
             return new Set(spanning.map((s) => s.appointment.id));
-        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : /* istanbul ignore next */ []));
         // Calculate max spanning rows for the non-resource view
         this.maxSpanningRows = computed(() => {
             const spanning = this.spanningAppointments();
             if (spanning.length === 0)
                 return 0;
             return Math.max(...spanning.map((s) => s.rowIndex)) + 1;
-        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
-        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : []));
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxSpanningRows" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
+        this.dragStartSlotResourceId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotResourceId" }] : /* istanbul ignore next */ []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
         // Performance optimization: reduce drag start delay for year view
         this.optimizedDragStartDelay = computed(() => {
             return this.dragStartDelay() > 0 ? Math.min(this.dragStartDelay(), 50) : 0;
-        }, ...(ngDevMode ? [{ debugName: "optimizedDragStartDelay" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "optimizedDragStartDelay" }] : /* istanbul ignore next */ []));
         this.processedDayData = computed(() => {
             const allOriginalAppointments = this.appointments();
             const yearStartDate = this.date().startOf('year');
@@ -3631,13 +3632,13 @@ class AXSchedulerTimelineYearViewComponent extends NXComponent {
                 });
             }
             return result;
-        }, ...(ngDevMode ? [{ debugName: "processedDayData" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "processedDayData" }] : /* istanbul ignore next */ []));
         this.resourceIds = computed(() => {
             const resources = this.resources();
             if (resources.length === 0)
                 return [];
             return this.schedulerService.getAllResourceIds(resources, this.showUnassignedAppointments());
-        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "resourceIds" }] : /* istanbul ignore next */ []));
         // Internal outputs to be caught by parent AXSchedulerComponent
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -3844,10 +3845,10 @@ class AXSchedulerTimelineYearViewComponent extends NXComponent {
         this.dragStartSlotId.set(dropListElement ? dropListElement.dataset['slotId'] : null);
         this.dragStartSlotResourceId.set(dropListElement ? dropListElement.dataset['resourceId'] : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineYearViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerTimelineYearViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-year-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineYearViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-year-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-year-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"optimizedDragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-year-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-year-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-year-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"optimizedDragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <span class=\"ax-scheduler-timeline-appointment-time\">\n                    {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                    @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                    }\n                  </span>\n                </div>\n              }\n\n              <!-- Overflow Badge and Popover -->\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"segment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"optimizedDragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <span class=\"ax-scheduler-timeline-appointment-time\">\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        </span>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-year-resource-container\">\n    <div class=\"ax-scheduler-timeline-year-header-sticky\">\n      <div class=\"ax-scheduler-timeline-year-resource-header-placeholder\">\n        <span>Resources</span>\n      </div>\n\n      <div class=\"ax-scheduler-timeline-year-day-header\">\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div\n            [class.ax-state-today]=\"isToday(dayData.date)\"\n            class=\"ax-scheduler-year-header-date-day {{\n              dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n            >\n              {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n              @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                ( {{ dayData.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-year-header-date-day-num\">\n              {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"ax-scheduler-timeline-year-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-year-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          <div class=\"ax-scheduler-timeline-year-resource-header ax-scheduler-timeline-year-resource-header-sticky\">\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <div class=\"ax-scheduler-timeline-year-resource-title\">\n                {{ getResourceTitle(resourceId) | translate | async }}\n              </div>\n            }\n          </div>\n\n          <div class=\"ax-scheduler-timeline-year-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"optimizedDragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-year-slot-row\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"optimizedDragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <span class=\"ax-scheduler-timeline-appointment-time\">\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        }\n                      </span>\n                    </div>\n                  }\n\n                  <!-- Overflow Badge and Popover -->\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragCursor]=\"'grab'\"\n                            [dragData]=\"segment\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"optimizedDragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            @if (!segment.allDay) {\n                              <span class=\"ax-scheduler-timeline-appointment-time\">\n                                {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                                @if (\n                                  !segment.allDay &&\n                                  segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()\n                                ) {\n                                  -\n                                  {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                                }\n                              </span>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-year-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit;--ax-comp-scheduler-timeline-year-view-blocks-width: calc( var(--ax-comp-scheduler-timeline-view-blocks-width) / 2 )}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-wrapper{height:100%;display:flex;flex-direction:column;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 365),var(--ax-comp-scheduler-timeline-year-view-blocks-width))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.7rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container{height:100%;display:flex;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header{width:100%;display:flex;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{font-weight:700}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;position:sticky;font-weight:300;font-size:.75rem;line-height:.875rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content{padding:.125rem .25rem;position:relative;height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:1px;display:flex;flex-direction:column}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);font-size:.75rem;line-height:.875rem;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{font-weight:600}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{cursor:pointer;text-align:left;font-size:.7rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container{height:100%;display:flex;flex-direction:column;background-color:inherit;will-change:transform;transform:translateZ(0);position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-resource-header-placeholder{inset-inline-start:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding:.5rem;font-weight:500;font-size:.875rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header{flex:1;display:flex;background-color:inherit;overflow-x:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{font-weight:700}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;position:sticky;font-weight:300;font-size:.75rem;line-height:.875rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit;display:flex;min-height:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + var(--ax-comp-scheduler-timeline-year-row-base-height, 4rem))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));align-self:stretch}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header.ax-scheduler-timeline-year-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:9;background-color:inherit}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header .ax-scheduler-timeline-year-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content{flex:1;display:flex;background-color:inherit;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 365),var(--ax-comp-scheduler-timeline-year-view-blocks-width))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.7rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row{display:flex;flex-direction:column;position:relative;background-color:inherit;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);padding-bottom:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-year-gap-height, .125rem);display:flex;flex-direction:column;width:100%;padding-inline:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container ax-popover{display:none}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);flex-shrink:0;font-size:.75rem;line-height:.875rem;min-height:2rem;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{cursor:pointer;text-align:left;font-size:.7rem;padding:.125rem 0;margin-top:.125rem;flex-shrink:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-year-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-year-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment{font-size:.75rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);margin-bottom:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment:last-child{margin-bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment .ax-appointment-chip-title{font-size:.8rem;margin-bottom:.125rem;font-weight:600}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineYearViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerTimelineYearViewComponent, isStandalone: true, selector: "ax-scheduler-timeline-year-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineYearViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-year-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-year-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"optimizedDragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-year-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-year-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-year-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"optimizedDragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <span class=\"ax-scheduler-timeline-appointment-time\">\n                    {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                    @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                    }\n                  </span>\n                </div>\n              }\n\n              <!-- Overflow Badge and Popover -->\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"segment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"optimizedDragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <span class=\"ax-scheduler-timeline-appointment-time\">\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        </span>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-year-resource-container\">\n    <div class=\"ax-scheduler-timeline-year-header-sticky\">\n      <div class=\"ax-scheduler-timeline-year-resource-header-placeholder\">\n        <span>Resources</span>\n      </div>\n\n      <div class=\"ax-scheduler-timeline-year-day-header\">\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div\n            [class.ax-state-today]=\"isToday(dayData.date)\"\n            class=\"ax-scheduler-year-header-date-day {{\n              dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n            >\n              {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n              @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                ( {{ dayData.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-year-header-date-day-num\">\n              {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"ax-scheduler-timeline-year-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-year-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          <div class=\"ax-scheduler-timeline-year-resource-header ax-scheduler-timeline-year-resource-header-sticky\">\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <div class=\"ax-scheduler-timeline-year-resource-title\">\n                {{ getResourceTitle(resourceId) | translate | async }}\n              </div>\n            }\n          </div>\n\n          <div class=\"ax-scheduler-timeline-year-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"optimizedDragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-year-slot-row\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"optimizedDragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <span class=\"ax-scheduler-timeline-appointment-time\">\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        }\n                      </span>\n                    </div>\n                  }\n\n                  <!-- Overflow Badge and Popover -->\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragCursor]=\"'grab'\"\n                            [dragData]=\"segment\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"optimizedDragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            @if (!segment.allDay) {\n                              <span class=\"ax-scheduler-timeline-appointment-time\">\n                                {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                                @if (\n                                  !segment.allDay &&\n                                  segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()\n                                ) {\n                                  -\n                                  {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                                }\n                              </span>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-year-view{background-color:inherit;--ax-comp-scheduler-timeline-year-view-blocks-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2);height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container{--tw-translate-z:0;height:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);will-change:transform;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header{background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content{height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{flex-direction:column;gap:1px;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{--tw-translate-z:0;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);gap:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);will-change:transform;flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:var(--spacing,.25rem);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container{--tw-translate-z:0;height:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);background-color:inherit;will-change:transform;flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header{background-color:inherit;flex:1;display:flex;overflow-x:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:auto;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header{min-height:2.625rem;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header.ax-scheduler-timeline-year-resource-header-sticky{z-index:9;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header .ax-scheduler-timeline-year-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row{width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex:1;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-year-gap-height,.125rem);width:100%;min-height:100%;padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:visible}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container ax-popover{display:none}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{--tw-translate-z:0;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);gap:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);will-change:transform;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));flex-shrink:0}@media(hover:hover){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-year-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-year-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment{margin-bottom:var(--spacing,.25rem);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment:last-child{margin-bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment .ax-appointment-chip-title{margin-bottom:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerTimelineYearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerTimelineYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-timeline-year-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -3862,8 +3863,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineYearViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-year-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-year-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"optimizedDragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-year-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-year-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-year-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"optimizedDragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <span class=\"ax-scheduler-timeline-appointment-time\">\n                    {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                    @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                    }\n                  </span>\n                </div>\n              }\n\n              <!-- Overflow Badge and Popover -->\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"segment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"optimizedDragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <span class=\"ax-scheduler-timeline-appointment-time\">\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        </span>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-year-resource-container\">\n    <div class=\"ax-scheduler-timeline-year-header-sticky\">\n      <div class=\"ax-scheduler-timeline-year-resource-header-placeholder\">\n        <span>Resources</span>\n      </div>\n\n      <div class=\"ax-scheduler-timeline-year-day-header\">\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div\n            [class.ax-state-today]=\"isToday(dayData.date)\"\n            class=\"ax-scheduler-year-header-date-day {{\n              dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n            >\n              {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n              @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                ( {{ dayData.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-year-header-date-day-num\">\n              {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"ax-scheduler-timeline-year-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-year-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          <div class=\"ax-scheduler-timeline-year-resource-header ax-scheduler-timeline-year-resource-header-sticky\">\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <div class=\"ax-scheduler-timeline-year-resource-title\">\n                {{ getResourceTitle(resourceId) | translate | async }}\n              </div>\n            }\n          </div>\n\n          <div class=\"ax-scheduler-timeline-year-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"optimizedDragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-year-slot-row\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"optimizedDragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <span class=\"ax-scheduler-timeline-appointment-time\">\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        }\n                      </span>\n                    </div>\n                  }\n\n                  <!-- Overflow Badge and Popover -->\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragCursor]=\"'grab'\"\n                            [dragData]=\"segment\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"optimizedDragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            @if (!segment.allDay) {\n                              <span class=\"ax-scheduler-timeline-appointment-time\">\n                                {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                                @if (\n                                  !segment.allDay &&\n                                  segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()\n                                ) {\n                                  -\n                                  {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                                }\n                              </span>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";ax-scheduler-timeline-year-view{--ax-scheduler-timeline-spanning-row-height: 1.5rem;--ax-scheduler-timeline-spanning-gap: .125rem;height:100%;position:relative;display:inline-flex;flex-direction:column;background-color:inherit;--ax-comp-scheduler-timeline-year-view-blocks-width: calc( var(--ax-comp-scheduler-timeline-view-blocks-width) / 2 )}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-wrapper{height:100%;display:flex;flex-direction:column;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer{display:grid;position:absolute;top:4rem;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;pointer-events:none;align-content:start;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 365),var(--ax-comp-scheduler-timeline-year-view-blocks-width))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.7rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container{height:100%;display:flex;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header{width:100%;display:flex;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{font-weight:700}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;position:sticky;font-weight:300;font-size:.75rem;line-height:.875rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content{padding:.125rem .25rem;position:relative;height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{gap:1px;display:flex;flex-direction:column}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);font-size:.75rem;line-height:.875rem;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{font-weight:600}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{cursor:pointer;text-align:left;font-size:.7rem;padding:.125rem 0;margin-top:.125rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container{height:100%;display:flex;flex-direction:column;background-color:inherit;will-change:transform;transform:translateZ(0);position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky{position:sticky;top:0;z-index:10;display:flex;background-color:inherit;border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-resource-header-placeholder{inset-inline-start:0;z-index:15;display:flex;position:sticky;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding:.5rem;font-weight:500;font-size:.875rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header{flex:1;display:flex;background-color:inherit;overflow-x:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day{gap:.25rem;height:4rem;display:flex;position:relative;align-items:start;padding-inline:1rem;flex-direction:column;padding-block:.25rem;justify-content:center;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{font-weight:700}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;position:sticky;font-weight:300;font-size:.75rem;line-height:.875rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{position:sticky;font-weight:500;font-size:1.25rem;inset-inline-start:1rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows{flex:1;overflow:visible;position:relative;background-color:inherit}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface));width:max-content;background-color:inherit;display:flex;min-height:calc(var(--resource-spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + var(--ax-comp-scheduler-timeline-year-row-base-height, 4rem))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header{display:flex;padding:.5rem;align-items:center;justify-content:center;background-color:inherit;width:var(--ax-comp-scheduler-resource-header-width, 8rem);min-width:var(--ax-comp-scheduler-resource-header-width, 8rem);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));align-self:stretch}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header.ax-scheduler-timeline-year-resource-header-sticky{position:sticky;inset-inline-start:0;z-index:9;background-color:inherit}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header .ax-scheduler-timeline-year-resource-title{font-weight:500;font-size:.875rem;text-align:center;word-break:break-word}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content{flex:1;display:flex;background-color:inherit;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer{display:grid;position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;z-index:5;padding-block:.25rem;padding-inline:.125rem;align-content:start;pointer-events:none;row-gap:var(--ax-scheduler-timeline-spanning-gap);grid-auto-rows:var(--ax-scheduler-timeline-spanning-row-height);grid-template-columns:repeat(var(--timeline-days-count, 365),var(--ax-comp-scheduler-timeline-year-view-blocks-width))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment{z-index:6;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.7rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .25rem;margin-inline:.125rem;pointer-events:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;padding-inline:.5rem;height:100%;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:0;top:2px;font-size:.6rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-resource-spanning-layer .ax-scheduler-timeline-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row{display:flex;flex-direction:column;position:relative;background-color:inherit;width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-top:calc(var(--spanning-rows-count, 0) * (var(--ax-scheduler-timeline-spanning-row-height) + var(--ax-scheduler-timeline-spanning-gap)) + .25rem);padding-bottom:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-year-gap-height, .125rem);display:flex;flex-direction:column;width:100%;padding-inline:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container ax-popover{display:none}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{width:100%;gap:.125rem;display:flex;overflow:hidden;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);flex-shrink:0;font-size:.75rem;line-height:.875rem;min-height:2rem;will-change:transform;transform:translateZ(0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{font-weight:500}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{cursor:pointer;text-align:left;font-size:.7rem;padding:.125rem 0;margin-top:.125rem;flex-shrink:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration:underline}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content:hover,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-timeline-year-view ax-title{display:flex;justify-content:space-between}ax-scheduler-timeline-year-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment{font-size:.75rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);margin-bottom:.25rem}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment:last-child{margin-bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment .ax-appointment-chip-title{font-size:.8rem;margin-bottom:.125rem;font-weight:600}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line{top:0;bottom:0;width:2px}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line:before{top:-6px;inset-inline-start:-5px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerTimelineYearViewComponent }], template: "@if (resources().length === 0 || !showResourceHeaders()) {\n  <!-- Original layout when no resources -->\n  <div class=\"ax-scheduler-timeline-year-wrapper\">\n    <!-- Spanning appointments layer -->\n    @if (spanningAppointments().length > 0) {\n      <div class=\"ax-scheduler-timeline-year-spanning-layer\" [style.--timeline-days-count]=\"processedDayData().length\">\n        @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n          <div\n            axDrag\n            [dragCursor]=\"'grab'\"\n            [dragData]=\"spanning.appointment\"\n            [dragTransition]=\"false\"\n            [dragElementClone]=\"true\"\n            [dragStartDelay]=\"optimizedDragStartDelay()\"\n            [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n            (pointerdown)=\"getSlotId($event)\"\n            (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n            [title]=\"\n              tooltipTemplate()\n                ? ''\n                : spanning.appointment.title +\n                  ' (' +\n                  (spanning.appointment.startDate\n                    | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                    | async) +\n                  ' - ' +\n                  (spanning.appointment.endDate | format: 'date' : { format: 'MMM d', calendar: calendar() } | async) +\n                  ')'\n            \"\n            class=\"ax-scheduler-timeline-spanning-appointment {{\n              spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n            }}\"\n            [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n            [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n            [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n            [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n            [style.grid-row]=\"spanning.rowIndex + 1\"\n            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n            [axTooltip]=\"tooltipTemplate()\"\n            [axTooltipContext]=\"spanning.appointment\"\n          >\n            <span class=\"ax-spanning-appointment-title\">\n              <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n              @if (hasActions()) {\n                <ax-icon\n                  (click)=\"handleActionClick($event, spanning.appointment)\"\n                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                ></ax-icon>\n              }\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"ax-scheduler-timeline-year-container\">\n      @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n        <div>\n          <div class=\"ax-scheduler-timeline-header\">\n            <div\n              [class.ax-state-today]=\"isToday(dayData.date)\"\n              class=\"ax-scheduler-year-header-date-day {{\n                dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n              }}\"\n            >\n              <span\n                class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n                [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n              >\n                {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n                @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                  ( {{ dayData.holiday.holiday.title }} )\n                }\n              </span>\n              <span class=\"ax-scheduler-year-header-date-day-num\">\n                {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n              </span>\n            </div>\n          </div>\n\n          <div\n            axDropZone\n            #zone=\"axDropZone\"\n            (onElementDrop)=\"handleDrop($event, dayData.date)\"\n            [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n            class=\"ax-scheduler-timeline-content\"\n            (click)=\"handleSlotEvent($event, dayData.date)\"\n            (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n            (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n            [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n            [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n            [style.--spanning-rows-count]=\"maxSpanningRows()\"\n          >\n            <!-- Current Time Line Indicator -->\n            @if (\n              showCurrentTimeIndicator() &&\n              shouldShowCurrentTimeForDay(dayData.date) &&\n              getCurrentTimePosition() !== null\n            ) {\n              <div\n                class=\"ax-scheduler-current-time-line\"\n                [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n                #currentTimeLine\n              ></div>\n            }\n            <div class=\"ax-scheduler-timeline-appointment-container\">\n              @for (segment of dayData.visibleAppointments; track segment.id + segment.originalStartDate.getTime()) {\n                <div\n                  axDrag\n                  [dragData]=\"segment\"\n                  [dragCursor]=\"'grab'\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"optimizedDragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                  (pointerdown)=\"getSlotId($event)\"\n                  (click)=\"handleAppointmentEvent($event, segment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                  [title]=\"\n                    tooltipTemplate()\n                      ? ''\n                      : segment.title +\n                        ' (' +\n                        (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                        ' - ' +\n                        (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                        ')'\n                  \"\n                  class=\"ax-scheduler-timeline-appointment {{\n                    segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                  }}\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                  [axTooltipContext]=\"segment\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, segment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      >\n                      </ax-icon>\n                    }\n                  </ax-title>\n                  <span class=\"ax-scheduler-timeline-appointment-time\">\n                    {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                    @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                      -\n                      {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                    }\n                  </span>\n                </div>\n              }\n\n              <!-- Overflow Badge and Popover -->\n              @if (dayData.moreCount > 0) {\n                <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                  +{{\n                    '@acorex:common.general.more-items' | translate: { params: { number: dayData.moreCount } } | async\n                  }}\n                </div>\n                <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                  <div\n                    axDropZone\n                    [class.ax-state-readonly]=\"readonly()\"\n                    class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                  >\n                    @for (\n                      segment of dayData.hiddenAppointments;\n                      track segment.id + segment.originalStartDate.getTime()\n                    ) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"segment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"optimizedDragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                        [title]=\"\n                          tooltipTemplate()\n                            ? ''\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                        \"\n                        class=\"ax-scheduler-popover-appointment {{\n                          segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                        }}\"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                        [axTooltipContext]=\"segment\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, segment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            >\n                            </ax-icon>\n                          }\n                        </ax-title>\n                        <span class=\"ax-scheduler-timeline-appointment-time\">\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        </span>\n                      </div>\n                    }\n                  </div>\n                </ax-popover>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- Resource-based layout -->\n  <div class=\"ax-scheduler-timeline-year-resource-container\">\n    <div class=\"ax-scheduler-timeline-year-header-sticky\">\n      <div class=\"ax-scheduler-timeline-year-resource-header-placeholder\">\n        <span>Resources</span>\n      </div>\n\n      <div class=\"ax-scheduler-timeline-year-day-header\">\n        @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n          <div\n            [class.ax-state-today]=\"isToday(dayData.date)\"\n            class=\"ax-scheduler-year-header-date-day {{\n              dayData.holiday.state !== 'none' ? (dayData.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n            }}\"\n          >\n            <span\n              class=\"ax-scheduler-year-header-date-day-char ax-scheduler-truncate\"\n              [axTooltip]=\"dayData.holiday.holiday?.title ?? ''\"\n            >\n              {{ dayData.date | format: 'date' : { format: 'MMMM', calendar: calendar() } | async }}\n              @if (dayData.holiday.state === 'holiday' && dayData.holiday.holiday.title) {\n                ( {{ dayData.holiday.holiday.title }} )\n              }\n            </span>\n            <span class=\"ax-scheduler-year-header-date-day-num\">\n              {{ dayData.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"ax-scheduler-timeline-year-resource-rows\">\n      <!-- Current Time Line Indicator -->\n      @if (showCurrentTimeIndicator() && getCurrentTimePosition() !== null) {\n        <div\n          class=\"ax-scheduler-current-time-line\"\n          [style.inset-inline-start.%]=\"getCurrentTimePosition()\"\n          #currentTimeLine\n        ></div>\n      }\n\n      @for (resourceId of resourceIds(); track resourceId) {\n        <div\n          class=\"ax-scheduler-timeline-year-resource-row\"\n          [style.--resource-spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n        >\n          <div class=\"ax-scheduler-timeline-year-resource-header ax-scheduler-timeline-year-resource-header-sticky\">\n            @if (resourceTemplate() && typeof resourceTemplate() !== 'string') {\n              <ng-container\n                [ngTemplateOutlet]=\"$any(resourceTemplate())\"\n                [ngTemplateOutletContext]=\"{\n                  $implicit: getResourceContext(resourceId),\n                  resource: getResourceContext(resourceId),\n                  resourceId: resourceId,\n                }\"\n              ></ng-container>\n            } @else {\n              <div class=\"ax-scheduler-timeline-year-resource-title\">\n                {{ getResourceTitle(resourceId) | translate | async }}\n              </div>\n            }\n          </div>\n\n          <div class=\"ax-scheduler-timeline-year-resource-content\">\n            <!-- Spanning appointments layer for this resource -->\n            @if (getSpanningAppointmentsForResource(resourceId).length > 0) {\n              <div\n                class=\"ax-scheduler-timeline-resource-spanning-layer\"\n                [style.--timeline-days-count]=\"processedDayData().length\"\n              >\n                @for (spanning of getSpanningAppointmentsForResource(resourceId); track spanning.appointment.id) {\n                  <div\n                    axDrag\n                    [dragCursor]=\"'grab'\"\n                    [dragData]=\"spanning.appointment\"\n                    [dragTransition]=\"false\"\n                    [dragElementClone]=\"true\"\n                    [dragStartDelay]=\"optimizedDragStartDelay()\"\n                    [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n                    (pointerdown)=\"getSlotId($event)\"\n                    (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n                    [title]=\"\n                      tooltipTemplate()\n                        ? ''\n                        : spanning.appointment.title +\n                          ' (' +\n                          (spanning.appointment.startDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ' - ' +\n                          (spanning.appointment.endDate\n                            | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                            | async) +\n                          ')'\n                    \"\n                    class=\"ax-scheduler-timeline-spanning-appointment {{\n                      spanning.appointment.cssClass ??\n                        'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n                    }}\"\n                    [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n                    [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n                    [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n                    [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n                    [style.grid-row]=\"spanning.rowIndex + 1\"\n                    [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                    [axTooltip]=\"tooltipTemplate()\"\n                    [axTooltipContext]=\"spanning.appointment\"\n                  >\n                    <span class=\"ax-spanning-appointment-title\">\n                      <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                      @if (hasActions()) {\n                        <ax-icon\n                          (click)=\"handleActionClick($event, spanning.appointment)\"\n                          class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                        ></ax-icon>\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            }\n\n            @for (dayData of processedDayData(); track dayData.date.date.getTime()) {\n              <div\n                axDropZone\n                #zone=\"axDropZone\"\n                (onElementDrop)=\"handleDrop($event, dayData.date, resourceId)\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                class=\"ax-scheduler-timeline-year-slot-row\"\n                (click)=\"handleSlotEvent($event, dayData.date)\"\n                (dblclick)=\"handleSlotEvent($event, dayData.date)\"\n                (contextmenu)=\"handleSlotEvent($event, dayData.date)\"\n                [attr.data-slot-id]=\"dayData.date.format('YYYYMMDD')\"\n                [attr.data-resource-id]=\"resourceId\"\n                [style.pointer-events]=\"draggable() ? 'auto' : 'none'\"\n                [style.--spanning-rows-count]=\"getMaxSpanningRowsForResource(resourceId)\"\n              >\n                <div class=\"ax-scheduler-timeline-appointment-container\">\n                  @for (\n                    segment of getAppointmentsForResourceAndDay(resourceId, dayData).visible;\n                    track segment.id + segment.originalStartDate.getTime()\n                  ) {\n                    <div\n                      axDrag\n                      [dragData]=\"segment\"\n                      [dragCursor]=\"'grab'\"\n                      [dragTransition]=\"false\"\n                      [dragElementClone]=\"true\"\n                      [dragStartDelay]=\"optimizedDragStartDelay()\"\n                      [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                      (pointerdown)=\"getSlotId($event)\"\n                      (click)=\"handleAppointmentEvent($event, segment)\"\n                      (dblclick)=\"handleAppointmentEvent($event, segment)\"\n                      (contextmenu)=\"handleAppointmentEvent($event, segment)\"\n                      [title]=\"\n                        tooltipTemplate()\n                          ? ''\n                          : segment.allDay\n                            ? segment.title +\n                              ' (' +\n                              (segment.originalStartDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ' - ' +\n                              (segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async) +\n                              ')'\n                            : segment.title +\n                              ' (' +\n                              (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                              ' - ' +\n                              (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                              ')'\n                      \"\n                      class=\"ax-scheduler-timeline-appointment {{\n                        segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                      }}\"\n                      [class.all-day-segment]=\"segment.allDay\"\n                      [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                      [axTooltip]=\"tooltipTemplate()\"\n                      [axTooltipContext]=\"segment\"\n                    >\n                      <ax-title>\n                        <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                        @if (hasActions()) {\n                          <ax-icon\n                            (click)=\"handleActionClick($event, segment)\"\n                            class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                          >\n                          </ax-icon>\n                        }\n                      </ax-title>\n                      <span class=\"ax-scheduler-timeline-appointment-time\">\n                        @if (segment.allDay) {\n                          {{\n                            segment.originalStartDate\n                              | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                              | async\n                          }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{\n                              segment.originalEndDate\n                                | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                                | async\n                            }}\n                          }\n                        } @else {\n                          {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                          @if (segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()) {\n                            -\n                            {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                          }\n                        }\n                      </span>\n                    </div>\n                  }\n\n                  <!-- Overflow Badge and Popover -->\n                  @if (getAppointmentsForResourceAndDay(resourceId, dayData).moreCount > 0) {\n                    <div #moreAppointments class=\"ax-scheduler-year-overflow-badge\" (click)=\"$event.stopPropagation()\">\n                      +{{\n                        '@acorex:common.general.more-items'\n                          | translate\n                            : { params: { number: getAppointmentsForResourceAndDay(resourceId, dayData).moreCount } }\n                          | async\n                      }}\n                    </div>\n                    <ax-popover [target]=\"moreAppointments\" placement=\"bottom-start\" trigger=\"click\">\n                      <div\n                        axDropZone\n                        [class.ax-state-readonly]=\"readonly()\"\n                        class=\"ax-scheduler-popover ax-scheduler-timeline-year-popover-appointment\"\n                      >\n                        @for (\n                          segment of getAppointmentsForResourceAndDay(resourceId, dayData).hidden;\n                          track segment.id + segment.originalStartDate.getTime()\n                        ) {\n                          <div\n                            axDrag\n                            [dragCursor]=\"'grab'\"\n                            [dragData]=\"segment\"\n                            [dragTransition]=\"false\"\n                            [dragElementClone]=\"true\"\n                            [dragStartDelay]=\"optimizedDragStartDelay()\"\n                            [dragDisabled]=\"!draggable() || segment.readonly || readonly()\"\n                            (click)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (dblclick)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            (contextmenu)=\"handleAppointmentEvent($event, segment); $event.stopPropagation()\"\n                            [title]=\"\n                              tooltipTemplate()\n                                ? ''\n                                : segment.allDay\n                                  ? segment.title\n                                  : segment.title +\n                                    ' (' +\n                                    (segment.originalStartDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ' - ' +\n                                    (segment.originalEndDate | format: 'time' : { calendar: calendar() } | async) +\n                                    ')'\n                            \"\n                            class=\"ax-scheduler-popover-appointment {{\n                              segment.cssClass ?? 'ax-scheduler-' + (segment.priority ?? 'primary') + '-priority'\n                            }}\"\n                            [class.all-day-segment]=\"segment.allDay\"\n                            [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                            [axTooltip]=\"tooltipTemplate()\"\n                            [axTooltipContext]=\"segment\"\n                          >\n                            <ax-title>\n                              <span class=\"ax-scheduler-truncate\">{{ segment.title }}</span>\n                              @if (hasActions()) {\n                                <ax-icon\n                                  (click)=\"handleActionClick($event, segment)\"\n                                  class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                                >\n                                </ax-icon>\n                              }\n                            </ax-title>\n                            @if (!segment.allDay) {\n                              <span class=\"ax-scheduler-timeline-appointment-time\">\n                                {{ segment.originalStartDate | format: 'time' : { calendar: calendar() } | async }}\n                                @if (\n                                  !segment.allDay &&\n                                  segment.originalStartDate.getTime() !== segment.originalEndDate.getTime()\n                                ) {\n                                  -\n                                  {{ segment.originalEndDate | format: 'time' : { calendar: calendar() } | async }}\n                                }\n                              </span>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </ax-popover>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-timeline-year-view{background-color:inherit;--ax-comp-scheduler-timeline-year-view-blocks-width:calc(var(--ax-comp-scheduler-timeline-view-blocks-width) / 2);height:100%;display:inline-flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container{--tw-translate-z:0;height:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);will-change:transform;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header{background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content{height:calc(100% - 4rem);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container{flex-direction:column;gap:1px;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{--tw-translate-z:0;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);gap:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);will-change:transform;flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:var(--spacing,.25rem);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media(hover:hover){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-container .ax-scheduler-timeline-content .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container{--tw-translate-z:0;height:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);background-color:inherit;will-change:transform;flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky{z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex;position:sticky;top:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-resource-header-placeholder{z-index:15;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header{background-color:inherit;flex:1;display:flex;overflow-x:auto}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day{height:calc(var(--spacing,.25rem) * 16);width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);justify-content:center;align-items:flex-start;gap:var(--spacing,.25rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-today .ax-scheduler-year-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-char{max-width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-header-sticky .ax-scheduler-timeline-year-day-header .ax-scheduler-year-header-date-day .ax-scheduler-year-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 4)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows{background-color:inherit;flex:1;position:relative;overflow:visible}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;width:max-content;min-height:auto;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header{min-height:2.625rem;width:var(--ax-comp-scheduler-resource-header-width,8rem);min-width:var(--ax-comp-scheduler-resource-header-width,8rem);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;padding:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header.ax-scheduler-timeline-year-resource-header-sticky{z-index:9;background-color:inherit;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-header .ax-scheduler-timeline-year-resource-title{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow-wrap:break-word}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content{background-color:inherit;flex:1;display:flex}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row{width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);min-width:var(--ax-comp-scheduler-timeline-year-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;flex:1;display:flex;position:relative}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container{gap:var(--ax-comp-scheduler-timeline-year-gap-height,.125rem);width:100%;min-height:100%;padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * .5);flex-direction:column;display:flex;overflow:visible}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container ax-popover{display:none}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment{--tw-translate-z:0;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);gap:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 3.5);line-height:calc(var(--spacing,.25rem) * 3.5);will-change:transform;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-timeline-appointment ax-title{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge{margin-top:calc(var(--spacing,.25rem) * .5);cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * .5);text-align:start;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));flex-shrink:0}@media(hover:hover){ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-resource-container .ax-scheduler-timeline-year-resource-rows .ax-scheduler-timeline-year-resource-row .ax-scheduler-timeline-year-resource-content .ax-scheduler-timeline-year-slot-row .ax-scheduler-timeline-appointment-container .ax-scheduler-year-overflow-badge:hover{text-decoration-line:underline}}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-appointment{cursor:pointer}ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-content,ax-scheduler-timeline-year-view:not(.ax-state-readonly) .ax-scheduler-timeline-year-slot-row):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-timeline-year-view ax-title{justify-content:space-between;display:flex}ax-scheduler-timeline-year-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:100%}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment{margin-bottom:var(--spacing,.25rem);border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;overflow:hidden}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment:last-child{margin-bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-timeline-year-popover-appointment .ax-scheduler-popover-appointment .ax-appointment-chip-title{margin-bottom:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line{width:calc(var(--spacing,.25rem) * .5);top:0;bottom:0}ax-scheduler-timeline-year-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], resourceTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "resourceTemplate", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerWeekViewComponent extends NXComponent {
     constructor() {
@@ -3874,26 +3875,26 @@ class AXSchedulerWeekViewComponent extends NXComponent {
         this.scheduler = inject(AXSchedulerComponent);
         this.calendarService = inject(AXCalendarService);
         this.schedulerService = inject(AXSchedulerService);
-        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : []));
+        this.dragStartSlotId = signal(null, ...(ngDevMode ? [{ debugName: "dragStartSlotId" }] : /* istanbul ignore next */ []));
         // --- Constants ---
         this.GAP_PX = 1;
         this.BADGE_SPACE_REM = 2;
         // --- Component Inputs ---
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : []));
-        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : []));
-        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.date = input.required(...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.endDayHour = input.required(...(ngDevMode ? [{ debugName: "endDayHour" }] : /* istanbul ignore next */ []));
+        this.startDayHour = input.required(...(ngDevMode ? [{ debugName: "startDayHour" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.appointments = input([], ...(ngDevMode ? [{ debugName: "appointments" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.selectedAppointmentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
         // ViewChild for current time line element
-        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : []));
+        this.currentTimeLineElement = viewChild('currentTimeLine', ...(ngDevMode ? [{ debugName: "currentTimeLineElement" }] : /* istanbul ignore next */ []));
         // --- Component Outputs (Internal, to be caught by the main scheduler) ---
         this.slotClickedInternal = output();
         this.slotDblClickedInternal = output();
@@ -3924,7 +3925,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 hours.push(time);
             }
             return hours;
-        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "hoursArray" }] : /* istanbul ignore next */ []));
         /**
          * @protected
          * Generates an array of day data objects for the 7 days in the view, including holiday info.
@@ -3940,7 +3941,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 days.push({ date, holiday: this.isHoliday(date) });
             }
             return days;
-        }, ...(ngDevMode ? [{ debugName: "daysArray" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "daysArray" }] : /* istanbul ignore next */ []));
         /**
          * @protected
          * Calculates the total number of 30-minute blocks within the visible hours of a single day.
@@ -3949,7 +3950,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
             const startH = this.startDayHour();
             const endH = this.endDayHour();
             return Math.max(0, (endH - startH) * (60 / 30));
-        }, ...(ngDevMode ? [{ debugName: "totalBlocksPerViewDay" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "totalBlocksPerViewDay" }] : /* istanbul ignore next */ []));
         // Calculate spanning appointments with their grid positions for the all-day header
         this.spanningAppointments = computed(() => {
             const daysInWeek = this.daysArray();
@@ -4043,19 +4044,19 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 });
             }
             return spanningResult;
-        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "spanningAppointments" }] : /* istanbul ignore next */ []));
         // Get the set of multi-day/all-day appointment IDs for exclusion from regular all-day rendering
         this.multiDayAppointmentIds = computed(() => {
             const spanning = this.spanningAppointments();
             return new Set(spanning.map((s) => s.appointment.id));
-        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "multiDayAppointmentIds" }] : /* istanbul ignore next */ []));
         // Calculate the maximum row index to determine header height
         this.maxSpanningRowIndex = computed(() => {
             const spanning = this.spanningAppointments();
             if (spanning.length === 0)
                 return -1;
             return Math.max(...spanning.map((s) => s.rowIndex));
-        }, ...(ngDevMode ? [{ debugName: "maxSpanningRowIndex" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxSpanningRowIndex" }] : /* istanbul ignore next */ []));
         /**
          * @protected
          * Filters processed segments to get only single-day all-day appointments for the all-day header.
@@ -4074,7 +4075,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                     appointments: orderBy(appointmentsForThisDay, ['originalStartDate', 'title'], ['asc', 'asc']),
                 };
             });
-        }, ...(ngDevMode ? [{ debugName: "allDayAppointmentsPerDay" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "allDayAppointmentsPerDay" }] : /* istanbul ignore next */ []));
         // =================================================================================================
         //
         // GRID LAYOUT & BADGE LOGIC (THE CORE FIX)
@@ -4128,7 +4129,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 layoutsByDay.set(dayIndex, dayLayouts);
             }
             return layoutsByDay;
-        }, ...(ngDevMode ? [{ debugName: "dayViewLayoutsByDay" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "dayViewLayoutsByDay" }] : /* istanbul ignore next */ []));
         /**
          * @protected
          * [STEP 2] From the full layout, select ONLY appointments in the first column (`columnIndex: 0`)
@@ -4167,7 +4168,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 });
             }
             return finalLayouts;
-        }, ...(ngDevMode ? [{ debugName: "visibleAppointmentsLayout" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "visibleAppointmentsLayout" }] : /* istanbul ignore next */ []));
         /**
          * @protected
          * [STEP 3] Create badges for all appointments NOT in the first column (`columnIndex > 0`).
@@ -4211,7 +4212,7 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                 });
             });
             return badgesInfo;
-        }, ...(ngDevMode ? [{ debugName: "overflowBadgesWithData" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "overflowBadgesWithData" }] : /* istanbul ignore next */ []));
         // =================================================================================================
         //
         // EVENT HANDLERS & UTILITY METHODS
@@ -4252,10 +4253,10 @@ class AXSchedulerWeekViewComponent extends NXComponent {
                     uniqueSegmentsMap.set(mapKey, seg);
             });
             return Array.from(uniqueSegmentsMap.values());
-        }, ...(ngDevMode ? [{ debugName: "processedAppointmentsForLayout" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "processedAppointmentsForLayout" }] : /* istanbul ignore next */ []));
         this.timedGridSegments = computed(() => {
             return this.processedAppointmentsForLayout()?.filter((segment) => !segment.allDay) ?? [];
-        }, ...(ngDevMode ? [{ debugName: "timedGridSegments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "timedGridSegments" }] : /* istanbul ignore next */ []));
     }
     isActive(appointmentId) {
         return this.selectedAppointmentId() === appointmentId;
@@ -4509,10 +4510,10 @@ class AXSchedulerWeekViewComponent extends NXComponent {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerWeekViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerWeekViewComponent, isStandalone: true, selector: "ax-scheduler-week-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerWeekViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-week-header\">\n  <div class=\"ax-scheduler-week-header-days\">\n    <div class=\"ax-scheduler-week-header-table\"></div>\n    <div class=\"ax-scheduler-week-header-date\" aria-hidden=\"true\">\n      @for (day of daysArray(); track day.date.date.getTime()) {\n        <div\n          [class.ax-state-today]=\"isToday(day.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            day.holiday.state !== 'none' ? (day.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"day.holiday?.holiday?.title ?? ''\"\n          >\n            {{ day.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (day.holiday.state === 'holiday' && day.holiday.holiday.title) {\n              ( {{ day.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ day.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n      }\n    </div>\n  </div>\n  <!-- All-day / Multi-day Spanning Appointments Header -->\n  <div class=\"ax-scheduler-week-header-days ax-scheduler-week-allday-header\">\n    <div class=\"ax-scheduler-week-header-table\">{{ '@acorex:dateTime.duration.all-day' | translate | async }}</div>\n    <div class=\"ax-scheduler-week-allday-content\">\n      <!-- Spanning Appointments Layer -->\n      @if (spanningAppointments().length > 0) {\n        <div class=\"ax-scheduler-week-spanning-layer\">\n          @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-week-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n              [style.--spanning-row-index]=\"spanning.rowIndex\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  ></ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n      <!-- Drop zones for each day -->\n      <div class=\"ax-scheduler-week-allday-slots\">\n        @for (slotData of allDayAppointmentsPerDay(); track slotData.day.date.getTime()) {\n          <div\n            axDropZone\n            #zone2=\"axDropZone\"\n            [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n            (onElementDrop)=\"handleAllDayDrop($event, slotData.day)\"\n            class=\"ax-scheduler-all-day-slot\"\n            (click)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (dblclick)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (contextmenu)=\"handleAllDaySlotEvent($event, slotData.day)\"\n          >\n            <!-- Single-day all-day appointments only -->\n            @if (slotData.appointments.length > 0) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragData]=\"slotData.appointments[0]\"\n                [dragDisabled]=\"!draggable() || slotData.appointments[0].readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (dblclick)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (contextmenu)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                [title]=\"tooltipTemplate() ? '' : slotData.appointments[0].title\"\n                class=\"ax-scheduler-header-week-appointment\"\n                [style.width]=\"slotData.appointments.length > 1 ? 'calc(100% - 2rem)' : '100%'\"\n                [class.ax-state-active]=\"isActive(slotData.appointments[0].id)\"\n                [class]=\"\n                  slotData.appointments[0].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[0].priority ?? 'primary') + '-priority'\n                \"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltipContext]=\"slotData.appointments[0]\"\n                [axTooltip]=\"tooltipTemplate()\"\n              >\n                <ax-title>\n                  <span class=\"ax-scheduler-truncate\">{{ slotData.appointments[0].title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, slotData.appointments[0])\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    ></ax-icon>\n                  }\n                </ax-title>\n              </div>\n            }\n            @if (slotData.appointments.length > 1) {\n              <div\n                #moreAppointments\n                class=\"ax-scheduler-appointment-badge\"\n                [style.width]=\"'1.5rem'\"\n                [style.border]=\"'none'\"\n                [class]=\"\n                  slotData.appointments[1].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[1].priority ?? 'primary') + '-priority'\n                \"\n              >\n                +{{ slotData.appointments.length - 1 }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\">\n                <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n                  @for (appointment of slotData.appointments; track appointment.id; let first = $first) {\n                    @if (!first) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"appointment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, appointment)\"\n                        (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                        (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                        [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                        class=\"ax-scheduler-popover-appointment\"\n                        [class.ax-state-active]=\"isActive(appointment.id)\"\n                        [class]=\"\n                          appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\n                        \"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltipContext]=\"appointment\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, appointment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            ></ax-icon>\n                          }\n                        </ax-title>\n                      </div>\n                    }\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-week-time-container\">\n  <div class=\"ax-scheduler-week-time\" aria-hidden=\"true\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-week-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (\n      shouldShowCurrentTimeForToday() &&\n      getCurrentTimePositionWithOffset() !== null &&\n      getCurrentDayColumnPosition() !== null\n    ) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n        [style.inset-inline-start]=\"getCurrentDayColumnPosition()\"\n        [style.width]=\"getCurrentDayColumnWidth()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-week-appointment-container\">\n      @for (appt of visibleAppointmentsLayout(); track appt.appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragData]=\"appt.appointment\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appt.appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appt.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appt.appointment.title\"\n          [style.width]=\"appt.layoutWidth\"\n          [style.height]=\"appt.layoutHeight\"\n          class=\"ax-scheduler-week-appointment\"\n          [style.inset-block-start]=\"appt.layoutTop\"\n          [style.inset-inline-start]=\"appt.layoutLeft\"\n          [class.ax-state-active]=\"isActive(appt.appointment.id)\"\n          [class]=\"\n            appt.appointment.cssClass ?? 'ax-scheduler-' + (appt.appointment.priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appt.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appt.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appt.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              ></ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              appt.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{ appt.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n\n      <!-- Overflow Badges with Popovers -->\n      @for (badge of overflowBadgesWithData(); track badge.key) {\n        <!-- Wrap badge and popover for targeting -->\n        <div\n          style=\"position: absolute\"\n          class=\"ax-scheduler-badge-wrapper\"\n          [style.inset-block-start]=\"badge.badgeTop\"\n          [style.inset-inline-start]=\"badge.badgeLeft\"\n        >\n          <!-- The Badge itself -->\n          <div\n            #actionButton\n            class=\"ax-scheduler-appointment-badge\"\n            [class]=\"\n              badge.hiddenAppointments[0].cssClass ??\n              'ax-scheduler-' + (badge.hiddenAppointments[0].priority ?? 'primary') + '-priority'\n            \"\n          >\n            +{{ badge.count }}\n          </div>\n          <!-- The Popover -->\n          <ax-popover [target]=\"actionButton\">\n            <div class=\"ax-scheduler-popover\" axDropZone>\n              @for (appointment of badge.hiddenAppointments; track appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      ></ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                    -\n                    {{\n                      appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n          </ax-popover>\n        </div>\n      }\n    </div>\n\n    <table aria-hidden=\"true\" [border]=\"1\">\n      <tbody>\n        @for (time of hoursArray(); track time.date.getTime()) {\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 0)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.format('HHmm')\"\n              ></td>\n            }\n          </tr>\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone2=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 1)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.add('minute', 30).format('HHmm')\"\n              ></td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-week-view{--ax-scheduler-week-spanning-row-height: 1.5rem;--ax-scheduler-week-spanning-gap: .125rem;--ax-scheduler-week-spanning-row-gap: .25rem;display:block;position:relative;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-week-view .ax-scheduler-appointment-badge{display:flex;width:1.5rem;height:1.5rem;cursor:pointer;font-size:.75rem;align-items:center;border-radius:9999px;justify-content:center}ax-scheduler-week-view .ax-scheduler-week-header{top:0;z-index:20;width:100%;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days{display:flex;background-color:inherit;border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-table{z-index:10;flex-shrink:0;position:sticky;text-align:center;inset-inline-start:0;width:var(--ax-comp-scheduler-basic-view-blocks-width);background-color:inherit;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date{width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div{width:100%;text-align:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day{gap:.25rem;display:grid;align-items:center;padding-inline:.5rem;justify-content:center}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-weight:300}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-weight:500;font-size:1.25rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div:last-child{border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot{gap:.25rem;display:flex;width:14.2857142857%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{display:block;overflow:hidden;text-align:start;padding-inline:.5rem;width:100%;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content{display:flex;flex-direction:column;width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));position:relative}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer{display:grid;grid-template-columns:repeat(7,1fr);padding-block:.25rem;row-gap:var(--ax-scheduler-week-spanning-row-gap);align-content:start;position:relative}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(to right,transparent calc(14.2857142857% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(14.2857142857% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(14.2857142857% + .5px),transparent calc(14.2857142857% + .5px),transparent calc(28.5714285714% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(28.5714285714% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(28.5714285714% + .5px),transparent calc(28.5714285714% + .5px),transparent calc(42.8571428571% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(42.8571428571% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(42.8571428571% + .5px),transparent calc(42.8571428571% + .5px),transparent calc(57.1428571429% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(57.1428571429% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(57.1428571429% + .5px),transparent calc(57.1428571429% + .5px),transparent calc(71.4285714286% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(71.4285714286% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(71.4285714286% + .5px),transparent calc(71.4285714286% + .5px),transparent calc(85.7142857143% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(85.7142857143% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(85.7142857143% + .5px),transparent calc(85.7142857143% + .5px))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment{z-index:1;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .5rem;height:var(--ax-scheduler-week-spanning-row-height);margin-inline:.125rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;width:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0;padding-inline-start:1rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:.25rem;top:50%;transform:translateY(-50%);font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0;padding-inline-end:1rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots{display:flex;height:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot{gap:.25rem;display:flex;width:14.2857142857%;padding-block:.25rem;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot:last-child{border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{display:block;overflow:hidden;text-align:start;padding-inline:.5rem;width:100%;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-time-container{width:100%;display:flex;background-color:inherit}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time{z-index:15;position:sticky;inset-inline-start:0;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time div{display:block;text-align:center;padding-inline:.5rem;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container{width:100%;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container{top:0;width:100%;position:absolute}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container .ax-scheduler-week-appointment{display:flex;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table{width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr{display:flex;height:var(--ax-comp-scheduler-basic-view-blocks-height);border-block-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr:first-child{border-block-start-width:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td{width:100%;text-align:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td:last-child{border-inline-end-width:0}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-appointment,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-header-week-appointment{cursor:pointer}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot:hover,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-week-view ax-title{display:flex;justify-content:space-between}ax-scheduler-week-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-week-view .ax-scheduler-current-time-line{height:2px}ax-scheduler-week-view .ax-scheduler-current-time-line:before{top:-5px;inset-inline-start:-6px}\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerWeekViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerWeekViewComponent, isStandalone: true, selector: "ax-scheduler-week-view", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: true, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: true, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slotClickedInternal: "slotClickedInternal", slotDblClickedInternal: "slotDblClickedInternal", slotRightClickedInternal: "slotRightClickedInternal", appointmentClickedInternal: "appointmentClickedInternal", appointmentDblClickedInternal: "appointmentDblClickedInternal", appointmentRightClickedInternal: "appointmentRightClickedInternal", onActionClickInternal: "onActionClickInternal", onAppointmentDropInternal: "onAppointmentDropInternal" }, host: { properties: { "class.ax-state-readonly": "readonly()" } }, providers: [{ provide: AXComponent, useExisting: AXSchedulerWeekViewComponent }], viewQueries: [{ propertyName: "currentTimeLineElement", first: true, predicate: ["currentTimeLine"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-week-header\">\n  <div class=\"ax-scheduler-week-header-days\">\n    <div class=\"ax-scheduler-week-header-table\"></div>\n    <div class=\"ax-scheduler-week-header-date\" aria-hidden=\"true\">\n      @for (day of daysArray(); track day.date.date.getTime()) {\n        <div\n          [class.ax-state-today]=\"isToday(day.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            day.holiday.state !== 'none' ? (day.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"day.holiday?.holiday?.title ?? ''\"\n          >\n            {{ day.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (day.holiday.state === 'holiday' && day.holiday.holiday.title) {\n              ( {{ day.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ day.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n      }\n    </div>\n  </div>\n  <!-- All-day / Multi-day Spanning Appointments Header -->\n  <div class=\"ax-scheduler-week-header-days ax-scheduler-week-allday-header\">\n    <div class=\"ax-scheduler-week-header-table\">{{ '@acorex:dateTime.duration.all-day' | translate | async }}</div>\n    <div class=\"ax-scheduler-week-allday-content\">\n      <!-- Spanning Appointments Layer -->\n      @if (spanningAppointments().length > 0) {\n        <div class=\"ax-scheduler-week-spanning-layer\">\n          @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-week-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n              [style.--spanning-row-index]=\"spanning.rowIndex\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  ></ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n      <!-- Drop zones for each day -->\n      <div class=\"ax-scheduler-week-allday-slots\">\n        @for (slotData of allDayAppointmentsPerDay(); track slotData.day.date.getTime()) {\n          <div\n            axDropZone\n            #zone2=\"axDropZone\"\n            [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n            (onElementDrop)=\"handleAllDayDrop($event, slotData.day)\"\n            class=\"ax-scheduler-all-day-slot\"\n            (click)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (dblclick)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (contextmenu)=\"handleAllDaySlotEvent($event, slotData.day)\"\n          >\n            <!-- Single-day all-day appointments only -->\n            @if (slotData.appointments.length > 0) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragData]=\"slotData.appointments[0]\"\n                [dragDisabled]=\"!draggable() || slotData.appointments[0].readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (dblclick)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (contextmenu)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                [title]=\"tooltipTemplate() ? '' : slotData.appointments[0].title\"\n                class=\"ax-scheduler-header-week-appointment\"\n                [style.width]=\"slotData.appointments.length > 1 ? 'calc(100% - 2rem)' : '100%'\"\n                [class.ax-state-active]=\"isActive(slotData.appointments[0].id)\"\n                [class]=\"\n                  slotData.appointments[0].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[0].priority ?? 'primary') + '-priority'\n                \"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltipContext]=\"slotData.appointments[0]\"\n                [axTooltip]=\"tooltipTemplate()\"\n              >\n                <ax-title>\n                  <span class=\"ax-scheduler-truncate\">{{ slotData.appointments[0].title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, slotData.appointments[0])\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    ></ax-icon>\n                  }\n                </ax-title>\n              </div>\n            }\n            @if (slotData.appointments.length > 1) {\n              <div\n                #moreAppointments\n                class=\"ax-scheduler-appointment-badge\"\n                [style.width]=\"'1.5rem'\"\n                [style.border]=\"'none'\"\n                [class]=\"\n                  slotData.appointments[1].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[1].priority ?? 'primary') + '-priority'\n                \"\n              >\n                +{{ slotData.appointments.length - 1 }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\">\n                <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n                  @for (appointment of slotData.appointments; track appointment.id; let first = $first) {\n                    @if (!first) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"appointment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, appointment)\"\n                        (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                        (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                        [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                        class=\"ax-scheduler-popover-appointment\"\n                        [class.ax-state-active]=\"isActive(appointment.id)\"\n                        [class]=\"\n                          appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\n                        \"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltipContext]=\"appointment\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, appointment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            ></ax-icon>\n                          }\n                        </ax-title>\n                      </div>\n                    }\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-week-time-container\">\n  <div class=\"ax-scheduler-week-time\" aria-hidden=\"true\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-week-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (\n      shouldShowCurrentTimeForToday() &&\n      getCurrentTimePositionWithOffset() !== null &&\n      getCurrentDayColumnPosition() !== null\n    ) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n        [style.inset-inline-start]=\"getCurrentDayColumnPosition()\"\n        [style.width]=\"getCurrentDayColumnWidth()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-week-appointment-container\">\n      @for (appt of visibleAppointmentsLayout(); track appt.appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragData]=\"appt.appointment\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appt.appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appt.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appt.appointment.title\"\n          [style.width]=\"appt.layoutWidth\"\n          [style.height]=\"appt.layoutHeight\"\n          class=\"ax-scheduler-week-appointment\"\n          [style.inset-block-start]=\"appt.layoutTop\"\n          [style.inset-inline-start]=\"appt.layoutLeft\"\n          [class.ax-state-active]=\"isActive(appt.appointment.id)\"\n          [class]=\"\n            appt.appointment.cssClass ?? 'ax-scheduler-' + (appt.appointment.priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appt.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appt.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appt.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              ></ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              appt.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{ appt.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n\n      <!-- Overflow Badges with Popovers -->\n      @for (badge of overflowBadgesWithData(); track badge.key) {\n        <!-- Wrap badge and popover for targeting -->\n        <div\n          style=\"position: absolute\"\n          class=\"ax-scheduler-badge-wrapper\"\n          [style.inset-block-start]=\"badge.badgeTop\"\n          [style.inset-inline-start]=\"badge.badgeLeft\"\n        >\n          <!-- The Badge itself -->\n          <div\n            #actionButton\n            class=\"ax-scheduler-appointment-badge\"\n            [class]=\"\n              badge.hiddenAppointments[0].cssClass ??\n              'ax-scheduler-' + (badge.hiddenAppointments[0].priority ?? 'primary') + '-priority'\n            \"\n          >\n            +{{ badge.count }}\n          </div>\n          <!-- The Popover -->\n          <ax-popover [target]=\"actionButton\">\n            <div class=\"ax-scheduler-popover\" axDropZone>\n              @for (appointment of badge.hiddenAppointments; track appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      ></ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                    -\n                    {{\n                      appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n          </ax-popover>\n        </div>\n      }\n    </div>\n\n    <table aria-hidden=\"true\" [border]=\"1\">\n      <tbody>\n        @for (time of hoursArray(); track time.date.getTime()) {\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 0)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.format('HHmm')\"\n              ></td>\n            }\n          </tr>\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone2=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 1)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.add('minute', 30).format('HHmm')\"\n              ></td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-week-view{min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block;position:relative}ax-scheduler-week-view .ax-scheduler-appointment-badge{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);cursor:pointer;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}ax-scheduler-week-view .ax-scheduler-week-header{z-index:10;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;position:sticky;top:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-table{z-index:10;width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;text-align:center;flex-shrink:0;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date{width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;width:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day{justify-content:center;align-items:center;gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem) * 2);display:grid}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot{gap:var(--spacing,.25rem);width:14.2857%;display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);text-align:start;display:block;overflow:hidden}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-time-container{background-color:inherit;width:100%;display:flex}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time{z-index:15;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time div{height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);text-align:center;display:block;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container{width:100%;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container{width:100%;position:absolute;top:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container .ax-scheduler-week-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table{width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr{height:var(--ax-comp-scheduler-basic-view-blocks-height);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));display:flex}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr:first-child{border-top-style:var(--tw-border-style);border-top-width:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-appointment,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-header-week-appointment{cursor:pointer}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-week-view ax-title{justify-content:space-between;display:flex}ax-scheduler-week-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-week-view .ax-scheduler-current-time-line{height:calc(var(--spacing,.25rem) * .5)}ax-scheduler-week-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "directive", type: AXDropZoneDirective, selector: "[axDropZone]", inputs: ["dropZoneGroup"], outputs: ["onElementDrop", "onElementHover"], exportAs: ["axDropZone"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerWeekViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerWeekViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-week-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-state-readonly]': 'readonly()',
@@ -4526,8 +4527,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDropZoneDirective,
                         AXDecoratorIconComponent,
                         AXDecoratorGenericComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerWeekViewComponent }], template: "<div class=\"ax-scheduler-week-header\">\n  <div class=\"ax-scheduler-week-header-days\">\n    <div class=\"ax-scheduler-week-header-table\"></div>\n    <div class=\"ax-scheduler-week-header-date\" aria-hidden=\"true\">\n      @for (day of daysArray(); track day.date.date.getTime()) {\n        <div\n          [class.ax-state-today]=\"isToday(day.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            day.holiday.state !== 'none' ? (day.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"day.holiday?.holiday?.title ?? ''\"\n          >\n            {{ day.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (day.holiday.state === 'holiday' && day.holiday.holiday.title) {\n              ( {{ day.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ day.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n      }\n    </div>\n  </div>\n  <!-- All-day / Multi-day Spanning Appointments Header -->\n  <div class=\"ax-scheduler-week-header-days ax-scheduler-week-allday-header\">\n    <div class=\"ax-scheduler-week-header-table\">{{ '@acorex:dateTime.duration.all-day' | translate | async }}</div>\n    <div class=\"ax-scheduler-week-allday-content\">\n      <!-- Spanning Appointments Layer -->\n      @if (spanningAppointments().length > 0) {\n        <div class=\"ax-scheduler-week-spanning-layer\">\n          @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-week-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n              [style.--spanning-row-index]=\"spanning.rowIndex\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  ></ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n      <!-- Drop zones for each day -->\n      <div class=\"ax-scheduler-week-allday-slots\">\n        @for (slotData of allDayAppointmentsPerDay(); track slotData.day.date.getTime()) {\n          <div\n            axDropZone\n            #zone2=\"axDropZone\"\n            [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n            (onElementDrop)=\"handleAllDayDrop($event, slotData.day)\"\n            class=\"ax-scheduler-all-day-slot\"\n            (click)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (dblclick)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (contextmenu)=\"handleAllDaySlotEvent($event, slotData.day)\"\n          >\n            <!-- Single-day all-day appointments only -->\n            @if (slotData.appointments.length > 0) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragData]=\"slotData.appointments[0]\"\n                [dragDisabled]=\"!draggable() || slotData.appointments[0].readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (dblclick)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (contextmenu)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                [title]=\"tooltipTemplate() ? '' : slotData.appointments[0].title\"\n                class=\"ax-scheduler-header-week-appointment\"\n                [style.width]=\"slotData.appointments.length > 1 ? 'calc(100% - 2rem)' : '100%'\"\n                [class.ax-state-active]=\"isActive(slotData.appointments[0].id)\"\n                [class]=\"\n                  slotData.appointments[0].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[0].priority ?? 'primary') + '-priority'\n                \"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltipContext]=\"slotData.appointments[0]\"\n                [axTooltip]=\"tooltipTemplate()\"\n              >\n                <ax-title>\n                  <span class=\"ax-scheduler-truncate\">{{ slotData.appointments[0].title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, slotData.appointments[0])\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    ></ax-icon>\n                  }\n                </ax-title>\n              </div>\n            }\n            @if (slotData.appointments.length > 1) {\n              <div\n                #moreAppointments\n                class=\"ax-scheduler-appointment-badge\"\n                [style.width]=\"'1.5rem'\"\n                [style.border]=\"'none'\"\n                [class]=\"\n                  slotData.appointments[1].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[1].priority ?? 'primary') + '-priority'\n                \"\n              >\n                +{{ slotData.appointments.length - 1 }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\">\n                <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n                  @for (appointment of slotData.appointments; track appointment.id; let first = $first) {\n                    @if (!first) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"appointment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, appointment)\"\n                        (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                        (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                        [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                        class=\"ax-scheduler-popover-appointment\"\n                        [class.ax-state-active]=\"isActive(appointment.id)\"\n                        [class]=\"\n                          appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\n                        \"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltipContext]=\"appointment\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, appointment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            ></ax-icon>\n                          }\n                        </ax-title>\n                      </div>\n                    }\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-week-time-container\">\n  <div class=\"ax-scheduler-week-time\" aria-hidden=\"true\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-week-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (\n      shouldShowCurrentTimeForToday() &&\n      getCurrentTimePositionWithOffset() !== null &&\n      getCurrentDayColumnPosition() !== null\n    ) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n        [style.inset-inline-start]=\"getCurrentDayColumnPosition()\"\n        [style.width]=\"getCurrentDayColumnWidth()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-week-appointment-container\">\n      @for (appt of visibleAppointmentsLayout(); track appt.appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragData]=\"appt.appointment\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appt.appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appt.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appt.appointment.title\"\n          [style.width]=\"appt.layoutWidth\"\n          [style.height]=\"appt.layoutHeight\"\n          class=\"ax-scheduler-week-appointment\"\n          [style.inset-block-start]=\"appt.layoutTop\"\n          [style.inset-inline-start]=\"appt.layoutLeft\"\n          [class.ax-state-active]=\"isActive(appt.appointment.id)\"\n          [class]=\"\n            appt.appointment.cssClass ?? 'ax-scheduler-' + (appt.appointment.priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appt.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appt.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appt.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              ></ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              appt.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{ appt.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n\n      <!-- Overflow Badges with Popovers -->\n      @for (badge of overflowBadgesWithData(); track badge.key) {\n        <!-- Wrap badge and popover for targeting -->\n        <div\n          style=\"position: absolute\"\n          class=\"ax-scheduler-badge-wrapper\"\n          [style.inset-block-start]=\"badge.badgeTop\"\n          [style.inset-inline-start]=\"badge.badgeLeft\"\n        >\n          <!-- The Badge itself -->\n          <div\n            #actionButton\n            class=\"ax-scheduler-appointment-badge\"\n            [class]=\"\n              badge.hiddenAppointments[0].cssClass ??\n              'ax-scheduler-' + (badge.hiddenAppointments[0].priority ?? 'primary') + '-priority'\n            \"\n          >\n            +{{ badge.count }}\n          </div>\n          <!-- The Popover -->\n          <ax-popover [target]=\"actionButton\">\n            <div class=\"ax-scheduler-popover\" axDropZone>\n              @for (appointment of badge.hiddenAppointments; track appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      ></ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                    -\n                    {{\n                      appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n          </ax-popover>\n        </div>\n      }\n    </div>\n\n    <table aria-hidden=\"true\" [border]=\"1\">\n      <tbody>\n        @for (time of hoursArray(); track time.date.getTime()) {\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 0)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.format('HHmm')\"\n              ></td>\n            }\n          </tr>\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone2=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 1)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.add('minute', 30).format('HHmm')\"\n              ></td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";ax-scheduler-week-view{--ax-scheduler-week-spanning-row-height: 1.5rem;--ax-scheduler-week-spanning-gap: .125rem;--ax-scheduler-week-spanning-row-gap: .25rem;display:block;position:relative;background-color:inherit;min-width:var(--ax-comp-scheduler-width)}ax-scheduler-week-view .ax-scheduler-appointment-badge{display:flex;width:1.5rem;height:1.5rem;cursor:pointer;font-size:.75rem;align-items:center;border-radius:9999px;justify-content:center}ax-scheduler-week-view .ax-scheduler-week-header{top:0;z-index:20;width:100%;position:sticky;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days{display:flex;background-color:inherit;border-block-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-table{z-index:10;flex-shrink:0;position:sticky;text-align:center;inset-inline-start:0;width:var(--ax-comp-scheduler-basic-view-blocks-width);background-color:inherit;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date{width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div{width:100%;text-align:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day{gap:.25rem;display:grid;align-items:center;padding-inline:.5rem;justify-content:center}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface),.05)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{font-weight:500}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{font-weight:700}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{max-width:100%;font-weight:300}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-weight:500;font-size:1.25rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div:last-child{border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot{gap:.25rem;display:flex;width:14.2857142857%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{display:block;overflow:hidden;text-align:start;padding-inline:.5rem;width:100%;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content{display:flex;flex-direction:column;width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));position:relative}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer{display:grid;grid-template-columns:repeat(7,1fr);padding-block:.25rem;row-gap:var(--ax-scheduler-week-spanning-row-gap);align-content:start;position:relative}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(to right,transparent calc(14.2857142857% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(14.2857142857% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(14.2857142857% + .5px),transparent calc(14.2857142857% + .5px),transparent calc(28.5714285714% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(28.5714285714% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(28.5714285714% + .5px),transparent calc(28.5714285714% + .5px),transparent calc(42.8571428571% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(42.8571428571% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(42.8571428571% + .5px),transparent calc(42.8571428571% + .5px),transparent calc(57.1428571429% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(57.1428571429% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(57.1428571429% + .5px),transparent calc(57.1428571429% + .5px),transparent calc(71.4285714286% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(71.4285714286% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(71.4285714286% + .5px),transparent calc(71.4285714286% + .5px),transparent calc(85.7142857143% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(85.7142857143% - .5px),rgba(var(--ax-sys-color-border-lightest-surface)) calc(85.7142857143% + .5px),transparent calc(85.7142857143% + .5px))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment{z-index:1;display:flex;align-items:center;cursor:pointer;overflow:hidden;font-size:.75rem;white-space:nowrap;border-radius:.25rem;text-overflow:ellipsis;padding:.125rem .5rem;height:var(--ax-scheduler-week-spanning-row-height);margin-inline:.125rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title{display:flex;align-items:center;justify-content:space-between;width:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment .ax-spanning-appointment-title .ax-scheduler-action-icon{width:auto;cursor:pointer;flex-shrink:0;margin-inline-start:.25rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped{position:relative;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0;padding-inline-start:1rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2190  \";position:absolute;inset-inline-start:.25rem;top:50%;transform:translateY(-50%);font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-start-clipped:before{content:\"\\2192  \"}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped{position:relative;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0;padding-inline-end:1rem}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2192\";position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);font-size:.65rem;opacity:.7}ax-scheduler.ax-rtl ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-spanning-layer .ax-scheduler-week-spanning-appointment.ax-spanning-end-clipped:after{content:\" \\2190\"}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots{display:flex;height:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot{gap:.25rem;display:flex;width:14.2857142857%;padding-block:.25rem;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot:last-child{border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{display:block;overflow:hidden;text-align:start;padding-inline:.5rem;width:100%;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days.ax-scheduler-week-allday-header .ax-scheduler-week-allday-content .ax-scheduler-week-allday-slots .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-time-container{width:100%;display:flex;background-color:inherit}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time{z-index:15;position:sticky;inset-inline-start:0;background-color:var(--ax-comp-scheduler-all-day-bg, inherit)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time div{display:block;text-align:center;padding-inline:.5rem;width:var(--ax-comp-scheduler-basic-view-blocks-width);height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface));position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container{width:100%;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container{top:0;width:100%;position:absolute}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container .ax-scheduler-week-appointment{display:flex;position:absolute;inset-inline-start:0;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table{width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr{display:flex;height:var(--ax-comp-scheduler-basic-view-blocks-height);border-block-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr:first-child{border-block-start-width:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td{width:100%;text-align:center;border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td:last-child{border-inline-end-width:0}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-appointment,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-header-week-appointment{cursor:pointer}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td{cursor:pointer;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot:hover,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td:hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg, var(--ax-sys-color-primary-surface), .1))}ax-scheduler-week-view ax-title{display:flex;justify-content:space-between}ax-scheduler-week-view ax-title .ax-scheduler-action-icon{width:auto;cursor:pointer}ax-scheduler-week-view .ax-scheduler-current-time-line{height:2px}ax-scheduler-week-view .ax-scheduler-current-time-line:before{top:-5px;inset-inline-start:-6px}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXSchedulerWeekViewComponent }], template: "<div class=\"ax-scheduler-week-header\">\n  <div class=\"ax-scheduler-week-header-days\">\n    <div class=\"ax-scheduler-week-header-table\"></div>\n    <div class=\"ax-scheduler-week-header-date\" aria-hidden=\"true\">\n      @for (day of daysArray(); track day.date.date.getTime()) {\n        <div\n          [class.ax-state-today]=\"isToday(day.date)\"\n          class=\"ax-scheduler-week-header-date-day {{\n            day.holiday.state !== 'none' ? (day.holiday.holiday?.cssClass ?? 'ax-state-holiday') : ''\n          }}\"\n        >\n          <span\n            class=\"ax-scheduler-week-header-date-day-char ax-scheduler-truncate\"\n            [axTooltip]=\"day.holiday?.holiday?.title ?? ''\"\n          >\n            {{ day.date | format: 'date' : { format: 'dddd', calendar: calendar() } | async }}\n            @if (day.holiday.state === 'holiday' && day.holiday.holiday.title) {\n              ( {{ day.holiday.holiday.title }} )\n            }\n          </span>\n          <span class=\"ax-scheduler-week-header-date-day-num\">\n            {{ day.date | format: 'date' : { format: 'DD', calendar: calendar() } | async }}\n          </span>\n        </div>\n      }\n    </div>\n  </div>\n  <!-- All-day / Multi-day Spanning Appointments Header -->\n  <div class=\"ax-scheduler-week-header-days ax-scheduler-week-allday-header\">\n    <div class=\"ax-scheduler-week-header-table\">{{ '@acorex:dateTime.duration.all-day' | translate | async }}</div>\n    <div class=\"ax-scheduler-week-allday-content\">\n      <!-- Spanning Appointments Layer -->\n      @if (spanningAppointments().length > 0) {\n        <div class=\"ax-scheduler-week-spanning-layer\">\n          @for (spanning of spanningAppointments(); track spanning.appointment.id) {\n            <div\n              axDrag\n              [dragCursor]=\"'grab'\"\n              [dragData]=\"spanning.appointment\"\n              [dragTransition]=\"false\"\n              [dragElementClone]=\"true\"\n              [dragStartDelay]=\"dragStartDelay()\"\n              [dragDisabled]=\"!draggable() || spanning.appointment.readonly || readonly()\"\n              (pointerdown)=\"getSlotId($event)\"\n              (click)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (dblclick)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              (contextmenu)=\"handleAppointmentEvent($event, spanning.appointment)\"\n              [title]=\"\n                tooltipTemplate()\n                  ? ''\n                  : spanning.appointment.title +\n                    ' (' +\n                    (spanning.appointment.startDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ' - ' +\n                    (spanning.appointment.endDate\n                      | format: 'date' : { format: 'MMM d', calendar: calendar() }\n                      | async) +\n                    ')'\n              \"\n              class=\"ax-scheduler-week-spanning-appointment\"\n              [class.ax-spanning-start-clipped]=\"spanning.isStartClipped\"\n              [class.ax-spanning-end-clipped]=\"spanning.isEndClipped\"\n              [class.ax-state-active]=\"isActive(spanning.appointment.id)\"\n              [class]=\"\n                spanning.appointment.cssClass ??\n                'ax-scheduler-' + (spanning.appointment.priority ?? 'primary') + '-priority'\n              \"\n              [style.grid-column]=\"spanning.startDayIndex + 1 + ' / span ' + spanning.spanCount\"\n              [style.--spanning-row-index]=\"spanning.rowIndex\"\n              [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n              [axTooltip]=\"tooltipTemplate()\"\n              [axTooltipContext]=\"spanning.appointment\"\n            >\n              <span class=\"ax-spanning-appointment-title\">\n                <span class=\"ax-scheduler-truncate\">{{ spanning.appointment.title }}</span>\n                @if (hasActions()) {\n                  <ax-icon\n                    (click)=\"handleActionClick($event, spanning.appointment)\"\n                    class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                  ></ax-icon>\n                }\n              </span>\n            </div>\n          }\n        </div>\n      }\n      <!-- Drop zones for each day -->\n      <div class=\"ax-scheduler-week-allday-slots\">\n        @for (slotData of allDayAppointmentsPerDay(); track slotData.day.date.getTime()) {\n          <div\n            axDropZone\n            #zone2=\"axDropZone\"\n            [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n            (onElementDrop)=\"handleAllDayDrop($event, slotData.day)\"\n            class=\"ax-scheduler-all-day-slot\"\n            (click)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (dblclick)=\"handleAllDaySlotEvent($event, slotData.day)\"\n            (contextmenu)=\"handleAllDaySlotEvent($event, slotData.day)\"\n          >\n            <!-- Single-day all-day appointments only -->\n            @if (slotData.appointments.length > 0) {\n              <div\n                axDrag\n                [dragCursor]=\"'grab'\"\n                [dragTransition]=\"false\"\n                [dragElementClone]=\"true\"\n                [dragStartDelay]=\"dragStartDelay()\"\n                [dragData]=\"slotData.appointments[0]\"\n                [dragDisabled]=\"!draggable() || slotData.appointments[0].readonly || readonly()\"\n                (pointerdown)=\"getSlotId($event)\"\n                (click)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (dblclick)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                (contextmenu)=\"handleAppointmentEvent($event, slotData.appointments[0])\"\n                [title]=\"tooltipTemplate() ? '' : slotData.appointments[0].title\"\n                class=\"ax-scheduler-header-week-appointment\"\n                [style.width]=\"slotData.appointments.length > 1 ? 'calc(100% - 2rem)' : '100%'\"\n                [class.ax-state-active]=\"isActive(slotData.appointments[0].id)\"\n                [class]=\"\n                  slotData.appointments[0].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[0].priority ?? 'primary') + '-priority'\n                \"\n                [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                [axTooltipContext]=\"slotData.appointments[0]\"\n                [axTooltip]=\"tooltipTemplate()\"\n              >\n                <ax-title>\n                  <span class=\"ax-scheduler-truncate\">{{ slotData.appointments[0].title }}</span>\n                  @if (hasActions()) {\n                    <ax-icon\n                      (click)=\"handleActionClick($event, slotData.appointments[0])\"\n                      class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                    ></ax-icon>\n                  }\n                </ax-title>\n              </div>\n            }\n            @if (slotData.appointments.length > 1) {\n              <div\n                #moreAppointments\n                class=\"ax-scheduler-appointment-badge\"\n                [style.width]=\"'1.5rem'\"\n                [style.border]=\"'none'\"\n                [class]=\"\n                  slotData.appointments[1].cssClass ??\n                  'ax-scheduler-' + (slotData.appointments[1].priority ?? 'primary') + '-priority'\n                \"\n              >\n                +{{ slotData.appointments.length - 1 }}\n              </div>\n              <ax-popover [target]=\"moreAppointments\">\n                <div class=\"ax-scheduler-popover\" [class.ax-state-readonly]=\"readonly()\" axDropZone>\n                  @for (appointment of slotData.appointments; track appointment.id; let first = $first) {\n                    @if (!first) {\n                      <div\n                        axDrag\n                        [dragCursor]=\"'grab'\"\n                        [dragData]=\"appointment\"\n                        [dragTransition]=\"false\"\n                        [dragElementClone]=\"true\"\n                        [dragStartDelay]=\"dragStartDelay()\"\n                        [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                        (click)=\"handleAppointmentEvent($event, appointment)\"\n                        (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                        (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                        [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                        class=\"ax-scheduler-popover-appointment\"\n                        [class.ax-state-active]=\"isActive(appointment.id)\"\n                        [class]=\"\n                          appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\n                        \"\n                        [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                        [axTooltipContext]=\"appointment\"\n                        [axTooltip]=\"tooltipTemplate()\"\n                      >\n                        <ax-title>\n                          <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                          @if (hasActions()) {\n                            <ax-icon\n                              (click)=\"handleActionClick($event, appointment)\"\n                              class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                            ></ax-icon>\n                          }\n                        </ax-title>\n                      </div>\n                    }\n                  }\n                </div>\n              </ax-popover>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-scheduler-week-time-container\">\n  <div class=\"ax-scheduler-week-time\" aria-hidden=\"true\">\n    @for (time of hoursArray(); track time.date.getTime()) {\n      <div>\n        {{ time | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n      </div>\n    }\n  </div>\n\n  <div class=\"ax-scheduler-week-table-container\">\n    <!-- Current Time Line Indicator -->\n    @if (\n      shouldShowCurrentTimeForToday() &&\n      getCurrentTimePositionWithOffset() !== null &&\n      getCurrentDayColumnPosition() !== null\n    ) {\n      <div\n        #currentTimeLine\n        class=\"ax-scheduler-current-time-line\"\n        [style.inset-block-start]=\"getCurrentTimePositionWithOffset()\"\n        [style.inset-inline-start]=\"getCurrentDayColumnPosition()\"\n        [style.width]=\"getCurrentDayColumnWidth()\"\n      ></div>\n    }\n    <div class=\"ax-scheduler-week-appointment-container\">\n      @for (appt of visibleAppointmentsLayout(); track appt.appointment.id) {\n        <div\n          axDrag\n          [dragCursor]=\"'grab'\"\n          [dragTransition]=\"false\"\n          [dragElementClone]=\"true\"\n          [dragData]=\"appt.appointment\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [dragDisabled]=\"!draggable() || appt.appointment.readonly || readonly()\"\n          (pointerdown)=\"getSlotId($event)\"\n          (click)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (dblclick)=\"handleAppointmentEvent($event, appt.appointment)\"\n          (contextmenu)=\"handleAppointmentEvent($event, appt.appointment)\"\n          [title]=\"tooltipTemplate() ? '' : appt.appointment.title\"\n          [style.width]=\"appt.layoutWidth\"\n          [style.height]=\"appt.layoutHeight\"\n          class=\"ax-scheduler-week-appointment\"\n          [style.inset-block-start]=\"appt.layoutTop\"\n          [style.inset-inline-start]=\"appt.layoutLeft\"\n          [class.ax-state-active]=\"isActive(appt.appointment.id)\"\n          [class]=\"\n            appt.appointment.cssClass ?? 'ax-scheduler-' + (appt.appointment.priority ?? 'primary') + '-priority'\n          \"\n          [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n          [axTooltipContext]=\"appt.appointment\"\n          [axTooltip]=\"tooltipTemplate()\"\n        >\n          <ax-title>\n            <span class=\"ax-scheduler-truncate\">{{ appt.appointment.title }}</span>\n            @if (hasActions()) {\n              <ax-icon\n                (click)=\"handleActionClick($event, appt.appointment)\"\n                class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n              ></ax-icon>\n            }\n          </ax-title>\n          <ax-subtitle>\n            {{\n              appt.appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n            }}\n            -\n            {{ appt.appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async }}\n          </ax-subtitle>\n        </div>\n      }\n\n      <!-- Overflow Badges with Popovers -->\n      @for (badge of overflowBadgesWithData(); track badge.key) {\n        <!-- Wrap badge and popover for targeting -->\n        <div\n          style=\"position: absolute\"\n          class=\"ax-scheduler-badge-wrapper\"\n          [style.inset-block-start]=\"badge.badgeTop\"\n          [style.inset-inline-start]=\"badge.badgeLeft\"\n        >\n          <!-- The Badge itself -->\n          <div\n            #actionButton\n            class=\"ax-scheduler-appointment-badge\"\n            [class]=\"\n              badge.hiddenAppointments[0].cssClass ??\n              'ax-scheduler-' + (badge.hiddenAppointments[0].priority ?? 'primary') + '-priority'\n            \"\n          >\n            +{{ badge.count }}\n          </div>\n          <!-- The Popover -->\n          <ax-popover [target]=\"actionButton\">\n            <div class=\"ax-scheduler-popover\" axDropZone>\n              @for (appointment of badge.hiddenAppointments; track appointment.id) {\n                <div\n                  axDrag\n                  [dragCursor]=\"'grab'\"\n                  [dragData]=\"appointment\"\n                  [dragTransition]=\"false\"\n                  [dragElementClone]=\"true\"\n                  [dragStartDelay]=\"dragStartDelay()\"\n                  [dragDisabled]=\"!draggable() || appointment.readonly || readonly()\"\n                  (click)=\"handleAppointmentEvent($event, appointment)\"\n                  (dblclick)=\"handleAppointmentEvent($event, appointment)\"\n                  (contextmenu)=\"handleAppointmentEvent($event, appointment)\"\n                  [title]=\"tooltipTemplate() ? '' : appointment.title\"\n                  class=\"ax-scheduler-popover-appointment\"\n                  [class.ax-state-active]=\"isActive(appointment.id)\"\n                  [class]=\"appointment.cssClass ?? 'ax-scheduler-' + (appointment.priority ?? 'primary') + '-priority'\"\n                  [axTooltipDisabled]=\"tooltipTemplate() ? false : true\"\n                  [axTooltipContext]=\"appointment\"\n                  [axTooltip]=\"tooltipTemplate()\"\n                >\n                  <ax-title>\n                    <span class=\"ax-scheduler-truncate\">{{ appointment.title }}</span>\n                    @if (hasActions()) {\n                      <ax-icon\n                        (click)=\"handleActionClick($event, appointment)\"\n                        class=\"ax-icon ax-icon-more-horizontal ax-scheduler-action-icon\"\n                      ></ax-icon>\n                    }\n                  </ax-title>\n                  <ax-subtitle>\n                    {{\n                      appointment.originalStartDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                    -\n                    {{\n                      appointment.originalEndDate | format: 'time' : { format: 'HH:mm', calendar: calendar() } | async\n                    }}\n                  </ax-subtitle>\n                </div>\n              }\n            </div>\n          </ax-popover>\n        </div>\n      }\n    </div>\n\n    <table aria-hidden=\"true\" [border]=\"1\">\n      <tbody>\n        @for (time of hoursArray(); track time.date.getTime()) {\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 0)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 0)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.format('HHmm')\"\n              ></td>\n            }\n          </tr>\n          <tr>\n            @for (day of daysArray(); track day.date.date.getTime()) {\n              <td\n                axDropZone\n                #zone2=\"axDropZone\"\n                [class.ax-scheduler-slot-hovered]=\"zone2.isHovered()\"\n                (onElementDrop)=\"handleSingleDayDrop($event, time, day.date, 1)\"\n                (click)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (dblclick)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                (contextmenu)=\"handleSingleSlotEvent($event, time, day.date, 1)\"\n                [attr.data-slot-id]=\"day.date.format('YYYYMMDD') + '-' + time.add('minute', 30).format('HHmm')\"\n              ></td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-scheduler-week-view{min-width:var(--ax-comp-scheduler-width);background-color:inherit;display:block;position:relative}ax-scheduler-week-view .ax-scheduler-appointment-badge{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);cursor:pointer;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}ax-scheduler-week-view .ax-scheduler-week-header{z-index:10;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);width:100%;position:sticky;top:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-table{z-index:10;width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:inherit;text-align:center;flex-shrink:0;position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date{width:calc(100% - var(--ax-comp-scheduler-basic-view-blocks-width));display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;width:100%}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day{justify-content:center;align-items:center;gap:var(--spacing,.25rem);padding-inline:calc(var(--spacing,.25rem) * 2);display:grid}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 5%,transparent)}}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-today .ax-scheduler-week-header-date-day-num{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday{color:rgba(var(--ax-sys-color-danger-600))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day.ax-state-holiday.ax-state-today{color:rgba(var(--ax-sys-color-primary-surface))}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-char{--tw-font-weight:var(--font-weight-light,300);max-width:100%;font-weight:var(--font-weight-light,300)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div.ax-scheduler-week-header-date-day .ax-scheduler-week-header-date-day-num{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date div:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot{gap:var(--spacing,.25rem);width:14.2857%;display:flex}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot .ax-scheduler-header-week-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);text-align:start;display:block;overflow:hidden}ax-scheduler-week-view .ax-scheduler-week-header .ax-scheduler-week-header-days .ax-scheduler-week-header-date .ax-scheduler-all-day-slot ax-popover{display:none}ax-scheduler-week-view .ax-scheduler-week-time-container{background-color:inherit;width:100%;display:flex}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time{z-index:15;background-color:var(--ax-comp-scheduler-all-day-bg,inherit);position:sticky;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-time div{height:calc(var(--ax-comp-scheduler-basic-view-blocks-height) * 2);width:var(--ax-comp-scheduler-basic-view-blocks-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing,.25rem) * 2);text-align:center;display:block;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container{width:100%;position:relative}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container{width:100%;position:absolute;top:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container .ax-scheduler-week-appointment-container .ax-scheduler-week-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);flex-direction:column;display:flex;position:absolute;inset-inline-start:calc(var(--spacing,.25rem) * 0)}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table{width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr{height:var(--ax-comp-scheduler-basic-view-blocks-height);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));display:flex}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr:first-child{border-top-style:var(--tw-border-style);border-top-width:0}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));text-align:center;width:100%}ax-scheduler-week-view .ax-scheduler-week-time-container .ax-scheduler-week-table-container table tr td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-appointment,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-header-week-appointment{cursor:pointer}ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td{cursor:pointer;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){:is(ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-all-day-slot,ax-scheduler-week-view:not(.ax-state-readonly) .ax-scheduler-week-table-container>table td):hover{background-color:rgba(var(--ax-comp-scheduler-slot-hover-bg,var(--ax-sys-color-primary-surface),.1))}}ax-scheduler-week-view ax-title{justify-content:space-between;display:flex}ax-scheduler-week-view ax-title .ax-scheduler-action-icon{cursor:pointer;width:auto}ax-scheduler-week-view .ax-scheduler-current-time-line{height:calc(var(--spacing,.25rem) * .5)}ax-scheduler-week-view .ax-scheduler-current-time-line:before{content:var(--tw-content);inset-inline-start:-5px;top:calc(var(--spacing,.25rem) * -1.5)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: true }] }], endDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDayHour", required: true }] }], startDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDayHour", required: true }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }], currentTimeLineElement: [{ type: i0.ViewChild, args: ['currentTimeLine', { isSignal: true }] }], slotClickedInternal: [{ type: i0.Output, args: ["slotClickedInternal"] }], slotDblClickedInternal: [{ type: i0.Output, args: ["slotDblClickedInternal"] }], slotRightClickedInternal: [{ type: i0.Output, args: ["slotRightClickedInternal"] }], appointmentClickedInternal: [{ type: i0.Output, args: ["appointmentClickedInternal"] }], appointmentDblClickedInternal: [{ type: i0.Output, args: ["appointmentDblClickedInternal"] }], appointmentRightClickedInternal: [{ type: i0.Output, args: ["appointmentRightClickedInternal"] }], onActionClickInternal: [{ type: i0.Output, args: ["onActionClickInternal"] }], onAppointmentDropInternal: [{ type: i0.Output, args: ["onAppointmentDropInternal"] }] } });
 
 class AXSchedulerComponent extends NXComponent {
     constructor() {
@@ -4539,12 +4540,12 @@ class AXSchedulerComponent extends NXComponent {
         this.schedulerService = inject(AXSchedulerService);
         this.translationService = inject(AXTranslationService);
         this.eventService = inject(AXEventService);
-        this.translationRevision = signal(0, ...(ngDevMode ? [{ debugName: "translationRevision" }] : []));
-        this.viewModeSelectbox = viewChild(AXSelectBoxComponent, ...(ngDevMode ? [{ debugName: "viewModeSelectbox" }] : []));
-        this.calendarPopover = viewChild('calendarPopover', ...(ngDevMode ? [{ debugName: "calendarPopover" }] : []));
-        this._calendarDayCellTemplate = viewChild('calendarDayCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarDayCellTemplate" }] : []));
-        this._calendarMonthCellTemplate = viewChild('calendarMonthCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarMonthCellTemplate" }] : []));
-        this._calendarYearCellTemplate = viewChild('calendarYearCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarYearCellTemplate" }] : []));
+        this.translationRevision = signal(0, ...(ngDevMode ? [{ debugName: "translationRevision" }] : /* istanbul ignore next */ []));
+        this.viewModeSelectbox = viewChild(AXSelectBoxComponent, ...(ngDevMode ? [{ debugName: "viewModeSelectbox" }] : /* istanbul ignore next */ []));
+        this.calendarPopover = viewChild('calendarPopover', ...(ngDevMode ? [{ debugName: "calendarPopover" }] : /* istanbul ignore next */ []));
+        this._calendarDayCellTemplate = viewChild('calendarDayCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarDayCellTemplate" }] : /* istanbul ignore next */ []));
+        this._calendarMonthCellTemplate = viewChild('calendarMonthCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarMonthCellTemplate" }] : /* istanbul ignore next */ []));
+        this._calendarYearCellTemplate = viewChild('calendarYearCellTemplate', ...(ngDevMode ? [{ debugName: "_calendarYearCellTemplate" }] : /* istanbul ignore next */ []));
         this.displayViews = {
             day: 'daily',
             week: 'weekly',
@@ -4555,58 +4556,47 @@ class AXSchedulerComponent extends NXComponent {
             'timeline-year': 'yearly-timeline',
             agenda: 'agenda',
         };
-        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : []));
-        this.calendarType = linkedSignal(() => this.localeService.activeProfile().calendar.system, ...(ngDevMode ? [{ debugName: "calendarType" }] : []));
-        this.startingDate = input(new Date(), ...(ngDevMode ? [{ debugName: "startingDate" }] : []));
-        this.currentDate = linkedSignal(...(ngDevMode ? [{ debugName: "currentDate", source: () => ({
-                    startingDate: this.startingDate(),
-                    calendarType: this.calendarType(),
-                }),
-                computation: (source, previous) => {
-                    if (previous) {
-                        return this.calendarService.create(previous.value.date, source.calendarType);
-                    }
-                    return this.calendarService.create(source.startingDate, source.calendarType).startOf('day');
-                } }] : [{
-                source: () => ({
-                    startingDate: this.startingDate(),
-                    calendarType: this.calendarType(),
-                }),
-                computation: (source, previous) => {
-                    if (previous) {
-                        return this.calendarService.create(previous.value.date, source.calendarType);
-                    }
-                    return this.calendarService.create(source.startingDate, source.calendarType).startOf('day');
-                },
-            }]));
-        this._appointments = signal([], ...(ngDevMode ? [{ debugName: "_appointments" }] : []));
+        this.calendar = input(...(ngDevMode ? [undefined, { debugName: "calendar" }] : /* istanbul ignore next */ []));
+        this.calendarType = linkedSignal(() => this.localeService.activeProfile().calendar.system, ...(ngDevMode ? [{ debugName: "calendarType" }] : /* istanbul ignore next */ []));
+        this.startingDate = input(new Date(), ...(ngDevMode ? [{ debugName: "startingDate" }] : /* istanbul ignore next */ []));
+        this.currentDate = linkedSignal({ ...(ngDevMode ? { debugName: "currentDate" } : /* istanbul ignore next */ {}), source: () => ({
+                startingDate: this.startingDate(),
+                calendarType: this.calendarType(),
+            }),
+            computation: (source, previous) => {
+                if (previous) {
+                    return this.calendarService.create(previous.value.date, source.calendarType);
+                }
+                return this.calendarService.create(source.startingDate, source.calendarType).startOf('day');
+            } });
+        this._appointments = signal([], ...(ngDevMode ? [{ debugName: "_appointments" }] : /* istanbul ignore next */ []));
         this.appointments = this._appointments.asReadonly();
         this.rtl = this.localeService.isRtl;
-        this.isFullScreen = signal(false, ...(ngDevMode ? [{ debugName: "isFullScreen" }] : []));
-        this.viewsDataSource = signal([], ...(ngDevMode ? [{ debugName: "viewsDataSource" }] : []));
-        this.prevDate = signal(this.calendarService.create(new Date(), this.calendarType()), ...(ngDevMode ? [{ debugName: "prevDate" }] : []));
+        this.isFullScreen = signal(false, ...(ngDevMode ? [{ debugName: "isFullScreen" }] : /* istanbul ignore next */ []));
+        this.viewsDataSource = signal([], ...(ngDevMode ? [{ debugName: "viewsDataSource" }] : /* istanbul ignore next */ []));
+        this.prevDate = signal(this.calendarService.create(new Date(), this.calendarType()), ...(ngDevMode ? [{ debugName: "prevDate" }] : /* istanbul ignore next */ []));
         // Track the currently selected/active appointment
-        this.selectedAppointmentId = signal(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : []));
-        this.endDayHour = input(24, ...(ngDevMode ? [{ debugName: "endDayHour" }] : []));
-        this.startDayHour = input(8, ...(ngDevMode ? [{ debugName: "startDayHour" }] : []));
-        this.hasHeader = input(true, ...(ngDevMode ? [{ debugName: "hasHeader" }] : []));
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
-        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : []));
-        this.weekend = input([], ...(ngDevMode ? [{ debugName: "weekend" }] : []));
-        this.allowFullScreen = input(true, ...(ngDevMode ? [{ debugName: "allowFullScreen" }] : []));
-        this.multiDayViewDaysCount = input(7, ...(ngDevMode ? [{ debugName: "multiDayViewDaysCount" }] : []));
-        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : []));
-        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : []));
-        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : []));
-        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : []));
-        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : []));
-        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : []));
-        this.firstDayOfWeek = input(...(ngDevMode ? [undefined, { debugName: "firstDayOfWeek" }] : []));
-        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : []));
-        this.dataSource = input([], ...(ngDevMode ? [{ debugName: "dataSource" }] : []));
-        this.holidays = input(...(ngDevMode ? [undefined, { debugName: "holidays" }] : []));
+        this.selectedAppointmentId = signal(null, ...(ngDevMode ? [{ debugName: "selectedAppointmentId" }] : /* istanbul ignore next */ []));
+        this.endDayHour = input(24, ...(ngDevMode ? [{ debugName: "endDayHour" }] : /* istanbul ignore next */ []));
+        this.startDayHour = input(8, ...(ngDevMode ? [{ debugName: "startDayHour" }] : /* istanbul ignore next */ []));
+        this.hasHeader = input(true, ...(ngDevMode ? [{ debugName: "hasHeader" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.draggable = input(true, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+        this.hasActions = input(false, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+        this.dragStartDelay = input(0, ...(ngDevMode ? [{ debugName: "dragStartDelay" }] : /* istanbul ignore next */ []));
+        this.weekend = input([], ...(ngDevMode ? [{ debugName: "weekend" }] : /* istanbul ignore next */ []));
+        this.allowFullScreen = input(true, ...(ngDevMode ? [{ debugName: "allowFullScreen" }] : /* istanbul ignore next */ []));
+        this.multiDayViewDaysCount = input(7, ...(ngDevMode ? [{ debugName: "multiDayViewDaysCount" }] : /* istanbul ignore next */ []));
+        this.showResourceHeaders = input(true, ...(ngDevMode ? [{ debugName: "showResourceHeaders" }] : /* istanbul ignore next */ []));
+        this.showCurrentTimeIndicator = input(true, ...(ngDevMode ? [{ debugName: "showCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.scrollToCurrentTimeIndicator = input(false, ...(ngDevMode ? [{ debugName: "scrollToCurrentTimeIndicator" }] : /* istanbul ignore next */ []));
+        this.showUnassignedAppointments = input(true, ...(ngDevMode ? [{ debugName: "showUnassignedAppointments" }] : /* istanbul ignore next */ []));
+        this.resources = input([], ...(ngDevMode ? [{ debugName: "resources" }] : /* istanbul ignore next */ []));
+        this.resourceTemplate = input(...(ngDevMode ? [undefined, { debugName: "resourceTemplate" }] : /* istanbul ignore next */ []));
+        this.firstDayOfWeek = input(...(ngDevMode ? [undefined, { debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
+        this.tooltipTemplate = input(...(ngDevMode ? [undefined, { debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+        this.dataSource = input([], ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.holidays = input(...(ngDevMode ? [undefined, { debugName: "holidays" }] : /* istanbul ignore next */ []));
         this.views = input([
             'day',
             'week',
@@ -4616,9 +4606,9 @@ class AXSchedulerComponent extends NXComponent {
             'timeline-month',
             'timeline-year',
             'agenda',
-        ], ...(ngDevMode ? [{ debugName: "views" }] : []));
-        this.selectedView = model(this.views()[0], ...(ngDevMode ? [{ debugName: "selectedView" }] : []));
-        this.prevView = signal(this.selectedView(), ...(ngDevMode ? [{ debugName: "prevView" }] : []));
+        ], ...(ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []));
+        this.selectedView = model(this.views()[0], ...(ngDevMode ? [{ debugName: "selectedView" }] : /* istanbul ignore next */ []));
+        this.prevView = signal(this.selectedView(), ...(ngDevMode ? [{ debugName: "prevView" }] : /* istanbul ignore next */ []));
         // --- Public Outputs ---
         this.onDataLoaded = output();
         this.onRangeChanged = output();
@@ -4637,7 +4627,7 @@ class AXSchedulerComponent extends NXComponent {
             if (override != null && override !== profileSystem) {
                 untracked(() => this.calendarType.set(override));
             }
-        }, ...(ngDevMode ? [{ debugName: "#calendarOverrideEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#calendarOverrideEffect" }] : /* istanbul ignore next */ []));
         this.#appointmentEffect = effect(() => {
             const dataSource = this.dataSource();
             const range = {
@@ -4663,7 +4653,7 @@ class AXSchedulerComponent extends NXComponent {
                 this._appointments.set(list);
                 this.onDataLoaded.emit();
             }
-        }, ...(ngDevMode ? [{ debugName: "#appointmentEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#appointmentEffect" }] : /* istanbul ignore next */ []));
         this.#holidayEffect = effect(() => {
             const func = this.holidays();
             if (!func)
@@ -4681,11 +4671,11 @@ class AXSchedulerComponent extends NXComponent {
             else {
                 this.schedulerService.internalHoliday.set(result);
             }
-        }, ...(ngDevMode ? [{ debugName: "#holidayEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#holidayEffect" }] : /* istanbul ignore next */ []));
         this.#weekendEffect = effect(() => {
             const weekend = this.weekend();
             this.schedulerService.internalWeekend.set(weekend);
-        }, ...(ngDevMode ? [{ debugName: "#weekendEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#weekendEffect" }] : /* istanbul ignore next */ []));
         this.currentDateText = computed(() => {
             this.translationRevision();
             this.localeService.activeProfile();
@@ -4731,7 +4721,7 @@ class AXSchedulerComponent extends NXComponent {
                         calendar: this.calendarType(),
                     });
             }
-        }, ...(ngDevMode ? [{ debugName: "currentDateText" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "currentDateText" }] : /* istanbul ignore next */ []));
         this.calendarDepth = computed(() => {
             switch (this.selectedView()) {
                 case 'day':
@@ -4746,7 +4736,7 @@ class AXSchedulerComponent extends NXComponent {
                 case 'timeline-year':
                     return 'year';
             }
-        }, ...(ngDevMode ? [{ debugName: "calendarDepth" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "calendarDepth" }] : /* istanbul ignore next */ []));
         this.mappedAppointments = computed(() => {
             const items = this._appointments();
             return items
@@ -4766,7 +4756,7 @@ class AXSchedulerComponent extends NXComponent {
                 return item;
             })
                 .filter((appt) => appt !== null); // Filter out nulls from invalid dates
-        }, ...(ngDevMode ? [{ debugName: "mappedAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "mappedAppointments" }] : /* istanbul ignore next */ []));
         this.range = computed(() => {
             const view = this.selectedView();
             const current = this.currentDate().startOf('day');
@@ -4801,16 +4791,16 @@ class AXSchedulerComponent extends NXComponent {
                     return range;
                 }
             }
-        }, ...(ngDevMode ? [{ debugName: "range" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
         this.#rangeChangedEffect = effect(() => {
             this.onRangeChanged.emit(this.range());
-        }, ...(ngDevMode ? [{ debugName: "#rangeChangedEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#rangeChangedEffect" }] : /* istanbul ignore next */ []));
         this.#viewChangedEffect = effect(() => {
             const view = this.selectedView();
             untracked(() => {
                 this.handleViewChanged(this.prevView(), view);
             });
-        }, ...(ngDevMode ? [{ debugName: "#viewChangedEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#viewChangedEffect" }] : /* istanbul ignore next */ []));
         this.viewAppointments = computed(() => {
             const current = this.currentDate();
             const mapped = this.mappedAppointments();
@@ -4820,7 +4810,7 @@ class AXSchedulerComponent extends NXComponent {
                 return [];
             return mapped.filter((appt) => this.calendarService.create(appt.startDate, this.calendarType()).compare(rangeEnd, 'second') <= 0 &&
                 this.calendarService.create(appt.endDate, this.calendarType()).compare(rangeStart, 'second') >= 0);
-        }, ...(ngDevMode ? [{ debugName: "viewAppointments" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "viewAppointments" }] : /* istanbul ignore next */ []));
     }
     /** Expose template refs for calendar bindings (signals are not callable in template type-check) */
     get calendarDayCellTemplateRef() {
@@ -5118,10 +5108,10 @@ class AXSchedulerComponent extends NXComponent {
         this._appointments.set(list);
         this.onDataLoaded.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXSchedulerComponent, isStandalone: true, selector: "ax-scheduler", inputs: { calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: false, transformFunction: null }, hasHeader: { classPropertyName: "hasHeader", publicName: "hasHeader", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, weekend: { classPropertyName: "weekend", publicName: "weekend", isSignal: true, isRequired: false, transformFunction: null }, allowFullScreen: { classPropertyName: "allowFullScreen", publicName: "allowFullScreen", isSignal: true, isRequired: false, transformFunction: null }, multiDayViewDaysCount: { classPropertyName: "multiDayViewDaysCount", publicName: "multiDayViewDaysCount", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, holidays: { classPropertyName: "holidays", publicName: "holidays", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedView: "selectedViewChange", onDataLoaded: "onDataLoaded", onRangeChanged: "onRangeChanged", onSlotClicked: "onSlotClicked", onSlotDblClicked: "onSlotDblClicked", onSlotRightClick: "onSlotRightClick", onAppointmentDrop: "onAppointmentDrop", onActionClick: "onActionClick", onAppointmentClicked: "onAppointmentClicked", onAppointmentDblClicked: "onAppointmentDblClicked", onAppointmentRightClick: "onAppointmentRightClick" }, host: { properties: { "class.ax-rtl": "rtl()" } }, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXSchedulerComponent }], viewQueries: [{ propertyName: "viewModeSelectbox", first: true, predicate: AXSelectBoxComponent, descendants: true, isSignal: true }, { propertyName: "calendarPopover", first: true, predicate: ["calendarPopover"], descendants: true, isSignal: true }, { propertyName: "_calendarDayCellTemplate", first: true, predicate: ["calendarDayCellTemplate"], descendants: true, isSignal: true }, { propertyName: "_calendarMonthCellTemplate", first: true, predicate: ["calendarMonthCellTemplate"], descendants: true, isSignal: true }, { propertyName: "_calendarYearCellTemplate", first: true, predicate: ["calendarYearCellTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-container\">\n  @if (hasHeader()) {\n    <div class=\"ax-scheduler-header\">\n      <div class=\"ax-scheduler-date\">\n        <ax-button look=\"blank\" (onClick)=\"prevClick()\">\n          <ax-icon\n            class=\"ax-icon ax-text-xl\"\n            [class.ax-icon-chevron-left]=\"!rtl()\"\n            [class.ax-icon-chevron-right]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"currentDateText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"nextClick()\">\n          <ax-icon\n            class=\"ax-icon ax-text-xl\"\n            [class.ax-icon-chevron-right]=\"!rtl()\"\n            [class.ax-icon-chevron-left]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" #calendarPopover>\n          <ax-calendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [ngModel]=\"currentDate()\"\n            [dayCellTemplate]=\"calendarDayCellTemplateRef\"\n            [monthCellTemplate]=\"calendarMonthCellTemplateRef\"\n            [yearCellTemplate]=\"calendarYearCellTemplateRef\"\n            (onValueChanged)=\"calendarDateChanged($event)\"\n          ></ax-calendar>\n        </ax-popover>\n      </div>\n      <div class=\"ax-scheduler-actions\">\n        <ax-select-box\n          [dropdownWidth]=\"'200px'\"\n          [ngModel]=\"selectedView()\"\n          [dataSource]=\"viewsDataSource()\"\n          (onValueChanged)=\"viewChanged($event)\"\n        ></ax-select-box>\n\n        @if (allowFullScreen()) {\n          <ax-button look=\"blank\" (onClick)=\"handleFullScreen()\">\n            <ax-icon>\n              <i class=\"fa-solid\" [class.fa-compress]=\"isFullScreen()\" [class.fa-expand]=\"!isFullScreen()\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"ax-scheduler-views-container\">\n    @switch (selectedView()) {\n      @case ('day') {\n        <ax-scheduler-day-view\n          [rtl]=\"rtl()\"\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-day-view>\n      }\n      @case ('week') {\n        <ax-scheduler-week-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-week-view>\n      }\n      @case ('month') {\n        <ax-scheduler-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [firstDayOfWeek]=\"firstDayOfWeek()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-month-view>\n      }\n      @case ('timeline-day') {\n        <ax-scheduler-timeline-day-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      }\n      @case ('timeline-weekly') {\n        <ax-scheduler-timeline-weekly-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-weekly-view>\n      }\n      @case ('timeline-month') {\n        <ax-scheduler-timeline-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-month-view>\n      }\n      @case ('timeline-year') {\n        <ax-scheduler-timeline-year-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-year-view>\n      }\n      @case ('agenda') {\n        <ax-scheduler-agenda-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-agenda-view>\n      }\n    }\n  </div>\n</div>\n<ng-template #calendarDayCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsOnDate(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarMonthCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInMonth(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarYearCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInYear(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: [":root{--ax-comp-scheduler-width: 57.5rem;--ax-comp-scheduler-basic-view-blocks-height: 3rem;--ax-comp-scheduler-basic-view-blocks-width: 3.5rem;--ax-comp-scheduler-timeline-view-blocks-width: 20rem;--ax-comp-scheduler-timeline-view-blocks-height: 3rem;--ax-comp-scheduler-primary-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-scheduler-primary-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-scheduler-primary-active-border-color: var(--ax-sys-color-primary-500);--ax-comp-scheduler-highest-priority-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-scheduler-highest-priority-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-scheduler-highest-priority-active-border-color: var(--ax-sys-color-danger-700);--ax-comp-scheduler-high-priority-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-scheduler-high-priority-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-scheduler-high-priority-active-border-color: var(--ax-sys-color-danger-500);--ax-comp-scheduler-medium-priority-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-scheduler-medium-priority-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-scheduler-medium-priority-active-border-color: var(--ax-sys-color-warning-600);--ax-comp-scheduler-low-priority-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-scheduler-low-priority-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-scheduler-low-priority-active-border-color: var(--ax-sys-color-success-500);--ax-comp-scheduler-lowest-priority-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-scheduler-lowest-priority-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-scheduler-lowest-priority-active-border-color: var(--ax-sys-color-success-400)}ax-scheduler{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;font-size:.875rem;background-color:inherit}ax-scheduler.ax-full-screen-container{top:0;inset-inline-start:0;z-index:61;width:100vw;height:100vh;position:fixed}ax-scheduler .ax-scheduler-container{height:100%;display:flex;overflow:hidden;border-width:1px;flex-direction:column;background-color:inherit;border-radius:var(--ax-sys-border-radius)}ax-scheduler .ax-scheduler-container .ax-scheduler-header{display:flex;padding:1rem;overflow-x:auto;overflow-y:hidden;align-items:center;border-bottom-width:1px;justify-content:space-between}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date{display:flex;min-width:20.5rem;align-items:center;justify-content:space-between}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date p{margin:0;font-size:1rem;min-width:10rem;font-weight:500;text-align:center}ax-scheduler .ax-scheduler-container .ax-scheduler-actions{gap:.75rem;display:flex;align-items:center;justify-content:center}ax-scheduler .ax-scheduler-container .ax-scheduler-truncate{display:block;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}ax-scheduler .ax-scheduler-container ax-subtitle{font-size:.75rem}ax-scheduler .ax-scheduler-container .ax-scheduler-views-container{height:100%;overflow:auto;background-color:inherit}ax-scheduler .ax-scheduler-primary-priority{color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-primary-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-primary-active-border-color));z-index:10}ax-scheduler .ax-scheduler-highest-priority{color:rgba(var(--ax-comp-scheduler-highest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-highest-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-highest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-highest-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-high-priority{color:rgba(var(--ax-comp-scheduler-high-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-high-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-high-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-high-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-medium-priority{color:rgba(var(--ax-comp-scheduler-medium-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-medium-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-medium-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-medium-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-low-priority{color:rgba(var(--ax-comp-scheduler-low-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-low-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-low-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-low-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-lowest-priority{color:rgba(var(--ax-comp-scheduler-lowest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-lowest-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-lowest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-lowest-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover{gap:.25rem;display:grid;overflow:auto;padding:.25rem;max-height:10rem;font-size:.875rem;border-radius:.5rem}.ax-overlay-pane.ax-scheduler-popover.ax-scheduler-month-popover-appointment{font-size:.75rem}.ax-overlay-pane.ax-scheduler-popover:not(.ax-state-readonly) .ax-scheduler-popover-appointment{cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment ax-subtitle{font-size:.75rem}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment .ax-scheduler-truncate{display:block;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title{display:flex;justify-content:space-between}.ax-overlay-pane.ax-scheduler-popover ax-title .ax-scheduler-action-icon,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title .ax-scheduler-action-icon{width:auto;cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-priority{color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-primary-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-priority{color:rgba(var(--ax-comp-scheduler-highest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-highest-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-highest-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-priority{color:rgba(var(--ax-comp-scheduler-high-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-high-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-high-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-priority{color:rgba(var(--ax-comp-scheduler-medium-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-medium-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-medium-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-priority{color:rgba(var(--ax-comp-scheduler-low-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-low-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-low-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-priority{color:rgba(var(--ax-comp-scheduler-lowest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-lowest-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-lowest-priority-active-border-color));z-index:10}.ax-scheduler-current-time-line{z-index:7;position:absolute;pointer-events:none;background-color:#ef4444;box-shadow:0 0 6px #ef4444cc}.ax-scheduler-current-time-line:before{content:\"\";width:12px;height:12px;position:absolute;border-radius:50%;background-color:#ef4444;box-shadow:0 0 8px #ef4444e6;border:2px solid rgba(var(--ax-sys-color-surface))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "dayCellTemplate", "monthCellTemplate", "yearCellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays", "look"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSchedulerDayViewComponent, selector: "ax-scheduler-day-view", inputs: ["rtl", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "endDayHour", "startDayHour", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerWeekViewComponent, selector: "ax-scheduler-week-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "endDayHour", "startDayHour", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerMonthViewComponent, selector: "ax-scheduler-month-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "appointments", "firstDayOfWeek", "selectedAppointmentId", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerAgendaViewComponent, selector: "ax-scheduler-agenda-view", inputs: ["daysCount", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineDayViewComponent, selector: "ax-scheduler-timeline-day-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "startDayHour", "showUnassignedAppointments", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineMonthViewComponent, selector: "ax-scheduler-timeline-month-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "showUnassignedAppointments", "selectedAppointmentId", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineWeeklyViewComponent, selector: "ax-scheduler-timeline-weekly-view", inputs: ["daysCount", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "startDayHour", "showUnassignedAppointments", "resources", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineYearViewComponent, selector: "ax-scheduler-timeline-year-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "showUnassignedAppointments", "selectedAppointmentId", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerComponent, isStandalone: true, selector: "ax-scheduler", inputs: { calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, startingDate: { classPropertyName: "startingDate", publicName: "startingDate", isSignal: true, isRequired: false, transformFunction: null }, endDayHour: { classPropertyName: "endDayHour", publicName: "endDayHour", isSignal: true, isRequired: false, transformFunction: null }, startDayHour: { classPropertyName: "startDayHour", publicName: "startDayHour", isSignal: true, isRequired: false, transformFunction: null }, hasHeader: { classPropertyName: "hasHeader", publicName: "hasHeader", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, weekend: { classPropertyName: "weekend", publicName: "weekend", isSignal: true, isRequired: false, transformFunction: null }, allowFullScreen: { classPropertyName: "allowFullScreen", publicName: "allowFullScreen", isSignal: true, isRequired: false, transformFunction: null }, multiDayViewDaysCount: { classPropertyName: "multiDayViewDaysCount", publicName: "multiDayViewDaysCount", isSignal: true, isRequired: false, transformFunction: null }, showResourceHeaders: { classPropertyName: "showResourceHeaders", publicName: "showResourceHeaders", isSignal: true, isRequired: false, transformFunction: null }, showCurrentTimeIndicator: { classPropertyName: "showCurrentTimeIndicator", publicName: "showCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, scrollToCurrentTimeIndicator: { classPropertyName: "scrollToCurrentTimeIndicator", publicName: "scrollToCurrentTimeIndicator", isSignal: true, isRequired: false, transformFunction: null }, showUnassignedAppointments: { classPropertyName: "showUnassignedAppointments", publicName: "showUnassignedAppointments", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, resourceTemplate: { classPropertyName: "resourceTemplate", publicName: "resourceTemplate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, tooltipTemplate: { classPropertyName: "tooltipTemplate", publicName: "tooltipTemplate", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, holidays: { classPropertyName: "holidays", publicName: "holidays", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedView: "selectedViewChange", onDataLoaded: "onDataLoaded", onRangeChanged: "onRangeChanged", onSlotClicked: "onSlotClicked", onSlotDblClicked: "onSlotDblClicked", onSlotRightClick: "onSlotRightClick", onAppointmentDrop: "onAppointmentDrop", onActionClick: "onActionClick", onAppointmentClicked: "onAppointmentClicked", onAppointmentDblClicked: "onAppointmentDblClicked", onAppointmentRightClick: "onAppointmentRightClick" }, host: { properties: { "class.ax-rtl": "rtl()" } }, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXSchedulerComponent }], viewQueries: [{ propertyName: "viewModeSelectbox", first: true, predicate: AXSelectBoxComponent, descendants: true, isSignal: true }, { propertyName: "calendarPopover", first: true, predicate: ["calendarPopover"], descendants: true, isSignal: true }, { propertyName: "_calendarDayCellTemplate", first: true, predicate: ["calendarDayCellTemplate"], descendants: true, isSignal: true }, { propertyName: "_calendarMonthCellTemplate", first: true, predicate: ["calendarMonthCellTemplate"], descendants: true, isSignal: true }, { propertyName: "_calendarYearCellTemplate", first: true, predicate: ["calendarYearCellTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-container\">\n  @if (hasHeader()) {\n    <div class=\"ax-scheduler-header\">\n      <div class=\"ax-scheduler-date\">\n        <ax-button look=\"blank\" (onClick)=\"prevClick()\">\n          <ax-icon\n            class=\"ax-icon text-xl\"\n            [class.ax-icon-chevron-left]=\"!rtl()\"\n            [class.ax-icon-chevron-right]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"currentDateText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"nextClick()\">\n          <ax-icon\n            class=\"ax-icon text-xl\"\n            [class.ax-icon-chevron-right]=\"!rtl()\"\n            [class.ax-icon-chevron-left]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" #calendarPopover>\n          <ax-calendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [ngModel]=\"currentDate()\"\n            [dayCellTemplate]=\"calendarDayCellTemplateRef\"\n            [monthCellTemplate]=\"calendarMonthCellTemplateRef\"\n            [yearCellTemplate]=\"calendarYearCellTemplateRef\"\n            (onValueChanged)=\"calendarDateChanged($event)\"\n          ></ax-calendar>\n        </ax-popover>\n      </div>\n      <div class=\"ax-scheduler-actions\">\n        <ax-select-box\n          [dropdownWidth]=\"'200px'\"\n          [ngModel]=\"selectedView()\"\n          [dataSource]=\"viewsDataSource()\"\n          (onValueChanged)=\"viewChanged($event)\"\n        ></ax-select-box>\n\n        @if (allowFullScreen()) {\n          <ax-button look=\"blank\" (onClick)=\"handleFullScreen()\">\n            <ax-icon>\n              <i class=\"fa-solid\" [class.fa-compress]=\"isFullScreen()\" [class.fa-expand]=\"!isFullScreen()\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"ax-scheduler-views-container\">\n    @switch (selectedView()) {\n      @case ('day') {\n        <ax-scheduler-day-view\n          [rtl]=\"rtl()\"\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-day-view>\n      }\n      @case ('week') {\n        <ax-scheduler-week-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-week-view>\n      }\n      @case ('month') {\n        <ax-scheduler-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [firstDayOfWeek]=\"firstDayOfWeek()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-month-view>\n      }\n      @case ('timeline-day') {\n        <ax-scheduler-timeline-day-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      }\n      @case ('timeline-weekly') {\n        <ax-scheduler-timeline-weekly-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-weekly-view>\n      }\n      @case ('timeline-month') {\n        <ax-scheduler-timeline-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-month-view>\n      }\n      @case ('timeline-year') {\n        <ax-scheduler-timeline-year-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-year-view>\n      }\n      @case ('agenda') {\n        <ax-scheduler-agenda-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-agenda-view>\n      }\n    }\n  </div>\n</div>\n<ng-template #calendarDayCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsOnDate(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarMonthCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInMonth(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarYearCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInYear(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:\"\"}}}@layer base{:root{--ax-comp-scheduler-width:57.5rem;--ax-comp-scheduler-basic-view-blocks-height:3rem;--ax-comp-scheduler-basic-view-blocks-width:3.5rem;--ax-comp-scheduler-timeline-view-blocks-width:20rem;--ax-comp-scheduler-timeline-view-blocks-height:3rem}}@layer components{ax-scheduler{width:100%;height:100%;display:block}ax-scheduler .ax-scheduler-primary-periority{background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}ax-scheduler .ax-scheduler-highest-periority{background-color:rgba(var(--ax-sys-color-danger-dark-surface));color:rgba(var(--ax-sys-color-on-danger-dark-surface))}ax-scheduler .ax-scheduler-high-periority{background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface))}ax-scheduler .ax-scheduler-medium-periority{background-color:rgba(var(--ax-sys-color-warning-surface));color:rgba(var(--ax-sys-color-on-warning-surface))}ax-scheduler .ax-scheduler-low-periority{background-color:rgba(var(--ax-sys-color-success-light-surface));color:rgba(var(--ax-sys-color-on-success-light-surface))}ax-scheduler .ax-scheduler-lowest-periority{background-color:rgba(var(--ax-sys-color-success-lightest-surface));color:rgba(var(--ax-sys-color-on-success-lightest-surface))}ax-scheduler{background-color:inherit;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none}ax-scheduler.ax-full-screen-container{z-index:61;width:100vw;height:100vh;position:fixed;top:0;left:0}ax-scheduler .ax-scheduler-container{border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);background-color:inherit;border-width:1px;flex-direction:column;height:100%;display:flex;overflow:hidden}ax-scheduler .ax-scheduler-container .ax-scheduler-header{border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);border-bottom-width:1px;justify-content:space-between;align-items:center;display:flex;overflow:auto hidden}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date{min-width:calc(var(--spacing,.25rem) * 82);justify-content:space-between;align-items:center;display:flex}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date p{min-width:calc(var(--spacing,.25rem) * 40);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);margin:0}ax-scheduler .ax-scheduler-container .ax-scheduler-actions{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}ax-scheduler .ax-scheduler-container .ax-scheduler-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}ax-scheduler .ax-scheduler-container ax-subtitle{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-scheduler .ax-scheduler-container .ax-scheduler-views-container{background-color:inherit;height:100%;overflow:auto}.ax-overlay-pane.ax-scheduler-popover{max-height:calc(var(--spacing,.25rem) * 40);gap:var(--spacing,.25rem);border-radius:var(--ax-sys-border-radius);display:grid;overflow:auto}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-periority{background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-periority{background-color:rgba(var(--ax-sys-color-danger-dark-surface));color:rgba(var(--ax-sys-color-on-danger-dark-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-periority{background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-periority{background-color:rgba(var(--ax-sys-color-warning-surface));color:rgba(var(--ax-sys-color-on-warning-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-periority{background-color:rgba(var(--ax-sys-color-success-light-surface));color:rgba(var(--ax-sys-color-on-success-light-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-periority{background-color:rgba(var(--ax-sys-color-success-lightest-surface));color:rgba(var(--ax-sys-color-on-success-lightest-surface))}.ax-overlay-pane.ax-scheduler-popover{padding:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover.ax-scheduler-month-popover-appointment{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover:not(.ax-state-readonly) .ax-scheduler-popover-appointment{cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);background-color:rgba(var(--ax-sys-color-primary-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);color:rgba(var(--ax-sys-color-on-primary-surface));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment ax-subtitle{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment .ax-scheduler-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title{justify-content:space-between;display:flex}:is(.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title) .ax-scheduler-action-icon{cursor:pointer;width:auto}.ax-scheduler-current-time-line{pointer-events:none;z-index:7;--tw-shadow:0 0 6px var(--tw-shadow-color,#ef4444cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#ef4444;position:absolute}.ax-scheduler-current-time-line:before{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:2px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow:0 0 8px var(--tw-shadow-color,#ef4444e6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-content:\"\";content:var(--tw-content);background-color:#ef4444;border-radius:3.40282e38px;position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "dayCellTemplate", "monthCellTemplate", "yearCellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays", "look"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSchedulerDayViewComponent, selector: "ax-scheduler-day-view", inputs: ["rtl", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "endDayHour", "startDayHour", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerWeekViewComponent, selector: "ax-scheduler-week-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "endDayHour", "startDayHour", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerMonthViewComponent, selector: "ax-scheduler-month-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "appointments", "firstDayOfWeek", "selectedAppointmentId", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerAgendaViewComponent, selector: "ax-scheduler-agenda-view", inputs: ["daysCount", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "date", "appointments", "tooltipTemplate", "selectedAppointmentId"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineDayViewComponent, selector: "ax-scheduler-timeline-day-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "startDayHour", "showUnassignedAppointments", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineMonthViewComponent, selector: "ax-scheduler-timeline-month-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "showUnassignedAppointments", "selectedAppointmentId", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineWeeklyViewComponent, selector: "ax-scheduler-timeline-weekly-view", inputs: ["daysCount", "readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "endDayHour", "selectedAppointmentId", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "startDayHour", "showUnassignedAppointments", "resources", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }, { kind: "component", type: AXSchedulerTimelineYearViewComponent, selector: "ax-scheduler-timeline-year-view", inputs: ["readonly", "draggable", "hasActions", "dragStartDelay", "calendar", "showResourceHeaders", "date", "showUnassignedAppointments", "selectedAppointmentId", "resources", "showCurrentTimeIndicator", "scrollToCurrentTimeIndicator", "resourceTemplate", "appointments", "tooltipTemplate"], outputs: ["slotClickedInternal", "slotDblClickedInternal", "slotRightClickedInternal", "appointmentClickedInternal", "appointmentDblClickedInternal", "appointmentRightClickedInternal", "onActionClickInternal", "onAppointmentDropInternal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ax-rtl]': 'rtl()',
@@ -5141,8 +5131,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXSchedulerTimelineMonthViewComponent,
                         AXSchedulerTimelineWeeklyViewComponent,
                         AXSchedulerTimelineYearViewComponent,
-                    ], providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXSchedulerComponent }], template: "<div class=\"ax-scheduler-container\">\n  @if (hasHeader()) {\n    <div class=\"ax-scheduler-header\">\n      <div class=\"ax-scheduler-date\">\n        <ax-button look=\"blank\" (onClick)=\"prevClick()\">\n          <ax-icon\n            class=\"ax-icon ax-text-xl\"\n            [class.ax-icon-chevron-left]=\"!rtl()\"\n            [class.ax-icon-chevron-right]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"currentDateText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"nextClick()\">\n          <ax-icon\n            class=\"ax-icon ax-text-xl\"\n            [class.ax-icon-chevron-right]=\"!rtl()\"\n            [class.ax-icon-chevron-left]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" #calendarPopover>\n          <ax-calendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [ngModel]=\"currentDate()\"\n            [dayCellTemplate]=\"calendarDayCellTemplateRef\"\n            [monthCellTemplate]=\"calendarMonthCellTemplateRef\"\n            [yearCellTemplate]=\"calendarYearCellTemplateRef\"\n            (onValueChanged)=\"calendarDateChanged($event)\"\n          ></ax-calendar>\n        </ax-popover>\n      </div>\n      <div class=\"ax-scheduler-actions\">\n        <ax-select-box\n          [dropdownWidth]=\"'200px'\"\n          [ngModel]=\"selectedView()\"\n          [dataSource]=\"viewsDataSource()\"\n          (onValueChanged)=\"viewChanged($event)\"\n        ></ax-select-box>\n\n        @if (allowFullScreen()) {\n          <ax-button look=\"blank\" (onClick)=\"handleFullScreen()\">\n            <ax-icon>\n              <i class=\"fa-solid\" [class.fa-compress]=\"isFullScreen()\" [class.fa-expand]=\"!isFullScreen()\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"ax-scheduler-views-container\">\n    @switch (selectedView()) {\n      @case ('day') {\n        <ax-scheduler-day-view\n          [rtl]=\"rtl()\"\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-day-view>\n      }\n      @case ('week') {\n        <ax-scheduler-week-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-week-view>\n      }\n      @case ('month') {\n        <ax-scheduler-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [firstDayOfWeek]=\"firstDayOfWeek()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-month-view>\n      }\n      @case ('timeline-day') {\n        <ax-scheduler-timeline-day-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      }\n      @case ('timeline-weekly') {\n        <ax-scheduler-timeline-weekly-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-weekly-view>\n      }\n      @case ('timeline-month') {\n        <ax-scheduler-timeline-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-month-view>\n      }\n      @case ('timeline-year') {\n        <ax-scheduler-timeline-year-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-year-view>\n      }\n      @case ('agenda') {\n        <ax-scheduler-agenda-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-agenda-view>\n      }\n    }\n  </div>\n</div>\n<ng-template #calendarDayCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsOnDate(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarMonthCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInMonth(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarYearCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-between ax-gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInYear(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: [":root{--ax-comp-scheduler-width: 57.5rem;--ax-comp-scheduler-basic-view-blocks-height: 3rem;--ax-comp-scheduler-basic-view-blocks-width: 3.5rem;--ax-comp-scheduler-timeline-view-blocks-width: 20rem;--ax-comp-scheduler-timeline-view-blocks-height: 3rem;--ax-comp-scheduler-primary-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-scheduler-primary-text-color: var(--ax-sys-color-on-primary-lighter-surface);--ax-comp-scheduler-primary-active-border-color: var(--ax-sys-color-primary-500);--ax-comp-scheduler-highest-priority-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-scheduler-highest-priority-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-scheduler-highest-priority-active-border-color: var(--ax-sys-color-danger-700);--ax-comp-scheduler-high-priority-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-scheduler-high-priority-text-color: var(--ax-sys-color-on-danger-lighter-surface);--ax-comp-scheduler-high-priority-active-border-color: var(--ax-sys-color-danger-500);--ax-comp-scheduler-medium-priority-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-scheduler-medium-priority-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-scheduler-medium-priority-active-border-color: var(--ax-sys-color-warning-600);--ax-comp-scheduler-low-priority-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-scheduler-low-priority-text-color: var(--ax-sys-color-on-success-lighter-surface);--ax-comp-scheduler-low-priority-active-border-color: var(--ax-sys-color-success-500);--ax-comp-scheduler-lowest-priority-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-scheduler-lowest-priority-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-scheduler-lowest-priority-active-border-color: var(--ax-sys-color-success-400)}ax-scheduler{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;font-size:.875rem;background-color:inherit}ax-scheduler.ax-full-screen-container{top:0;inset-inline-start:0;z-index:61;width:100vw;height:100vh;position:fixed}ax-scheduler .ax-scheduler-container{height:100%;display:flex;overflow:hidden;border-width:1px;flex-direction:column;background-color:inherit;border-radius:var(--ax-sys-border-radius)}ax-scheduler .ax-scheduler-container .ax-scheduler-header{display:flex;padding:1rem;overflow-x:auto;overflow-y:hidden;align-items:center;border-bottom-width:1px;justify-content:space-between}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date{display:flex;min-width:20.5rem;align-items:center;justify-content:space-between}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date p{margin:0;font-size:1rem;min-width:10rem;font-weight:500;text-align:center}ax-scheduler .ax-scheduler-container .ax-scheduler-actions{gap:.75rem;display:flex;align-items:center;justify-content:center}ax-scheduler .ax-scheduler-container .ax-scheduler-truncate{display:block;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}ax-scheduler .ax-scheduler-container ax-subtitle{font-size:.75rem}ax-scheduler .ax-scheduler-container .ax-scheduler-views-container{height:100%;overflow:auto;background-color:inherit}ax-scheduler .ax-scheduler-primary-priority{color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-primary-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-primary-active-border-color));z-index:10}ax-scheduler .ax-scheduler-highest-priority{color:rgba(var(--ax-comp-scheduler-highest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-highest-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-highest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-highest-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-high-priority{color:rgba(var(--ax-comp-scheduler-high-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-high-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-high-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-high-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-medium-priority{color:rgba(var(--ax-comp-scheduler-medium-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-medium-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-medium-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-medium-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-low-priority{color:rgba(var(--ax-comp-scheduler-low-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-low-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-low-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-low-priority-active-border-color));z-index:10}ax-scheduler .ax-scheduler-lowest-priority{color:rgba(var(--ax-comp-scheduler-lowest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-lowest-priority-bg-color));border:2px solid transparent}ax-scheduler .ax-scheduler-lowest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-lowest-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover{gap:.25rem;display:grid;overflow:auto;padding:.25rem;max-height:10rem;font-size:.875rem;border-radius:.5rem}.ax-overlay-pane.ax-scheduler-popover.ax-scheduler-month-popover-appointment{font-size:.75rem}.ax-overlay-pane.ax-scheduler-popover:not(.ax-state-readonly) .ax-scheduler-popover-appointment{cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;flex-direction:column;padding-block:.25rem;padding-inline:.5rem;border-radius:calc(var(--ax-sys-border-radius) / 2);color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment ax-subtitle{font-size:.75rem}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment .ax-scheduler-truncate{display:block;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title{display:flex;justify-content:space-between}.ax-overlay-pane.ax-scheduler-popover ax-title .ax-scheduler-action-icon,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title .ax-scheduler-action-icon{width:auto;cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-priority{color:rgba(var(--ax-comp-scheduler-primary-text-color));background-color:rgba(var(--ax-comp-scheduler-primary-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-primary-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-priority{color:rgba(var(--ax-comp-scheduler-highest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-highest-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-highest-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-priority{color:rgba(var(--ax-comp-scheduler-high-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-high-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-high-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-priority{color:rgba(var(--ax-comp-scheduler-medium-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-medium-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-medium-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-priority{color:rgba(var(--ax-comp-scheduler-low-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-low-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-low-priority-active-border-color));z-index:10}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-priority{color:rgba(var(--ax-comp-scheduler-lowest-priority-text-color));background-color:rgba(var(--ax-comp-scheduler-lowest-priority-bg-color));border:2px solid transparent}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-priority.ax-state-active{border:2px solid rgba(var(--ax-comp-scheduler-lowest-priority-active-border-color));z-index:10}.ax-scheduler-current-time-line{z-index:7;position:absolute;pointer-events:none;background-color:#ef4444;box-shadow:0 0 6px #ef4444cc}.ax-scheduler-current-time-line:before{content:\"\";width:12px;height:12px;position:absolute;border-radius:50%;background-color:#ef4444;box-shadow:0 0 8px #ef4444e6;border:2px solid rgba(var(--ax-sys-color-surface))}\n"] }]
-        }] });
+                    ], providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXSchedulerComponent }], template: "<div class=\"ax-scheduler-container\">\n  @if (hasHeader()) {\n    <div class=\"ax-scheduler-header\">\n      <div class=\"ax-scheduler-date\">\n        <ax-button look=\"blank\" (onClick)=\"prevClick()\">\n          <ax-icon\n            class=\"ax-icon text-xl\"\n            [class.ax-icon-chevron-left]=\"!rtl()\"\n            [class.ax-icon-chevron-right]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-button look=\"blank\" [text]=\"currentDateText()\" #date></ax-button>\n        <ax-button look=\"blank\" (onClick)=\"nextClick()\">\n          <ax-icon\n            class=\"ax-icon text-xl\"\n            [class.ax-icon-chevron-right]=\"!rtl()\"\n            [class.ax-icon-chevron-left]=\"rtl()\"\n          ></ax-icon>\n        </ax-button>\n        <ax-popover [target]=\"date\" #calendarPopover>\n          <ax-calendar\n            [type]=\"calendarType()\"\n            [depth]=\"calendarDepth()\"\n            [ngModel]=\"currentDate()\"\n            [dayCellTemplate]=\"calendarDayCellTemplateRef\"\n            [monthCellTemplate]=\"calendarMonthCellTemplateRef\"\n            [yearCellTemplate]=\"calendarYearCellTemplateRef\"\n            (onValueChanged)=\"calendarDateChanged($event)\"\n          ></ax-calendar>\n        </ax-popover>\n      </div>\n      <div class=\"ax-scheduler-actions\">\n        <ax-select-box\n          [dropdownWidth]=\"'200px'\"\n          [ngModel]=\"selectedView()\"\n          [dataSource]=\"viewsDataSource()\"\n          (onValueChanged)=\"viewChanged($event)\"\n        ></ax-select-box>\n\n        @if (allowFullScreen()) {\n          <ax-button look=\"blank\" (onClick)=\"handleFullScreen()\">\n            <ax-icon>\n              <i class=\"fa-solid\" [class.fa-compress]=\"isFullScreen()\" [class.fa-expand]=\"!isFullScreen()\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"ax-scheduler-views-container\">\n    @switch (selectedView()) {\n      @case ('day') {\n        <ax-scheduler-day-view\n          [rtl]=\"rtl()\"\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-day-view>\n      }\n      @case ('week') {\n        <ax-scheduler-week-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-week-view>\n      }\n      @case ('month') {\n        <ax-scheduler-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [firstDayOfWeek]=\"firstDayOfWeek()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        ></ax-scheduler-month-view>\n      }\n      @case ('timeline-day') {\n        <ax-scheduler-timeline-day-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [hasActions]=\"hasActions()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-day-view>\n      }\n      @case ('timeline-weekly') {\n        <ax-scheduler-timeline-weekly-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [endDayHour]=\"endDayHour()\"\n          [hasActions]=\"hasActions()\"\n          [startDayHour]=\"startDayHour()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-weekly-view>\n      }\n      @case ('timeline-month') {\n        <ax-scheduler-timeline-month-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-month-view>\n      }\n      @case ('timeline-year') {\n        <ax-scheduler-timeline-year-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [resources]=\"resources()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [resourceTemplate]=\"resourceTemplate()\"\n          [showResourceHeaders]=\"showResourceHeaders()\"\n          [showCurrentTimeIndicator]=\"showCurrentTimeIndicator()\"\n          [scrollToCurrentTimeIndicator]=\"scrollToCurrentTimeIndicator()\"\n          [showUnassignedAppointments]=\"showUnassignedAppointments()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-timeline-year-view>\n      }\n      @case ('agenda') {\n        <ax-scheduler-agenda-view\n          [date]=\"currentDate()\"\n          [readonly]=\"readonly()\"\n          [draggable]=\"draggable()\"\n          [calendar]=\"calendarType()\"\n          [hasActions]=\"hasActions()\"\n          [appointments]=\"viewAppointments()\"\n          [dragStartDelay]=\"dragStartDelay()\"\n          [daysCount]=\"multiDayViewDaysCount()\"\n          [tooltipTemplate]=\"tooltipTemplate()\"\n          [selectedAppointmentId]=\"selectedAppointmentId()\"\n          (onActionClickInternal)=\"onActionClick.emit($event)\"\n          (slotClickedInternal)=\"handleSlotClickInternal($event)\"\n          (slotDblClickedInternal)=\"handleSlotDblClickInternal($event)\"\n          (slotRightClickedInternal)=\"handleSlotRightClickInternal($event)\"\n          (onAppointmentDropInternal)=\"handleAppointmentDropInternal($event)\"\n          (appointmentClickedInternal)=\"handleAppointmentClickInternal($event)\"\n          (appointmentDblClickedInternal)=\"handleAppointmentDblClickInternal($event)\"\n          (appointmentRightClickedInternal)=\"handleAppointmentRightClickInternal($event)\"\n        >\n        </ax-scheduler-agenda-view>\n      }\n    }\n  </div>\n</div>\n<ng-template #calendarDayCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsOnDate(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarMonthCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInMonth(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n<ng-template #calendarYearCellTemplate let-data>\n  @let slot = data.slot;\n  <div class=\"flex flex-col items-center justify-between gap-1\">\n    <span>{{ slot.text }}</span>\n    @if (hasAppointmentsInYear(slot.date?.date)) {\n      <ax-badge color=\"primary\"></ax-badge>\n    }\n  </div>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:\"\"}}}@layer base{:root{--ax-comp-scheduler-width:57.5rem;--ax-comp-scheduler-basic-view-blocks-height:3rem;--ax-comp-scheduler-basic-view-blocks-width:3.5rem;--ax-comp-scheduler-timeline-view-blocks-width:20rem;--ax-comp-scheduler-timeline-view-blocks-height:3rem}}@layer components{ax-scheduler{width:100%;height:100%;display:block}ax-scheduler .ax-scheduler-primary-periority{background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}ax-scheduler .ax-scheduler-highest-periority{background-color:rgba(var(--ax-sys-color-danger-dark-surface));color:rgba(var(--ax-sys-color-on-danger-dark-surface))}ax-scheduler .ax-scheduler-high-periority{background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface))}ax-scheduler .ax-scheduler-medium-periority{background-color:rgba(var(--ax-sys-color-warning-surface));color:rgba(var(--ax-sys-color-on-warning-surface))}ax-scheduler .ax-scheduler-low-periority{background-color:rgba(var(--ax-sys-color-success-light-surface));color:rgba(var(--ax-sys-color-on-success-light-surface))}ax-scheduler .ax-scheduler-lowest-periority{background-color:rgba(var(--ax-sys-color-success-lightest-surface));color:rgba(var(--ax-sys-color-on-success-lightest-surface))}ax-scheduler{background-color:inherit;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none}ax-scheduler.ax-full-screen-container{z-index:61;width:100vw;height:100vh;position:fixed;top:0;left:0}ax-scheduler .ax-scheduler-container{border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);background-color:inherit;border-width:1px;flex-direction:column;height:100%;display:flex;overflow:hidden}ax-scheduler .ax-scheduler-container .ax-scheduler-header{border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);border-bottom-width:1px;justify-content:space-between;align-items:center;display:flex;overflow:auto hidden}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date{min-width:calc(var(--spacing,.25rem) * 82);justify-content:space-between;align-items:center;display:flex}ax-scheduler .ax-scheduler-container .ax-scheduler-header .ax-scheduler-date p{min-width:calc(var(--spacing,.25rem) * 40);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);margin:0}ax-scheduler .ax-scheduler-container .ax-scheduler-actions{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}ax-scheduler .ax-scheduler-container .ax-scheduler-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}ax-scheduler .ax-scheduler-container ax-subtitle{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-scheduler .ax-scheduler-container .ax-scheduler-views-container{background-color:inherit;height:100%;overflow:auto}.ax-overlay-pane.ax-scheduler-popover{max-height:calc(var(--spacing,.25rem) * 40);gap:var(--spacing,.25rem);border-radius:var(--ax-sys-border-radius);display:grid;overflow:auto}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-primary-periority{background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-highest-periority{background-color:rgba(var(--ax-sys-color-danger-dark-surface));color:rgba(var(--ax-sys-color-on-danger-dark-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-high-periority{background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-medium-periority{background-color:rgba(var(--ax-sys-color-warning-surface));color:rgba(var(--ax-sys-color-on-warning-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-low-periority{background-color:rgba(var(--ax-sys-color-success-light-surface));color:rgba(var(--ax-sys-color-on-success-light-surface))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-lowest-periority{background-color:rgba(var(--ax-sys-color-success-lightest-surface));color:rgba(var(--ax-sys-color-on-success-lightest-surface))}.ax-overlay-pane.ax-scheduler-popover{padding:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover.ax-scheduler-month-popover-appointment{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover:not(.ax-state-readonly) .ax-scheduler-popover-appointment{cursor:pointer}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment{border-radius:calc(var(--ax-sys-border-radius) / 2);background-color:rgba(var(--ax-sys-color-primary-surface));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);color:rgba(var(--ax-sys-color-on-primary-surface));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment ax-subtitle{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.ax-overlay-pane.ax-scheduler-popover .ax-scheduler-popover-appointment .ax-scheduler-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title{justify-content:space-between;display:flex}:is(.ax-overlay-pane.ax-scheduler-popover ax-title,.ax-overlay-pane.ax-scheduler-popover .ax-appointment-chip-title) .ax-scheduler-action-icon{cursor:pointer;width:auto}.ax-scheduler-current-time-line{pointer-events:none;z-index:7;--tw-shadow:0 0 6px var(--tw-shadow-color,#ef4444cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#ef4444;position:absolute}.ax-scheduler-current-time-line:before{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:2px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow:0 0 8px var(--tw-shadow-color,#ef4444e6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-content:\"\";content:var(--tw-content);background-color:#ef4444;border-radius:3.40282e38px;position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { viewModeSelectbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSelectBoxComponent), { isSignal: true }] }], calendarPopover: [{ type: i0.ViewChild, args: ['calendarPopover', { isSignal: true }] }], _calendarDayCellTemplate: [{ type: i0.ViewChild, args: ['calendarDayCellTemplate', { isSignal: true }] }], _calendarMonthCellTemplate: [{ type: i0.ViewChild, args: ['calendarMonthCellTemplate', { isSignal: true }] }], _calendarYearCellTemplate: [{ type: i0.ViewChild, args: ['calendarYearCellTemplate', { isSignal: true }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], startingDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "startingDate", required: false }] }], endDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDayHour", required: false }] }], startDayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDayHour", required: false }] }], hasHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasHeader", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], dragStartDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStartDelay", required: false }] }], weekend: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekend", required: false }] }], allowFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFullScreen", required: false }] }], multiDayViewDaysCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiDayViewDaysCount", required: false }] }], showResourceHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResourceHeaders", required: false }] }], showCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCurrentTimeIndicator", required: false }] }], scrollToCurrentTimeIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToCurrentTimeIndicator", required: false }] }], showUnassignedAppointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUnassignedAppointments", required: false }] }], resources: [{ type: i0.Input, args: [{ isSignal: true, alias: "resources", required: false }] }], resourceTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "resourceTemplate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], tooltipTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTemplate", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], holidays: [{ type: i0.Input, args: [{ isSignal: true, alias: "holidays", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }, { type: i0.Output, args: ["selectedViewChange"] }], onDataLoaded: [{ type: i0.Output, args: ["onDataLoaded"] }], onRangeChanged: [{ type: i0.Output, args: ["onRangeChanged"] }], onSlotClicked: [{ type: i0.Output, args: ["onSlotClicked"] }], onSlotDblClicked: [{ type: i0.Output, args: ["onSlotDblClicked"] }], onSlotRightClick: [{ type: i0.Output, args: ["onSlotRightClick"] }], onAppointmentDrop: [{ type: i0.Output, args: ["onAppointmentDrop"] }], onActionClick: [{ type: i0.Output, args: ["onActionClick"] }], onAppointmentClicked: [{ type: i0.Output, args: ["onAppointmentClicked"] }], onAppointmentDblClicked: [{ type: i0.Output, args: ["onAppointmentDblClicked"] }], onAppointmentRightClick: [{ type: i0.Output, args: ["onAppointmentRightClick"] }] } });
 
 const COMPONENT = [
     AXSchedulerComponent,
@@ -5156,8 +5146,8 @@ const COMPONENT = [
     AXSchedulerTimelineYearViewComponent,
 ];
 class AXSchedulerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerModule, imports: [AXSchedulerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerModule, imports: [AXSchedulerComponent,
             AXSchedulerDayViewComponent,
             AXSchedulerWeekViewComponent,
             AXSchedulerMonthViewComponent,
@@ -5174,9 +5164,9 @@ class AXSchedulerModule {
             AXSchedulerTimelineMonthViewComponent,
             AXSchedulerTimelineWeeklyViewComponent,
             AXSchedulerTimelineYearViewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerModule, imports: [COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerModule, imports: [COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSchedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENT],