@acorex/components 16.18.7 → 16.18.8

package/esm2022/lib/accordion/accordion.component.mjs

@@ -27,10 +27,10 @@ export class AXAccordionComponent extends AXBaseComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXAccordionComponent, selector: "ax-accordion", inputs: { multiple: "multiple" }, queries: [{ propertyName: "panels", predicate: AXPanelBoxComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXAccordionComponent, selector: "ax-accordion", inputs: { multiple: "multiple" }, queries: [{ propertyName: "panels", predicate: AXPanelBoxComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-accordion',

package/esm2022/lib/accordion/accordion.module.mjs

@@ -4,11 +4,11 @@ import { AXAccordionComponent } from "./accordion.component";
 import { AXPanelBoxModule } from "../panel-box/panel-box.module";
 import * as i0 from "@angular/core";
 export class AXAccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionModule, declarations: [AXAccordionComponent], imports: [CommonModule, AXPanelBoxModule], exports: [AXAccordionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionModule, imports: [CommonModule, AXPanelBoxModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionModule, declarations: [AXAccordionComponent], imports: [CommonModule, AXPanelBoxModule], exports: [AXAccordionComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionModule, imports: [CommonModule, AXPanelBoxModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXAccordionComponent],

package/esm2022/lib/base/base-page.class.mjs

@@ -51,10 +51,10 @@ export class AXBasePageComponent {
     ngOnDestroy() {
         this.onClosed.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBasePageComponent, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: AXPageComponent, descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBasePageComponent, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: AXPageComponent, descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBasePageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBasePageComponent, decorators: [{
             type: Directive
         }], propDecorators: { pageContainer: [{
                 type: ViewChild,
@@ -88,10 +88,10 @@ export class AXBasePopupPageComponent extends AXBasePageComponent {
     getFooterButtons() {
         return [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBasePopupPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBasePopupPageComponent, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBasePopupPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBasePopupPageComponent, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBasePopupPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBasePopupPageComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1wYWdlLmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvYmFzZS9iYXNlLXBhZ2UuY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFFL0IsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQztBQUV2QyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsV0FBZ0I7Q0FDckQ7QUFDRCxNQUFNLE9BQU8sYUFBYTtJQUN0QixNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ3hCLElBQUksQ0FBTztDQUNkO0FBRUQsTUFBTSxPQUFPLFlBQVk7SUFDckIsTUFBTSxDQUFNO0lBQ1osSUFBSSxDQUFPO0NBQ2Q7QUFFRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsT0FBcUI7SUFFbEQsV0FBVyxDQUFhO0lBQ2hDLFlBQ0ksUUFDMkM7UUFFM0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7SUFDTCxDQUFDO0NBQ0o7QUFHRCxNQUFNLE9BQWdCLG1CQUFtQjtJQUc3QixhQUFhLENBQWtCO0lBRS9CLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDcEMsSUFBVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBVyxTQUFTLENBQUMsQ0FBVTtRQUMzQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztRQUNwQixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2xELENBQUM7SUFDTCxDQUFDO0lBR0QsUUFBUSxHQUFtQyxJQUFJLFlBQVksRUFBb0IsQ0FBQztJQUVoRixLQUFLLENBQUMsSUFBVTtRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSTtTQUNiLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxTQUFTLENBQUMsQ0FBZ0I7SUFDMUIsQ0FBQztJQUVELFdBQVc7SUFFWCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQzt1R0FuQ2lCLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHlFQUUxQixlQUFlOzsyRkFGUixtQkFBbUI7a0JBRHhDLFNBQVM7OEJBSUUsYUFBYTtzQkFEcEIsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztBQXFDaEQsTUFBTSxPQUFnQix3QkFBeUIsU0FBUSxtQkFBbUI7SUFHdEU7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQUNSLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFHTyxjQUFjLEdBQW1CLEVBQUUsQ0FBQztJQUM1QyxzQkFBc0IsR0FBRyxJQUFJLE9BQU8sRUFBa0IsQ0FBQztJQUV2RCxJQUFjLGFBQWE7UUFDdkIsT0FBTyxJQUFJLENBQUMsY0FBYyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRVMsbUJBQW1CLENBQUMsT0FBd0I7UUFDbEQsVUFBVTtRQUNWLE9BQU8sQ0FBQyxHQUFHLENBQUMscUJBQXFCLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDNUMsSUFBSSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUM7WUFDOUIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM5QyxDQUFDO2FBQ0ksQ0FBQztZQUNGLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDTCxDQUFDO0lBRUQsbUJBQW1CLENBQUMsQ0FBdUI7SUFDM0MsQ0FBQztJQUVELGdCQUFnQjtRQUNaLE9BQU8sRUFBRSxDQUFDO0lBQ2QsQ0FBQzt1R0FuQ2lCLHdCQUF3QjsyRkFBeEIsd0JBQXdCOzsyRkFBeEIsd0JBQXdCO2tCQUQ3QyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhEYXRhRXZlbnQgfSBmcm9tICcuL2V2ZW50cy5jbGFzcyc7XG5pbXBvcnQgeyBBWE1lbnVJdGVtQ2xpY2tFdmVudCB9IGZyb20gJy4uL21lbnUvbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcbmltcG9ydCB7IEFYUGFnZUNvbXBvbmVudCB9IGZyb20gJy4uL3BhZ2UvcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgY29uc3QgVEFCX01FVEFfS0VZID0gJ19fbWV0YV9fJztcblxuZXhwb3J0IGNsYXNzIEFYUGFnZUNsb3NlRXZlbnQgZXh0ZW5kcyBBWERhdGFFdmVudDxhbnk+IHtcbn1cbmV4cG9ydCBjbGFzcyBBWFBhZ2VDbG9zaW5nIHtcbiAgICBjYW5jZWw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBkYXRhPzogYW55O1xufVxuXG5leHBvcnQgY2xhc3MgQVhQYWdlUmVzdWx0IHtcbiAgICBzZW5kZXI6IGFueTtcbiAgICBkYXRhPzogYW55O1xufVxuXG5leHBvcnQgY2xhc3MgQVhQYWdlQ2xvc2VkUHJvbWlzZSBleHRlbmRzIFByb21pc2U8QVhQYWdlUmVzdWx0PiB7XG5cbiAgICBwcml2YXRlIGNsb3NlTWV0aG9kOiAoKSA9PiB2b2lkO1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBleGVjdXRvcjogKHJlc29sdmU6ICh2YWx1ZT86IEFYUGFnZVJlc3VsdCB8IFByb21pc2VMaWtlPEFYUGFnZVJlc3VsdD4pID0+IHZvaWQsXG4gICAgICAgICAgICByZWplY3Q6IChyZWFzb24/OiBhbnkpID0+IHZvaWQpID0+IHZvaWRcbiAgICApIHtcbiAgICAgICAgc3VwZXIoZXhlY3V0b3IpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuY2xvc2VNZXRob2QpIHtcbiAgICAgICAgICAgIHRoaXMuY2xvc2VNZXRob2QoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQVhCYXNlUGFnZUNvbXBvbmVudCB7XG5cbiAgICBAVmlld0NoaWxkKEFYUGFnZUNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgICBwcml2YXRlIHBhZ2VDb250YWluZXI6IEFYUGFnZUNvbXBvbmVudDtcblxuICAgIHByaXZhdGUgX2lzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHB1YmxpYyBnZXQgaXNMb2FkaW5nKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNMb2FkaW5nO1xuICAgIH1cbiAgICBwdWJsaWMgc2V0IGlzTG9hZGluZyh2OiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2lzTG9hZGluZyA9IHY7XG4gICAgICAgIGlmICh0aGlzLnBhZ2VDb250YWluZXIpIHtcbiAgICAgICAgICAgIHRoaXMucGFnZUNvbnRhaW5lci5pc0xvYWRpbmcgPSB0aGlzLmlzTG9hZGluZztcbiAgICAgICAgfVxuICAgIH1cblxuXG4gICAgb25DbG9zZWQ6IEV2ZW50RW1pdHRlcjxBWFBhZ2VDbG9zZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhQYWdlQ2xvc2VFdmVudD4oKTtcblxuICAgIGNsb3NlKGRhdGE/OiBhbnkpIHtcbiAgICAgICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgICAgIGRhdGE6IGRhdGFcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25DbG9zaW5nKGU6IEFYUGFnZUNsb3NpbmcpOiB2b2lkIHwgUHJvbWlzZTx2b2lkPiB7XG4gICAgfVxuXG4gICAgb25BY3RpdmF0ZWQoKSB7XG5cbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5vbkNsb3NlZC51bnN1YnNjcmliZSgpO1xuICAgIH1cbn1cblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQVhCYXNlUG9wdXBQYWdlQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlUGFnZUNvbXBvbmVudCB7XG5cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY29uZmlnRm9vdGVyQnV0dG9ucyh0aGlzLmdldEZvb3RlckJ1dHRvbnMoKSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuXG4gICAgcHJpdmF0ZSBfZm9vdGVyQnV0dG9uczogQVhCdXR0b25JdGVtW10gPSBbXTtcbiAgICBvbkZvb3RlckJ1dHRvbnNDaGFuZ2VkID0gbmV3IFN1YmplY3Q8QVhCdXR0b25JdGVtW10+KCk7XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGZvb3RlckJ1dHRvbnMoKTogQVhCdXR0b25JdGVtW10ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZm9vdGVyQnV0dG9ucyB8fCBbXTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgY29uZmlnRm9vdGVyQnV0dG9ucyhidXR0b25zPzogQVhCdXR0b25JdGVtW10pIHtcbiAgICAgICAgLy9kZWJ1Z2dlclxuICAgICAgICBjb25zb2xlLmxvZyhcImNvbmZpZ0Zvb3RlckJ1dHRvbnNcIiwgYnV0dG9ucyk7XG4gICAgICAgIGlmIChidXR0b25zPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHRoaXMuX2Zvb3RlckJ1dHRvbnMgPSBidXR0b25zO1xuICAgICAgICAgICAgdGhpcy5vbkZvb3RlckJ1dHRvbnNDaGFuZ2VkLm5leHQoYnV0dG9ucyk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm9uRm9vdGVyQnV0dG9uc0NoYW5nZWQubmV4dCh0aGlzLmZvb3RlckJ1dHRvbnMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25Gb290ZXJCdXR0b25DbGljayhlOiBBWE1lbnVJdGVtQ2xpY2tFdmVudCkge1xuICAgIH1cblxuICAgIGdldEZvb3RlckJ1dHRvbnMoKTogQVhCdXR0b25JdGVtW10ge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxufVxuXG5cbiJdfQ==

package/esm2022/lib/base/components.class.mjs

@@ -1,17 +1,17 @@
 import { Injectable } from "@angular/core";
 import * as i0 from "@angular/core";
 export class AXComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXComponent });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXComponent });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXComponent, decorators: [{
             type: Injectable
         }] });
 export class AXClosbaleComponent extends AXComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXClosbaleComponent });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXClosbaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXClosbaleComponent });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXClosbaleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXClosbaleComponent, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2Jhc2UvY29tcG9uZW50cy5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUczQyxNQUFNLE9BQWdCLFdBQVc7dUdBQVgsV0FBVzsyR0FBWCxXQUFXOzsyRkFBWCxXQUFXO2tCQURoQyxVQUFVOztBQUlYLE1BQU0sT0FBZ0IsbUJBQW9CLFNBQVEsV0FBVzt1R0FBdkMsbUJBQW1COzJHQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBRHhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFYQ29tcG9uZW50IHt9XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBBWENsb3NiYWxlQ29tcG9uZW50IGV4dGVuZHMgQVhDb21wb25lbnQge1xuICBhYnN0cmFjdCBjbG9zZSgpOiB2b2lkO1xufVxuIl19

package/esm2022/lib/base/element.class.mjs

@@ -7,10 +7,10 @@ export class AXBaseComponent {
     cssClass;
     uid = AXHtmlUtil.getUID();
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBaseComponent, inputs: { cssClass: "cssClass" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBaseComponent, inputs: { cssClass: "cssClass" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { cssClass: [{
                 type: Input
@@ -97,10 +97,10 @@ export class AXValidatableComponent extends AXBaseComponent {
             // label?.classList.add('error-text');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXValidatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXValidatableComponent, inputs: { tabIndex: "tabIndex" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXValidatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXValidatableComponent, inputs: { tabIndex: "tabIndex" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXValidatableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXValidatableComponent, decorators: [{
             type: Directive
         }], propDecorators: { tabIndex: [{
                 type: Input
@@ -215,10 +215,10 @@ export class AXBaseTextComponent extends AXValidatableComponent {
             htmlEvent: e,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBaseTextComponent, inputs: { tabIndex: "tabIndex", validation: "validation", disabled: "disabled", readonly: "readonly", textAlign: "textAlign", size: "size", placeholder: "placeholder", autocomplete: "autocomplete", name: "name", icon: "icon", allowClear: "allowClear", value: "value" }, outputs: { onkey: "onkey", onBlur: "onBlur", onFocus: "onFocus", onValueChanged: "onValueChanged", valueChange: "valueChange" }, queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBaseTextComponent, inputs: { tabIndex: "tabIndex", validation: "validation", disabled: "disabled", readonly: "readonly", textAlign: "textAlign", size: "size", placeholder: "placeholder", autocomplete: "autocomplete", name: "name", icon: "icon", allowClear: "allowClear", value: "value" }, outputs: { onkey: "onkey", onBlur: "onBlur", onFocus: "onFocus", onValueChanged: "onValueChanged", valueChange: "valueChange" }, queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseTextComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { tabIndex: [{
                 type: Input
@@ -268,10 +268,10 @@ export class AXBaseButtonComponent extends AXBaseComponent {
     click = new EventEmitter();
     size = 'md';
     tabIndex = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBaseButtonComponent, inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex" }, outputs: { click: "click" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBaseButtonComponent, inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex" }, outputs: { click: "click" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseButtonComponent, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input
@@ -288,10 +288,10 @@ export class AXBaseDropdownComponent extends AXBaseComponent {
     fitParent = true;
     tabIndex = 0;
     showDropDownButton = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: AXBaseDropdownComponent, inputs: { disabled: "disabled", size: "size", fitParent: "fitParent", tabIndex: "tabIndex", showDropDownButton: "showDropDownButton" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.7", type: AXBaseDropdownComponent, inputs: { disabled: "disabled", size: "size", fitParent: "fitParent", tabIndex: "tabIndex", showDropDownButton: "showDropDownButton" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXBaseDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXBaseDropdownComponent, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input

package/esm2022/lib/button/button.component.mjs

@@ -44,10 +44,10 @@ export class AXButtonComponent extends AXBaseButtonComponent {
     focusButton() {
         this.container.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXButtonComponent, selector: "ax-button", inputs: { type: "type", icon: "icon", submitBehavior: "submitBehavior", cancelBehavior: "cancelBehavior", block: "block", loading: "loading", selected: "selected" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<button #container class=\"ax button form-control {{type}} {{size}} {{cssClass}}\" [class.ax-button-icon]=\"refContent.innerText.length==0 && refContent.children.length == 0\" [class.selected]=\"selected\" [class.icon]=\"icon\"\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\n    <div class=\"button-inner-content\">\n        <ng-container *ngIf=\"icon && !loading\">\n            <i class=\"{{icon}} icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <div class=\"ax-wrapper\" #refContent>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</button>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXButtonComponent, selector: "ax-button", inputs: { type: "type", icon: "icon", submitBehavior: "submitBehavior", cancelBehavior: "cancelBehavior", block: "block", loading: "loading", selected: "selected" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<button #container class=\"ax button form-control {{type}} {{size}} {{cssClass}}\" [class.ax-button-icon]=\"refContent.innerText.length==0 && refContent.children.length == 0\" [class.selected]=\"selected\" [class.icon]=\"icon\"\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\n    <div class=\"button-inner-content\">\n        <ng-container *ngIf=\"icon && !loading\">\n            <i class=\"{{icon}} icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <div class=\"ax-wrapper\" #refContent>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</button>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button', encapsulation: ViewEncapsulation.None, template: "<button #container class=\"ax button form-control {{type}} {{size}} {{cssClass}}\" [class.ax-button-icon]=\"refContent.innerText.length==0 && refContent.children.length == 0\" [class.selected]=\"selected\" [class.icon]=\"icon\"\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\n    <div class=\"button-inner-content\">\n        <ng-container *ngIf=\"icon && !loading\">\n            <i class=\"{{icon}} icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\n        </ng-container>\n        <div class=\"ax-wrapper\" #refContent>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</button>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { container: [{

package/esm2022/lib/button/button.module.mjs

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
 const COMPONENT = [AXButtonComponent];
 const MODULES = [CommonModule];
 export class AXButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent], imports: [CommonModule], exports: [AXButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXButtonModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.7", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent], imports: [CommonModule], exports: [AXButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXButtonModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2022/lib/calendar/calendar-box/calendar-box.component.mjs

@@ -426,10 +426,10 @@ export class AXCalendarBoxComponent {
     trackByFn(index, item) {
         return item.date.date.getTime();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: { size: "size", type: "type", locale: "locale", dir: "dir", min: "min", max: "max", selectableHoliday: "selectableHoliday", dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", showTodayButton: "showTodayButton", view: "view", depth: "depth", value: "value" }, outputs: { onValueChanged: "onValueChanged", onClick: "onClick", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\n    <div class=\"ax-calendar-header\">\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"next()\">\n                {{'common.next' | trans}}\n            </ax-button>\n        </div>\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\n                <ng-container *ngSwitchCase=\"'day'\">\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'month'\">\n                    {{viewRange.startTime | dt:\"YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\n                </ng-container>\n            </ax-button>\n        </div>\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"prev()\">\n                {{'common.prev' | trans}}\n            </ax-button>\n        </div>\n    </div>\n    <div class=\"ax-calendar-body\">\n        <ng-container [ngSwitch]=\"view\">\n            <ng-container *ngSwitchCase=\"'day'\">\n                <div class=\"ax-month-items\">\n                    <ng-container *ngFor='let w of weekdays'>\n                        <div class=\"ax-month-item\">{{w}}</div>\n                    </ng-container>\n                </div>\n                <div class=\"ax-day-items\">\n                    <ng-container *ngFor=\"let r of matrix\">\n                        <div class=\"ax-day-item ax-state-event\" *ngFor=\"let d of r;trackBy:trackByFn\" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\n                            (click)=\"setDayClick($event,d)\">\n                            {{d.date.dayInMonth}}</div>\n                    </ng-container>\n\n                </div>\n            </ng-container>\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n                <ng-container *ngFor=\"let r of matrix\">\n                    <div class=\"ax-month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\n                        <strong>\n                            {{d.date| dt:\"MMM\"}}\n                        </strong>\n                    </div>\n                </ng-container>\n            </div>\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n                    <div class=\"ax-year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n\n    </div>\n    <div class=\"ax-calendar-footer\">\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n            {{getTodayName()}}\n        </ax-button>\n    </div>\n</div>", 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: { size: "size", type: "type", locale: "locale", dir: "dir", min: "min", max: "max", selectableHoliday: "selectableHoliday", dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", showTodayButton: "showTodayButton", view: "view", depth: "depth", value: "value" }, outputs: { onValueChanged: "onValueChanged", onClick: "onClick", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\n    <div class=\"ax-calendar-header\">\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"next()\">\n                {{'common.next' | trans}}\n            </ax-button>\n        </div>\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\n                <ng-container *ngSwitchCase=\"'day'\">\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'month'\">\n                    {{viewRange.startTime | dt:\"YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\n                </ng-container>\n            </ax-button>\n        </div>\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"prev()\">\n                {{'common.prev' | trans}}\n            </ax-button>\n        </div>\n    </div>\n    <div class=\"ax-calendar-body\">\n        <ng-container [ngSwitch]=\"view\">\n            <ng-container *ngSwitchCase=\"'day'\">\n                <div class=\"ax-month-items\">\n                    <ng-container *ngFor='let w of weekdays'>\n                        <div class=\"ax-month-item\">{{w}}</div>\n                    </ng-container>\n                </div>\n                <div class=\"ax-day-items\">\n                    <ng-container *ngFor=\"let r of matrix\">\n                        <div class=\"ax-day-item ax-state-event\" *ngFor=\"let d of r;trackBy:trackByFn\" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\n                            (click)=\"setDayClick($event,d)\">\n                            {{d.date.dayInMonth}}</div>\n                    </ng-container>\n\n                </div>\n            </ng-container>\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n                <ng-container *ngFor=\"let r of matrix\">\n                    <div class=\"ax-month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\n                        <strong>\n                            {{d.date| dt:\"MMM\"}}\n                        </strong>\n                    </div>\n                </ng-container>\n            </div>\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n                    <div class=\"ax-year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n\n    </div>\n    <div class=\"ax-calendar-footer\">\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n            {{getTodayName()}}\n        </ax-button>\n    </div>\n</div>", 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i3.AXDateTimePipe, name: "dt" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-calendar-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\n    <div class=\"ax-calendar-header\">\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"next()\">\n                {{'common.next' | trans}}\n            </ax-button>\n        </div>\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\n                <ng-container *ngSwitchCase=\"'day'\">\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'month'\">\n                    {{viewRange.startTime | dt:\"YYYY\"}}\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\n                </ng-container>\n            </ax-button>\n        </div>\n        <div class=\"ax-controll-button\">\n            <ax-button type=\"light blank\" (click)=\"prev()\">\n                {{'common.prev' | trans}}\n            </ax-button>\n        </div>\n    </div>\n    <div class=\"ax-calendar-body\">\n        <ng-container [ngSwitch]=\"view\">\n            <ng-container *ngSwitchCase=\"'day'\">\n                <div class=\"ax-month-items\">\n                    <ng-container *ngFor='let w of weekdays'>\n                        <div class=\"ax-month-item\">{{w}}</div>\n                    </ng-container>\n                </div>\n                <div class=\"ax-day-items\">\n                    <ng-container *ngFor=\"let r of matrix\">\n                        <div class=\"ax-day-item ax-state-event\" *ngFor=\"let d of r;trackBy:trackByFn\" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\n                            (click)=\"setDayClick($event,d)\">\n                            {{d.date.dayInMonth}}</div>\n                    </ng-container>\n\n                </div>\n            </ng-container>\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n                <ng-container *ngFor=\"let r of matrix\">\n                    <div class=\"ax-month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\n                        <strong>\n                            {{d.date| dt:\"MMM\"}}\n                        </strong>\n                    </div>\n                </ng-container>\n            </div>\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n                    <div class=\"ax-year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n\n    </div>\n    <div class=\"ax-calendar-footer\">\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n            {{getTodayName()}}\n        </ax-button>\n    </div>\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { size: [{

package/esm2022/lib/calendar/calendar-box/calendar-box.module.mjs

@@ -6,11 +6,11 @@ import { AXPopoverModule } from '../../popover/popover.module';
 import { AXButtonModule } from '../../button/button.module';
 import * as i0 from "@angular/core";
 export class AXCalendarBoxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxModule, declarations: [AXCalendarBoxComponent], imports: [CommonModule, AXButtonModule, AXPopoverModule, AXCoreModule, AXTranslatorModule], exports: [AXCalendarBoxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxModule, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXCoreModule, AXTranslatorModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxModule, declarations: [AXCalendarBoxComponent], imports: [CommonModule, AXButtonModule, AXPopoverModule, AXCoreModule, AXTranslatorModule], exports: [AXCalendarBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxModule, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXCoreModule, AXTranslatorModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXCalendarBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXCalendarBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXCalendarBoxComponent],

package/esm2022/lib/calendar/scheduler/scheduler-views.property.mjs

@@ -15,10 +15,10 @@ export class AXSchedulerViewProperty {
             this.interval = 1;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerViewProperty, deps: [{ token: 'type', attribute: true }, { token: 'caption', attribute: true }, { token: 'name', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerViewProperty, selector: "ax-scheduler-view", inputs: { interval: "interval" }, ngImport: i0, template: ``, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerViewProperty, deps: [{ token: 'type', attribute: true }, { token: 'caption', attribute: true }, { token: 'name', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXSchedulerViewProperty, selector: "ax-scheduler-view", inputs: { interval: "interval" }, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerViewProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerViewProperty, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-scheduler-view',
@@ -39,12 +39,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
 export class AXSchedulerViewsProperty {
     views;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerViewsProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AXSchedulerViewsProperty, selector: "ax-scheduler-views", queries: [{ propertyName: "views", predicate: AXSchedulerViewProperty }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerViewsProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXSchedulerViewsProperty, selector: "ax-scheduler-views", queries: [{ propertyName: "views", predicate: AXSchedulerViewProperty }], ngImport: i0, template: `
     <ng-content>
     </ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerViewsProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerViewsProperty, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-scheduler-views',

package/esm2022/lib/calendar/scheduler/scheduler.component.mjs

@@ -189,10 +189,10 @@ export class AXSchedulerComponent {
             searchText: this.searchText,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerComponent, 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: AXSchedulerComponent, selector: "ax-scheduler", inputs: { currentView: "currentView", events: "events" }, outputs: { onEventChanged: "onEventChanged" }, queries: [{ propertyName: "viewManager", first: true, predicate: AXSchedulerViewsProperty, descendants: true, static: true }, { propertyName: "toolbarView", first: true, predicate: AXToolbarSchedulerViewsComponent, descendants: true, static: true }, { propertyName: "toolbarNavigator", first: true, predicate: AXToolbarSchedulerNavigatorComponent, descendants: true, static: true }, { propertyName: "searchInput", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"ax-scheduler-views\"></ng-content>\n<div class=\"ax-scheduler\">\n    <div class=\"ax-scheduler-toolbar\" >\n        <ng-content select=\"ax-toolbar\"></ng-content>\n    </div>\n    <div class=\"view-container\" #container>\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n</div>", styles: [".ax-scheduler{height:100%;width:100%}.ax-scheduler .ax-scheduler-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-bottom:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.ax-scheduler .event-wrapper{z-index:100}.ax-scheduler .event-wrapper .event{color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler .event-wrapper .event .span{padding:1px 2px;margin:1px}.ax-scheduler .event-wrapper .event .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}.ax-scheduler .event-wrapper .event:hover,.ax-scheduler .event-wrapper .event:focus{cursor:pointer;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-scheduler table{border-collapse:collapse;table-layout:fixed;width:100%}.ax-scheduler table td.cell-slot{position:relative}.ax-scheduler table td.cell-slot:hover{background-color:var(--primary-lighter-color)}.ax-scheduler table .same-week-day{color:var(--primary-color)}.ax-scheduler th,.ax-scheduler td{padding:8px 16px;border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;position:relative}.ax-scheduler th{overflow:hidden}.ax-scheduler .view-container{height:100%}.ax-scheduler .time-column{width:80px}.ax-scheduler .h-scroll{overflow-x:auto;overflow-y:hidden;height:100%}.ax-scheduler .v-scroll{overflow-y:auto;overflow-x:hidden}.ax-scheduler .cdk-drag-placeholder{opacity:0;display:none}.event-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;padding:5px 10px;color:#fff;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.event-drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-scheduler-event.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler-event.cdk-drag-preview .span{padding:1px 2px;margin:1px}.ax-scheduler-event.cdk-drag-preview .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerComponent, 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.7", type: AXSchedulerComponent, selector: "ax-scheduler", inputs: { currentView: "currentView", events: "events" }, outputs: { onEventChanged: "onEventChanged" }, queries: [{ propertyName: "viewManager", first: true, predicate: AXSchedulerViewsProperty, descendants: true, static: true }, { propertyName: "toolbarView", first: true, predicate: AXToolbarSchedulerViewsComponent, descendants: true, static: true }, { propertyName: "toolbarNavigator", first: true, predicate: AXToolbarSchedulerNavigatorComponent, descendants: true, static: true }, { propertyName: "searchInput", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"ax-scheduler-views\"></ng-content>\n<div class=\"ax-scheduler\">\n    <div class=\"ax-scheduler-toolbar\" >\n        <ng-content select=\"ax-toolbar\"></ng-content>\n    </div>\n    <div class=\"view-container\" #container>\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n</div>", styles: [".ax-scheduler{height:100%;width:100%}.ax-scheduler .ax-scheduler-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-bottom:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.ax-scheduler .event-wrapper{z-index:100}.ax-scheduler .event-wrapper .event{color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler .event-wrapper .event .span{padding:1px 2px;margin:1px}.ax-scheduler .event-wrapper .event .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}.ax-scheduler .event-wrapper .event:hover,.ax-scheduler .event-wrapper .event:focus{cursor:pointer;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-scheduler table{border-collapse:collapse;table-layout:fixed;width:100%}.ax-scheduler table td.cell-slot{position:relative}.ax-scheduler table td.cell-slot:hover{background-color:var(--primary-lighter-color)}.ax-scheduler table .same-week-day{color:var(--primary-color)}.ax-scheduler th,.ax-scheduler td{padding:8px 16px;border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;position:relative}.ax-scheduler th{overflow:hidden}.ax-scheduler .view-container{height:100%}.ax-scheduler .time-column{width:80px}.ax-scheduler .h-scroll{overflow-x:auto;overflow-y:hidden;height:100%}.ax-scheduler .v-scroll{overflow-y:auto;overflow-x:hidden}.ax-scheduler .cdk-drag-placeholder{opacity:0;display:none}.event-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;padding:5px 10px;color:#fff;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.event-drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-scheduler-event.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler-event.cdk-drag-preview .span{padding:1px 2px;margin:1px}.ax-scheduler-event.cdk-drag-preview .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler', encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-scheduler-views\"></ng-content>\n<div class=\"ax-scheduler\">\n    <div class=\"ax-scheduler-toolbar\" >\n        <ng-content select=\"ax-toolbar\"></ng-content>\n    </div>\n    <div class=\"view-container\" #container>\n        <ng-template cdkPortalOutlet></ng-template>\n    </div>\n</div>", styles: [".ax-scheduler{height:100%;width:100%}.ax-scheduler .ax-scheduler-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-bottom:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.ax-scheduler .event-wrapper{z-index:100}.ax-scheduler .event-wrapper .event{color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler .event-wrapper .event .span{padding:1px 2px;margin:1px}.ax-scheduler .event-wrapper .event .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}.ax-scheduler .event-wrapper .event:hover,.ax-scheduler .event-wrapper .event:focus{cursor:pointer;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px -1px #0003}.ax-scheduler table{border-collapse:collapse;table-layout:fixed;width:100%}.ax-scheduler table td.cell-slot{position:relative}.ax-scheduler table td.cell-slot:hover{background-color:var(--primary-lighter-color)}.ax-scheduler table .same-week-day{color:var(--primary-color)}.ax-scheduler th,.ax-scheduler td{padding:8px 16px;border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;position:relative}.ax-scheduler th{overflow:hidden}.ax-scheduler .view-container{height:100%}.ax-scheduler .time-column{width:80px}.ax-scheduler .h-scroll{overflow-x:auto;overflow-y:hidden;height:100%}.ax-scheduler .v-scroll{overflow-y:auto;overflow-x:hidden}.ax-scheduler .cdk-drag-placeholder{opacity:0;display:none}.event-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;padding:5px 10px;color:#fff;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.event-drag-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.ax-scheduler-event.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler-event.cdk-drag-preview .span{padding:1px 2px;margin:1px}.ax-scheduler-event.cdk-drag-preview .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { portalOutlet: [{

package/esm2022/lib/calendar/scheduler/scheduler.module.mjs

@@ -16,8 +16,8 @@ import { AXToolbarModule } from '../../toolbar/toolbar.module';
 import { AXPopoverModule } from '../../popover/popover.module';
 import * as i0 from "@angular/core";
 export class AXSchedulerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerModule, declarations: [AXSchedulerComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerModule, declarations: [AXSchedulerComponent,
             AXSchedulerViewsProperty,
             AXSchedulerViewProperty,
             AXSchedulerDayTimeViewComponent,
@@ -34,9 +34,9 @@ export class AXSchedulerModule {
             AXSchedulerTimelineViewComponent,
             AXToolbarSchedulerViewsComponent,
             AXToolbarSchedulerNavigatorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerModule, imports: [CommonModule, AXCoreModule, AXCalendarBoxModule, AXToolbarModule, AXPopoverModule, PortalModule, DragDropModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerModule, imports: [CommonModule, AXCoreModule, AXCalendarBoxModule, AXToolbarModule, AXPopoverModule, PortalModule, DragDropModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AXSchedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXSchedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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.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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", 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.6", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", 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.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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarSchedulerViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", 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.6", ngImport: i0, type: AXToolbarSchedulerViewsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", 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.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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", 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.7", 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", "cdkDropListElementContainer"], 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.6", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", 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.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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", 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.7", 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", "cdkDropListElementContainer"], 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.6", ngImport: i0, type: AXSchedulerDayTimeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", 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 }] });