npm - @acorex/components - Versions diffs - 4.1.2 → 4.1.5 - Mend

@acorex/components 4.1.2 → 4.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/esm2020/lib/accordion/accordion.component.mjs CHANGED Viewed

@@ -27,9 +27,9 @@ export class AXAccordionComponent extends AXBaseComponent {
         }
     }
 }
-AXAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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: "13.3.10", ngImport: i0, type: AXAccordionComponent, decorators: [{
+AXAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXAccordionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "ax-accordion",

package/esm2020/lib/accordion/accordion.module.mjs CHANGED Viewed

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

package/esm2020/lib/base/base-page.class.mjs CHANGED Viewed

@@ -49,9 +49,9 @@ export class AXBasePageComponent {
         this.onClosed.unsubscribe();
     }
 }
-AXBasePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXBasePageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXBasePageComponent, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: AXPageComponent, descendants: true, static: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBasePageComponent, decorators: [{
+AXBasePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXBasePageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXBasePageComponent, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: AXPageComponent, descendants: true, static: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBasePageComponent, decorators: [{
             type: Directive
         }], propDecorators: { pageContainer: [{
                 type: ViewChild,
@@ -84,9 +84,9 @@ export class AXBasePopupPageComponent extends AXBasePageComponent {
         return [];
     }
 }
-AXBasePopupPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBasePopupPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXBasePopupPageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXBasePopupPageComponent, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBasePopupPageComponent, decorators: [{
+AXBasePopupPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBasePopupPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXBasePopupPageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXBasePopupPageComponent, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBasePopupPageComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1wYWdlLmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9iYXNlL2Jhc2UtcGFnZS5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUUvQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDO0FBRXZDLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxXQUFnQjtDQUNyRDtBQUNELE1BQU0sT0FBTyxhQUFhO0lBQTFCO1FBQ0ksV0FBTSxHQUFZLEtBQUssQ0FBQztJQUU1QixDQUFDO0NBQUE7QUFFRCxNQUFNLE9BQU8sWUFBWTtDQUd4QjtBQUVELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxPQUFxQjtJQUcxRCxZQUNJLFFBQzJDO1FBRTNDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRU0sS0FBSztRQUNSLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDdEI7SUFDTCxDQUFDO0NBQ0o7QUFHRCxNQUFNLE9BQWdCLG1CQUFtQjtJQUR6QztRQU1ZLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFZcEMsYUFBUSxHQUFtQyxJQUFJLFlBQVksRUFBb0IsQ0FBQztLQWVuRjtJQTFCRyxJQUFXLFNBQVM7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFXLFNBQVMsQ0FBQyxDQUFVO1FBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1NBQ2pEO0lBQ0wsQ0FBQztJQUtELEtBQUssQ0FBQyxJQUFVO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJO1NBQ2IsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFnQjtJQUMxQixDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7aUhBL0JpQixtQkFBbUI7cUdBQW5CLG1CQUFtQix5RUFFMUIsZUFBZTs0RkFGUixtQkFBbUI7a0JBRHhDLFNBQVM7OEJBSUUsYUFBYTtzQkFEcEIsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztBQWlDaEQsTUFBTSxPQUFnQix3QkFBeUIsU0FBUSxtQkFBbUI7SUFPdEU7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQU9KLG1CQUFjLEdBQW1CLEVBQUUsQ0FBQztRQUM1QywyQkFBc0IsR0FBRyxJQUFJLE9BQU8sRUFBa0IsQ0FBQztRQVBuRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDdEQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBTUQsSUFBYyxhQUFhO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGNBQWMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVTLG1CQUFtQixDQUFDLE9BQXdCO1FBQ2xELElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUM7WUFDOUIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUM3QzthQUNJO1lBQ0QsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDeEQ7SUFDTCxDQUFDO0lBRUQsbUJBQW1CLENBQUMsQ0FBdUI7SUFDM0MsQ0FBQztJQUVELGdCQUFnQjtRQUNaLE9BQU8sRUFBRSxDQUFDO0lBQ2QsQ0FBQzs7c0hBckNpQix3QkFBd0I7MEdBQXhCLHdCQUF3Qjs0RkFBeEIsd0JBQXdCO2tCQUQ3QyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWERhdGFFdmVudCB9IGZyb20gJy4vZXZlbnRzLmNsYXNzJztcclxuaW1wb3J0IHsgQVhNZW51SXRlbUNsaWNrRXZlbnQgfSBmcm9tICcuLi9tZW51L21lbnUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhCdXR0b25JdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcclxuaW1wb3J0IHsgQVhQYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vcGFnZS9wYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbmV4cG9ydCBjb25zdCBUQUJfTUVUQV9LRVkgPSAnX19tZXRhX18nO1xyXG5cclxuZXhwb3J0IGNsYXNzIEFYUGFnZUNsb3NlRXZlbnQgZXh0ZW5kcyBBWERhdGFFdmVudDxhbnk+IHtcclxufVxyXG5leHBvcnQgY2xhc3MgQVhQYWdlQ2xvc2luZyB7XHJcbiAgICBjYW5jZWw6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIGRhdGE/OiBhbnk7XHJcbn1cclxuXHJcbmV4cG9ydCBjbGFzcyBBWFBhZ2VSZXN1bHQge1xyXG4gICAgc2VuZGVyOiBhbnk7XHJcbiAgICBkYXRhPzogYW55O1xyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgQVhQYWdlQ2xvc2VkUHJvbWlzZSBleHRlbmRzIFByb21pc2U8QVhQYWdlUmVzdWx0PiB7XHJcblxyXG4gICAgcHJpdmF0ZSBjbG9zZU1ldGhvZDogKCkgPT4gdm9pZDtcclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGV4ZWN1dG9yOiAocmVzb2x2ZTogKHZhbHVlPzogQVhQYWdlUmVzdWx0IHwgUHJvbWlzZUxpa2U8QVhQYWdlUmVzdWx0PikgPT4gdm9pZCxcclxuICAgICAgICAgICAgcmVqZWN0OiAocmVhc29uPzogYW55KSA9PiB2b2lkKSA9PiB2b2lkXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihleGVjdXRvcik7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGNsb3NlKCkge1xyXG4gICAgICAgIGlmICh0aGlzLmNsb3NlTWV0aG9kKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY2xvc2VNZXRob2QoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoKVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQVhCYXNlUGFnZUNvbXBvbmVudCB7XHJcblxyXG4gICAgQFZpZXdDaGlsZChBWFBhZ2VDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgICBwcml2YXRlIHBhZ2VDb250YWluZXI6IEFYUGFnZUNvbXBvbmVudDtcclxuXHJcbiAgICBwcml2YXRlIF9pc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHB1YmxpYyBnZXQgaXNMb2FkaW5nKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9pc0xvYWRpbmc7XHJcbiAgICB9XHJcbiAgICBwdWJsaWMgc2V0IGlzTG9hZGluZyh2OiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5faXNMb2FkaW5nID0gdjtcclxuICAgICAgICBpZiAodGhpcy5wYWdlQ29udGFpbmVyKSB7XHJcbiAgICAgICAgICAgIHRoaXMucGFnZUNvbnRhaW5lci5pc0xvYWRpbmcgPSB0aGlzLmlzTG9hZGluZztcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG5cclxuICAgIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhQYWdlQ2xvc2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYUGFnZUNsb3NlRXZlbnQ+KCk7XHJcblxyXG4gICAgY2xvc2UoZGF0YT86IGFueSkge1xyXG4gICAgICAgIHRoaXMub25DbG9zZWQuZW1pdCh7XHJcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgICAgICAgZGF0YTogZGF0YVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uQ2xvc2luZyhlOiBBWFBhZ2VDbG9zaW5nKTogdm9pZCB8IFByb21pc2U8dm9pZD4ge1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25EZXN0cm95KCkge1xyXG4gICAgICAgIHRoaXMub25DbG9zZWQudW5zdWJzY3JpYmUoKTtcclxuICAgIH1cclxufVxyXG5cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBBWEJhc2VQb3B1cFBhZ2VDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VQYWdlQ29tcG9uZW50IHtcclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMuY29uZmlnRm9vdGVyQnV0dG9ucyh0aGlzLmdldEZvb3RlckJ1dHRvbnMoKSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIHByaXZhdGUgX2Zvb3RlckJ1dHRvbnM6IEFYQnV0dG9uSXRlbVtdID0gW107XHJcbiAgICBvbkZvb3RlckJ1dHRvbnNDaGFuZ2VkID0gbmV3IFN1YmplY3Q8QVhCdXR0b25JdGVtW10+KCk7XHJcblxyXG4gICAgcHJvdGVjdGVkIGdldCBmb290ZXJCdXR0b25zKCk6IEFYQnV0dG9uSXRlbVtdIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fZm9vdGVyQnV0dG9ucyB8fCBbXTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgY29uZmlnRm9vdGVyQnV0dG9ucyhidXR0b25zPzogQVhCdXR0b25JdGVtW10pIHtcclxuICAgICAgICBpZiAoYnV0dG9ucykge1xyXG4gICAgICAgICAgICB0aGlzLl9mb290ZXJCdXR0b25zID0gYnV0dG9ucztcclxuICAgICAgICAgICAgdGhpcy5vbkZvb3RlckJ1dHRvbnNDaGFuZ2VkLm5leHQoYnV0dG9ucyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLm9uRm9vdGVyQnV0dG9uc0NoYW5nZWQubmV4dCh0aGlzLmZvb3RlckJ1dHRvbnMpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvbkZvb3RlckJ1dHRvbkNsaWNrKGU6IEFYTWVudUl0ZW1DbGlja0V2ZW50KSB7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0Rm9vdGVyQnV0dG9ucygpOiBBWEJ1dHRvbkl0ZW1bXSB7XHJcbiAgICAgICAgcmV0dXJuIFtdO1xyXG4gICAgfVxyXG59XHJcblxyXG5cclxuIl19

package/esm2020/lib/base/element.class.mjs CHANGED Viewed

@@ -8,9 +8,9 @@ export class AXBaseComponent {
         this.uid = AXHtmlUtil.getUID();
     }
 }
-AXBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXBaseComponent, inputs: { cssClass: "cssClass" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseComponent, decorators: [{
+AXBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXBaseComponent, inputs: { cssClass: "cssClass" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; }, propDecorators: { cssClass: [{
                 type: Input
@@ -91,9 +91,9 @@ export class AXValidatableComponent extends AXBaseComponent {
         }
     }
 }
-AXValidatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXValidatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AXValidatableComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXValidatableComponent, inputs: { tabIndex: "tabIndex" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXValidatableComponent, decorators: [{
+AXValidatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXValidatableComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AXValidatableComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXValidatableComponent, inputs: { tabIndex: "tabIndex" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXValidatableComponent, decorators: [{
             type: Directive
         }], propDecorators: { tabIndex: [{
                 type: Input
@@ -199,9 +199,9 @@ export class AXBaseTextComponent extends AXValidatableComponent {
         });
     }
 }
-AXBaseTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AXBaseTextComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", 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: "input", first: true, predicate: ["input"], descendants: true, static: true }, { 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: "13.3.10", ngImport: i0, type: AXBaseTextComponent, decorators: [{
+AXBaseTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AXBaseTextComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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: "input", first: true, predicate: ["input"], descendants: true, static: true }, { 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: "13.3.11", ngImport: i0, type: AXBaseTextComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { tabIndex: [{
                 type: Input
@@ -255,9 +255,9 @@ export class AXBaseButtonComponent extends AXBaseComponent {
         this.tabIndex = 0;
     }
 }
-AXBaseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AXBaseButtonComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXBaseButtonComponent, inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex" }, outputs: { click: "click" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseButtonComponent, decorators: [{
+AXBaseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AXBaseButtonComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXBaseButtonComponent, inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex" }, outputs: { click: "click" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseButtonComponent, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input
@@ -276,9 +276,9 @@ export class AXBaseDropdownComponent extends AXBaseComponent {
         this.showDropDownButton = true;
     }
 }
-AXBaseDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AXBaseDropdownComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.10", type: AXBaseDropdownComponent, inputs: { disabled: "disabled", size: "size", fitParent: "fitParent", tabIndex: "tabIndex", showDropDownButton: "showDropDownButton" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXBaseDropdownComponent, decorators: [{
+AXBaseDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AXBaseDropdownComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AXBaseDropdownComponent, inputs: { disabled: "disabled", size: "size", fitParent: "fitParent", tabIndex: "tabIndex", showDropDownButton: "showDropDownButton" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXBaseDropdownComponent, decorators: [{
             type: Directive
         }], propDecorators: { disabled: [{
                 type: Input

package/esm2020/lib/button/button.component.mjs CHANGED Viewed

@@ -42,9 +42,9 @@ export class AXButtonComponent extends AXBaseButtonComponent {
         this.container.nativeElement.focus();
     }
 }
-AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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\"\r\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\r\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\r\n    <div class=\"button-inner-content\">\r\n        <ng-container *ngIf=\"icon && !loading\">\r\n            <i class=\"{{icon}} icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"loading\">\r\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <div class=\"ax-wrapper\" #refContent>\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</button>", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonComponent, decorators: [{
+AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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\"\r\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\r\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\r\n    <div class=\"button-inner-content\">\r\n        <ng-container *ngIf=\"icon && !loading\">\r\n            <i class=\"{{icon}} icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"loading\">\r\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <div class=\"ax-wrapper\" #refContent>\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</button>", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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\"\r\n    [class.icon]=\"loading\" [class.disabled]=\"disabled || loading\" (click)=\"handleClick($event)\" [disabled]=\"disabled\"\r\n    [ngStyle]=\"{'width.%': block ? 100 : 'auto'}\" [attr.tabindex]=\"tabIndex\">\r\n    <div class=\"button-inner-content\">\r\n        <ng-container *ngIf=\"icon && !loading\">\r\n            <i class=\"{{icon}} icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"loading\">\r\n            <i class=\"far fa-circle-notch fa-spin icon\"></i>\r\n            <ng-container *ngIf=\"refContent.innerText.length==0 && refContent.children.length == 0\"></ng-container>\r\n        </ng-container>\r\n        <div class=\"ax-wrapper\" #refContent>\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</button>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { container: [{

package/esm2020/lib/button/button.module.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ const COMPONENT = [AXButtonComponent];
 const MODULES = [CommonModule];
 export class AXButtonModule {
 }
-AXButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent], imports: [CommonModule], exports: [AXButtonComponent] });
-AXButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonModule, providers: [], imports: [[...MODULES]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXButtonModule, decorators: [{
+AXButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent], imports: [CommonModule], exports: [AXButtonComponent] });
+AXButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXButtonModule, providers: [], imports: [[...MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/esm2020/lib/calendar/calendar-box/calendar-box.component.mjs CHANGED Viewed

@@ -371,9 +371,9 @@ export class AXCalendarBoxComponent {
         return item.date.date.getTime();
     }
 }
-AXCalendarBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXCalendarBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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=\"calendar-body ax {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"calendar-selector\">\r\n        <div class=\"arrows left-arrow\" (click)=\"prev()\">\r\n            <i class=\"far fa-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"selector-name\" (click)=\"changeView()\" [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                {{viewRange.startTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"arrows right-arrow\" (click)=\"next()\">\r\n            <i class=\"far fa-chevron-right\"></i>\r\n        </div>\r\n    </div>\r\n    <div class=\"view\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <table>\r\n                    <thead>\r\n                        <tr class=\"days-name calendar-row\">\r\n                            <th class=\"calendar-item\" *ngFor='let w of weekdays'>{{w}}</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td *ngFor=\"let d of r;trackBy:trackByFn\" class=\"calendar-item \" [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):''\"\r\n                                (click)=\"setDayClick($event,d)\">\r\n                                <div>\r\n                                    {{d.date.dayInMonth}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date| dt:\"MMM\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'year'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date | dt:\"YYYY\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div style=\"padding: 5px;\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" size=\"sm\" type=\"primary\" block=\"'true'\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div> -->\r\n\r\n\r\n\r\n<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"ax-calendar-header\">\r\n\r\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\r\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\r\n                <ng-container *ngSwitchCase=\"'day'\">\r\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'month'\">\r\n                    {{viewRange.startTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchDefault>\r\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n            </ax-button>\r\n        </div>\r\n\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-down\" (click)=\"next()\"></ax-button>\r\n        </div>\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-up\" (click)=\"prev()\"></ax-button>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <div class=\"ax-month-items\">\r\n                    <ng-container *ngFor='let w of weekdays'>\r\n                        <div class=\"ax-month-item\"><strong>{{w}}</strong></div>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ax-day-items\">\r\n                    <ng-container *ngFor=\"let r of matrix\">\r\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):''\"\r\n                            (click)=\"setDayClick($event,d)\">\r\n                            {{d.date.dayInMonth}}</div>\r\n                    </ng-container>\r\n\r\n                </div>\r\n            </ng-container>\r\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\r\n                <ng-container *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>\r\n                            {{d.date| dt:\"MMM\"}}\r\n                        </strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\r\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "dt": i3.AXDateTimePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
+AXCalendarBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXCalendarBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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=\"calendar-body ax {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"calendar-selector\">\r\n        <div class=\"arrows left-arrow\" (click)=\"prev()\">\r\n            <i class=\"far fa-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"selector-name\" (click)=\"changeView()\" [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                {{viewRange.startTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"arrows right-arrow\" (click)=\"next()\">\r\n            <i class=\"far fa-chevron-right\"></i>\r\n        </div>\r\n    </div>\r\n    <div class=\"view\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <table>\r\n                    <thead>\r\n                        <tr class=\"days-name calendar-row\">\r\n                            <th class=\"calendar-item\" *ngFor='let w of weekdays'>{{w}}</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td *ngFor=\"let d of r;trackBy:trackByFn\" class=\"calendar-item \" [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):''\"\r\n                                (click)=\"setDayClick($event,d)\">\r\n                                <div>\r\n                                    {{d.date.dayInMonth}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date| dt:\"MMM\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'year'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date | dt:\"YYYY\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div style=\"padding: 5px;\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" size=\"sm\" type=\"primary\" block=\"'true'\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div> -->\r\n\r\n\r\n\r\n<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"ax-calendar-header\">\r\n\r\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\r\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\r\n                <ng-container *ngSwitchCase=\"'day'\">\r\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'month'\">\r\n                    {{viewRange.startTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchDefault>\r\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n            </ax-button>\r\n        </div>\r\n\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-down\" (click)=\"next()\"></ax-button>\r\n        </div>\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-up\" (click)=\"prev()\"></ax-button>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <div class=\"ax-month-items\">\r\n                    <ng-container *ngFor='let w of weekdays'>\r\n                        <div class=\"ax-month-item\"><strong>{{w}}</strong></div>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ax-day-items\">\r\n                    <ng-container *ngFor=\"let r of matrix\">\r\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):''\"\r\n                            (click)=\"setDayClick($event,d)\">\r\n                            {{d.date.dayInMonth}}</div>\r\n                    </ng-container>\r\n\r\n                </div>\r\n            </ng-container>\r\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\r\n                <ng-container *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>\r\n                            {{d.date| dt:\"MMM\"}}\r\n                        </strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\r\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "dt": i3.AXDateTimePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-calendar-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"calendar-body ax {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"calendar-selector\">\r\n        <div class=\"arrows left-arrow\" (click)=\"prev()\">\r\n            <i class=\"far fa-chevron-left\"></i>\r\n        </div>\r\n        <div class=\"selector-name\" (click)=\"changeView()\" [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                {{viewRange.startTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n            </ng-container>\r\n        </div>\r\n        <div class=\"arrows right-arrow\" (click)=\"next()\">\r\n            <i class=\"far fa-chevron-right\"></i>\r\n        </div>\r\n    </div>\r\n    <div class=\"view\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <table>\r\n                    <thead>\r\n                        <tr class=\"days-name calendar-row\">\r\n                            <th class=\"calendar-item\" *ngFor='let w of weekdays'>{{w}}</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td *ngFor=\"let d of r;trackBy:trackByFn\" class=\"calendar-item \" [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):''\"\r\n                                (click)=\"setDayClick($event,d)\">\r\n                                <div>\r\n                                    {{d.date.dayInMonth}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'month'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date| dt:\"MMM\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'year'\">\r\n                <table>\r\n                    <tbody>\r\n                        <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n                            <td class=\"calendar-item year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n                                <div>\r\n                                    {{d.date | dt:\"YYYY\"}}\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div style=\"padding: 5px;\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" size=\"sm\" type=\"primary\" block=\"'true'\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div> -->\r\n\r\n\r\n\r\n<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\r\n    <div class=\"ax-calendar-header\">\r\n\r\n        <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\r\n            <ax-button type=\"light blank\" (click)=\"changeView()\">\r\n                <ng-container *ngSwitchCase=\"'day'\">\r\n                    {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'month'\">\r\n                    {{viewRange.startTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchDefault>\r\n                    {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n                </ng-container>\r\n            </ax-button>\r\n        </div>\r\n\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-down\" (click)=\"next()\"></ax-button>\r\n        </div>\r\n        <div class=\"ax-controll-button\">\r\n            <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-up\" (click)=\"prev()\"></ax-button>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <ng-container [ngSwitch]=\"view\">\r\n            <ng-container *ngSwitchCase=\"'day'\">\r\n                <div class=\"ax-month-items\">\r\n                    <ng-container *ngFor='let w of weekdays'>\r\n                        <div class=\"ax-month-item\"><strong>{{w}}</strong></div>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ax-day-items\">\r\n                    <ng-container *ngFor=\"let r of matrix\">\r\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):''\"\r\n                            (click)=\"setDayClick($event,d)\">\r\n                            {{d.date.dayInMonth}}</div>\r\n                    </ng-container>\r\n\r\n                </div>\r\n            </ng-container>\r\n            <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\r\n                <ng-container *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>\r\n                            {{d.date| dt:\"MMM\"}}\r\n                        </strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n            <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\r\n                <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\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)\">\r\n                        <strong>{{d.date | dt:\"YYYY\"}}</strong>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\r\n            {{getTodayName()}}\r\n        </ax-button>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { size: [{

package/esm2020/lib/calendar/calendar-box/calendar-box.module.mjs CHANGED Viewed

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

package/esm2020/lib/calendar/scheduler/scheduler-views.property.mjs CHANGED Viewed

@@ -12,9 +12,9 @@ export class AXSchedulerViewProperty {
         }
     }
 }
-AXSchedulerViewProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerViewProperty, deps: [{ token: 'type', attribute: true }, { token: 'caption', attribute: true }, { token: 'name', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-AXSchedulerViewProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXSchedulerViewProperty, selector: "ax-scheduler-view", inputs: { interval: "interval" }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerViewProperty, decorators: [{
+AXSchedulerViewProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerViewProperty, deps: [{ token: 'type', attribute: true }, { token: 'caption', attribute: true }, { token: 'name', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+AXSchedulerViewProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSchedulerViewProperty, selector: "ax-scheduler-view", inputs: { interval: "interval" }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerViewProperty, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-scheduler-view',
@@ -35,11 +35,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImpo
 export class AXSchedulerViewsProperty {
     constructor() { }
 }
-AXSchedulerViewsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerViewsProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXSchedulerViewsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXSchedulerViewsProperty, selector: "ax-scheduler-views", queries: [{ propertyName: "views", predicate: AXSchedulerViewProperty }], ngImport: i0, template: `
+AXSchedulerViewsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerViewsProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXSchedulerViewsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.10", ngImport: i0, type: AXSchedulerViewsProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerViewsProperty, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-scheduler-views',

package/esm2020/lib/calendar/scheduler/scheduler.component.mjs CHANGED Viewed

@@ -177,9 +177,9 @@ export class AXSchedulerComponent {
         });
     }
 }
-AXSchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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>\r\n<div class=\"ax-scheduler\">\r\n    <div class=\"ax-scheduler-toolbar\" >\r\n        <ng-content select=\"ax-toolbar\"></ng-content>\r\n    </div>\r\n    <div class=\"view-container\" #container>\r\n        <ng-template cdkPortalOutlet></ng-template>\r\n    </div>\r\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:-webkit-grabbing;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:-webkit-grabbing;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"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerComponent, decorators: [{
+AXSchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXSchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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>\r\n<div class=\"ax-scheduler\">\r\n    <div class=\"ax-scheduler-toolbar\" >\r\n        <ng-content select=\"ax-toolbar\"></ng-content>\r\n    </div>\r\n    <div class=\"view-container\" #container>\r\n        <ng-template cdkPortalOutlet></ng-template>\r\n    </div>\r\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:-webkit-grabbing;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:-webkit-grabbing;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"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-scheduler', encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-scheduler-views\"></ng-content>\r\n<div class=\"ax-scheduler\">\r\n    <div class=\"ax-scheduler-toolbar\" >\r\n        <ng-content select=\"ax-toolbar\"></ng-content>\r\n    </div>\r\n    <div class=\"view-container\" #container>\r\n        <ng-template cdkPortalOutlet></ng-template>\r\n    </div>\r\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:-webkit-grabbing;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:-webkit-grabbing;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: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { portalOutlet: [{

package/esm2020/lib/calendar/scheduler/scheduler.module.mjs CHANGED Viewed

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

package/esm2020/lib/calendar/scheduler/toolbars/scheduler-toolbar-navigator.mjs CHANGED Viewed

@@ -95,15 +95,15 @@ export class AXToolbarSchedulerNavigatorComponent {
         }
     }
 }
-AXToolbarSchedulerNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXToolbarSchedulerNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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: `
+AXToolbarSchedulerNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXToolbarSchedulerNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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>
         <ax-calendar-box (onValueChanged)="onDateChange($event)" [depth]="viewDepth" #cal></ax-calendar-box>
     </ax-popover>
 </div>`, isInline: true, components: [{ type: i1.AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "selection", "items"], outputs: ["onItemClick"] }, { type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "visible"] }, { type: i3.AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-toolbar-scheduler-navigator',

package/esm2020/lib/calendar/scheduler/toolbars/scheduler-toolbar-views.mjs CHANGED Viewed

@@ -15,11 +15,11 @@ export class AXToolbarSchedulerViewsComponent {
         this.onViewChanged.emit(e.name);
     }
 }
-AXToolbarSchedulerViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarSchedulerViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXToolbarSchedulerViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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: `
+AXToolbarSchedulerViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarSchedulerViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXToolbarSchedulerViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, components: [{ type: i1.AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "selection", "items"], outputs: ["onItemClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXToolbarSchedulerViewsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXToolbarSchedulerViewsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-toolbar-scheduler-view',

package/esm2020/lib/calendar/scheduler/views/agenda/scheduler-agenda-view.component.mjs CHANGED Viewed

@@ -38,9 +38,9 @@ export class AXSchedulerAgendaViewComponent extends AXSchedulerBaseViewComponent
         this.navigate(this.navigatorDate.addDay(-this.interval));
     }
 }
-AXSchedulerAgendaViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSchedulerAgendaViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXSchedulerAgendaViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-agenda-view\">\r\n    <table class=\"body\" cdkDropListGroup>\r\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\r\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\r\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\r\n                <td class=\"day-column\">\r\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\r\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\r\n                </td>\r\n                <td class=\"day-border\">\r\n                    <ul *ngIf=\"slot.events.length\">\r\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\r\n                            [attr.data-uid]=\"e.uid\">\r\n                            <div class=\"event-title\">{{e.title}}</div>\r\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\r\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\r\n                            <ng-template #a>\r\n                                {{e.range.endTime | dt:\"HH:mm\"}}\r\n                            </ng-template>\r\n                            <ng-template #b>\r\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\r\n                            </ng-template>\r\n\r\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                {{e.title}}\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n        <ng-template #elseTemplate>\r\n            <tbody>\r\n                <tr>\r\n                    <td colspan=\"2\">\r\n                        <div class=\"event-empty\">No events</div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </ng-template>\r\n    </table>\r\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"], directives: [{ type: i1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.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"] }, { type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }], pipes: { "dt": i3.AXDateTimePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
+AXSchedulerAgendaViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerAgendaViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXSchedulerAgendaViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSchedulerAgendaViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-agenda-view\">\r\n    <table class=\"body\" cdkDropListGroup>\r\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\r\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\r\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\r\n                <td class=\"day-column\">\r\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\r\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\r\n                </td>\r\n                <td class=\"day-border\">\r\n                    <ul *ngIf=\"slot.events.length\">\r\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\r\n                            [attr.data-uid]=\"e.uid\">\r\n                            <div class=\"event-title\">{{e.title}}</div>\r\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\r\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\r\n                            <ng-template #a>\r\n                                {{e.range.endTime | dt:\"HH:mm\"}}\r\n                            </ng-template>\r\n                            <ng-template #b>\r\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\r\n                            </ng-template>\r\n\r\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                {{e.title}}\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n        <ng-template #elseTemplate>\r\n            <tbody>\r\n                <tr>\r\n                    <td colspan=\"2\">\r\n                        <div class=\"event-empty\">No events</div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </ng-template>\r\n    </table>\r\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"], directives: [{ type: i1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.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"] }, { type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }], pipes: { "dt": i3.AXDateTimePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerAgendaViewComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerAgendaViewComponent }], template: "<div class=\"view ax-scheduler-agenda-view\">\r\n    <table class=\"body\" cdkDropListGroup>\r\n        <tbody *ngIf=\"slots.length; else elseTemplate\">\r\n            <tr *ngFor=\"let slot of slots\" cdkDropList [cdkDropListData]=\"slot\" [attr.data-uid]=\"slot.uid\"\r\n                (cdkDropListDropped)=\"onDragDropOnDay($event)\">\r\n                <td class=\"day-column\">\r\n                    <div class=\"day-num\">{{slot.range.startTime | dt:\"DD\"}}</div>\r\n                    <div class=\"day-name\">{{slot.range.startTime | dt:\"ddd\"}}</div>\r\n                </td>\r\n                <td class=\"day-border\">\r\n                    <ul *ngIf=\"slot.events.length\">\r\n                        <li *ngFor=\"let e of slot.events\" [style.border-color]=\"e.color\" cdkDrag [cdkDragData]=\"e\"\r\n                            [attr.data-uid]=\"e.uid\">\r\n                            <div class=\"event-title\">{{e.title}}</div>\r\n                            <div class=\"event-time\">{{e.range.startTime | dt:\"HH:mm\"}} - <span\r\n                                    *ngIf=\"e.range.duration('days')!=0 then a else b\"></span></div>\r\n                            <ng-template #a>\r\n                                {{e.range.endTime | dt:\"HH:mm\"}}\r\n                            </ng-template>\r\n                            <ng-template #b>\r\n                                {{e.range.endTime | dt:\"YYYY-MM-DD HH:mm\"}}\r\n                            </ng-template>\r\n\r\n                            <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                {{e.title}}\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"!slot.events.length\" class=\"event-empty\">No events</div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n        <ng-template #elseTemplate>\r\n            <tbody>\r\n                <tr>\r\n                    <td colspan=\"2\">\r\n                        <div class=\"event-empty\">No events</div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </ng-template>\r\n    </table>\r\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: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });

package/esm2020/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.mjs CHANGED Viewed

@@ -86,9 +86,9 @@ export class AXSchedulerDayTimeViewComponent extends AXSchedulerBaseViewComponen
         return a.indexOf(event);
     }
 }
-AXSchedulerDayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerDayTimeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSchedulerDayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: AXSchedulerDayTimeViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-day-time-view\">\r\n    <table class=\"header\">\r\n        <thead>\r\n            <th class=\"time-column\"></th>\r\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\r\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\r\n                    {{d.range.startTime | dt: 'ddd'}}<br>\r\n                    {{d.range.startTime | dt: 'DD'}}\r\n                </div>\r\n            </th>\r\n        </thead>\r\n    </table>\r\n    <div class=\"v-scroll\">\r\n        <table class=\"body\" cdkDropListGroup>\r\n            <tbody>\r\n                <tr *ngFor=\"let t of times\">\r\n                    <td>\r\n                        {{t.display}}\r\n                    </td>\r\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\r\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\r\n                        <div class=\"event-wrapper\">\r\n                            <ng-container *ngFor=\"let e of d.events\">\r\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\r\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\r\n                                    cdkDrag [cdkDragData]=\"e\" \r\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\r\n                                    <div class=\"event-title\">{{e.title}}</div>\r\n                                    <div>\r\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\r\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\r\n                                    </div>\r\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                        {{e.title}}\r\n                                    </div>\r\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0px;left:0px;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"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { 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"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }], pipes: { "dt": i3.AXDateTimePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: AXSchedulerDayTimeViewComponent, decorators: [{
+AXSchedulerDayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSchedulerDayTimeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXSchedulerDayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSchedulerDayTimeViewComponent, selector: "ng-component", providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"view ax-scheduler-day-time-view\">\r\n    <table class=\"header\">\r\n        <thead>\r\n            <th class=\"time-column\"></th>\r\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\r\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\r\n                    {{d.range.startTime | dt: 'ddd'}}<br>\r\n                    {{d.range.startTime | dt: 'DD'}}\r\n                </div>\r\n            </th>\r\n        </thead>\r\n    </table>\r\n    <div class=\"v-scroll\">\r\n        <table class=\"body\" cdkDropListGroup>\r\n            <tbody>\r\n                <tr *ngFor=\"let t of times\">\r\n                    <td>\r\n                        {{t.display}}\r\n                    </td>\r\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\r\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\r\n                        <div class=\"event-wrapper\">\r\n                            <ng-container *ngFor=\"let e of d.events\">\r\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\r\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\r\n                                    cdkDrag [cdkDragData]=\"e\" \r\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\r\n                                    <div class=\"event-title\">{{e.title}}</div>\r\n                                    <div>\r\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\r\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\r\n                                    </div>\r\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                        {{e.title}}\r\n                                    </div>\r\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0px;left:0px;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"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { 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"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }], pipes: { "dt": i3.AXDateTimePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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\">\r\n    <table class=\"header\">\r\n        <thead>\r\n            <th class=\"time-column\"></th>\r\n            <th *ngFor=\"let d of slots\" class=\"header-cell\">\r\n                <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\r\n                    {{d.range.startTime | dt: 'ddd'}}<br>\r\n                    {{d.range.startTime | dt: 'DD'}}\r\n                </div>\r\n            </th>\r\n        </thead>\r\n    </table>\r\n    <div class=\"v-scroll\">\r\n        <table class=\"body\" cdkDropListGroup>\r\n            <tbody>\r\n                <tr *ngFor=\"let t of times\">\r\n                    <td>\r\n                        {{t.display}}\r\n                    </td>\r\n                    <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\r\n                    (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\r\n                        <div class=\"event-wrapper\">\r\n                            <ng-container *ngFor=\"let e of d.events\">\r\n                                <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\r\n                                    role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\r\n                                    cdkDrag [cdkDragData]=\"e\" \r\n                                    [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\r\n                                    <div class=\"event-title\">{{e.title}}</div>\r\n                                    <div>\r\n                                        <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\r\n                                        <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\r\n                                    </div>\r\n                                    <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n                                        {{e.title}}\r\n                                    </div>\r\n                                    <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</div>", styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0px;left:0px;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: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });