@acorex/components 16.18.5 → 16.18.7

package/esm2022/lib/calendar/scheduler/toolbars/scheduler-toolbar-navigator.mjs

@@ -98,8 +98,8 @@ export class AXToolbarSchedulerNavigatorComponent {
             this.toolbar.update();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXToolbarSchedulerNavigatorComponent, selector: "ax-toolbar-scheduler-navigator", outputs: { onNavigate: "onNavigate" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerNavigatorComponent }], viewQueries: [{ propertyName: "toolbar", first: true, predicate: AXToolbarMenuComponent, descendants: true, static: true }, { propertyName: "pop", first: true, predicate: ["pop"], descendants: true, static: true }, { propertyName: "cal", first: true, predicate: ["cal"], descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXToolbarSchedulerNavigatorComponent, selector: "ax-toolbar-scheduler-navigator", outputs: { onNavigate: "onNavigate" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerNavigatorComponent }], viewQueries: [{ propertyName: "toolbar", first: true, predicate: AXToolbarMenuComponent, descendants: true, static: true }, { propertyName: "pop", first: true, predicate: ["pop"], descendants: true, static: true }, { propertyName: "cal", first: true, predicate: ["cal"], descendants: true, static: true }], ngImport: i0, template: `
     <div id="nav">
     <ax-toolbar-menu [items]="items"  (onItemClick)="onItemClick($event)"></ax-toolbar-menu>
     <ax-popover target="#nav" placement="bottom-end" alignment="top-end" #pop>
@@ -107,7 +107,7 @@ export class AXToolbarSchedulerNavigatorComponent {
     </ax-popover>
 </div>`, isInline: true, dependencies: [{ kind: "component", type: i1.AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: i2.AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "floatPlacemnet", "selection", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-toolbar-scheduler-navigator',

package/esm2022/lib/calendar/scheduler/toolbars/scheduler-toolbar-views.mjs

@@ -14,12 +14,12 @@ export class AXToolbarSchedulerViewsComponent {
     onItemClick(e) {
         this.onViewChanged.emit(e.name);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXToolbarSchedulerViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXToolbarSchedulerViewsComponent, selector: "ax-toolbar-scheduler-view", outputs: { onViewChanged: "onViewChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerViewsComponent }], viewQueries: [{ propertyName: "menu", first: true, predicate: AXToolbarMenuComponent, descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXToolbarSchedulerViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXToolbarSchedulerViewsComponent, selector: "ax-toolbar-scheduler-view", outputs: { onViewChanged: "onViewChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSchedulerViewsComponent }], viewQueries: [{ propertyName: "menu", first: true, predicate: AXToolbarMenuComponent, descendants: true, static: true }], ngImport: i0, template: `
         <ax-toolbar-menu [items]="items" selection="single" (onItemClick)="onItemClick($event)"></ax-toolbar-menu>
     `, isInline: true, dependencies: [{ kind: "component", type: i1.AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "floatPlacemnet", "selection", "items"], outputs: ["onItemClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXToolbarSchedulerViewsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXToolbarSchedulerViewsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-toolbar-scheduler-view',

package/esm2022/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.mjs

@@ -39,10 +39,10 @@ export class AXSchedulerAgendaViewComponent extends AXSchedulerBaseViewComponent
     prev() {
         this.navigate(this.navigatorDate.addDay(-this.interval));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXSchedulerAgendaViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-agenda-view\">\n    <table class=\"body\" cdkDropListGroup>\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\n                <td class=\"day-column\">\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\n                </td>\n                <td class=\"day-border\">\n                    <ul *ngIf=\"slot.events.length\">\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\n                            [attr.data-uid]=\"e.uid\">\n                            <div class=\"event-title\">{{e.title}}</div>\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\n                            <ng-template #a>\n                                {{e.range.endTime | dt:\"HH:mm\"}}\n                            </ng-template>\n                            <ng-template #b>\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\n                            </ng-template>\n\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                {{e.title}}\n                            </div>\n                        </li>\n                    </ul>\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\n                </td>\n            </tr>\n        </tbody>\n        <ng-template #elseTemplate>\n            <tbody>\n                <tr>\n                    <td colspan=\"2\">\n                        <div class=\"event-empty\">No events</div>\n                    </td>\n                </tr>\n            </tbody>\n        </ng-template>\n    </table>\n</div>", styles: [".ax-scheduler-agenda-view{height:100%;overflow-y:auto}.ax-scheduler-agenda-view table{border-top:1px solid var(--border-color)}.ax-scheduler-agenda-view .event-title{color:var(--gray-fore-color)}.ax-scheduler-agenda-view td{padding-top:5px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;border:none}.ax-scheduler-agenda-view td.day-border{border-bottom:1px solid var(--border-color);padding:5px;vertical-align:middle}.ax-scheduler-agenda-view .day-column{width:80px;text-align:center}.ax-scheduler-agenda-view .day-column .day-num{font-weight:600}.ax-scheduler-agenda-view .day-column .day-name{font-size:smaller}.ax-scheduler-agenda-view ul{list-style:none;padding:0;margin:0}.ax-scheduler-agenda-view ul li{border-left:4px solid var(--primary-color);margin-bottom:var(--sp-sm-size);padding:0 8px}.ax-scheduler-agenda-view ul li:hover{background-color:var(--primary-lighter-color);cursor:pointer}.ax-scheduler-agenda-view ul li .event-time,.ax-scheduler-agenda-view ul li .event-empty{color:var(--gray-fore-color);font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerAgendaViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-agenda-view\">\n    <table class=\"body\" cdkDropListGroup>\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\n                <td class=\"day-column\">\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\n                </td>\n                <td class=\"day-border\">\n                    <ul *ngIf=\"slot.events.length\">\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\n                            [attr.data-uid]=\"e.uid\">\n                            <div class=\"event-title\">{{e.title}}</div>\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\n                            <ng-template #a>\n                                {{e.range.endTime | dt:\"HH:mm\"}}\n                            </ng-template>\n                            <ng-template #b>\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\n                            </ng-template>\n\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                {{e.title}}\n                            </div>\n                        </li>\n                    </ul>\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\n                </td>\n            </tr>\n        </tbody>\n        <ng-template #elseTemplate>\n            <tbody>\n                <tr>\n                    <td colspan=\"2\">\n                        <div class=\"event-empty\">No events</div>\n                    </td>\n                </tr>\n            </tbody>\n        </ng-template>\n    </table>\n</div>", styles: [".ax-scheduler-agenda-view{height:100%;overflow-y:auto}.ax-scheduler-agenda-view table{border-top:1px solid var(--border-color)}.ax-scheduler-agenda-view .event-title{color:var(--gray-fore-color)}.ax-scheduler-agenda-view td{padding-top:5px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;border:none}.ax-scheduler-agenda-view td.day-border{border-bottom:1px solid var(--border-color);padding:5px;vertical-align:middle}.ax-scheduler-agenda-view .day-column{width:80px;text-align:center}.ax-scheduler-agenda-view .day-column .day-num{font-weight:600}.ax-scheduler-agenda-view .day-column .day-name{font-size:smaller}.ax-scheduler-agenda-view ul{list-style:none;padding:0;margin:0}.ax-scheduler-agenda-view ul li{border-left:4px solid var(--primary-color);margin-bottom:var(--sp-sm-size);padding:0 8px}.ax-scheduler-agenda-view ul li:hover{background-color:var(--primary-lighter-color);cursor:pointer}.ax-scheduler-agenda-view ul li .event-time,.ax-scheduler-agenda-view ul li .event-empty{color:var(--gray-fore-color);font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], template: "<div class=\"view ax-scheduler-agenda-view\">\n    <table class=\"body\" cdkDropListGroup>\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\n                <td class=\"day-column\">\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\n                </td>\n                <td class=\"day-border\">\n                    <ul *ngIf=\"slot.events.length\">\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\n                            [attr.data-uid]=\"e.uid\">\n                            <div class=\"event-title\">{{e.title}}</div>\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\n                            <ng-template #a>\n                                {{e.range.endTime | dt:\"HH:mm\"}}\n                            </ng-template>\n                            <ng-template #b>\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\n                            </ng-template>\n\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                {{e.title}}\n                            </div>\n                        </li>\n                    </ul>\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\n                </td>\n            </tr>\n        </tbody>\n        <ng-template #elseTemplate>\n            <tbody>\n                <tr>\n                    <td colspan=\"2\">\n                        <div class=\"event-empty\">No events</div>\n                    </td>\n                </tr>\n            </tbody>\n        </ng-template>\n    </table>\n</div>", styles: [".ax-scheduler-agenda-view{height:100%;overflow-y:auto}.ax-scheduler-agenda-view table{border-top:1px solid var(--border-color)}.ax-scheduler-agenda-view .event-title{color:var(--gray-fore-color)}.ax-scheduler-agenda-view td{padding-top:5px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;border:none}.ax-scheduler-agenda-view td.day-border{border-bottom:1px solid var(--border-color);padding:5px;vertical-align:middle}.ax-scheduler-agenda-view .day-column{width:80px;text-align:center}.ax-scheduler-agenda-view .day-column .day-num{font-weight:600}.ax-scheduler-agenda-view .day-column .day-name{font-size:smaller}.ax-scheduler-agenda-view ul{list-style:none;padding:0;margin:0}.ax-scheduler-agenda-view ul li{border-left:4px solid var(--primary-color);margin-bottom:var(--sp-sm-size);padding:0 8px}.ax-scheduler-agenda-view ul li:hover{background-color:var(--primary-lighter-color);cursor:pointer}.ax-scheduler-agenda-view ul li .event-time,.ax-scheduler-agenda-view ul li .event-empty{color:var(--gray-fore-color);font-size:smaller}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.mjs

@@ -92,10 +92,10 @@ export class AXSchedulerDayTimeViewComponent extends AXSchedulerBaseViewComponen
         });
         return a.indexOf(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerDayTimeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXSchedulerDayTimeViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-day-time-view\">\n    <table class=\"header\">\n        <thead>\n            <th class=\"time-column\"></th>\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                    {{d.range.startTime | dt: 'ddd'}}<br>\n                    {{d.range.startTime | dt: 'DD'}}\n                </div>\n            </th>\n        </thead>\n    </table>\n    <div class=\"v-scroll\">\n        <table class=\"body\" cdkDropListGroup>\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\n                                    cdkDrag [cdkDragData]=\"e\" \n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                        {{e.title}}\n                                    </div>\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div>\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display:inline-flex;flex:auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.ax-scheduler-day-time-view .event-wrapper .event{display:block;position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerDayTimeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerDayTimeViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-day-time-view\">\n    <table class=\"header\">\n        <thead>\n            <th class=\"time-column\"></th>\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                    {{d.range.startTime | dt: 'ddd'}}<br>\n                    {{d.range.startTime | dt: 'DD'}}\n                </div>\n            </th>\n        </thead>\n    </table>\n    <div class=\"v-scroll\">\n        <table class=\"body\" cdkDropListGroup>\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\n                                    cdkDrag [cdkDragData]=\"e\" \n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                        {{e.title}}\n                                    </div>\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div>\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display:inline-flex;flex:auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.ax-scheduler-day-time-view .event-wrapper .event{display:block;position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerDayTimeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerDayTimeViewComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent }], template: "<div class=\"view ax-scheduler-day-time-view\">\n    <table class=\"header\">\n        <thead>\n            <th class=\"time-column\"></th>\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                    {{d.range.startTime | dt: 'ddd'}}<br>\n                    {{d.range.startTime | dt: 'DD'}}\n                </div>\n            </th>\n        </thead>\n    </table>\n    <div class=\"v-scroll\">\n        <table class=\"body\" cdkDropListGroup>\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\n                                    cdkDrag [cdkDragData]=\"e\" \n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\n                                        {{e.title}}\n                                    </div>\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div>\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display:inline-flex;flex:auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.ax-scheduler-day-time-view .event-wrapper .event{display:block;position:relative;flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/calendar/scheduler/views/month/scheduler-month-view.component.mjs

@@ -201,10 +201,10 @@ export class AXSchedulerMonthViewComponent extends AXSchedulerBaseViewComponent
             this.onEventChanged.emit(r);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerMonthViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXSchedulerMonthViewComponent, selector: "ng-component", host: { listeners: { "wheel": "onKeydownHandler($event)" } }, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-sheduler-month-view\">\n    <table class=\"header\">\n        <thead>\n            <th *ngFor=\"let d of weekDays\" class=\"header-cell\">\n                <span [class.same-week-day]=\"d.index==today.dayInWeek\"> {{d.title}}</span>\n            </th>\n        </thead>\n    </table>\n    <table class=\"body\" cdkDropListGroup>\n        <tbody>\n            <tr *ngFor=\"let r of matrixSlots\">\n                <td *ngFor=\"let d of r\" class=\"cell-slot\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event)\" \n                    [attr.data-uid]=\"d.uid\">\n                    <div class=\"day-num\" [class.first-day-month]=\"d.range.startTime.dayInMonth==1\"\n                        [class.today]=\"d.range.startTime.equal(today)\">\n                        <ng-container *ngIf=\"d.range.startTime.dayInMonth==1\">\n                            {{d.range.startTime | dt: 'MMM'}}\n                        </ng-container>\n                        {{d.range.startTime | dt: 'DD'}}\n                    </div>\n                    <div class=\"event-wrapper\">\n                        <ng-container *ngFor=\"let e of d.events\">\n                            <div class=\"event ax-scheduler-event\" cdkDrag [cdkDragData]=\"e\" [attr.data-uid]=\"e.uid\"\n                                [style.background-color]=\"e.color\"\n                                (cdkDragStarted)=\"onDragStarted($event)\"\n                                (cdkDragEnded)=\"onDragEnded($event)\"\n                                (cdkDragEntered)=\"onDragEntered($event)\">\n                                <span class=\"ax-sch-str\">{{e.range.startTime | dt: 'HH:mm'}}</span><span\n                                    class=\"event-title\">{{e.title}}</span><span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"view-more\"></div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>", styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display:flex;border-radius:10%;align-items:center;justify-content:center}.ax-sheduler-month-view .day-num.first-day-month{color:var(--primary-color);font-weight:700}.ax-sheduler-month-view .day-num:hover{text-decoration:underline;cursor:pointer}.ax-sheduler-month-view .day-num.today{background-color:var(--primary-light-color);color:var(--danger-fore-color)}.ax-sheduler-month-view .view-more{position:absolute;bottom:0;font-size:x-small;right:0;padding:0 5px;width:100%;cursor:pointer;text-align:center;background-color:var(--gray-dark-color)}.ax-sheduler-month-view .view-more:hover{box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-sheduler-month-view .event-wrapper{position:absolute;top:30px;left:0}.ax-sheduler-month-view .event-wrapper .event{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerMonthViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerMonthViewComponent, selector: "ng-component", host: { listeners: { "wheel": "onKeydownHandler($event)" } }, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-sheduler-month-view\">\n    <table class=\"header\">\n        <thead>\n            <th *ngFor=\"let d of weekDays\" class=\"header-cell\">\n                <span [class.same-week-day]=\"d.index==today.dayInWeek\"> {{d.title}}</span>\n            </th>\n        </thead>\n    </table>\n    <table class=\"body\" cdkDropListGroup>\n        <tbody>\n            <tr *ngFor=\"let r of matrixSlots\">\n                <td *ngFor=\"let d of r\" class=\"cell-slot\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event)\" \n                    [attr.data-uid]=\"d.uid\">\n                    <div class=\"day-num\" [class.first-day-month]=\"d.range.startTime.dayInMonth==1\"\n                        [class.today]=\"d.range.startTime.equal(today)\">\n                        <ng-container *ngIf=\"d.range.startTime.dayInMonth==1\">\n                            {{d.range.startTime | dt: 'MMM'}}\n                        </ng-container>\n                        {{d.range.startTime | dt: 'DD'}}\n                    </div>\n                    <div class=\"event-wrapper\">\n                        <ng-container *ngFor=\"let e of d.events\">\n                            <div class=\"event ax-scheduler-event\" cdkDrag [cdkDragData]=\"e\" [attr.data-uid]=\"e.uid\"\n                                [style.background-color]=\"e.color\"\n                                (cdkDragStarted)=\"onDragStarted($event)\"\n                                (cdkDragEnded)=\"onDragEnded($event)\"\n                                (cdkDragEntered)=\"onDragEntered($event)\">\n                                <span class=\"ax-sch-str\">{{e.range.startTime | dt: 'HH:mm'}}</span><span\n                                    class=\"event-title\">{{e.title}}</span><span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"view-more\"></div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>", styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display:flex;border-radius:10%;align-items:center;justify-content:center}.ax-sheduler-month-view .day-num.first-day-month{color:var(--primary-color);font-weight:700}.ax-sheduler-month-view .day-num:hover{text-decoration:underline;cursor:pointer}.ax-sheduler-month-view .day-num.today{background-color:var(--primary-light-color);color:var(--danger-fore-color)}.ax-sheduler-month-view .view-more{position:absolute;bottom:0;font-size:x-small;right:0;padding:0 5px;width:100%;cursor:pointer;text-align:center;background-color:var(--gray-dark-color)}.ax-sheduler-month-view .view-more:hover{box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-sheduler-month-view .event-wrapper{position:absolute;top:30px;left:0}.ax-sheduler-month-view .event-wrapper .event{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerMonthViewComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent }], template: "<div class=\"view ax-sheduler-month-view\">\n    <table class=\"header\">\n        <thead>\n            <th *ngFor=\"let d of weekDays\" class=\"header-cell\">\n                <span [class.same-week-day]=\"d.index==today.dayInWeek\"> {{d.title}}</span>\n            </th>\n        </thead>\n    </table>\n    <table class=\"body\" cdkDropListGroup>\n        <tbody>\n            <tr *ngFor=\"let r of matrixSlots\">\n                <td *ngFor=\"let d of r\" class=\"cell-slot\" cdkDropList [cdkDropListData]=\"d\"\n                    (cdkDropListDropped)=\"onDragDropOnDay($event)\" \n                    [attr.data-uid]=\"d.uid\">\n                    <div class=\"day-num\" [class.first-day-month]=\"d.range.startTime.dayInMonth==1\"\n                        [class.today]=\"d.range.startTime.equal(today)\">\n                        <ng-container *ngIf=\"d.range.startTime.dayInMonth==1\">\n                            {{d.range.startTime | dt: 'MMM'}}\n                        </ng-container>\n                        {{d.range.startTime | dt: 'DD'}}\n                    </div>\n                    <div class=\"event-wrapper\">\n                        <ng-container *ngFor=\"let e of d.events\">\n                            <div class=\"event ax-scheduler-event\" cdkDrag [cdkDragData]=\"e\" [attr.data-uid]=\"e.uid\"\n                                [style.background-color]=\"e.color\"\n                                (cdkDragStarted)=\"onDragStarted($event)\"\n                                (cdkDragEnded)=\"onDragEnded($event)\"\n                                (cdkDragEntered)=\"onDragEntered($event)\">\n                                <span class=\"ax-sch-str\">{{e.range.startTime | dt: 'HH:mm'}}</span><span\n                                    class=\"event-title\">{{e.title}}</span><span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"view-more\"></div>\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</div>", styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display:flex;border-radius:10%;align-items:center;justify-content:center}.ax-sheduler-month-view .day-num.first-day-month{color:var(--primary-color);font-weight:700}.ax-sheduler-month-view .day-num:hover{text-decoration:underline;cursor:pointer}.ax-sheduler-month-view .day-num.today{background-color:var(--primary-light-color);color:var(--danger-fore-color)}.ax-sheduler-month-view .view-more{position:absolute;bottom:0;font-size:x-small;right:0;padding:0 5px;width:100%;cursor:pointer;text-align:center;background-color:var(--gray-dark-color)}.ax-sheduler-month-view .view-more:hover{box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-sheduler-month-view .event-wrapper{position:absolute;top:30px;left:0}.ax-sheduler-month-view .event-wrapper .event{position:absolute}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { onKeydownHandler: [{

package/esm2022/lib/calendar/scheduler/views/scheduler-view.component.mjs

@@ -86,10 +86,10 @@ export class AXSchedulerBaseViewComponent {
             this.onEventChanged.emit(r);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerBaseViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: AXSchedulerBaseViewComponent, outputs: { onNavigatorDateChanged: "onNavigatorDateChanged", onEventChanged: "onEventChanged" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerBaseViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerBaseViewComponent, outputs: { onNavigatorDateChanged: "onNavigatorDateChanged", onEventChanged: "onEventChanged" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerBaseViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerBaseViewComponent, decorators: [{
             type: Directive
         }], propDecorators: { onNavigatorDateChanged: [{
                 type: Output

package/esm2022/lib/calendar/scheduler/views/timeline/scheduler-timeline-view.component.mjs

@@ -75,10 +75,10 @@ export class AXSchedulerTimelineViewComponent extends AXSchedulerBaseViewCompone
     }
     arrangeEvents() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerTimelineViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXSchedulerTimelineViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerTimelineViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-timeline-view\">\n    <table class=\"header\">\n        <colgroup>\n            <col *ngFor=\"let t of times\" class=\"time-column\"/>\n        </colgroup>\n        <tbody>\n            <ng-container *ngFor=\"let d of slots\">\n                <tr>\n                    <td class=\"header-cell\" [attr.colspan]=\"times.length\">\n                        <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                            {{d.range.startTime | dt: 'MMM DD, dddd'}}\n                        </div>\n                    </td>\n                </tr>\n                <tr>\n                    <td *ngFor=\"let t of times\">\n                        <div>\n                            {{t.display}}\n                        </div>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n    <!-- <div class=\"v-scroll\">\n        <table class=\"body\">\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.date.getHours()==t.value\" class=\"event\"\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div> -->\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerTimelineViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerTimelineViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerTimelineViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-timeline-view\">\n    <table class=\"header\">\n        <colgroup>\n            <col *ngFor=\"let t of times\" class=\"time-column\"/>\n        </colgroup>\n        <tbody>\n            <ng-container *ngFor=\"let d of slots\">\n                <tr>\n                    <td class=\"header-cell\" [attr.colspan]=\"times.length\">\n                        <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                            {{d.range.startTime | dt: 'MMM DD, dddd'}}\n                        </div>\n                    </td>\n                </tr>\n                <tr>\n                    <td *ngFor=\"let t of times\">\n                        <div>\n                            {{t.display}}\n                        </div>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n    <!-- <div class=\"v-scroll\">\n        <table class=\"body\">\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.date.getHours()==t.value\" class=\"event\"\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div> -->\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AXDateTimePipe, name: "dt" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXSchedulerTimelineViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerTimelineViewComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerTimelineViewComponent }], template: "<div class=\"view ax-scheduler-timeline-view\">\n    <table class=\"header\">\n        <colgroup>\n            <col *ngFor=\"let t of times\" class=\"time-column\"/>\n        </colgroup>\n        <tbody>\n            <ng-container *ngFor=\"let d of slots\">\n                <tr>\n                    <td class=\"header-cell\" [attr.colspan]=\"times.length\">\n                        <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\n                            {{d.range.startTime | dt: 'MMM DD, dddd'}}\n                        </div>\n                    </td>\n                </tr>\n                <tr>\n                    <td *ngFor=\"let t of times\">\n                        <div>\n                            {{t.display}}\n                        </div>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n    <!-- <div class=\"v-scroll\">\n        <table class=\"body\">\n            <tbody>\n                <tr *ngFor=\"let t of times\">\n                    <td>\n                        {{t.display}}\n                    </td>\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\">\n                        <div class=\"event-wrapper\">\n                            <ng-container *ngFor=\"let e of d.events\">\n                                <div *ngIf=\"e.range.startTime.date.getHours()==t.value\" class=\"event\"\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\">\n                                    <div class=\"event-title\">{{e.title}}</div>\n                                    <div>\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\n                                    </div>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </div> -->\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/checkbox/checkbox.component.mjs

@@ -73,12 +73,12 @@ export class AXCheckBoxComponent extends AXValidatableComponent {
         }
         //  }, 100);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { readonly: "readonly", disabled: "disabled", size: "size", label: "label", tabIndex: "tabIndex", indeterminate: "indeterminate", useTreeView: "useTreeView", value: "value" }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange", onClick: "onClick" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { readonly: "readonly", disabled: "disabled", size: "size", label: "label", tabIndex: "tabIndex", indeterminate: "indeterminate", useTreeView: "useTreeView", value: "value" }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange", onClick: "onClick" }, providers: [
             { provide: AXValidatableComponent, useExisting: AXCheckBoxComponent },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\n  (click)=\"handleClick($event)\">\n  {{ label }}\n  <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\n    [disabled]=\"disabled || readonly\" />\n  <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\n\n</label> -->\n\n\n<!-- [(ngModel)]=\"value\" -->\n<!-- (click)=\"handleClick($event)\"  -->\n\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\n\n  <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\n    [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\n    [disabled]=\"disabled || readonly\" />\n\n\n  <span>{{ label ? label : '&nbsp;' }}</span>\n</label>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-check-box', encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXValidatableComponent, useExisting: AXCheckBoxComponent },

package/esm2022/lib/checkbox/checkbox.module.mjs

@@ -4,11 +4,11 @@ import { FormsModule } from '@angular/forms';
 import { AXCheckBoxComponent } from './checkbox.component';
 import * as i0 from "@angular/core";
 export class AXCheckBoxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxModule, declarations: [AXCheckBoxComponent], imports: [CommonModule, FormsModule], exports: [AXCheckBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxModule, imports: [CommonModule, FormsModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxModule, declarations: [AXCheckBoxComponent], imports: [CommonModule, FormsModule], exports: [AXCheckBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxModule, imports: [CommonModule, FormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXCheckBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCheckBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXCheckBoxComponent],

package/esm2022/lib/color-picker/color-box/color-box.component.mjs

@@ -403,12 +403,12 @@ export class AXColorBoxComponent extends AXValidatableComponent {
             this.onColorSelect.emit(this.value);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXColorBoxComponent, selector: "ax-color-box", inputs: { value: "value" }, outputs: { onColorSelect: "onColorSelect", valueChange: "valueChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXColorBoxComponent, selector: "ax-color-box", inputs: { value: "value" }, outputs: { onColorSelect: "onColorSelect", valueChange: "valueChange" }, providers: [
             { provide: AXValidatableComponent, useExisting: AXColorBoxComponent },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"color-box\">\n    <div class=\"color-box-pallet\">\n        <div class=\"color-item\" *ngFor=\"let item of colors\" [style.background-color]=\"item.code\" [title]=\"item.code\"\n            (click)=\"onColorClick(item)\">\n            <i class=\"fas fa-check-circle color-active\" *ngIf=\"item.active\"></i>\n        </div>\n    </div>\n    <div class=\"text-input\">\n        <ng-container *ngIf=\"inputFormat=='rgb';else hexTemplate\">\n            <div class=\"color-part\">\n                <ax-text-box [(value)]=\"rColor\" (textChange)=\"handleColorChange()\" (onKey)=\"handleKeyEvent($event)\">\n                </ax-text-box>\n            </div>\n            <div class=\"color-part\">\n                <ax-text-box [(value)]=\"gColor\" (textChange)=\"handleColorChange()\" (onKey)=\"handleKeyEvent($event)\">\n                </ax-text-box>\n            </div>\n            <div class=\"color-part\">\n                <ax-text-box [(value)]=\"bColor\" (textChange)=\"handleColorChange()\" (onKey)=\"handleKeyEvent($event)\">\n                </ax-text-box>\n            </div>\n            <div class=\"color-part switch\" (click)=\"inputFormat='hex'\">\n                <span>RGB</span>\n            </div>\n        </ng-container>\n        <ng-template #hexTemplate>\n            <div class=\"color-part\">\n                <ax-text-box [(value)]=\"value\" size=\"sm\" (onKey)=\"handleKeyEvent($event)\">\n                </ax-text-box>\n            </div>\n            <!-- <div class=\"color-part switch\" (click)=\"inputFormat='rgb'\">\n                <span>HEX</span>\n            </div> -->\n        </ng-template>\n\n    </div>\n</div>", styles: [".color-box{border:1px solid var(--ax-border-color);max-width:300px;padding:5px}.color-box .color-box-pallet{display:flex;width:100%;height:auto;flex-wrap:wrap;justify-content:space-between;align-items:center}.color-box .color-box-pallet div{width:18px;height:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid var(--ax-border-color);margin:1px}.color-box .color-box-pallet .color-active{color:#fff;box-shadow:1px 1px 4px #5a5a5a;border-radius:50%;font-size:.875rem}.color-box .text-input{display:flex;justify-content:space-between}.color-box .text-input .color-part{padding:2px;display:flex;align-items:center;flex-direction:column;justify-content:center}.color-box .text-input .color-part.switch{cursor:pointer;font-weight:700}.color-box .text-input .color-part.switch:hover{text-decoration:underline}.color-box .text-input .color-part .ax-field-set .no-label input{margin-top:0!important;text-align:center;height:var(--ax-size-md)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-color-box', providers: [
                         { provide: AXValidatableComponent, useExisting: AXColorBoxComponent },

package/esm2022/lib/color-picker/color-picker.component.mjs

@@ -53,12 +53,12 @@ export class AXColorPickerComponent extends AXColorBoxComponent {
     handleItemClick(e) {
         this.dropdown.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXColorPickerComponent, selector: "ax-color-picker", inputs: { placeholder: "placeholder", showClear: "showClear", label: "label", readonly: "readonly", disabled: "disabled", size: "size", rtl: "rtl", validation: "validation" }, host: { styleAttribute: "width: 100%" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXColorPickerComponent, selector: "ax-color-picker", inputs: { placeholder: "placeholder", showClear: "showClear", label: "label", readonly: "readonly", disabled: "disabled", size: "size", rtl: "rtl", validation: "validation" }, host: { styleAttribute: "width: 100%" }, providers: [
             { provide: AXValidatableComponent, useExisting: AXColorPickerComponent },
         ], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down #dropdown fitParent=\"false\" [size]=\"size\" [disabled]=\"disabled\"  [rtl]=\"rtl\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container header>\n\n        <div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\n            <div class=\"content\" #content>\n                <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n                    <ng-container *ngIf=\"value; else elseTemplate\">\n                        <div [style.background-color]=\"value\" [style.color]=\"findTextColor(value)\"\n                            style=\"padding:0px 5px;width: 100%;display: flex;align-items: center;\">\n                            {{value}}&nbsp;</div>\n                    </ng-container>\n                    <ng-template #elseTemplate>\n                        {{placeholder}}&nbsp;\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <ng-container end>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n    <ng-container panel>\n        <ax-color-box [(value)]=\"value\" \n            (onColorSelect)=\"handleItemClick($event)\"></ax-color-box>\n    </ng-container>\n</ax-drop-down>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: i3.AXColorBoxComponent, selector: "ax-color-box", inputs: ["value"], outputs: ["onColorSelect", "valueChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-color-picker', providers: [
                         { provide: AXValidatableComponent, useExisting: AXColorPickerComponent },

package/esm2022/lib/color-picker/color-picker.module.mjs

@@ -8,11 +8,11 @@ import { AXTextBoxModule } from '../textbox/textbox.module';
 import { FormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class AXColorPickerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerModule, declarations: [AXColorPickerComponent, AXColorBoxComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXValidationModule, AXTextBoxModule], exports: [AXColorPickerComponent, AXColorBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerModule, imports: [CommonModule, FormsModule, AXDropdownModule, AXValidationModule, AXTextBoxModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerModule, declarations: [AXColorPickerComponent, AXColorBoxComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXValidationModule, AXTextBoxModule], exports: [AXColorPickerComponent, AXColorBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerModule, imports: [CommonModule, FormsModule, AXDropdownModule, AXValidationModule, AXTextBoxModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColorPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXColorPickerComponent, AXColorBoxComponent],

package/esm2022/lib/context-menu/context-menu.component.mjs

@@ -45,10 +45,10 @@ export class AXContextMenuComponent {
             this.onItemClick.emit(item);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { size: "size", width: "width", items: "items" }, outputs: { onItemClick: "onItemClick", onClosed: "onClosed" }, host: { classAttribute: "ax context-menu-container" }, viewQueries: [{ propertyName: "contex", first: true, predicate: ["contex"], descendants: true }], ngImport: i0, template: "<!-- <ul class=\"ax context-menu {{size}}\" [style.width.px]=\"width\">\n    <ng-container *ngFor=\"let item of items\">\n        <li class=\"context-menu-item\" [class.divider]=\"item.divider\" [class.disabled]=\"item.disable\">\n            <div class=\"startIcon\">\n                <i class=\"{{item.icon}}\"></i>\n                <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            </div>\n            <span>{{item.text}}</span>\n\n            <div class=\"endIcon\">\n                <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n                <i class=\"far fa-angle-left ax-menu-item-drop-icon\"></i>\n            </div>\n        </li>\n    </ng-container>\n\n</ul> -->\n\n<ul #contex class=\"ax context-menu {{size}}\" [style.width.px]=\"width\"\n    [ngClass]=\"{'animate__animated animate__faster animate__fadeIn': show}\">\n    <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: items }\"></ng-container>\n</ul>\n\n<ng-template #recursiveContextMenu let-items>\n    <li *ngFor=\"let item of items\" class=\"context-menu-item\" [class.divider]=\"item.divider\"\n        [class.disabled]=\"item.disable\" (click)=\"handleClickItem(item)\">\n        <div class=\"startIcon\">\n            <i class=\"{{item.icon}}\"></i>\n            <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n        </div>\n        <span>{{item.text}}</span>\n\n        <div class=\"endIcon\">\n            <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            <i class=\"far fa-angle-left ax-menu-item-drop-icon\" *ngIf=\"item.items?.length > 0\"></i>\n        </div>\n        <ul class=\"ax context-menu child\" *ngIf=\"item.items?.length > 0\">\n            <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: item.items }\">\n            </ng-container>\n        </ul>\n    </li>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { size: "size", width: "width", items: "items" }, outputs: { onItemClick: "onItemClick", onClosed: "onClosed" }, host: { classAttribute: "ax context-menu-container" }, viewQueries: [{ propertyName: "contex", first: true, predicate: ["contex"], descendants: true }], ngImport: i0, template: "<!-- <ul class=\"ax context-menu {{size}}\" [style.width.px]=\"width\">\n    <ng-container *ngFor=\"let item of items\">\n        <li class=\"context-menu-item\" [class.divider]=\"item.divider\" [class.disabled]=\"item.disable\">\n            <div class=\"startIcon\">\n                <i class=\"{{item.icon}}\"></i>\n                <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            </div>\n            <span>{{item.text}}</span>\n\n            <div class=\"endIcon\">\n                <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n                <i class=\"far fa-angle-left ax-menu-item-drop-icon\"></i>\n            </div>\n        </li>\n    </ng-container>\n\n</ul> -->\n\n<ul #contex class=\"ax context-menu {{size}}\" [style.width.px]=\"width\"\n    [ngClass]=\"{'animate__animated animate__faster animate__fadeIn': show}\">\n    <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: items }\"></ng-container>\n</ul>\n\n<ng-template #recursiveContextMenu let-items>\n    <li *ngFor=\"let item of items\" class=\"context-menu-item\" [class.divider]=\"item.divider\"\n        [class.disabled]=\"item.disable\" (click)=\"handleClickItem(item)\">\n        <div class=\"startIcon\">\n            <i class=\"{{item.icon}}\"></i>\n            <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n        </div>\n        <span>{{item.text}}</span>\n\n        <div class=\"endIcon\">\n            <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            <i class=\"far fa-angle-left ax-menu-item-drop-icon\" *ngIf=\"item.items?.length > 0\"></i>\n        </div>\n        <ul class=\"ax context-menu child\" *ngIf=\"item.items?.length > 0\">\n            <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: item.items }\">\n            </ng-container>\n        </ul>\n    </li>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-context-menu', host: { class: 'ax context-menu-container' }, template: "<!-- <ul class=\"ax context-menu {{size}}\" [style.width.px]=\"width\">\n    <ng-container *ngFor=\"let item of items\">\n        <li class=\"context-menu-item\" [class.divider]=\"item.divider\" [class.disabled]=\"item.disable\">\n            <div class=\"startIcon\">\n                <i class=\"{{item.icon}}\"></i>\n                <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            </div>\n            <span>{{item.text}}</span>\n\n            <div class=\"endIcon\">\n                <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n                <i class=\"far fa-angle-left ax-menu-item-drop-icon\"></i>\n            </div>\n        </li>\n    </ng-container>\n\n</ul> -->\n\n<ul #contex class=\"ax context-menu {{size}}\" [style.width.px]=\"width\"\n    [ngClass]=\"{'animate__animated animate__faster animate__fadeIn': show}\">\n    <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: items }\"></ng-container>\n</ul>\n\n<ng-template #recursiveContextMenu let-items>\n    <li *ngFor=\"let item of items\" class=\"context-menu-item\" [class.divider]=\"item.divider\"\n        [class.disabled]=\"item.disable\" (click)=\"handleClickItem(item)\">\n        <div class=\"startIcon\">\n            <i class=\"{{item.icon}}\"></i>\n            <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n        </div>\n        <span>{{item.text}}</span>\n\n        <div class=\"endIcon\">\n            <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            <i class=\"far fa-angle-left ax-menu-item-drop-icon\" *ngIf=\"item.items?.length > 0\"></i>\n        </div>\n        <ul class=\"ax context-menu child\" *ngIf=\"item.items?.length > 0\">\n            <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: item.items }\">\n            </ng-container>\n        </ul>\n    </li>\n</ng-template>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{

package/esm2022/lib/context-menu/context-menu.directive.mjs

@@ -121,10 +121,10 @@ export class AXContextMenuDirective {
     ngOnDestroy() {
         this.clearComponentSubscriptions();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: AXContextMenuDirective, selector: "[axContextMenu]", inputs: { contextMenu: "contextMenu", contextDataItem: "contextDataItem", contextMenuItems: "contextMenuItems", rtl: "rtl" }, outputs: { onContextMenuItemClick: "onContextMenuItemClick" }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXContextMenuDirective, selector: "[axContextMenu]", inputs: { contextMenu: "contextMenu", contextDataItem: "contextDataItem", contextMenuItems: "contextMenuItems", rtl: "rtl" }, outputs: { onContextMenuItemClick: "onContextMenuItemClick" }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axContextMenu]'

package/esm2022/lib/context-menu/context-menu.module.mjs

@@ -4,11 +4,11 @@ import { AXContextMenuComponent } from './context-menu.component';
 import { AXContextMenuDirective } from './context-menu.directive';
 import * as i0 from "@angular/core";
 export class AXContextMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent, AXContextMenuDirective], imports: [CommonModule], exports: [AXContextMenuComponent, AXContextMenuDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent, AXContextMenuDirective], imports: [CommonModule], exports: [AXContextMenuComponent, AXContextMenuDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXContextMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXContextMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXContextMenuComponent, AXContextMenuDirective],

package/esm2022/lib/data-filter/columns/filter-column-date.component.mjs

@@ -94,8 +94,8 @@ export class AXFilterColumnDateComponent extends AXFilterColumnComponent {
             value: [this.fromDate.toISOString(), this.toDate.toISOString()]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnDateComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFilterColumnDateComponent, selector: "ax-filter-column-date", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnDateComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFilterColumnDateComponent, selector: "ax-filter-column-date", providers: [
             { provide: AXFilterColumnComponent, useExisting: AXFilterColumnDateComponent }
         ], viewQueries: [{ propertyName: "selection", first: true, predicate: AXSelectionListComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-filter-section">
@@ -111,7 +111,7 @@ export class AXFilterColumnDateComponent extends AXFilterColumnComponent {
     </div>
     `, isInline: true, dependencies: [{ kind: "component", type: i1.AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: i2.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnDateComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-filter-column-date',

package/esm2022/lib/data-filter/columns/filter-column-number.component.mjs

@@ -73,8 +73,8 @@ export class AXFilterColumnNumberComponent extends AXFilterColumnComponent {
             value: this.value
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnNumberComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFilterColumnNumberComponent, selector: "ax-filter-column-number", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnNumberComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFilterColumnNumberComponent, selector: "ax-filter-column-number", providers: [
             { provide: AXFilterColumnComponent, useExisting: AXFilterColumnNumberComponent }
         ], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-filter-section">
@@ -92,7 +92,7 @@ export class AXFilterColumnNumberComponent extends AXFilterColumnComponent {
 </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnNumberComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-filter-column-number',

package/esm2022/lib/data-filter/columns/filter-column-selection.component.mjs

@@ -40,8 +40,8 @@ export class AXFilterColumnSelectionComponent extends AXFilterColumnComponent {
         }
         super.setFilter(value, operator);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnSelectionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFilterColumnSelectionComponent, selector: "ax-filter-column-selection", inputs: { items: "items", mode: "mode", dataType: "dataType" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnSelectionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFilterColumnSelectionComponent, selector: "ax-filter-column-selection", inputs: { items: "items", mode: "mode", dataType: "dataType" }, providers: [
             { provide: AXFilterColumnComponent, useExisting: AXFilterColumnSelectionComponent }
         ], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-filter-section">
@@ -50,7 +50,7 @@ export class AXFilterColumnSelectionComponent extends AXFilterColumnComponent {
  </div>
     `, isInline: true, dependencies: [{ kind: "component", type: i1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnSelectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnSelectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-filter-column-selection',

package/esm2022/lib/data-filter/columns/filter-column-string.component.mjs

@@ -73,8 +73,8 @@ export class AXFilterColumnStringComponent extends AXFilterColumnComponent {
             value: this.value
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnStringComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXFilterColumnStringComponent, selector: "ax-filter-column-string", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnStringComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXFilterColumnStringComponent, selector: "ax-filter-column-string", providers: [
             { provide: AXFilterColumnComponent, useExisting: AXFilterColumnStringComponent }
         ], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-filter-section">
@@ -92,7 +92,7 @@ export class AXFilterColumnStringComponent extends AXFilterColumnComponent {
 </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXFilterColumnStringComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXFilterColumnStringComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-filter-column-string',