@acorex/components 21.1.0-next.2 → 22.0.0-next.1

package/fesm2022/acorex-components-scheduler-picker.mjs

@@ -1,6 +1,6 @@
 import { MXValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, effect, computed, InjectionToken, inject, Injectable, forwardRef } from '@angular/core';
+import { input, output, ViewEncapsulation, Component, signal, effect, computed, InjectionToken, inject, Injectable, forwardRef } from '@angular/core';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AXSwitchComponent } from '@acorex/components/switch';
 import { AXTranslatorPipe, AXTranslationService } from '@acorex/core/translation';
@@ -107,11 +107,13 @@ class AXSchedulerPickerIntervalSelectorComponent {
         /**
          * Current interval value
          */
-        this.interval = input.required(...(ngDevMode ? [{ debugName: "interval" }] : /* istanbul ignore next */ []));
+        this.interval = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "interval" }] : /* istanbul ignore next */ []));
         /**
          * Configuration
          */
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         /**
          * Emits when interval changes
          */
@@ -146,20 +148,23 @@ class AXSchedulerPickerIntervalSelectorComponent {
                 return '@acorex:schedulerPicker.units.day.plural';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerIntervalSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerIntervalSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-interval-selector", inputs: { interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { intervalChange: "intervalChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-interval-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.repeatEvery' | translate | async }}\n  </label>\n  <div class=\"ax-scheduler-picker-interval-input-group\">\n    <ax-number-box\n      [value]=\"interval()\"\n      [minValue]=\"config().minInterval || 1\"\n      [maxValue]=\"config().maxInterval || 999\"\n      [disabled]=\"false\"\n      (valueChange)=\"onIntervalChange($event)\"\n    />\n    <span class=\"ax-scheduler-picker-interval-unit\">\n      {{ getUnitKey() | translate | async }}\n    </span>\n  </div>\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-interval-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-interval-input-group{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-interval-input-group ax-number-box{width:calc(var(--spacing, .25rem) * 20)}.ax-scheduler-picker-interval-input-group .ax-scheduler-picker-interval-unit{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-comp-scheduler-picker-label-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerIntervalSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerIntervalSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-interval-selector", inputs: { interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { intervalChange: "intervalChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-interval-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.repeatEvery' | translate | async }}\n  </label>\n  <div class=\"ax-scheduler-picker-interval-input-group\">\n    <ax-number-box\n      [value]=\"interval()\"\n      [minValue]=\"config().minInterval || 1\"\n      [maxValue]=\"config().maxInterval || 999\"\n      [disabled]=\"false\"\n      (valueChange)=\"onIntervalChange($event)\"\n    />\n    <span class=\"ax-scheduler-picker-interval-unit\">\n      {{ getUnitKey() | translate | async }}\n    </span>\n  </div>\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-interval-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-interval-input-group{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-interval-input-group ax-number-box{width:calc(var(--spacing, .25rem) * 20)}.ax-scheduler-picker-interval-input-group .ax-scheduler-picker-interval-unit{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-comp-scheduler-picker-label-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerIntervalSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerIntervalSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-interval-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXNumberBoxComponent, AXTranslatorPipe, AsyncPipe], template: "<div class=\"ax-scheduler-picker-interval-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.repeatEvery' | translate | async }}\n  </label>\n  <div class=\"ax-scheduler-picker-interval-input-group\">\n    <ax-number-box\n      [value]=\"interval()\"\n      [minValue]=\"config().minInterval || 1\"\n      [maxValue]=\"config().maxInterval || 999\"\n      [disabled]=\"false\"\n      (valueChange)=\"onIntervalChange($event)\"\n    />\n    <span class=\"ax-scheduler-picker-interval-unit\">\n      {{ getUnitKey() | translate | async }}\n    </span>\n  </div>\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-interval-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-interval-input-group{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-interval-input-group ax-number-box{width:calc(var(--spacing, .25rem) * 20)}.ax-scheduler-picker-interval-input-group .ax-scheduler-picker-interval-unit{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-comp-scheduler-picker-label-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-scheduler-picker-interval-selector', encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXNumberBoxComponent, AXTranslatorPipe, AsyncPipe], template: "<div class=\"ax-scheduler-picker-interval-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.repeatEvery' | translate | async }}\n  </label>\n  <div class=\"ax-scheduler-picker-interval-input-group\">\n    <ax-number-box\n      [value]=\"interval()\"\n      [minValue]=\"config().minInterval || 1\"\n      [maxValue]=\"config().maxInterval || 999\"\n      [disabled]=\"false\"\n      (valueChange)=\"onIntervalChange($event)\"\n    />\n    <span class=\"ax-scheduler-picker-interval-unit\">\n      {{ getUnitKey() | translate | async }}\n    </span>\n  </div>\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-interval-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-interval-input-group{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-interval-input-group ax-number-box{width:calc(var(--spacing, .25rem) * 20)}.ax-scheduler-picker-interval-input-group .ax-scheduler-picker-interval-unit{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-comp-scheduler-picker-label-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], intervalChange: [{ type: i0.Output, args: ["intervalChange"] }] } });
 
 class AXSchedulerPickerDailyPanelComponent {
     constructor() {
-        this.pattern = input.required(...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.pattern = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.patternChange = output();
-        this.weekdayOnly = signal(false, ...(ngDevMode ? [{ debugName: "weekdayOnly" }] : /* istanbul ignore next */ []));
+        this.weekdayOnly = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "weekdayOnly" }] : /* istanbul ignore next */ []));
         // Initialize weekdayOnly from pattern
         effect(() => {
             const pattern = this.pattern();
@@ -184,25 +189,27 @@ class AXSchedulerPickerDailyPanelComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerDailyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerDailyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-daily-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-daily-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Weekdays only switch -->\n  @if (config().options?.showWeekdaysOnly) {\n    <div class=\"ax-scheduler-picker-weekdays-only\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.weekdaysOnly' | translate | async }}\n      </label>\n      <ax-switch [value]=\"weekdayOnly()\" (valueChange)=\"onWeekdayOnlyChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-daily-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-weekday-option{display:flex;align-items:center;justify-content:space-between;padding-block:calc(var(--spacing, .25rem) * 1)}.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerDailyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerDailyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-daily-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-daily-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Weekdays only switch -->\n  @if (config().options?.showWeekdaysOnly) {\n    <div class=\"ax-scheduler-picker-weekdays-only\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.weekdaysOnly' | translate | async }}\n      </label>\n      <ax-switch [value]=\"weekdayOnly()\" (valueChange)=\"onWeekdayOnlyChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-daily-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-weekday-option{display:flex;align-items:center;justify-content:space-between;padding-block:calc(var(--spacing, .25rem) * 1)}.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerDailyPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerDailyPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-daily-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSwitchComponent, AXTranslatorPipe, AsyncPipe, AXSchedulerPickerIntervalSelectorComponent], template: "<div class=\"ax-scheduler-picker-daily-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Weekdays only switch -->\n  @if (config().options?.showWeekdaysOnly) {\n    <div class=\"ax-scheduler-picker-weekdays-only\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.weekdaysOnly' | translate | async }}\n      </label>\n      <ax-switch [value]=\"weekdayOnly()\" (valueChange)=\"onWeekdayOnlyChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-daily-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-weekday-option{display:flex;align-items:center;justify-content:space-between;padding-block:calc(var(--spacing, .25rem) * 1)}.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-scheduler-picker-daily-panel', encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSwitchComponent, AXTranslatorPipe, AsyncPipe, AXSchedulerPickerIntervalSelectorComponent], template: "<div class=\"ax-scheduler-picker-daily-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Weekdays only switch -->\n  @if (config().options?.showWeekdaysOnly) {\n    <div class=\"ax-scheduler-picker-weekdays-only\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.weekdaysOnly' | translate | async }}\n      </label>\n      <ax-switch [value]=\"weekdayOnly()\" (valueChange)=\"onWeekdayOnlyChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-daily-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-weekday-option{display:flex;align-items:center;justify-content:space-between;padding-block:calc(var(--spacing, .25rem) * 1)}.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], patternChange: [{ type: i0.Output, args: ["patternChange"] }] } });
 
 class AXSchedulerPickerHourlyPanelComponent {
     constructor() {
-        this.pattern = input.required(...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.pattern = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.patternChange = output();
     }
     onIntervalChange(interval) {
         this.patternChange.emit({ interval });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerHourlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerHourlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-hourly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerHourlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerHourlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-hourly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-hourly-panel">
       @if (config().options?.showInterval) {
         <ax-scheduler-picker-interval-selector
@@ -212,9 +219,9 @@ class AXSchedulerPickerHourlyPanelComponent {
         />
       }
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-hourly-panel{display:flex;flex-direction:column;gap:.75rem}\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-hourly-panel{display:flex;flex-direction:column;gap:.75rem}\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerHourlyPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerHourlyPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-hourly-panel', template: `
     <div class="ax-scheduler-picker-hourly-panel">
@@ -226,7 +233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         />
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXSchedulerPickerIntervalSelectorComponent], styles: [".ax-scheduler-picker-hourly-panel{display:flex;flex-direction:column;gap:.75rem}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [AXSchedulerPickerIntervalSelectorComponent], styles: [".ax-scheduler-picker-hourly-panel{display:flex;flex-direction:column;gap:.75rem}\n"] }]
         }], propDecorators: { pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], patternChange: [{ type: i0.Output, args: ["patternChange"] }] } });
 
 class AXSchedulerPickerDaySelectorComponent {
@@ -234,7 +241,8 @@ class AXSchedulerPickerDaySelectorComponent {
         /**
          * Selected day numbers (1-31)
          */
-        this.days = input(...(ngDevMode ? [undefined, { debugName: "days" }] : /* istanbul ignore next */ []));
+        this.days = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "days" }] : /* istanbul ignore next */ []));
         /**
          * Emits when day selection changes
          */
