@acorex/components 16.19.50 → 16.19.51
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.
|
@@ -1451,11 +1451,11 @@ class AXCalendarBoxComponent {
|
|
|
1451
1451
|
this.cdr.detectChanges();
|
|
1452
1452
|
}
|
|
1453
1453
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1454
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: AXCalendarBoxComponent, isStandalone: false, selector: "ax-calendar-box", inputs: { selectedDates: { classPropertyName: "selectedDates", publicName: "selectedDates", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, selectableHoliday: { classPropertyName: "selectableHoliday", publicName: "selectableHoliday", isSignal: false, isRequired: false, transformFunction: null }, dayStyle: { classPropertyName: "dayStyle", publicName: "dayStyle", isSignal: false, isRequired: false, transformFunction: null }, dayMinMaxResoan: { classPropertyName: "dayMinMaxResoan", publicName: "dayMinMaxResoan", isSignal: false, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: false, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: false, isRequired: false, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onClick: "onClick", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"ax-calendar-container {{ size }}\" [ngClass]=\"type\">\n <div class=\"ax-calendar-header\">\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"next()\">\n {{ 'common.next' | trans }}\n </ax-button>\n </div>\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n <ax-button type=\"light blank\" (click)=\"changeView()\">\n <ng-container *ngSwitchCase=\"'day'\">\n {{ viewRange.startTime.add('day', 10) | dt : 'MMM YYYY' }}\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n {{ viewRange.startTime | dt : 'YYYY' }}\n </ng-container>\n <ng-container *ngSwitchDefault>\n {{ viewRange.startTime | dt : 'YYYY' }} -\n {{ viewRange.endTime | dt : 'YYYY' }}\n </ng-container>\n </ax-button>\n </div>\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"prev()\">\n {{ 'common.prev' | trans }}\n </ax-button>\n </div>\n </div>\n <div class=\"ax-calendar-body\">\n <ng-container [ngSwitch]=\"view\">\n <ng-container *ngSwitchCase=\"'day'\">\n <div class=\"ax-month-items\">\n <ng-container *ngFor=\"let w of weekdays\">\n <div class=\"ax-month-item\">{{ w }}</div>\n </ng-container>\n </div>\n <div class=\"ax-day-items\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-day-item ax-state-event\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [title]=\"getTitle(d.date)\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today,\n 'next-month': d.nextMonth,\n holiday: d.holiday,\n unselect: d.unselect\n }\"\n [ngStyle]=\"findDay(d.date) ? getStyle(d.date) : ''\"\n (click)=\"setDayClick($event, d)\"\n >\n {{ d.date.dayInMonth }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-month-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setMonthClick($event, d.date)\"\n >\n <strong>\n {{ d.date | dt : 'MMM' }}\n </strong>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n <div\n class=\"ax-year-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setYearClick($event, d.date)\"\n >\n <strong>{{ d.date | dt : 'YYYY' }}</strong>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-calendar-footer\">\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n {{ getTodayName() }}\n </ax-button>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i1$2.AXDateTimePipe, name: "dt" }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1454
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: AXCalendarBoxComponent, isStandalone: false, selector: "ax-calendar-box", inputs: { selectedDates: { classPropertyName: "selectedDates", publicName: "selectedDates", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, selectableHoliday: { classPropertyName: "selectableHoliday", publicName: "selectableHoliday", isSignal: false, isRequired: false, transformFunction: null }, dayStyle: { classPropertyName: "dayStyle", publicName: "dayStyle", isSignal: false, isRequired: false, transformFunction: null }, dayMinMaxResoan: { classPropertyName: "dayMinMaxResoan", publicName: "dayMinMaxResoan", isSignal: false, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: false, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: false, isRequired: false, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onClick: "onClick", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"ax-calendar-container {{ size }}\" [ngClass]=\"type\">\n <div class=\"ax-calendar-header\">\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"next()\">\n {{ 'common.next' | trans }}\n </ax-button>\n </div>\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n <ax-button type=\"light blank\" (click)=\"changeView()\">\n <ng-container *ngSwitchCase=\"'day'\">\n {{ viewRange.startTime.add('day', 10) | dt : 'MMM YYYY' }}\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n {{ viewRange.startTime | dt : 'YYYY' }}\n </ng-container>\n <ng-container *ngSwitchDefault>\n {{ viewRange.startTime | dt : 'YYYY' }} -\n {{ viewRange.endTime | dt : 'YYYY' }}\n </ng-container>\n </ax-button>\n </div>\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"prev()\">\n {{ 'common.prev' | trans }}\n </ax-button>\n </div>\n </div>\n <div class=\"ax-calendar-body\">\n <ng-container [ngSwitch]=\"view\">\n <ng-container *ngSwitchCase=\"'day'\">\n <div class=\"ax-month-items\">\n <ng-container *ngFor=\"let w of weekdays\">\n <div class=\"ax-month-item\">{{ w }}</div>\n </ng-container>\n </div>\n <div class=\"ax-day-items\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-day-item ax-state-event\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [title]=\"getTitle(d.date)\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today && !d.selected,\n 'next-month': d.nextMonth,\n holiday: d.holiday,\n unselect: d.unselect\n }\"\n [ngStyle]=\"findDay(d.date) ? getStyle(d.date) : ''\"\n (click)=\"setDayClick($event, d)\"\n >\n {{ d.date.dayInMonth }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-month-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setMonthClick($event, d.date)\"\n >\n <strong>\n {{ d.date | dt : 'MMM' }}\n </strong>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n <div\n class=\"ax-year-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setYearClick($event, d.date)\"\n >\n <strong>{{ d.date | dt : 'YYYY' }}</strong>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-calendar-footer\">\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n {{ getTodayName() }}\n </ax-button>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i1$2.AXDateTimePipe, name: "dt" }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1455
1455
|
}
|
|
1456
1456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
|
|
1457
1457
|
type: Component,
|
|
1458
|
-
args: [{ selector: 'ax-calendar-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ax-calendar-container {{ size }}\" [ngClass]=\"type\">\n <div class=\"ax-calendar-header\">\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"next()\">\n {{ 'common.next' | trans }}\n </ax-button>\n </div>\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n <ax-button type=\"light blank\" (click)=\"changeView()\">\n <ng-container *ngSwitchCase=\"'day'\">\n {{ viewRange.startTime.add('day', 10) | dt : 'MMM YYYY' }}\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n {{ viewRange.startTime | dt : 'YYYY' }}\n </ng-container>\n <ng-container *ngSwitchDefault>\n {{ viewRange.startTime | dt : 'YYYY' }} -\n {{ viewRange.endTime | dt : 'YYYY' }}\n </ng-container>\n </ax-button>\n </div>\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"prev()\">\n {{ 'common.prev' | trans }}\n </ax-button>\n </div>\n </div>\n <div class=\"ax-calendar-body\">\n <ng-container [ngSwitch]=\"view\">\n <ng-container *ngSwitchCase=\"'day'\">\n <div class=\"ax-month-items\">\n <ng-container *ngFor=\"let w of weekdays\">\n <div class=\"ax-month-item\">{{ w }}</div>\n </ng-container>\n </div>\n <div class=\"ax-day-items\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-day-item ax-state-event\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [title]=\"getTitle(d.date)\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today,\n 'next-month': d.nextMonth,\n holiday: d.holiday,\n unselect: d.unselect\n }\"\n [ngStyle]=\"findDay(d.date) ? getStyle(d.date) : ''\"\n (click)=\"setDayClick($event, d)\"\n >\n {{ d.date.dayInMonth }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-month-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setMonthClick($event, d.date)\"\n >\n <strong>\n {{ d.date | dt : 'MMM' }}\n </strong>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n <div\n class=\"ax-year-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setYearClick($event, d.date)\"\n >\n <strong>{{ d.date | dt : 'YYYY' }}</strong>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-calendar-footer\">\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n {{ getTodayName() }}\n </ax-button>\n </div>\n</div>\n" }]
|
|
1458
|
+
args: [{ selector: 'ax-calendar-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ax-calendar-container {{ size }}\" [ngClass]=\"type\">\n <div class=\"ax-calendar-header\">\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"next()\">\n {{ 'common.next' | trans }}\n </ax-button>\n </div>\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n <ax-button type=\"light blank\" (click)=\"changeView()\">\n <ng-container *ngSwitchCase=\"'day'\">\n {{ viewRange.startTime.add('day', 10) | dt : 'MMM YYYY' }}\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n {{ viewRange.startTime | dt : 'YYYY' }}\n </ng-container>\n <ng-container *ngSwitchDefault>\n {{ viewRange.startTime | dt : 'YYYY' }} -\n {{ viewRange.endTime | dt : 'YYYY' }}\n </ng-container>\n </ax-button>\n </div>\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"prev()\">\n {{ 'common.prev' | trans }}\n </ax-button>\n </div>\n </div>\n <div class=\"ax-calendar-body\">\n <ng-container [ngSwitch]=\"view\">\n <ng-container *ngSwitchCase=\"'day'\">\n <div class=\"ax-month-items\">\n <ng-container *ngFor=\"let w of weekdays\">\n <div class=\"ax-month-item\">{{ w }}</div>\n </ng-container>\n </div>\n <div class=\"ax-day-items\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-day-item ax-state-event\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [title]=\"getTitle(d.date)\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today && !d.selected,\n 'next-month': d.nextMonth,\n holiday: d.holiday,\n unselect: d.unselect\n }\"\n [ngStyle]=\"findDay(d.date) ? getStyle(d.date) : ''\"\n (click)=\"setDayClick($event, d)\"\n >\n {{ d.date.dayInMonth }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-month-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setMonthClick($event, d.date)\"\n >\n <strong>\n {{ d.date | dt : 'MMM' }}\n </strong>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n <div\n class=\"ax-year-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setYearClick($event, d.date)\"\n >\n <strong>{{ d.date | dt : 'YYYY' }}</strong>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-calendar-footer\">\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n {{ getTodayName() }}\n </ax-button>\n </div>\n</div>\n" }]
|
|
1459
1459
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { size: [{
|
|
1460
1460
|
type: Input
|
|
1461
1461
|
}], type: [{
|