@@ -251,8 +259,8 @@ class AXSchedulerPickerDaySelectorComponent {
         const selectedDays = Array.isArray(event.value) ? event.value : [event.value];
         this.daysChange.emit(selectedDays.sort((a, b) => a - b));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerDaySelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerDaySelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-day-selector", inputs: { days: { classPropertyName: "days", publicName: "days", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { daysChange: "daysChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerDaySelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerDaySelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-day-selector", inputs: { days: { classPropertyName: "days", publicName: "days", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { daysChange: "daysChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-day-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.selectDays' | translate | async }}
@@ -266,9 +274,9 @@ class AXSchedulerPickerDaySelectorComponent {
         (onValueChanged)="onDaysChange($event)"
       />
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-day-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-day-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerDaySelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerDaySelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-day-selector', template: `
     <div class="ax-scheduler-picker-day-selector">
@@ -284,7 +292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         (onValueChanged)="onDaysChange($event)"
       />
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-day-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-day-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"] }]
         }], propDecorators: { days: [{ type: i0.Input, args: [{ isSignal: true, alias: "days", required: false }] }], daysChange: [{ type: i0.Output, args: ["daysChange"] }] } });
 
 class AXSchedulerPickerOccurrenceSelectorComponent {
@@ -292,13 +300,16 @@ class AXSchedulerPickerOccurrenceSelectorComponent {
         /**
          * Current occurrence selection (position + day)
          */
-        this.occurrence = input(...(ngDevMode ? [undefined, { debugName: "occurrence" }] : /* istanbul ignore next */ []));
+        this.occurrence = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "occurrence" }] : /* istanbul ignore next */ []));
         /**
          * Emits when occurrence selection changes
          */
         this.occurrenceChange = output();
-        this.selectedPosition = signal(1, ...(ngDevMode ? [{ debugName: "selectedPosition" }] : /* istanbul ignore next */ []));
-        this.selectedDay = signal(1, ...(ngDevMode ? [{ debugName: "selectedDay" }] : /* istanbul ignore next */ []));
+        this.selectedPosition = signal(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedPosition" }] : /* istanbul ignore next */ []));
+        this.selectedDay = signal(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedDay" }] : /* istanbul ignore next */ []));
         this.positions = AX_SCHEDULER_PICKER_OCCURRENCE_POSITIONS.map((pos) => ({
             ...pos,
             text: `@acorex:schedulerPicker.positions.${pos.key}`,
@@ -337,8 +348,8 @@ class AXSchedulerPickerOccurrenceSelectorComponent {
             day: this.selectedDay(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerOccurrenceSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerOccurrenceSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-occurrence-selector", inputs: { occurrence: { classPropertyName: "occurrence", publicName: "occurrence", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { occurrenceChange: "occurrenceChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerOccurrenceSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerOccurrenceSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-occurrence-selector", inputs: { occurrence: { classPropertyName: "occurrence", publicName: "occurrence", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { occurrenceChange: "occurrenceChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-occurrence-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.occurrence' | translate | async }}
@@ -361,9 +372,9 @@ class AXSchedulerPickerOccurrenceSelectorComponent {
         />
       </div>
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-occurrence-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-row{display:flex;gap:.5rem}.ax-scheduler-picker-row>*{flex:1}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-occurrence-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-row{display:flex;gap:.5rem}.ax-scheduler-picker-row>*{flex:1}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerOccurrenceSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerOccurrenceSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-occurrence-selector', template: `
     <div class="ax-scheduler-picker-occurrence-selector">
@@ -388,16 +399,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         />
       </div>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-occurrence-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-row{display:flex;gap:.5rem}.ax-scheduler-picker-row>*{flex:1}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-occurrence-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-row{display:flex;gap:.5rem}.ax-scheduler-picker-row>*{flex:1}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { occurrence: [{ type: i0.Input, args: [{ isSignal: true, alias: "occurrence", required: false }] }], occurrenceChange: [{ type: i0.Output, args: ["occurrenceChange"] }] } });
 
 class AXSchedulerPickerMonthlyPanelComponent {
     constructor() {
-        this.pattern = input.required(...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.pattern = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.patternChange = output();
-        this.selectedDays = signal([], ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
-        this.occurrence = signal(null, ...(ngDevMode ? [{ debugName: "occurrence" }] : /* istanbul ignore next */ []));
+        this.selectedDays = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
+        this.occurrence = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "occurrence" }] : /* istanbul ignore next */ []));
         // Initialize state from pattern
         effect(() => {
             const pattern = this.pattern();
@@ -435,12 +450,12 @@ class AXSchedulerPickerMonthlyPanelComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerMonthlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerMonthlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-monthly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-monthly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Specific Days Mode: Calendar day picker -->\n  @if (config().options?.recurrenceMode === 'specificDays') {\n    <ax-scheduler-picker-day-selector\n      [days]=\"selectedDays()\"\n      (daysChange)=\"onDaysChange($event)\"\n    />\n  }\n\n  <!-- Occurrence Mode: Position + Weekday selectors -->\n  @if (config().options?.recurrenceMode === 'occurrence') {\n    <ax-scheduler-picker-occurrence-selector\n      [occurrence]=\"occurrence()\"\n      (occurrenceChange)=\"onOccurrenceChange($event)\"\n    />\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-monthly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "component", type: AXSchedulerPickerDaySelectorComponent, selector: "ax-scheduler-picker-day-selector", inputs: ["days"], outputs: ["daysChange"] }, { kind: "component", type: AXSchedulerPickerOccurrenceSelectorComponent, selector: "ax-scheduler-picker-occurrence-selector", inputs: ["occurrence"], outputs: ["occurrenceChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerMonthlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerMonthlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-monthly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-monthly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Specific Days Mode: Calendar day picker -->\n  @if (config().options?.recurrenceMode === 'specificDays') {\n    <ax-scheduler-picker-day-selector\n      [days]=\"selectedDays()\"\n      (daysChange)=\"onDaysChange($event)\"\n    />\n  }\n\n  <!-- Occurrence Mode: Position + Weekday selectors -->\n  @if (config().options?.recurrenceMode === 'occurrence') {\n    <ax-scheduler-picker-occurrence-selector\n      [occurrence]=\"occurrence()\"\n      (occurrenceChange)=\"onOccurrenceChange($event)\"\n    />\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-monthly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "component", type: AXSchedulerPickerDaySelectorComponent, selector: "ax-scheduler-picker-day-selector", inputs: ["days"], outputs: ["daysChange"] }, { kind: "component", type: AXSchedulerPickerOccurrenceSelectorComponent, selector: "ax-scheduler-picker-occurrence-selector", inputs: ["occurrence"], outputs: ["occurrenceChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerMonthlyPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerMonthlyPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-monthly-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'ax-scheduler-picker-monthly-panel', encapsulation: ViewEncapsulation.None, imports: [
                         AXSchedulerPickerIntervalSelectorComponent,
                         AXSchedulerPickerDaySelectorComponent,
                         AXSchedulerPickerOccurrenceSelectorComponent,
@@ -498,10 +513,13 @@ function dateExistsInArray(date, dates) {
  */
 class AXSchedulerPickerWeeklyPanelComponent {
     constructor() {
-        this.pattern = input.required(...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.pattern = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.patternChange = output();
-        this.selectedDays = signal([], ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
+        this.selectedDays = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
         this.dayItems = computed(() => {
             const firstDay = this.config().firstDayOfWeek || 0;
             const days = reorderDaysByFirstDay(firstDay);
@@ -509,7 +527,8 @@ class AXSchedulerPickerWeeklyPanelComponent {
                 ...day,
                 text: `@acorex:schedulerPicker.days.${day.key}`,
             }));
-        }, ...(ngDevMode ? [{ debugName: "dayItems" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayItems" }] : /* istanbul ignore next */ []));
         // Initialize selectedDays from pattern
         effect(() => {
             const pattern = this.pattern();
@@ -531,12 +550,12 @@ class AXSchedulerPickerWeeklyPanelComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerWeeklyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerWeeklyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-weekly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-weekly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Day selection -->\n  @if (config().options?.showWeekdaySelection) {\n    <div class=\"ax-scheduler-picker-day-selection\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.onDays' | translate | async }}\n      </label>\n      <ax-selection-list\n        [items]=\"dayItems()\"\n        [multiple]=\"true\"\n        [showControl]=\"true\"\n        [look]=\"'solid'\"\n        [direction]=\"'horizontal'\"\n        [value]=\"selectedDays()\"\n        (onValueChanged)=\"onDaysChange($event)\"\n      />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-weekly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-day-selection,.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}ax-selection-list{width:100%}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerWeeklyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerWeeklyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-weekly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-weekly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Day selection -->\n  @if (config().options?.showWeekdaySelection) {\n    <div class=\"ax-scheduler-picker-day-selection\">\n      <label class=\"ax-scheduler-picker-label\">\n        {{ '@acorex:schedulerPicker.labels.onDays' | translate | async }}\n      </label>\n      <ax-selection-list\n        [items]=\"dayItems()\"\n        [multiple]=\"true\"\n        [showControl]=\"true\"\n        [look]=\"'solid'\"\n        [direction]=\"'horizontal'\"\n        [value]=\"selectedDays()\"\n        (onValueChanged)=\"onDaysChange($event)\"\n      />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-weekly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-day-selection,.ax-scheduler-picker-time-selection{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}ax-selection-list{width:100%}.ax-scheduler-picker-label{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerWeeklyPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerWeeklyPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-weekly-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'ax-scheduler-picker-weekly-panel', encapsulation: ViewEncapsulation.None, imports: [
                         FormsModule,
                         AXSelectionListModule,
                         AXTranslatorPipe,
@@ -550,7 +569,8 @@ class AXSchedulerPickerMonthSelectorComponent {
         /**
          * Selected month indices (0-11)
          */
-        this.months = input(...(ngDevMode ? [undefined, { debugName: "months" }] : /* istanbul ignore next */ []));
+        this.months = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "months" }] : /* istanbul ignore next */ []));
         /**
          * Emits when month selection changes
          */
@@ -567,8 +587,8 @@ class AXSchedulerPickerMonthSelectorComponent {
         const selectedMonths = Array.isArray(event.value) ? event.value : [event.value];
         this.monthsChange.emit(selectedMonths.sort((a, b) => a - b));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerMonthSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerMonthSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-month-selector", inputs: { months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { monthsChange: "monthsChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerMonthSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerMonthSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-month-selector", inputs: { months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { monthsChange: "monthsChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-month-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.selectMonths' | translate | async }}
@@ -582,9 +602,9 @@ class AXSchedulerPickerMonthSelectorComponent {
         (onValueChanged)="onMonthsChange($event)"
       />
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-month-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-month-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerMonthSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerMonthSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-month-selector', template: `
     <div class="ax-scheduler-picker-month-selector">
@@ -600,17 +620,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         (onValueChanged)="onMonthsChange($event)"
       />
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-month-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-month-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}ax-select-box{width:100%}\n"] }]
         }], propDecorators: { months: [{ type: i0.Input, args: [{ isSignal: true, alias: "months", required: false }] }], monthsChange: [{ type: i0.Output, args: ["monthsChange"] }] } });
 
 class AXSchedulerPickerYearlyPanelComponent {
     constructor() {
-        this.pattern = input.required(...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.pattern = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.patternChange = output();
-        this.selectedMonths = signal([], ...(ngDevMode ? [{ debugName: "selectedMonths" }] : /* istanbul ignore next */ []));
-        this.selectedDays = signal([], ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
-        this.occurrence = signal(null, ...(ngDevMode ? [{ debugName: "occurrence" }] : /* istanbul ignore next */ []));
+        this.selectedMonths = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedMonths" }] : /* istanbul ignore next */ []));
+        this.selectedDays = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedDays" }] : /* istanbul ignore next */ []));
+        this.occurrence = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "occurrence" }] : /* istanbul ignore next */ []));
         // Initialize state from pattern
         effect(() => {
             const pattern = this.pattern();
@@ -660,12 +685,12 @@ class AXSchedulerPickerYearlyPanelComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerYearlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerYearlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-yearly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-yearly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Month selector (independent of recurrence mode) -->\n  @if (config().options?.showMonthSelection !== false) {\n    <ax-scheduler-picker-month-selector\n      [months]=\"selectedMonths()\"\n      (monthsChange)=\"onMonthsChange($event)\"\n    />\n  }\n\n  <!-- Specific Date Mode: Day picker -->\n  @if (config().options?.recurrenceMode === 'specificDate') {\n    <ax-scheduler-picker-day-selector\n      [days]=\"selectedDays()\"\n      (daysChange)=\"onDaysChange($event)\"\n    />\n  }\n\n  <!-- Occurrence Mode: Month + Position + Weekday selectors -->\n  @if (config().options?.recurrenceMode === 'occurrence') {\n    @if (config().options?.showMonthSelection !== false) {\n      <ax-scheduler-picker-month-selector\n        [months]=\"selectedMonths()\"\n        (monthsChange)=\"onMonthsChange($event)\"\n      />\n    }\n    <ax-scheduler-picker-occurrence-selector\n      [occurrence]=\"occurrence()\"\n      (occurrenceChange)=\"onOccurrenceChange($event)\"\n    />\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-yearly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "component", type: AXSchedulerPickerMonthSelectorComponent, selector: "ax-scheduler-picker-month-selector", inputs: ["months"], outputs: ["monthsChange"] }, { kind: "component", type: AXSchedulerPickerDaySelectorComponent, selector: "ax-scheduler-picker-day-selector", inputs: ["days"], outputs: ["daysChange"] }, { kind: "component", type: AXSchedulerPickerOccurrenceSelectorComponent, selector: "ax-scheduler-picker-occurrence-selector", inputs: ["occurrence"], outputs: ["occurrenceChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerYearlyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerYearlyPanelComponent, isStandalone: true, selector: "ax-scheduler-picker-yearly-panel", inputs: { pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { patternChange: "patternChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-yearly-panel\">\n  <!-- Interval selector -->\n  @if (config().options?.showInterval) {\n    <ax-scheduler-picker-interval-selector\n      [interval]=\"pattern()?.interval || 1\"\n      [config]=\"config()\"\n      (intervalChange)=\"onIntervalChange($event)\"\n    />\n  }\n\n  <!-- Month selector (independent of recurrence mode) -->\n  @if (config().options?.showMonthSelection !== false) {\n    <ax-scheduler-picker-month-selector\n      [months]=\"selectedMonths()\"\n      (monthsChange)=\"onMonthsChange($event)\"\n    />\n  }\n\n  <!-- Specific Date Mode: Day picker -->\n  @if (config().options?.recurrenceMode === 'specificDate') {\n    <ax-scheduler-picker-day-selector\n      [days]=\"selectedDays()\"\n      (daysChange)=\"onDaysChange($event)\"\n    />\n  }\n\n  <!-- Occurrence Mode: Month + Position + Weekday selectors -->\n  @if (config().options?.recurrenceMode === 'occurrence') {\n    @if (config().options?.showMonthSelection !== false) {\n      <ax-scheduler-picker-month-selector\n        [months]=\"selectedMonths()\"\n        (monthsChange)=\"onMonthsChange($event)\"\n      />\n    }\n    <ax-scheduler-picker-occurrence-selector\n      [occurrence]=\"occurrence()\"\n      (occurrenceChange)=\"onOccurrenceChange($event)\"\n    />\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-yearly-panel{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerIntervalSelectorComponent, selector: "ax-scheduler-picker-interval-selector", inputs: ["interval", "config"], outputs: ["intervalChange"] }, { kind: "component", type: AXSchedulerPickerMonthSelectorComponent, selector: "ax-scheduler-picker-month-selector", inputs: ["months"], outputs: ["monthsChange"] }, { kind: "component", type: AXSchedulerPickerDaySelectorComponent, selector: "ax-scheduler-picker-day-selector", inputs: ["days"], outputs: ["daysChange"] }, { kind: "component", type: AXSchedulerPickerOccurrenceSelectorComponent, selector: "ax-scheduler-picker-occurrence-selector", inputs: ["occurrence"], outputs: ["occurrenceChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerYearlyPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerYearlyPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-yearly-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'ax-scheduler-picker-yearly-panel', encapsulation: ViewEncapsulation.None, imports: [
                         AXSchedulerPickerIntervalSelectorComponent,
                         AXSchedulerPickerMonthSelectorComponent,
                         AXSchedulerPickerDaySelectorComponent,
@@ -1372,10 +1397,10 @@ class AXSchedulerPickerService {
         const key = ordinalKeys[position] || '1st';
         return this.translationService.translateAsync(`@acorex:schedulerPicker.ordinals.${key}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1384,12 +1409,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXSchedulerPickerEndConditionSelectorComponent {
     constructor() {
-        this.endCondition = input(...(ngDevMode ? [undefined, { debugName: "endCondition" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.endCondition = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "endCondition" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.endConditionChange = output();
-        this.selectedType = signal('never', ...(ngDevMode ? [{ debugName: "selectedType" }] : /* istanbul ignore next */ []));
-        this.occurrences = signal(AX_SCHEDULER_PICKER_DEFAULT_OCCURRENCES, ...(ngDevMode ? [{ debugName: "occurrences" }] : /* istanbul ignore next */ []));
-        this.endDate = signal(null, ...(ngDevMode ? [{ debugName: "endDate" }] : /* istanbul ignore next */ []));
+        this.selectedType = signal('never', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedType" }] : /* istanbul ignore next */ []));
+        this.occurrences = signal(AX_SCHEDULER_PICKER_DEFAULT_OCCURRENCES, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "occurrences" }] : /* istanbul ignore next */ []));
+        this.endDate = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "endDate" }] : /* istanbul ignore next */ []));
         this.endTypeItems = [
             { id: 'never', text: '@acorex:schedulerPicker.endCondition.never' },
             { id: 'afterOccurrences', text: '@acorex:schedulerPicker.endCondition.afterOccurrences' },
@@ -1436,12 +1466,12 @@ class AXSchedulerPickerEndConditionSelectorComponent {
         }
         this.endConditionChange.emit(condition);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerEndConditionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerEndConditionSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-end-condition-selector", inputs: { endCondition: { classPropertyName: "endCondition", publicName: "endCondition", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { endConditionChange: "endConditionChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-end-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.endCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"endTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'afterOccurrences') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.numberOfOccurrences' | translate | async }}\n      </label>\n      <ax-number-box [value]=\"occurrences()\" (valueChange)=\"onOccurrencesChange($event)\" />\n    </div>\n  }\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.endDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"endDate()\" mode=\"date\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-end-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-input-group{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5);padding-left:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-label,.ax-scheduler-picker-sublabel{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}ax-selection-list{width:100%}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerEndConditionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerEndConditionSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-end-condition-selector", inputs: { endCondition: { classPropertyName: "endCondition", publicName: "endCondition", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { endConditionChange: "endConditionChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-end-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.endCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"endTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'afterOccurrences') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.numberOfOccurrences' | translate | async }}\n      </label>\n      <ax-number-box [value]=\"occurrences()\" (valueChange)=\"onOccurrencesChange($event)\" />\n    </div>\n  }\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.endDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"endDate()\" mode=\"date\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-end-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-input-group{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5);padding-left:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-label,.ax-scheduler-picker-sublabel{margin:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}ax-selection-list{width:100%}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerEndConditionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerEndConditionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-end-condition-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'ax-scheduler-picker-end-condition-selector', encapsulation: ViewEncapsulation.None, imports: [
                         FormsModule,
                         AXSelectionListModule,
                         AXNumberBoxComponent,
@@ -1453,11 +1483,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXSchedulerPickerExclusionManagerComponent {
     constructor() {
-        this.exclusions = input(...(ngDevMode ? [undefined, { debugName: "exclusions" }] : /* istanbul ignore next */ []));
-        this.config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+        this.exclusions = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "exclusions" }] : /* istanbul ignore next */ []));
+        this.config = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
         this.exclusionsChange = output();
-        this.newExclusionDate = signal(null, ...(ngDevMode ? [{ debugName: "newExclusionDate" }] : /* istanbul ignore next */ []));
-        this.exclusionList = signal([], ...(ngDevMode ? [{ debugName: "exclusionList" }] : /* istanbul ignore next */ []));
+        this.newExclusionDate = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "newExclusionDate" }] : /* istanbul ignore next */ []));
+        this.exclusionList = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "exclusionList" }] : /* istanbul ignore next */ []));
         // Sync input with internal list
         effect(() => {
             const exclusions = this.exclusions();
@@ -1484,8 +1518,8 @@ class AXSchedulerPickerExclusionManagerComponent {
         this.exclusionList.set(updated);
         this.exclusionsChange.emit(updated);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerExclusionManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerExclusionManagerComponent, isStandalone: true, selector: "ax-scheduler-picker-exclusion-manager", inputs: { exclusions: { classPropertyName: "exclusions", publicName: "exclusions", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exclusionsChange: "exclusionsChange" }, host: { classAttribute: "ax-scheduler-picker-exclusion-manager-host" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerExclusionManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerExclusionManagerComponent, isStandalone: true, selector: "ax-scheduler-picker-exclusion-manager", inputs: { exclusions: { classPropertyName: "exclusions", publicName: "exclusions", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exclusionsChange: "exclusionsChange" }, host: { classAttribute: "ax-scheduler-picker-exclusion-manager-host" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-exclusion-manager">
       <div class="ax-scheduler-picker-section-header">
         <label class="ax-scheduler-picker-label">
@@ -1537,9 +1571,9 @@ class AXSchedulerPickerExclusionManagerComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-exclusion-manager{display:flex;flex-direction:column;gap:.375rem}.ax-scheduler-picker-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.375rem}.ax-scheduler-picker-label{display:flex;align-items:center;gap:.375rem;color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-label .ax-icon{font-size:1.125rem;color:rgb(var(--ax-sys-color-danger-500))}.ax-scheduler-picker-add-section{display:flex;gap:.5rem;align-items:stretch}.ax-scheduler-picker-date-input{flex:1}.ax-scheduler-picker-chips-container{display:flex;flex-wrap:wrap;gap:.375rem}.ax-scheduler-picker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius-md);color:rgb(var(--ax-sys-color-on-darker-surface));font-size:.875rem}.ax-scheduler-picker-empty-state .ax-icon{font-size:1.5rem;opacity:.4}\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXChipsModule }, { kind: "component", type: i3.AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "look", "text"], outputs: ["textChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-exclusion-manager{display:flex;flex-direction:column;gap:.375rem}.ax-scheduler-picker-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.375rem}.ax-scheduler-picker-label{display:flex;align-items:center;gap:.375rem;color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-label .ax-icon{font-size:1.125rem;color:rgb(var(--ax-sys-color-danger-500))}.ax-scheduler-picker-add-section{display:flex;gap:.5rem;align-items:stretch}.ax-scheduler-picker-date-input{flex:1}.ax-scheduler-picker-chips-container{display:flex;flex-wrap:wrap;gap:.375rem}.ax-scheduler-picker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius-md);color:rgb(var(--ax-sys-color-on-darker-surface));font-size:.875rem}.ax-scheduler-picker-empty-state .ax-icon{font-size:1.5rem;opacity:.4}\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXChipsModule }, { kind: "component", type: i3.AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "look", "text"], outputs: ["textChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerExclusionManagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerExclusionManagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-exclusion-manager', template: `
     <div class="ax-scheduler-picker-exclusion-manager">
@@ -1593,7 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+  `, encapsulation: ViewEncapsulation.None, imports: [
                         AXDecoratorModule,
                         AXBadgeModule,
                         AXChipsModule,
@@ -1610,10 +1644,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXSchedulerPickerInclusionManagerComponent {
     constructor() {
-        this.inclusions = input(...(ngDevMode ? [undefined, { debugName: "inclusions" }] : /* istanbul ignore next */ []));
+        this.inclusions = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "inclusions" }] : /* istanbul ignore next */ []));
         this.inclusionsChange = output();
-        this.newInclusionDate = signal(null, ...(ngDevMode ? [{ debugName: "newInclusionDate" }] : /* istanbul ignore next */ []));
-        this.inclusionList = signal([], ...(ngDevMode ? [{ debugName: "inclusionList" }] : /* istanbul ignore next */ []));
+        this.newInclusionDate = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "newInclusionDate" }] : /* istanbul ignore next */ []));
+        this.inclusionList = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inclusionList" }] : /* istanbul ignore next */ []));
         // Sync input with internal list
         effect(() => {
             const inclusions = this.inclusions();
@@ -1640,8 +1677,8 @@ class AXSchedulerPickerInclusionManagerComponent {
         this.inclusionList.set(updated);
         this.inclusionsChange.emit(updated);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerInclusionManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerInclusionManagerComponent, isStandalone: true, selector: "ax-scheduler-picker-inclusion-manager", inputs: { inclusions: { classPropertyName: "inclusions", publicName: "inclusions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inclusionsChange: "inclusionsChange" }, host: { classAttribute: "ax-scheduler-picker-inclusion-manager-host" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerInclusionManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerInclusionManagerComponent, isStandalone: true, selector: "ax-scheduler-picker-inclusion-manager", inputs: { inclusions: { classPropertyName: "inclusions", publicName: "inclusions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inclusionsChange: "inclusionsChange" }, host: { classAttribute: "ax-scheduler-picker-inclusion-manager-host" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-inclusion-manager">
       <div class="ax-scheduler-picker-section-header">
         <label class="ax-scheduler-picker-label">
@@ -1693,9 +1730,9 @@ class AXSchedulerPickerInclusionManagerComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-inclusion-manager{display:flex;flex-direction:column;gap:.375rem}.ax-scheduler-picker-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.375rem}.ax-scheduler-picker-label{display:flex;align-items:center;gap:.375rem;color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-label .ax-icon{font-size:1.125rem;color:rgb(var(--ax-sys-color-success-500))}.ax-scheduler-picker-add-section{display:flex;gap:.5rem;align-items:stretch}.ax-scheduler-picker-date-input{flex:1}.ax-scheduler-picker-chips-container{display:flex;flex-wrap:wrap;gap:.375rem}.ax-scheduler-picker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius-md);color:rgb(var(--ax-sys-color-on-darker-surface));font-size:.875rem}.ax-scheduler-picker-empty-state .ax-icon{font-size:1.5rem;opacity:.4}\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXChipsModule }, { kind: "component", type: i3.AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "look", "text"], outputs: ["textChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-inclusion-manager{display:flex;flex-direction:column;gap:.375rem}.ax-scheduler-picker-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.375rem}.ax-scheduler-picker-label{display:flex;align-items:center;gap:.375rem;color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-label .ax-icon{font-size:1.125rem;color:rgb(var(--ax-sys-color-success-500))}.ax-scheduler-picker-add-section{display:flex;gap:.5rem;align-items:stretch}.ax-scheduler-picker-date-input{flex:1}.ax-scheduler-picker-chips-container{display:flex;flex-wrap:wrap;gap:.375rem}.ax-scheduler-picker-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius-md);color:rgb(var(--ax-sys-color-on-darker-surface));font-size:.875rem}.ax-scheduler-picker-empty-state .ax-icon{font-size:1.5rem;opacity:.4}\n"], dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.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: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXChipsModule }, { kind: "component", type: i3.AXChipsComponent, selector: "ax-chips", inputs: ["tabIndex", "color", "look", "text"], outputs: ["textChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerInclusionManagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerInclusionManagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-inclusion-manager', template: `
     <div class="ax-scheduler-picker-inclusion-manager">
@@ -1749,7 +1786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+  `, encapsulation: ViewEncapsulation.None, imports: [
                         AXDecoratorModule,
                         AXBadgeModule,
                         AXChipsModule,
@@ -1766,11 +1803,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXSchedulerPickerStartConditionSelectorComponent {
     constructor() {
-        this.startCondition = input(...(ngDevMode ? [undefined, { debugName: "startCondition" }] : /* istanbul ignore next */ []));
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.startCondition = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "startCondition" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         this.startConditionChange = output();
-        this.selectedType = signal('now', ...(ngDevMode ? [{ debugName: "selectedType" }] : /* istanbul ignore next */ []));
-        this.startDate = signal(null, ...(ngDevMode ? [{ debugName: "startDate" }] : /* istanbul ignore next */ []));
+        this.selectedType = signal('now', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedType" }] : /* istanbul ignore next */ []));
+        this.startDate = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "startDate" }] : /* istanbul ignore next */ []));
         this.startTypeItems = [
             { id: 'now', text: '@acorex:schedulerPicker.startCondition.now' },
             { id: 'byDate', text: '@acorex:schedulerPicker.startCondition.byDate' },
@@ -1800,12 +1841,12 @@ class AXSchedulerPickerStartConditionSelectorComponent {
         };
         this.startConditionChange.emit(condition);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerStartConditionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerStartConditionSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-start-condition-selector", inputs: { startCondition: { classPropertyName: "startCondition", publicName: "startCondition", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { startConditionChange: "startConditionChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-start-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.startCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"startTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.startDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"startDate()\" [picker]=\"'datetime'\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-start-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerStartConditionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerStartConditionSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-start-condition-selector", inputs: { startCondition: { classPropertyName: "startCondition", publicName: "startCondition", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { startConditionChange: "startConditionChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-start-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.startCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"startTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.startDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"startDate()\" [picker]=\"'datetime'\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-start-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerStartConditionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerStartConditionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-start-condition-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectionListModule, AXDateTimeBoxComponent, AXTranslatorPipe, AsyncPipe], template: "<div class=\"ax-scheduler-picker-start-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.startCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"startTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.startDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"startDate()\" [picker]=\"'datetime'\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-start-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-scheduler-picker-start-condition-selector', encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectionListModule, AXDateTimeBoxComponent, AXTranslatorPipe, AsyncPipe], template: "<div class=\"ax-scheduler-picker-start-condition-selector\">\n  <label class=\"ax-scheduler-picker-label\">\n    {{ '@acorex:schedulerPicker.labels.startCondition' | translate | async }}\n  </label>\n\n  <ax-selection-list\n    [items]=\"startTypeItems\"\n    [multiple]=\"false\"\n    [showControl]=\"true\"\n    [look]=\"'solid'\"\n    [direction]=\"'horizontal'\"\n    [value]=\"selectedType()\"\n    (onValueChanged)=\"onTypeChange($event)\"\n  />\n\n  @if (selectedType() === 'byDate') {\n    <div class=\"ax-scheduler-picker-input-group\">\n      <label class=\"ax-scheduler-picker-sublabel\">\n        {{ '@acorex:schedulerPicker.labels.startDate' | translate | async }}\n      </label>\n      <ax-datetime-box [value]=\"startDate()\" [picker]=\"'datetime'\" (valueChange)=\"onDateChange($event)\" />\n    </div>\n  }\n</div>\n", styles: ["@layer components{.ax-scheduler-picker-start-condition-selector{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { startCondition: [{ type: i0.Input, args: [{ isSignal: true, alias: "startCondition", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], startConditionChange: [{ type: i0.Output, args: ["startConditionChange"] }] } });
 
 /**
@@ -1855,7 +1896,8 @@ class AXSchedulerPickerComponent extends MXValueComponent {
          * Settings for the scheduler picker
          * Controls which options are visible and behavior
          */
-        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.config = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         /**
          * Emits when the human-readable summary changes
          */
@@ -1864,11 +1906,13 @@ class AXSchedulerPickerComponent extends MXValueComponent {
         /**
          * Internal pattern value
          */
-        this.pattern = signal(null, ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.pattern = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
         /**
          * Current mode derived from config
          */
-        this.mode = computed(() => this.config().mode, ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.mode = computed(() => this.config().mode, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         /**
          * Effect run counter to prevent stale async updates
          */
@@ -1886,15 +1930,18 @@ class AXSchedulerPickerComponent extends MXValueComponent {
                     ...this.config().options,
                 },
             };
-        }, ...(ngDevMode ? [{ debugName: "mergedConfig" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedConfig" }] : /* istanbul ignore next */ []));
         /**
          * Validation errors (public for external access)
          */
-        this.validationErrors = signal([], ...(ngDevMode ? [{ debugName: "validationErrors" }] : /* istanbul ignore next */ []));
+        this.validationErrors = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validationErrors" }] : /* istanbul ignore next */ []));
         /**
          * Human-readable summary of the pattern
          */
-        this.summary = signal('', ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+        this.summary = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
         // Effect to update summary when pattern changes
         effect(() => {
             const currentPattern = this.pattern();
@@ -2104,8 +2151,8 @@ class AXSchedulerPickerComponent extends MXValueComponent {
         this.validationErrors.set([]);
         this.setState('clear');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerComponent, isStandalone: true, selector: "ax-scheduler-picker", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", summaryChange: "summaryChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerComponent, isStandalone: true, selector: "ax-scheduler-picker", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", summaryChange: "summaryChange" }, providers: [
             { provide: AXComponent, useExisting: AXSchedulerPickerComponent },
             { provide: AXFocusableComponent, useExisting: AXSchedulerPickerComponent },
             { provide: AXValuableComponent, useExisting: AXSchedulerPickerComponent },
@@ -2114,11 +2161,11 @@ class AXSchedulerPickerComponent extends MXValueComponent {
                 useExisting: forwardRef(() => AXSchedulerPickerComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-picker\" [class.ax-disabled]=\"disabled\" [class.ax-readonly]=\"readonly\">\n  <!-- Mode-specific panel -->\n  <div class=\"ax-scheduler-picker-panel\">\n    @switch (mode()) {\n      @case ('hourly') {\n        <ax-scheduler-picker-hourly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('daily') {\n        <ax-scheduler-picker-daily-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('weekly') {\n        <ax-scheduler-picker-weekly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('monthly') {\n        <ax-scheduler-picker-monthly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('yearly') {\n        <ax-scheduler-picker-yearly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n    }\n  </div>\n\n  <!-- Start condition -->\n  @if (mergedConfig().showStartCondition && pattern()) {\n    <div class=\"ax-scheduler-picker-start-conditions\">\n      <ax-scheduler-picker-start-condition-selector\n        [startCondition]=\"pattern()!.startCondition\"\n        [config]=\"mergedConfig()\"\n        (startConditionChange)=\"updatePattern({ startCondition: $event })\"\n      />\n    </div>\n  }\n\n  <!-- End conditions -->\n  @if (mergedConfig().showEndConditions && pattern()) {\n    <div class=\"ax-scheduler-picker-end-conditions\">\n      <ax-scheduler-picker-end-condition-selector\n        [endCondition]=\"pattern()!.endCondition\"\n        [config]=\"mergedConfig()\"\n        (endConditionChange)=\"updatePattern({ endCondition: $event })\"\n      />\n    </div>\n  }\n\n  <!-- Exclusions -->\n  @if (mergedConfig().showExclusions && pattern()) {\n    <div class=\"ax-scheduler-picker-exclusions\">\n      <ax-scheduler-picker-exclusion-manager\n        [exclusions]=\"pattern()!.exclusions || []\"\n        [config]=\"mergedConfig()\"\n        (exclusionsChange)=\"updatePattern({ exclusions: $event })\"\n      />\n    </div>\n  }\n\n  <!-- Inclusions -->\n  @if (mergedConfig().showInclusions && pattern()) {\n    <div class=\"ax-scheduler-picker-inclusions\">\n      <ax-scheduler-picker-inclusion-manager\n        [inclusions]=\"pattern()!.inclusions || []\"\n        (inclusionsChange)=\"updatePattern({ inclusions: $event })\"\n      />\n    </div>\n  }\n</div>\n", styles: [":root{--ax-comp-scheduler-picker-border: 1px solid rgb(var(--ax-sys-color-border-lighter-surface));--ax-comp-scheduler-picker-border-radius: var(--ax-sys-border-radius-md);--ax-comp-scheduler-picker-padding: .5rem;--ax-comp-scheduler-picker-gap: .5rem;--ax-comp-scheduler-picker-label-color: rgb(var(--ax-sys-color-on-lighter-surface));--ax-comp-scheduler-picker-label-font-size: .875rem;--ax-comp-scheduler-picker-label-font-weight: 500;--ax-comp-scheduler-picker-summary-color: rgb(var(--ax-sys-color-on-darker-surface));--ax-comp-scheduler-picker-summary-padding: .375rem .5rem;--ax-comp-scheduler-picker-error-color: rgb(var(--ax-sys-color-danger-500));--ax-comp-scheduler-picker-error-padding: .375rem .5rem}@layer components{.ax-scheduler-picker{display:flex;flex-direction:column;gap:var(--ax-comp-scheduler-picker-gap);padding:var(--ax-comp-scheduler-picker-padding)}.ax-scheduler-picker.ax-disabled{pointer-events:none;opacity:60%}.ax-scheduler-picker.ax-readonly{pointer-events:none}.ax-scheduler-picker-summary{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));padding:var(--ax-comp-scheduler-picker-summary-padding);color:var(--ax-comp-scheduler-picker-summary-color)}.ax-scheduler-picker-summary .ax-scheduler-picker-summary-label{font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-errors{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-error{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));padding:var(--ax-comp-scheduler-picker-error-padding);color:var(--ax-comp-scheduler-picker-error-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerHourlyPanelComponent, selector: "ax-scheduler-picker-hourly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerDailyPanelComponent, selector: "ax-scheduler-picker-daily-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerWeeklyPanelComponent, selector: "ax-scheduler-picker-weekly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerMonthlyPanelComponent, selector: "ax-scheduler-picker-monthly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerYearlyPanelComponent, selector: "ax-scheduler-picker-yearly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerStartConditionSelectorComponent, selector: "ax-scheduler-picker-start-condition-selector", inputs: ["startCondition", "config"], outputs: ["startConditionChange"] }, { kind: "component", type: AXSchedulerPickerEndConditionSelectorComponent, selector: "ax-scheduler-picker-end-condition-selector", inputs: ["endCondition", "config"], outputs: ["endConditionChange"] }, { kind: "component", type: AXSchedulerPickerExclusionManagerComponent, selector: "ax-scheduler-picker-exclusion-manager", inputs: ["exclusions", "config"], outputs: ["exclusionsChange"] }, { kind: "component", type: AXSchedulerPickerInclusionManagerComponent, selector: "ax-scheduler-picker-inclusion-manager", inputs: ["inclusions"], outputs: ["inclusionsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-scheduler-picker\" [class.ax-disabled]=\"disabled\" [class.ax-readonly]=\"readonly\">\n  <!-- Mode-specific panel -->\n  <div class=\"ax-scheduler-picker-panel\">\n    @switch (mode()) {\n      @case ('hourly') {\n        <ax-scheduler-picker-hourly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('daily') {\n        <ax-scheduler-picker-daily-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('weekly') {\n        <ax-scheduler-picker-weekly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('monthly') {\n        <ax-scheduler-picker-monthly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n      @case ('yearly') {\n        <ax-scheduler-picker-yearly-panel\n          [pattern]=\"pattern()\"\n          [config]=\"$any(mergedConfig())\"\n          (patternChange)=\"updatePattern($event)\"\n        />\n      }\n    }\n  </div>\n\n  <!-- Start condition -->\n  @if (mergedConfig().showStartCondition && pattern()) {\n    <div class=\"ax-scheduler-picker-start-conditions\">\n      <ax-scheduler-picker-start-condition-selector\n        [startCondition]=\"pattern()!.startCondition\"\n        [config]=\"mergedConfig()\"\n        (startConditionChange)=\"updatePattern({ startCondition: $event })\"\n      />\n    </div>\n  }\n\n  <!-- End conditions -->\n  @if (mergedConfig().showEndConditions && pattern()) {\n    <div class=\"ax-scheduler-picker-end-conditions\">\n      <ax-scheduler-picker-end-condition-selector\n        [endCondition]=\"pattern()!.endCondition\"\n        [config]=\"mergedConfig()\"\n        (endConditionChange)=\"updatePattern({ endCondition: $event })\"\n      />\n    </div>\n  }\n\n  <!-- Exclusions -->\n  @if (mergedConfig().showExclusions && pattern()) {\n    <div class=\"ax-scheduler-picker-exclusions\">\n      <ax-scheduler-picker-exclusion-manager\n        [exclusions]=\"pattern()!.exclusions || []\"\n        [config]=\"mergedConfig()\"\n        (exclusionsChange)=\"updatePattern({ exclusions: $event })\"\n      />\n    </div>\n  }\n\n  <!-- Inclusions -->\n  @if (mergedConfig().showInclusions && pattern()) {\n    <div class=\"ax-scheduler-picker-inclusions\">\n      <ax-scheduler-picker-inclusion-manager\n        [inclusions]=\"pattern()!.inclusions || []\"\n        (inclusionsChange)=\"updatePattern({ inclusions: $event })\"\n      />\n    </div>\n  }\n</div>\n", styles: [":root{--ax-comp-scheduler-picker-border: 1px solid rgb(var(--ax-sys-color-border-lighter-surface));--ax-comp-scheduler-picker-border-radius: var(--ax-sys-border-radius-md);--ax-comp-scheduler-picker-padding: .5rem;--ax-comp-scheduler-picker-gap: .5rem;--ax-comp-scheduler-picker-label-color: rgb(var(--ax-sys-color-on-lighter-surface));--ax-comp-scheduler-picker-label-font-size: .875rem;--ax-comp-scheduler-picker-label-font-weight: 500;--ax-comp-scheduler-picker-summary-color: rgb(var(--ax-sys-color-on-darker-surface));--ax-comp-scheduler-picker-summary-padding: .375rem .5rem;--ax-comp-scheduler-picker-error-color: rgb(var(--ax-sys-color-danger-500));--ax-comp-scheduler-picker-error-padding: .375rem .5rem}@layer components{.ax-scheduler-picker{display:flex;flex-direction:column;gap:var(--ax-comp-scheduler-picker-gap);padding:var(--ax-comp-scheduler-picker-padding)}.ax-scheduler-picker.ax-disabled{pointer-events:none;opacity:60%}.ax-scheduler-picker.ax-readonly{pointer-events:none}.ax-scheduler-picker-summary{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));padding:var(--ax-comp-scheduler-picker-summary-padding);color:var(--ax-comp-scheduler-picker-summary-color)}.ax-scheduler-picker-summary .ax-scheduler-picker-summary-label{font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}.ax-scheduler-picker-errors{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.ax-scheduler-picker-error{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));padding:var(--ax-comp-scheduler-picker-error-padding);color:var(--ax-comp-scheduler-picker-error-color)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSchedulerPickerHourlyPanelComponent, selector: "ax-scheduler-picker-hourly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerDailyPanelComponent, selector: "ax-scheduler-picker-daily-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerWeeklyPanelComponent, selector: "ax-scheduler-picker-weekly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerMonthlyPanelComponent, selector: "ax-scheduler-picker-monthly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerYearlyPanelComponent, selector: "ax-scheduler-picker-yearly-panel", inputs: ["pattern", "config"], outputs: ["patternChange"] }, { kind: "component", type: AXSchedulerPickerStartConditionSelectorComponent, selector: "ax-scheduler-picker-start-condition-selector", inputs: ["startCondition", "config"], outputs: ["startConditionChange"] }, { kind: "component", type: AXSchedulerPickerEndConditionSelectorComponent, selector: "ax-scheduler-picker-end-condition-selector", inputs: ["endCondition", "config"], outputs: ["endConditionChange"] }, { kind: "component", type: AXSchedulerPickerExclusionManagerComponent, selector: "ax-scheduler-picker-exclusion-manager", inputs: ["exclusions", "config"], outputs: ["exclusionsChange"] }, { kind: "component", type: AXSchedulerPickerInclusionManagerComponent, selector: "ax-scheduler-picker-inclusion-manager", inputs: ["inclusions"], outputs: ["inclusionsChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'readonly', 'tabIndex', 'value', 'state', 'name', 'id'], outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus'], providers: [
+            args: [{ selector: 'ax-scheduler-picker', encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'readonly', 'tabIndex', 'value', 'state', 'name', 'id'], outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus'], providers: [
                         { provide: AXComponent, useExisting: AXSchedulerPickerComponent },
                         { provide: AXFocusableComponent, useExisting: AXSchedulerPickerComponent },
                         { provide: AXValuableComponent, useExisting: AXSchedulerPickerComponent },
@@ -2142,37 +2189,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXSchedulerPickerTimeSelectorComponent {
     constructor() {
-        this.time = input(...(ngDevMode ? [undefined, { debugName: "time" }] : /* istanbul ignore next */ []));
+        this.time = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "time" }] : /* istanbul ignore next */ []));
         this.timeChange = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerTimeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerTimeSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-time-selector", inputs: { time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeChange: "timeChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerTimeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerTimeSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-time-selector", inputs: { time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeChange: "timeChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-time-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.time' | translate | async }}
       </label>
-      <ax-datetime-box
-        [value]="time() || '09:00'"
-        [picker]="'time'"
-        (valueChange)="timeChange.emit($event)"
-      />
+      <ax-datetime-box [value]="time() || '09:00'" [picker]="'time'" (valueChange)="timeChange.emit($event)" />
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-time-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-time-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "yearRange", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerTimeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerTimeSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-time-selector', template: `
     <div class="ax-scheduler-picker-time-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.time' | translate | async }}
       </label>
-      <ax-datetime-box
-        [value]="time() || '09:00'"
-        [picker]="'time'"
-        (valueChange)="timeChange.emit($event)"
-      />
+      <ax-datetime-box [value]="time() || '09:00'" [picker]="'time'" (valueChange)="timeChange.emit($event)" />
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXDateTimeBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-time-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXDateTimeBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-time-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight);margin:0}\n"] }]
         }], propDecorators: { time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], timeChange: [{ type: i0.Output, args: ["timeChange"] }] } });
 
 class AXSchedulerPickerTimezoneSelectorComponent {
@@ -2180,7 +2220,8 @@ class AXSchedulerPickerTimezoneSelectorComponent {
         /**
          * Current timezone value
          */
-        this.timezone = input(...(ngDevMode ? [undefined, { debugName: "timezone" }] : /* istanbul ignore next */ []));
+        this.timezone = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "timezone" }] : /* istanbul ignore next */ []));
         /**
          * Emits when timezone selection changes
          */
@@ -2205,8 +2246,8 @@ class AXSchedulerPickerTimezoneSelectorComponent {
     onTimezoneChange(event) {
         this.timezoneChange.emit(event.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerTimezoneSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXSchedulerPickerTimezoneSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-timezone-selector", inputs: { timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timezoneChange: "timezoneChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerTimezoneSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSchedulerPickerTimezoneSelectorComponent, isStandalone: true, selector: "ax-scheduler-picker-timezone-selector", inputs: { timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timezoneChange: "timezoneChange" }, ngImport: i0, template: `
     <div class="ax-scheduler-picker-timezone-selector">
       <label class="ax-scheduler-picker-label">
         {{ '@acorex:schedulerPicker.labels.timezone' | translate | async }}
@@ -2219,9 +2260,9 @@ class AXSchedulerPickerTimezoneSelectorComponent {
         (onValueChanged)="onTimezoneChange($event)"
       />
     </div>
-  `, isInline: true, styles: [".ax-scheduler-picker-timezone-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".ax-scheduler-picker-timezone-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerTimezoneSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerTimezoneSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler-picker-timezone-selector', template: `
     <div class="ax-scheduler-picker-timezone-selector">
@@ -2236,7 +2277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         (onValueChanged)="onTimezoneChange($event)"
       />
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-timezone-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, imports: [FormsModule, AXSelectBoxComponent, AXTranslatorPipe, AsyncPipe], styles: [".ax-scheduler-picker-timezone-selector{display:flex;flex-direction:column;gap:.5rem}.ax-scheduler-picker-label{color:var(--ax-comp-scheduler-picker-label-color);font-size:var(--ax-comp-scheduler-picker-label-font-size);font-weight:var(--ax-comp-scheduler-picker-label-font-weight)}\n"] }]
         }], propDecorators: { timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }], timezoneChange: [{ type: i0.Output, args: ["timezoneChange"] }] } });
 
 /**
@@ -2249,7 +2290,8 @@ class AXSchedulerPickerConfigComponent {
         this.configChange = output();
         this.modeChange = output();
         // Mode selection
-        this.selectedMode = signal('daily', ...(ngDevMode ? [{ debugName: "selectedMode" }] : /* istanbul ignore next */ []));
+        this.selectedMode = signal('daily', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedMode" }] : /* istanbul ignore next */ []));
         this.modeOptions = [
             { value: 'hourly', text: 'Hourly' },
             { value: 'daily', text: 'Daily' },
@@ -2258,17 +2300,27 @@ class AXSchedulerPickerConfigComponent {
             { value: 'yearly', text: 'Yearly' },
         ];
         // Configuration controls - Global
-        this.showInterval = signal(true, ...(ngDevMode ? [{ debugName: "showInterval" }] : /* istanbul ignore next */ []));
-        this.showStartCondition = signal(true, ...(ngDevMode ? [{ debugName: "showStartCondition" }] : /* istanbul ignore next */ []));
-        this.showEndConditions = signal(true, ...(ngDevMode ? [{ debugName: "showEndConditions" }] : /* istanbul ignore next */ []));
-        this.showExclusions = signal(false, ...(ngDevMode ? [{ debugName: "showExclusions" }] : /* istanbul ignore next */ []));
-        this.showInclusions = signal(false, ...(ngDevMode ? [{ debugName: "showInclusions" }] : /* istanbul ignore next */ []));
+        this.showInterval = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showInterval" }] : /* istanbul ignore next */ []));
+        this.showStartCondition = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showStartCondition" }] : /* istanbul ignore next */ []));
+        this.showEndConditions = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showEndConditions" }] : /* istanbul ignore next */ []));
+        this.showExclusions = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showExclusions" }] : /* istanbul ignore next */ []));
+        this.showInclusions = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showInclusions" }] : /* istanbul ignore next */ []));
         // Configuration controls - Mode specific
-        this.showWeekdaysOnly = signal(false, ...(ngDevMode ? [{ debugName: "showWeekdaysOnly" }] : /* istanbul ignore next */ []));
-        this.showWeekdaySelection = signal(true, ...(ngDevMode ? [{ debugName: "showWeekdaySelection" }] : /* istanbul ignore next */ []));
-        this.monthlyRecurrenceMode = signal('specificDays', ...(ngDevMode ? [{ debugName: "monthlyRecurrenceMode" }] : /* istanbul ignore next */ []));
-        this.yearlyRecurrenceMode = signal('specificDate', ...(ngDevMode ? [{ debugName: "yearlyRecurrenceMode" }] : /* istanbul ignore next */ []));
-        this.showMonthSelection = signal(true, ...(ngDevMode ? [{ debugName: "showMonthSelection" }] : /* istanbul ignore next */ []));
+        this.showWeekdaysOnly = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showWeekdaysOnly" }] : /* istanbul ignore next */ []));
+        this.showWeekdaySelection = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showWeekdaySelection" }] : /* istanbul ignore next */ []));
+        this.monthlyRecurrenceMode = signal('specificDays', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "monthlyRecurrenceMode" }] : /* istanbul ignore next */ []));
+        this.yearlyRecurrenceMode = signal('specificDate', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "yearlyRecurrenceMode" }] : /* istanbul ignore next */ []));
+        this.showMonthSelection = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showMonthSelection" }] : /* istanbul ignore next */ []));
         // Dynamic configuration based on selected mode
         this.config = computed(() => {
             const mode = this.selectedMode();
@@ -2312,7 +2364,8 @@ class AXSchedulerPickerConfigComponent {
                     break;
             }
             return baseConfig;
-        }, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
         // Emit config changes whenever any signal changes
         effect(() => {
             const currentConfig = this.config();
@@ -2323,12 +2376,12 @@ class AXSchedulerPickerConfigComponent {
         this.selectedMode.set(mode);
         this.modeChange.emit(mode);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSchedulerPickerConfigComponent, isStandalone: true, selector: "ax-scheduler-picker-config", outputs: { configChange: "configChange", modeChange: "modeChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-config\">\n  <h3>Configuration</h3>\n\n  <!-- Mode Selector -->\n  <div class=\"control-group\">\n    <label>Mode</label>\n    <ax-select-box\n      [dataSource]=\"modeOptions\"\n      [textField]=\"'text'\"\n      [valueField]=\"'value'\"\n      [value]=\"selectedMode()\"\n      (onValueChanged)=\"onModeChange($event.value)\"\n    />\n  </div>\n\n  <!-- Global Options -->\n  <div class=\"control-group\">\n    <label>Global Options</label>\n    <div class=\"switch-group\">\n      <span>Show Interval</span>\n      <ax-switch [(value)]=\"showInterval\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Start Condition</span>\n      <ax-switch [(value)]=\"showStartCondition\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show End Conditions</span>\n      <ax-switch [(value)]=\"showEndConditions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Exclusions</span>\n      <ax-switch [(value)]=\"showExclusions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Inclusions</span>\n      <ax-switch [(value)]=\"showInclusions\" />\n    </div>\n  </div>\n\n  <!-- Mode-Specific Options -->\n  @if (selectedMode() === 'daily') {\n    <div class=\"control-group\">\n      <label>Daily Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekdays Only</span>\n        <ax-switch [(value)]=\"showWeekdaysOnly\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'weekly') {\n    <div class=\"control-group\">\n      <label>Weekly Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekday Selection</span>\n        <ax-switch [(value)]=\"showWeekdaySelection\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'monthly') {\n    <div class=\"control-group\">\n      <label>Monthly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDays', text: 'Specific Days' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"monthlyRecurrenceMode()\"\n          (onValueChanged)=\"monthlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'yearly') {\n    <div class=\"control-group\">\n      <label>Yearly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDate', text: 'Specific Date' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"yearlyRecurrenceMode()\"\n          (onValueChanged)=\"yearlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n      <div class=\"switch-group\">\n        <span>Show Month Selection</span>\n        <ax-switch [(value)]=\"showMonthSelection\" />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;@layer components{.ax-scheduler-picker-config{padding:calc(var(--spacing, .25rem) * 5);background:var(--ax-sys-color-surface-container);border-radius:var(--ax-sys-border-radius-md)}.ax-scheduler-picker-config h3{margin-top:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .control-group{margin-bottom:calc(var(--spacing, .25rem) * 5)}.ax-scheduler-picker-config .control-group:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}.ax-scheduler-picker-config .control-group>label{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;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);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-group ax-select-box{width:100%}.ax-scheduler-picker-config .control-subgroup{margin-bottom:calc(var(--spacing, .25rem) * 3)}.ax-scheduler-picker-config .control-subgroup label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:block;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-subgroup ax-select-box{width:100%}.ax-scheduler-picker-config .switch-group{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-config .switch-group span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .switch-group ax-switch{flex-shrink:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ 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: AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSchedulerPickerConfigComponent, isStandalone: true, selector: "ax-scheduler-picker-config", outputs: { configChange: "configChange", modeChange: "modeChange" }, ngImport: i0, template: "<div class=\"ax-scheduler-picker-config\">\n  <h3>Configuration</h3>\n\n  <!-- Mode Selector -->\n  <div class=\"control-group\">\n    <label>Mode</label>\n    <ax-select-box\n      [dataSource]=\"modeOptions\"\n      [textField]=\"'text'\"\n      [valueField]=\"'value'\"\n      [value]=\"selectedMode()\"\n      (onValueChanged)=\"onModeChange($event.value)\"\n    />\n  </div>\n\n  <!-- Global Options -->\n  <div class=\"control-group\">\n    <label>Global Options</label>\n    <div class=\"switch-group\">\n      <span>Show Interval</span>\n      <ax-switch [(value)]=\"showInterval\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Start Condition</span>\n      <ax-switch [(value)]=\"showStartCondition\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show End Conditions</span>\n      <ax-switch [(value)]=\"showEndConditions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Exclusions</span>\n      <ax-switch [(value)]=\"showExclusions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Inclusions</span>\n      <ax-switch [(value)]=\"showInclusions\" />\n    </div>\n  </div>\n\n  <!-- Mode-Specific Options -->\n  @if (selectedMode() === 'daily') {\n    <div class=\"control-group\">\n      <label>Daily Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekdays Only</span>\n        <ax-switch [(value)]=\"showWeekdaysOnly\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'weekly') {\n    <div class=\"control-group\">\n      <label>Weekly Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekday Selection</span>\n        <ax-switch [(value)]=\"showWeekdaySelection\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'monthly') {\n    <div class=\"control-group\">\n      <label>Monthly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDays', text: 'Specific Days' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"monthlyRecurrenceMode()\"\n          (onValueChanged)=\"monthlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'yearly') {\n    <div class=\"control-group\">\n      <label>Yearly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDate', text: 'Specific Date' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"yearlyRecurrenceMode()\"\n          (onValueChanged)=\"yearlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n      <div class=\"switch-group\">\n        <span>Show Month Selection</span>\n        <ax-switch [(value)]=\"showMonthSelection\" />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;@layer components{.ax-scheduler-picker-config{padding:calc(var(--spacing, .25rem) * 5);background:var(--ax-sys-color-surface-container);border-radius:var(--ax-sys-border-radius-md)}.ax-scheduler-picker-config h3{margin-top:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .control-group{margin-bottom:calc(var(--spacing, .25rem) * 5)}.ax-scheduler-picker-config .control-group:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}.ax-scheduler-picker-config .control-group>label{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;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);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-group ax-select-box{width:100%}.ax-scheduler-picker-config .control-subgroup{margin-bottom:calc(var(--spacing, .25rem) * 3)}.ax-scheduler-picker-config .control-subgroup label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:block;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-subgroup ax-select-box{width:100%}.ax-scheduler-picker-config .switch-group{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-config .switch-group span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .switch-group ax-switch{flex-shrink:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ 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: AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSchedulerPickerConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSchedulerPickerConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-scheduler-picker-config', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXSelectBoxComponent, AXSwitchComponent, FormsModule], template: "<div class=\"ax-scheduler-picker-config\">\n  <h3>Configuration</h3>\n\n  <!-- Mode Selector -->\n  <div class=\"control-group\">\n    <label>Mode</label>\n    <ax-select-box\n      [dataSource]=\"modeOptions\"\n      [textField]=\"'text'\"\n      [valueField]=\"'value'\"\n      [value]=\"selectedMode()\"\n      (onValueChanged)=\"onModeChange($event.value)\"\n    />\n  </div>\n\n  <!-- Global Options -->\n  <div class=\"control-group\">\n    <label>Global Options</label>\n    <div class=\"switch-group\">\n      <span>Show Interval</span>\n      <ax-switch [(value)]=\"showInterval\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Start Condition</span>\n      <ax-switch [(value)]=\"showStartCondition\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show End Conditions</span>\n      <ax-switch [(value)]=\"showEndConditions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Exclusions</span>\n      <ax-switch [(value)]=\"showExclusions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Inclusions</span>\n      <ax-switch [(value)]=\"showInclusions\" />\n    </div>\n  </div>\n\n  <!-- Mode-Specific Options -->\n  @if (selectedMode() === 'daily') {\n    <div class=\"control-group\">\n      <label>Daily Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekdays Only</span>\n        <ax-switch [(value)]=\"showWeekdaysOnly\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'weekly') {\n    <div class=\"control-group\">\n      <label>Weekly Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekday Selection</span>\n        <ax-switch [(value)]=\"showWeekdaySelection\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'monthly') {\n    <div class=\"control-group\">\n      <label>Monthly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDays', text: 'Specific Days' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"monthlyRecurrenceMode()\"\n          (onValueChanged)=\"monthlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'yearly') {\n    <div class=\"control-group\">\n      <label>Yearly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDate', text: 'Specific Date' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"yearlyRecurrenceMode()\"\n          (onValueChanged)=\"yearlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n      <div class=\"switch-group\">\n        <span>Show Month Selection</span>\n        <ax-switch [(value)]=\"showMonthSelection\" />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;@layer components{.ax-scheduler-picker-config{padding:calc(var(--spacing, .25rem) * 5);background:var(--ax-sys-color-surface-container);border-radius:var(--ax-sys-border-radius-md)}.ax-scheduler-picker-config h3{margin-top:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .control-group{margin-bottom:calc(var(--spacing, .25rem) * 5)}.ax-scheduler-picker-config .control-group:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}.ax-scheduler-picker-config .control-group>label{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;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);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-group ax-select-box{width:100%}.ax-scheduler-picker-config .control-subgroup{margin-bottom:calc(var(--spacing, .25rem) * 3)}.ax-scheduler-picker-config .control-subgroup label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:block;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-subgroup ax-select-box{width:100%}.ax-scheduler-picker-config .switch-group{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-config .switch-group span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .switch-group ax-switch{flex-shrink:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-scheduler-picker-config', encapsulation: ViewEncapsulation.None, imports: [AXSelectBoxComponent, AXSwitchComponent, FormsModule], template: "<div class=\"ax-scheduler-picker-config\">\n  <h3>Configuration</h3>\n\n  <!-- Mode Selector -->\n  <div class=\"control-group\">\n    <label>Mode</label>\n    <ax-select-box\n      [dataSource]=\"modeOptions\"\n      [textField]=\"'text'\"\n      [valueField]=\"'value'\"\n      [value]=\"selectedMode()\"\n      (onValueChanged)=\"onModeChange($event.value)\"\n    />\n  </div>\n\n  <!-- Global Options -->\n  <div class=\"control-group\">\n    <label>Global Options</label>\n    <div class=\"switch-group\">\n      <span>Show Interval</span>\n      <ax-switch [(value)]=\"showInterval\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Start Condition</span>\n      <ax-switch [(value)]=\"showStartCondition\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show End Conditions</span>\n      <ax-switch [(value)]=\"showEndConditions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Exclusions</span>\n      <ax-switch [(value)]=\"showExclusions\" />\n    </div>\n    <div class=\"switch-group\">\n      <span>Show Inclusions</span>\n      <ax-switch [(value)]=\"showInclusions\" />\n    </div>\n  </div>\n\n  <!-- Mode-Specific Options -->\n  @if (selectedMode() === 'daily') {\n    <div class=\"control-group\">\n      <label>Daily Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekdays Only</span>\n        <ax-switch [(value)]=\"showWeekdaysOnly\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'weekly') {\n    <div class=\"control-group\">\n      <label>Weekly Options</label>\n      <div class=\"switch-group\">\n        <span>Show Weekday Selection</span>\n        <ax-switch [(value)]=\"showWeekdaySelection\" />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'monthly') {\n    <div class=\"control-group\">\n      <label>Monthly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDays', text: 'Specific Days' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"monthlyRecurrenceMode()\"\n          (onValueChanged)=\"monthlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n    </div>\n  }\n  \n  @if (selectedMode() === 'yearly') {\n    <div class=\"control-group\">\n      <label>Yearly Options</label>\n      <div class=\"control-subgroup\">\n        <label>Recurrence Mode</label>\n        <ax-select-box\n          [dataSource]=\"[\n            { value: 'none', text: 'None' },\n            { value: 'specificDate', text: 'Specific Date' },\n            { value: 'occurrence', text: 'Occurrence' }\n          ]\"\n          [textField]=\"'text'\"\n          [valueField]=\"'value'\"\n          [value]=\"yearlyRecurrenceMode()\"\n          (onValueChanged)=\"yearlyRecurrenceMode.set($event.value)\"\n        />\n      </div>\n      <div class=\"switch-group\">\n        <span>Show Month Selection</span>\n        <ax-switch [(value)]=\"showMonthSelection\" />\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;@layer components{.ax-scheduler-picker-config{padding:calc(var(--spacing, .25rem) * 5);background:var(--ax-sys-color-surface-container);border-radius:var(--ax-sys-border-radius-md)}.ax-scheduler-picker-config h3{margin-top:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .control-group{margin-bottom:calc(var(--spacing, .25rem) * 5)}.ax-scheduler-picker-config .control-group:last-child{margin-bottom:calc(var(--spacing, .25rem) * 0)}.ax-scheduler-picker-config .control-group>label{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;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);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-group ax-select-box{width:100%}.ax-scheduler-picker-config .control-subgroup{margin-bottom:calc(var(--spacing, .25rem) * 3)}.ax-scheduler-picker-config .control-subgroup label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:block;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--ax-sys-color-on-surface-variant)}.ax-scheduler-picker-config .control-subgroup ax-select-box{width:100%}.ax-scheduler-picker-config .switch-group{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-scheduler-picker-config .switch-group span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--ax-sys-color-on-surface)}.ax-scheduler-picker-config .switch-group ax-switch{flex-shrink:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { configChange: [{ type: i0.Output, args: ["configChange"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }] } });
 
 // Main component