@progress/kendo-angular-dateinputs 24.2.2 → 25.0.0-develop.12
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.
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +622 -377
- package/index.d.ts +7264 -91
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/calendar/calendar.component.d.ts +0 -633
- package/calendar/calendar.module.d.ts +0 -51
- package/calendar/calendars.module.d.ts +0 -47
- package/calendar/footer.component.d.ts +0 -22
- package/calendar/for.directive.d.ts +0 -42
- package/calendar/header.component.d.ts +0 -73
- package/calendar/horizontal-view-list.component.d.ts +0 -106
- package/calendar/localization/calendar-custom-messages.component.d.ts +0 -25
- package/calendar/localization/calendar-localized-messages.directive.d.ts +0 -16
- package/calendar/localization/calendar-messages.d.ts +0 -29
- package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +0 -25
- package/calendar/localization/multiview-calendar-localized-messages.directive.d.ts +0 -16
- package/calendar/localization/multiview-calendar-messages.d.ts +0 -29
- package/calendar/models/cell-context.interface.d.ts +0 -77
- package/calendar/models/navigation-action.enum.d.ts +0 -19
- package/calendar/models/orientation.d.ts +0 -17
- package/calendar/models/row-length-options.interface.d.ts +0 -10
- package/calendar/models/scrollable.interface.d.ts +0 -41
- package/calendar/models/selection-range-end.type.d.ts +0 -18
- package/calendar/models/selection-range.interface.d.ts +0 -36
- package/calendar/models/selection.d.ts +0 -38
- package/calendar/models/type.d.ts +0 -17
- package/calendar/models/view-service.interface.d.ts +0 -31
- package/calendar/models/view.enum.d.ts +0 -15
- package/calendar/models/view.type.d.ts +0 -19
- package/calendar/multiview-calendar.component.d.ts +0 -655
- package/calendar/multiview-calendar.module.d.ts +0 -58
- package/calendar/navigation.component.d.ts +0 -60
- package/calendar/services/bus-view.service.d.ts +0 -30
- package/calendar/services/century-view.service.d.ts +0 -35
- package/calendar/services/decade-view.service.d.ts +0 -35
- package/calendar/services/disabled-dates.service.d.ts +0 -36
- package/calendar/services/dom.service.d.ts +0 -35
- package/calendar/services/month-view.service.d.ts +0 -42
- package/calendar/services/navigation.service.d.ts +0 -19
- package/calendar/services/scroll-sync.service.d.ts +0 -32
- package/calendar/services/selection.service.d.ts +0 -39
- package/calendar/services/weeknames.service.d.ts +0 -20
- package/calendar/services/year-view.service.d.ts +0 -39
- package/calendar/templates/cell-template.directive.d.ts +0 -36
- package/calendar/templates/century-cell-template.directive.d.ts +0 -34
- package/calendar/templates/decade-cell-template.directive.d.ts +0 -34
- package/calendar/templates/footer-template.directive.d.ts +0 -35
- package/calendar/templates/header-template.directive.d.ts +0 -38
- package/calendar/templates/header-title-template.directive.d.ts +0 -34
- package/calendar/templates/month-cell-template.directive.d.ts +0 -34
- package/calendar/templates/navigation-item-template.directive.d.ts +0 -34
- package/calendar/templates/weeknumber-cell-template.directive.d.ts +0 -34
- package/calendar/templates/year-cell-template.directive.d.ts +0 -34
- package/calendar/view-list.component.d.ts +0 -108
- package/calendar/view.component.d.ts +0 -86
- package/common/dom-queries.d.ts +0 -12
- package/common/models/fillmode.d.ts +0 -13
- package/common/models/rounded.d.ts +0 -15
- package/common/models/size.d.ts +0 -13
- package/common/models/week-days-format.d.ts +0 -10
- package/common/picker.service.d.ts +0 -20
- package/common/utils.d.ts +0 -65
- package/dateinput/arrow.enum.d.ts +0 -12
- package/dateinput/dateinput.component.d.ts +0 -479
- package/dateinput/dateinput.module.d.ts +0 -29
- package/dateinput/localization/dateinput-custom-messages.component.d.ts +0 -34
- package/dateinput/localization/dateinput-localized-messages.directive.d.ts +0 -16
- package/dateinput/localization/messages.d.ts +0 -25
- package/dateinput/models/format-placeholder.model.d.ts +0 -61
- package/dateinput/models/format-settings.model.d.ts +0 -29
- package/dateinput/models/incremental-steps.model.d.ts +0 -31
- package/dateinputs.module.d.ts +0 -71
- package/datepicker/datepicker.component.d.ts +0 -640
- package/datepicker/datepicker.module.d.ts +0 -36
- package/datepicker/localization/datepicker-custom-messages.component.d.ts +0 -27
- package/datepicker/localization/datepicker-localized-messages.directive.d.ts +0 -16
- package/datepicker/localization/messages.d.ts +0 -41
- package/daterange/auto-correct-on.type.d.ts +0 -9
- package/daterange/date-range-end-input.directive.d.ts +0 -62
- package/daterange/date-range-input.d.ts +0 -42
- package/daterange/date-range-popup-template.directive.d.ts +0 -27
- package/daterange/date-range-popup.component.d.ts +0 -376
- package/daterange/date-range-selection.directive.d.ts +0 -89
- package/daterange/date-range-start-input.directive.d.ts +0 -65
- package/daterange/date-range.component.d.ts +0 -59
- package/daterange/date-range.module.d.ts +0 -57
- package/daterange/date-range.service.d.ts +0 -137
- package/daterange/localization/daterange-popup-custom-messages.component.d.ts +0 -17
- package/daterange/localization/daterange-popup-localized-messages.directive.d.ts +0 -16
- package/daterange/localization/messages.d.ts +0 -33
- package/datetimepicker/datetimepicker.component.d.ts +0 -772
- package/datetimepicker/datetimepicker.module.d.ts +0 -41
- package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +0 -26
- package/datetimepicker/localization/localized-messages.directive.d.ts +0 -16
- package/datetimepicker/localization/messages.d.ts +0 -101
- package/datetimepicker/models/active-tab.type.d.ts +0 -9
- package/defaults.d.ts +0 -24
- package/directives.d.ts +0 -66
- package/package-metadata.d.ts +0 -9
- package/popup-settings.model.d.ts +0 -28
- package/preventable-event.d.ts +0 -23
- package/timepicker/localization/messages.d.ts +0 -69
- package/timepicker/localization/timepicker-custom-messages.component.d.ts +0 -28
- package/timepicker/localization/timepicker-localized-messages.directive.d.ts +0 -16
- package/timepicker/localization/timeselector-custom-messages.component.d.ts +0 -19
- package/timepicker/localization/timeselector-localized-messages.directive.d.ts +0 -16
- package/timepicker/models/incremental-steps.model.d.ts +0 -13
- package/timepicker/models/list-item.interface.d.ts +0 -11
- package/timepicker/models/list-service-settings.d.ts +0 -16
- package/timepicker/models/list-service.interface.d.ts +0 -19
- package/timepicker/models/time-part.default.d.ts +0 -14
- package/timepicker/services/dayperiod.service.d.ts +0 -54
- package/timepicker/services/dom.service.d.ts +0 -25
- package/timepicker/services/hours.service.d.ts +0 -40
- package/timepicker/services/milliseconds.service.d.ts +0 -39
- package/timepicker/services/minutes.service.d.ts +0 -39
- package/timepicker/services/seconds.service.d.ts +0 -39
- package/timepicker/timelist.component.d.ts +0 -96
- package/timepicker/timepicker.component.d.ts +0 -498
- package/timepicker/timepicker.module.d.ts +0 -28
- package/timepicker/timeselector.component.d.ts +0 -185
- package/timepicker/util.d.ts +0 -20
- package/util.d.ts +0 -195
- package/validators/disabled-date.validator.d.ts +0 -8
- package/validators/disabled-dates-range.validator.d.ts +0 -8
- package/validators/incomplete-date.validator.d.ts +0 -8
- package/validators/max.validator.d.ts +0 -8
- package/validators/min.validator.d.ts +0 -8
- package/validators/time-range.validator.d.ts +0 -8
- package/virtualization/models/scrollable.interface.d.ts +0 -41
- package/virtualization/services/row-height.service.d.ts +0 -22
- package/virtualization/services/scroller.service.d.ts +0 -57
- package/virtualization/virtualization.component.d.ts +0 -88
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { Injectable, EventEmitter, Input, Directive, isDevMode, Output, Component, HostBinding, HostListener, ChangeDetectionStrategy, forwardRef, ElementRef, ViewChild, ContentChild, InjectionToken, Inject, NgZone, Optional, ViewContainerRef, ViewChildren, TemplateRef, ContentChildren, NgModule } from '@angular/core';
|
|
6
|
+
import { Injectable, EventEmitter, Input, Directive, isDevMode, Output, Component, HostBinding, HostListener, ChangeDetectionStrategy, forwardRef, ElementRef, ViewChild, ContentChild, InjectionToken, Inject, NgZone, Optional, ViewContainerRef, ViewChildren, signal, TemplateRef, ContentChildren, NgModule } from '@angular/core';
|
|
7
7
|
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
|
|
8
8
|
import * as i1$1 from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { ComponentMessages, LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
|
|
@@ -36,8 +36,8 @@ const packageMetadata = {
|
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCode: 'KENDOUIANGULAR',
|
|
38
38
|
productCodes: ['KENDOUIANGULAR'],
|
|
39
|
-
publishDate:
|
|
40
|
-
version: '
|
|
39
|
+
publishDate: 1785317928,
|
|
40
|
+
version: '25.0.0-develop.12',
|
|
41
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -739,10 +739,10 @@ class CenturyViewService {
|
|
|
739
739
|
}
|
|
740
740
|
return cellDate;
|
|
741
741
|
}
|
|
742
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
743
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
742
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CenturyViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
743
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CenturyViewService, providedIn: 'root' });
|
|
744
744
|
}
|
|
745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CenturyViewService, decorators: [{
|
|
746
746
|
type: Injectable,
|
|
747
747
|
args: [{
|
|
748
748
|
providedIn: 'root'
|
|
@@ -946,10 +946,10 @@ class DecadeViewService {
|
|
|
946
946
|
}
|
|
947
947
|
return cellDate;
|
|
948
948
|
}
|
|
949
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
950
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
949
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DecadeViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
950
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DecadeViewService, providedIn: 'root' });
|
|
951
951
|
}
|
|
952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DecadeViewService, decorators: [{
|
|
953
953
|
type: Injectable,
|
|
954
954
|
args: [{
|
|
955
955
|
providedIn: 'root'
|
|
@@ -1157,10 +1157,10 @@ class MonthViewService {
|
|
|
1157
1157
|
wideMonthNames() {
|
|
1158
1158
|
return this._intlService.dateFormatNames({ nameType: 'wide', type: 'months' });
|
|
1159
1159
|
}
|
|
1160
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1161
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1160
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MonthViewService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1161
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MonthViewService, providedIn: 'root' });
|
|
1162
1162
|
}
|
|
1163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MonthViewService, decorators: [{
|
|
1164
1164
|
type: Injectable,
|
|
1165
1165
|
args: [{
|
|
1166
1166
|
providedIn: 'root'
|
|
@@ -1349,10 +1349,10 @@ class YearViewService {
|
|
|
1349
1349
|
}
|
|
1350
1350
|
return cellDate;
|
|
1351
1351
|
}
|
|
1352
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1353
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1352
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YearViewService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1353
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YearViewService, providedIn: 'root' });
|
|
1354
1354
|
}
|
|
1355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YearViewService, decorators: [{
|
|
1356
1356
|
type: Injectable,
|
|
1357
1357
|
args: [{
|
|
1358
1358
|
providedIn: 'root'
|
|
@@ -1438,10 +1438,10 @@ class BusViewService {
|
|
|
1438
1438
|
}
|
|
1439
1439
|
this.viewChanged.emit({ view: candidate });
|
|
1440
1440
|
}
|
|
1441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1442
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusViewService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1442
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusViewService });
|
|
1443
1443
|
}
|
|
1444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusViewService, decorators: [{
|
|
1445
1445
|
type: Injectable
|
|
1446
1446
|
}], ctorParameters: () => [{ type: i0.Injector }] });
|
|
1447
1447
|
|
|
@@ -1531,10 +1531,10 @@ class KForOf {
|
|
|
1531
1531
|
view.context.$implicit = tuples[i] || null;
|
|
1532
1532
|
}
|
|
1533
1533
|
}
|
|
1534
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1535
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1534
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1535
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: KForOf, isStandalone: true, selector: "[kFor][kForOf]", inputs: { kForOf: "kForOf", kForTrackBy: "kForTrackBy", kForTemplate: "kForTemplate" }, usesOnChanges: true, ngImport: i0 });
|
|
1536
1536
|
}
|
|
1537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KForOf, decorators: [{
|
|
1538
1538
|
type: Directive,
|
|
1539
1539
|
args: [{
|
|
1540
1540
|
selector: '[kFor][kForOf]',
|
|
@@ -1605,10 +1605,10 @@ class DisabledDatesService {
|
|
|
1605
1605
|
notifyServiceChange() {
|
|
1606
1606
|
this.changes.next();
|
|
1607
1607
|
}
|
|
1608
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1609
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1608
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DisabledDatesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1609
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DisabledDatesService });
|
|
1610
1610
|
}
|
|
1611
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DisabledDatesService, decorators: [{
|
|
1612
1612
|
type: Injectable
|
|
1613
1613
|
}] });
|
|
1614
1614
|
|
|
@@ -1871,8 +1871,8 @@ class ViewComponent {
|
|
|
1871
1871
|
const [rowIndex, cellIndex] = index.split(':');
|
|
1872
1872
|
return this.data[rowIndex][cellIndex];
|
|
1873
1873
|
}
|
|
1874
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1875
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1874
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DisabledDatesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1875
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ViewComponent, isStandalone: true, selector: "[kendoCalendarView]", inputs: { allowReverse: "allowReverse", showOtherMonthDays: "showOtherMonthDays", direction: "direction", isActive: "isActive", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", viewDate: "viewDate", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", min: "min", max: "max", selectedDates: "selectedDates", weekNumber: "weekNumber", viewIndex: "viewIndex", templateRef: "templateRef", weekNumberTemplateRef: "weekNumberTemplateRef", headerTitle: "headerTitle" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", focusedCellId: "focusedCellId" }, usesOnChanges: true, ngImport: i0, template: `
|
|
1876
1876
|
@if (!isHorizontal()) {
|
|
1877
1877
|
<tr class="k-calendar-tr" role="row" [attr.aria-hidden]="ariaHidden"><th class="k-calendar-caption" scope="col" [colSpan]="colSpan">{{title}}</th></tr>
|
|
1878
1878
|
}
|
|
@@ -1881,7 +1881,6 @@ class ViewComponent {
|
|
|
1881
1881
|
@if (firstDate(row)) {
|
|
1882
1882
|
<td
|
|
1883
1883
|
class="k-alt k-calendar-td"
|
|
1884
|
-
role="gridcell"
|
|
1885
1884
|
(click)="handleWeekNumberClick(row)"
|
|
1886
1885
|
>
|
|
1887
1886
|
@if (!weekNumberTemplateRef) {
|
|
@@ -1907,8 +1906,8 @@ class ViewComponent {
|
|
|
1907
1906
|
role="gridcell"
|
|
1908
1907
|
[attr.id]="cell.id"
|
|
1909
1908
|
[attr.data-cell-index]="tableCellIndex(rowIndex, cellIndex)"
|
|
1910
|
-
[attr.aria-selected]="cell.isSelected || cell.isRangeStart || cell.isRangeMid || cell.isRangeEnd"
|
|
1911
|
-
[attr.aria-disabled]="cell.isDisabled"
|
|
1909
|
+
[attr.aria-selected]="(cell.isSelected || cell.isRangeStart || cell.isRangeMid || cell.isRangeEnd) || null"
|
|
1910
|
+
[attr.aria-disabled]="cell.isDisabled || null"
|
|
1912
1911
|
[attr.aria-label]="getMonthLabel(cell.value)"
|
|
1913
1912
|
[ngClass]="getStyles(cell)"
|
|
1914
1913
|
[title]="cell.title"
|
|
@@ -1930,7 +1929,7 @@ class ViewComponent {
|
|
|
1930
1929
|
</tr>
|
|
1931
1930
|
`, isInline: true, dependencies: [{ kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1932
1931
|
}
|
|
1933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewComponent, decorators: [{
|
|
1934
1933
|
type: Component,
|
|
1935
1934
|
args: [{
|
|
1936
1935
|
selector: '[kendoCalendarView]',
|
|
@@ -1943,7 +1942,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
1943
1942
|
@if (firstDate(row)) {
|
|
1944
1943
|
<td
|
|
1945
1944
|
class="k-alt k-calendar-td"
|
|
1946
|
-
role="gridcell"
|
|
1947
1945
|
(click)="handleWeekNumberClick(row)"
|
|
1948
1946
|
>
|
|
1949
1947
|
@if (!weekNumberTemplateRef) {
|
|
@@ -1969,8 +1967,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
1969
1967
|
role="gridcell"
|
|
1970
1968
|
[attr.id]="cell.id"
|
|
1971
1969
|
[attr.data-cell-index]="tableCellIndex(rowIndex, cellIndex)"
|
|
1972
|
-
[attr.aria-selected]="cell.isSelected || cell.isRangeStart || cell.isRangeMid || cell.isRangeEnd"
|
|
1973
|
-
[attr.aria-disabled]="cell.isDisabled"
|
|
1970
|
+
[attr.aria-selected]="(cell.isSelected || cell.isRangeStart || cell.isRangeMid || cell.isRangeEnd) || null"
|
|
1971
|
+
[attr.aria-disabled]="cell.isDisabled || null"
|
|
1974
1972
|
[attr.aria-label]="getMonthLabel(cell.value)"
|
|
1975
1973
|
[ngClass]="getStyles(cell)"
|
|
1976
1974
|
[title]="cell.title"
|
|
@@ -2052,6 +2050,7 @@ class HorizontalViewListComponent {
|
|
|
2052
2050
|
cdr;
|
|
2053
2051
|
element;
|
|
2054
2052
|
renderer;
|
|
2053
|
+
localization;
|
|
2055
2054
|
handleMultiViewCalendarFocus() {
|
|
2056
2055
|
this.focusCalendar.emit();
|
|
2057
2056
|
}
|
|
@@ -2117,16 +2116,19 @@ class HorizontalViewListComponent {
|
|
|
2117
2116
|
return this.activeView === CalendarViewEnum.century;
|
|
2118
2117
|
}
|
|
2119
2118
|
get role() {
|
|
2120
|
-
return
|
|
2121
|
-
}
|
|
2122
|
-
get tabindex() {
|
|
2123
|
-
return this.views >= 2 ? '0' : null;
|
|
2119
|
+
return 'grid';
|
|
2124
2120
|
}
|
|
2125
|
-
get
|
|
2126
|
-
return this.
|
|
2121
|
+
get hostActiveDescendant() {
|
|
2122
|
+
return this.activeDescendant || null;
|
|
2127
2123
|
}
|
|
2128
2124
|
get getTabIndex() {
|
|
2129
|
-
|
|
2125
|
+
if (this.views >= 2) {
|
|
2126
|
+
return null;
|
|
2127
|
+
}
|
|
2128
|
+
return this.disabled ? null : String(this.tabIndex) || '0';
|
|
2129
|
+
}
|
|
2130
|
+
get weekNumberLabel() {
|
|
2131
|
+
return this.localization.get('weekNumberLabel');
|
|
2130
2132
|
}
|
|
2131
2133
|
service;
|
|
2132
2134
|
weekNames = [];
|
|
@@ -2140,12 +2142,13 @@ class HorizontalViewListComponent {
|
|
|
2140
2142
|
showWeekNumbers;
|
|
2141
2143
|
intlSubscription;
|
|
2142
2144
|
animation;
|
|
2143
|
-
constructor(bus, intl, cdr, element, renderer) {
|
|
2145
|
+
constructor(bus, intl, cdr, element, renderer, localization) {
|
|
2144
2146
|
this.bus = bus;
|
|
2145
2147
|
this.intl = intl;
|
|
2146
2148
|
this.cdr = cdr;
|
|
2147
2149
|
this.element = element;
|
|
2148
2150
|
this.renderer = renderer;
|
|
2151
|
+
this.localization = localization;
|
|
2149
2152
|
this.intlSubscription = this.intl.changes.subscribe(this.intlChange.bind(this));
|
|
2150
2153
|
}
|
|
2151
2154
|
ngOnChanges(changes) {
|
|
@@ -2305,15 +2308,13 @@ class HorizontalViewListComponent {
|
|
|
2305
2308
|
this.renderer.setAttribute(this.element.nativeElement, attributeNames.ariaActiveDescendant, this.activeDescendant);
|
|
2306
2309
|
}
|
|
2307
2310
|
}
|
|
2308
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2309
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2311
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2312
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: HorizontalViewListComponent, isStandalone: true, selector: "kendo-calendar-horizontal", inputs: { showOtherMonthDays: "showOtherMonthDays", cellTemplateRef: "cellTemplateRef", weekNumberTemplateRef: "weekNumberTemplateRef", allowReverse: "allowReverse", activeRangeEnd: "activeRangeEnd", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", isActive: "isActive", min: "min", max: "max", selectionRange: "selectionRange", selectedDates: "selectedDates", views: "views", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", orientation: "orientation", activeDescendant: "activeDescendant", tabIndex: "tabIndex", disabled: "disabled", id: "id", weekDaysFormat: "weekDaysFormat", weekNumber: "weekNumber" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", activeDateChange: "activeDateChange", focusCalendar: "focusCalendar", blurCalendar: "blurCalendar", focusedCellChange: "focusedCellChange" }, host: { listeners: { "focus": "handleMultiViewCalendarFocus()", "blur": "handleMultiViewCalendarBlur($event)" }, properties: { "class.k-calendar-view": "this.getComponentClass", "class.k-align-items-start": "this.getComponentClass", "class.k-justify-content-center": "this.getComponentClass", "class.k-hstack": "this.horizontalHostClass", "class.k-vstack": "this.verticalHostClass", "class.k-calendar-monthview": "this.getComponentMonthClass", "class.k-calendar-yearview": "this.getComponentYearClass", "class.k-calendar-decadeview": "this.getComponentDecadeClass", "class.k-calendar-centuryview": "this.getComponentCenturyClass", "attr.role": "this.role", "attr.aria-activedescendant": "this.hostActiveDescendant" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
2310
2313
|
<ng-template #tableTemplate let-date="date" let-class="className">
|
|
2311
2314
|
<table
|
|
2312
|
-
|
|
2315
|
+
role="none"
|
|
2313
2316
|
class="k-calendar-table"
|
|
2314
2317
|
[ngClass]="class"
|
|
2315
|
-
[attr.aria-labelledby]="id"
|
|
2316
|
-
[attr.aria-activedescendant]="getActiveDescendant"
|
|
2317
2318
|
[attr.tabindex]="getTabIndex"
|
|
2318
2319
|
(focus)="handleClassicCalendarFocus()"
|
|
2319
2320
|
(blur)="handleClassicCalendarBlur($event)"
|
|
@@ -2327,10 +2328,11 @@ class HorizontalViewListComponent {
|
|
|
2327
2328
|
@for (name of weekNames; track $index; let i = $index) {
|
|
2328
2329
|
<th
|
|
2329
2330
|
class="k-calendar-th"
|
|
2331
|
+
[class.k-alt]="weekNumber && i === 0"
|
|
2330
2332
|
scope="col"
|
|
2331
|
-
[attr.aria-label]="wideWeekNames[i]"
|
|
2333
|
+
[attr.aria-label]="weekNumber && i === 0 ? weekNumberLabel : wideWeekNames[i]"
|
|
2332
2334
|
role="columnheader"
|
|
2333
|
-
>{{name}}</th>
|
|
2335
|
+
>@if (weekNumber && i === 0) {<span class="k-sr-only">{{weekNumberLabel}}</span>}{{name}}</th>
|
|
2334
2336
|
}
|
|
2335
2337
|
</tr>
|
|
2336
2338
|
</thead>
|
|
@@ -2399,7 +2401,7 @@ class HorizontalViewListComponent {
|
|
|
2399
2401
|
}
|
|
2400
2402
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ViewComponent, selector: "[kendoCalendarView]", inputs: ["allowReverse", "showOtherMonthDays", "direction", "isActive", "activeView", "cellUID", "focusedDate", "viewDate", "activeRangeEnd", "selectionRange", "min", "max", "selectedDates", "weekNumber", "viewIndex", "templateRef", "weekNumberTemplateRef", "headerTitle"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "focusedCellId"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2401
2403
|
}
|
|
2402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalViewListComponent, decorators: [{
|
|
2403
2405
|
type: Component,
|
|
2404
2406
|
args: [{
|
|
2405
2407
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -2407,11 +2409,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2407
2409
|
template: `
|
|
2408
2410
|
<ng-template #tableTemplate let-date="date" let-class="className">
|
|
2409
2411
|
<table
|
|
2410
|
-
|
|
2412
|
+
role="none"
|
|
2411
2413
|
class="k-calendar-table"
|
|
2412
2414
|
[ngClass]="class"
|
|
2413
|
-
[attr.aria-labelledby]="id"
|
|
2414
|
-
[attr.aria-activedescendant]="getActiveDescendant"
|
|
2415
2415
|
[attr.tabindex]="getTabIndex"
|
|
2416
2416
|
(focus)="handleClassicCalendarFocus()"
|
|
2417
2417
|
(blur)="handleClassicCalendarBlur($event)"
|
|
@@ -2425,10 +2425,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2425
2425
|
@for (name of weekNames; track $index; let i = $index) {
|
|
2426
2426
|
<th
|
|
2427
2427
|
class="k-calendar-th"
|
|
2428
|
+
[class.k-alt]="weekNumber && i === 0"
|
|
2428
2429
|
scope="col"
|
|
2429
|
-
[attr.aria-label]="wideWeekNames[i]"
|
|
2430
|
+
[attr.aria-label]="weekNumber && i === 0 ? weekNumberLabel : wideWeekNames[i]"
|
|
2430
2431
|
role="columnheader"
|
|
2431
|
-
>{{name}}</th>
|
|
2432
|
+
>@if (weekNumber && i === 0) {<span class="k-sr-only">{{weekNumberLabel}}</span>}{{name}}</th>
|
|
2432
2433
|
}
|
|
2433
2434
|
</tr>
|
|
2434
2435
|
</thead>
|
|
@@ -2499,7 +2500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2499
2500
|
standalone: true,
|
|
2500
2501
|
imports: [NgClass, ViewComponent, NgTemplateOutlet, KForOf]
|
|
2501
2502
|
}]
|
|
2502
|
-
}], ctorParameters: () => [{ type: BusViewService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { handleMultiViewCalendarFocus: [{
|
|
2503
|
+
}], ctorParameters: () => [{ type: BusViewService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }], propDecorators: { handleMultiViewCalendarFocus: [{
|
|
2503
2504
|
type: HostListener,
|
|
2504
2505
|
args: ["focus"]
|
|
2505
2506
|
}], handleMultiViewCalendarBlur: [{
|
|
@@ -2597,9 +2598,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2597
2598
|
}], role: [{
|
|
2598
2599
|
type: HostBinding,
|
|
2599
2600
|
args: ['attr.role']
|
|
2600
|
-
}],
|
|
2601
|
+
}], hostActiveDescendant: [{
|
|
2601
2602
|
type: HostBinding,
|
|
2602
|
-
args: ['attr.
|
|
2603
|
+
args: ['attr.aria-activedescendant']
|
|
2603
2604
|
}] } });
|
|
2604
2605
|
|
|
2605
2606
|
/**
|
|
@@ -2724,8 +2725,8 @@ class HeaderComponent {
|
|
|
2724
2725
|
this.todayAvailable = isTodayInRange && !isDisabled;
|
|
2725
2726
|
this.cdr.markForCheck();
|
|
2726
2727
|
}
|
|
2727
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2728
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2728
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderComponent, deps: [{ token: BusViewService }, { token: i0.ChangeDetectorRef }, { token: i1$1.LocalizationService }, { token: i1.IntlService }, { token: DisabledDatesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2729
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: HeaderComponent, isStandalone: true, selector: "kendo-calendar-header", inputs: { activeView: "activeView", currentDate: "currentDate", min: "min", max: "max", rangeLength: "rangeLength", titleTemplateRef: "titleTemplateRef", headerTemplateRef: "headerTemplateRef", isPrevDisabled: "isPrevDisabled", isNextDisabled: "isNextDisabled", showNavigationButtons: "showNavigationButtons", orientation: "orientation", id: "id", size: "size" }, outputs: { todayButtonClick: "todayButtonClick", prevButtonClick: "prevButtonClick", nextButtonClick: "nextButtonClick" }, host: { properties: { "class.k-calendar-header": "this.getComponentClass", "class.k-vstack": "this.verticalHostClass" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
2729
2730
|
@if (headerTemplateRef) {
|
|
2730
2731
|
<ng-template
|
|
2731
2732
|
[ngTemplateOutlet]="headerTemplateRef"
|
|
@@ -2735,7 +2736,6 @@ class HeaderComponent {
|
|
|
2735
2736
|
<button
|
|
2736
2737
|
kendoButton
|
|
2737
2738
|
class="k-calendar-title"
|
|
2738
|
-
role="button"
|
|
2739
2739
|
[id]="id"
|
|
2740
2740
|
type="button"
|
|
2741
2741
|
fillMode="flat"
|
|
@@ -2746,6 +2746,7 @@ class HeaderComponent {
|
|
|
2746
2746
|
[kendoEventsOutsideAngular]="{
|
|
2747
2747
|
click: handleNavigation
|
|
2748
2748
|
}"
|
|
2749
|
+
[attr.aria-label]="title"
|
|
2749
2750
|
[title]="parentViewButtonTitle"
|
|
2750
2751
|
[scope]="this">
|
|
2751
2752
|
@if (!titleTemplateRef) {
|
|
@@ -2770,8 +2771,9 @@ class HeaderComponent {
|
|
|
2770
2771
|
tabindex="-1"
|
|
2771
2772
|
type="button"
|
|
2772
2773
|
class="k-calendar-nav-prev"
|
|
2773
|
-
[attr.aria-disabled]="isPrevDisabled"
|
|
2774
|
+
[attr.aria-disabled]="isPrevDisabled || null"
|
|
2774
2775
|
[disabled]="isPrevDisabled"
|
|
2776
|
+
[attr.aria-label]="prevButtonTitle"
|
|
2775
2777
|
[title]="prevButtonTitle"
|
|
2776
2778
|
(click)="prevButtonClick.emit()"
|
|
2777
2779
|
>
|
|
@@ -2781,7 +2783,6 @@ class HeaderComponent {
|
|
|
2781
2783
|
kendoButton
|
|
2782
2784
|
class="k-calendar-nav-today"
|
|
2783
2785
|
fillMode="flat"
|
|
2784
|
-
role="link"
|
|
2785
2786
|
[size]="size"
|
|
2786
2787
|
[disabled]="!todayAvailable"
|
|
2787
2788
|
[kendoEventsOutsideAngular]="{
|
|
@@ -2802,8 +2803,9 @@ class HeaderComponent {
|
|
|
2802
2803
|
class="k-calendar-nav-next"
|
|
2803
2804
|
tabindex="-1"
|
|
2804
2805
|
type="button"
|
|
2805
|
-
[attr.aria-disabled]="isNextDisabled"
|
|
2806
|
+
[attr.aria-disabled]="isNextDisabled || null"
|
|
2806
2807
|
[disabled]="isNextDisabled"
|
|
2808
|
+
[attr.aria-label]="nextButtonTitle"
|
|
2807
2809
|
[title]="nextButtonTitle"
|
|
2808
2810
|
(click)="nextButtonClick.emit()"
|
|
2809
2811
|
>
|
|
@@ -2813,7 +2815,7 @@ class HeaderComponent {
|
|
|
2813
2815
|
}
|
|
2814
2816
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
2815
2817
|
}
|
|
2816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
2817
2819
|
type: Component,
|
|
2818
2820
|
args: [{
|
|
2819
2821
|
selector: 'kendo-calendar-header',
|
|
@@ -2827,7 +2829,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2827
2829
|
<button
|
|
2828
2830
|
kendoButton
|
|
2829
2831
|
class="k-calendar-title"
|
|
2830
|
-
role="button"
|
|
2831
2832
|
[id]="id"
|
|
2832
2833
|
type="button"
|
|
2833
2834
|
fillMode="flat"
|
|
@@ -2838,6 +2839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2838
2839
|
[kendoEventsOutsideAngular]="{
|
|
2839
2840
|
click: handleNavigation
|
|
2840
2841
|
}"
|
|
2842
|
+
[attr.aria-label]="title"
|
|
2841
2843
|
[title]="parentViewButtonTitle"
|
|
2842
2844
|
[scope]="this">
|
|
2843
2845
|
@if (!titleTemplateRef) {
|
|
@@ -2862,8 +2864,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2862
2864
|
tabindex="-1"
|
|
2863
2865
|
type="button"
|
|
2864
2866
|
class="k-calendar-nav-prev"
|
|
2865
|
-
[attr.aria-disabled]="isPrevDisabled"
|
|
2867
|
+
[attr.aria-disabled]="isPrevDisabled || null"
|
|
2866
2868
|
[disabled]="isPrevDisabled"
|
|
2869
|
+
[attr.aria-label]="prevButtonTitle"
|
|
2867
2870
|
[title]="prevButtonTitle"
|
|
2868
2871
|
(click)="prevButtonClick.emit()"
|
|
2869
2872
|
>
|
|
@@ -2873,7 +2876,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2873
2876
|
kendoButton
|
|
2874
2877
|
class="k-calendar-nav-today"
|
|
2875
2878
|
fillMode="flat"
|
|
2876
|
-
role="link"
|
|
2877
2879
|
[size]="size"
|
|
2878
2880
|
[disabled]="!todayAvailable"
|
|
2879
2881
|
[kendoEventsOutsideAngular]="{
|
|
@@ -2894,8 +2896,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
2894
2896
|
class="k-calendar-nav-next"
|
|
2895
2897
|
tabindex="-1"
|
|
2896
2898
|
type="button"
|
|
2897
|
-
[attr.aria-disabled]="isNextDisabled"
|
|
2899
|
+
[attr.aria-disabled]="isNextDisabled || null"
|
|
2898
2900
|
[disabled]="isNextDisabled"
|
|
2901
|
+
[attr.aria-label]="nextButtonTitle"
|
|
2899
2902
|
[title]="nextButtonTitle"
|
|
2900
2903
|
(click)="nextButtonClick.emit()"
|
|
2901
2904
|
>
|
|
@@ -2993,10 +2996,10 @@ class SelectionService {
|
|
|
2993
2996
|
isDateSelected(selectedDates, date) {
|
|
2994
2997
|
return selectedDates.some(item => isEqual(item, date));
|
|
2995
2998
|
}
|
|
2996
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2997
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2999
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectionService, deps: [{ token: BusViewService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3000
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectionService });
|
|
2998
3001
|
}
|
|
2999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectionService, decorators: [{
|
|
3000
3003
|
type: Injectable
|
|
3001
3004
|
}], ctorParameters: () => [{ type: BusViewService }] });
|
|
3002
3005
|
|
|
@@ -3029,10 +3032,10 @@ class CellTemplateDirective {
|
|
|
3029
3032
|
constructor(templateRef) {
|
|
3030
3033
|
this.templateRef = templateRef;
|
|
3031
3034
|
}
|
|
3032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3033
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3035
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3036
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CellTemplateDirective, isStandalone: true, selector: "[kendoCalendarCellTemplate]", ngImport: i0 });
|
|
3034
3037
|
}
|
|
3035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CellTemplateDirective, decorators: [{
|
|
3036
3039
|
type: Directive,
|
|
3037
3040
|
args: [{
|
|
3038
3041
|
selector: '[kendoCalendarCellTemplate]',
|
|
@@ -3067,10 +3070,10 @@ class MonthCellTemplateDirective {
|
|
|
3067
3070
|
constructor(templateRef) {
|
|
3068
3071
|
this.templateRef = templateRef;
|
|
3069
3072
|
}
|
|
3070
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3071
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3073
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MonthCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3074
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MonthCellTemplateDirective, isStandalone: true, selector: "[kendoCalendarMonthCellTemplate]", ngImport: i0 });
|
|
3072
3075
|
}
|
|
3073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3076
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MonthCellTemplateDirective, decorators: [{
|
|
3074
3077
|
type: Directive,
|
|
3075
3078
|
args: [{
|
|
3076
3079
|
selector: '[kendoCalendarMonthCellTemplate]',
|
|
@@ -3105,10 +3108,10 @@ class YearCellTemplateDirective {
|
|
|
3105
3108
|
constructor(templateRef) {
|
|
3106
3109
|
this.templateRef = templateRef;
|
|
3107
3110
|
}
|
|
3108
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3109
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3111
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YearCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3112
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: YearCellTemplateDirective, isStandalone: true, selector: "[kendoCalendarYearCellTemplate]", ngImport: i0 });
|
|
3110
3113
|
}
|
|
3111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YearCellTemplateDirective, decorators: [{
|
|
3112
3115
|
type: Directive,
|
|
3113
3116
|
args: [{
|
|
3114
3117
|
selector: '[kendoCalendarYearCellTemplate]',
|
|
@@ -3143,10 +3146,10 @@ class DecadeCellTemplateDirective {
|
|
|
3143
3146
|
constructor(templateRef) {
|
|
3144
3147
|
this.templateRef = templateRef;
|
|
3145
3148
|
}
|
|
3146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3147
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DecadeCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3150
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DecadeCellTemplateDirective, isStandalone: true, selector: "[kendoCalendarDecadeCellTemplate]", ngImport: i0 });
|
|
3148
3151
|
}
|
|
3149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DecadeCellTemplateDirective, decorators: [{
|
|
3150
3153
|
type: Directive,
|
|
3151
3154
|
args: [{
|
|
3152
3155
|
selector: '[kendoCalendarDecadeCellTemplate]',
|
|
@@ -3181,10 +3184,10 @@ class CenturyCellTemplateDirective {
|
|
|
3181
3184
|
constructor(templateRef) {
|
|
3182
3185
|
this.templateRef = templateRef;
|
|
3183
3186
|
}
|
|
3184
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3185
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CenturyCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3188
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CenturyCellTemplateDirective, isStandalone: true, selector: "[kendoCalendarCenturyCellTemplate]", ngImport: i0 });
|
|
3186
3189
|
}
|
|
3187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CenturyCellTemplateDirective, decorators: [{
|
|
3188
3191
|
type: Directive,
|
|
3189
3192
|
args: [{
|
|
3190
3193
|
selector: '[kendoCalendarCenturyCellTemplate]',
|
|
@@ -3219,10 +3222,10 @@ class WeekNumberCellTemplateDirective {
|
|
|
3219
3222
|
constructor(templateRef) {
|
|
3220
3223
|
this.templateRef = templateRef;
|
|
3221
3224
|
}
|
|
3222
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3223
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3225
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WeekNumberCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3226
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: WeekNumberCellTemplateDirective, isStandalone: true, selector: "[kendoCalendarWeekNumberCellTemplate]", ngImport: i0 });
|
|
3224
3227
|
}
|
|
3225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WeekNumberCellTemplateDirective, decorators: [{
|
|
3226
3229
|
type: Directive,
|
|
3227
3230
|
args: [{
|
|
3228
3231
|
selector: '[kendoCalendarWeekNumberCellTemplate]',
|
|
@@ -3257,10 +3260,10 @@ class HeaderTitleTemplateDirective {
|
|
|
3257
3260
|
constructor(templateRef) {
|
|
3258
3261
|
this.templateRef = templateRef;
|
|
3259
3262
|
}
|
|
3260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3261
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTitleTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3264
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: HeaderTitleTemplateDirective, isStandalone: true, selector: "[kendoCalendarHeaderTitleTemplate]", ngImport: i0 });
|
|
3262
3265
|
}
|
|
3263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTitleTemplateDirective, decorators: [{
|
|
3264
3267
|
type: Directive,
|
|
3265
3268
|
args: [{
|
|
3266
3269
|
selector: '[kendoCalendarHeaderTitleTemplate]',
|
|
@@ -3413,10 +3416,10 @@ class NavigationService {
|
|
|
3413
3416
|
}
|
|
3414
3417
|
return service.move(value, action);
|
|
3415
3418
|
}
|
|
3416
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3417
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3419
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationService, deps: [{ token: BusViewService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3420
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationService, providedIn: 'root' });
|
|
3418
3421
|
}
|
|
3419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationService, decorators: [{
|
|
3420
3423
|
type: Injectable,
|
|
3421
3424
|
args: [{
|
|
3422
3425
|
providedIn: 'root'
|
|
@@ -3454,10 +3457,10 @@ class HeaderTemplateDirective {
|
|
|
3454
3457
|
constructor(templateRef) {
|
|
3455
3458
|
this.templateRef = templateRef;
|
|
3456
3459
|
}
|
|
3457
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3458
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3460
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3461
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoCalendarHeaderTemplate]", ngImport: i0 });
|
|
3459
3462
|
}
|
|
3460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
|
|
3461
3464
|
type: Directive,
|
|
3462
3465
|
args: [{
|
|
3463
3466
|
selector: '[kendoCalendarHeaderTemplate]',
|
|
@@ -3493,10 +3496,10 @@ class FooterTemplateDirective {
|
|
|
3493
3496
|
constructor(templateRef) {
|
|
3494
3497
|
this.templateRef = templateRef;
|
|
3495
3498
|
}
|
|
3496
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3497
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3499
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3500
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoCalendarFooterTemplate]", ngImport: i0 });
|
|
3498
3501
|
}
|
|
3499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FooterTemplateDirective, decorators: [{
|
|
3500
3503
|
type: Directive,
|
|
3501
3504
|
args: [{
|
|
3502
3505
|
selector: '[kendoCalendarFooterTemplate]',
|
|
@@ -3517,8 +3520,8 @@ class FooterComponent {
|
|
|
3517
3520
|
constructor(intl) {
|
|
3518
3521
|
this.intl = intl;
|
|
3519
3522
|
}
|
|
3520
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3521
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3523
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FooterComponent, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3524
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FooterComponent, isStandalone: true, selector: "kendo-calendar-footer", inputs: { footerTemplateRef: "footerTemplateRef", activeViewValue: "activeViewValue", currentDate: "currentDate" }, host: { properties: { "class.k-calendar-footer": "this.showFooter" } }, ngImport: i0, template: `
|
|
3522
3525
|
@if (footerTemplateRef) {
|
|
3523
3526
|
<ng-template
|
|
3524
3527
|
[ngTemplateOutlet]="footerTemplateRef"
|
|
@@ -3536,7 +3539,7 @@ class FooterComponent {
|
|
|
3536
3539
|
}
|
|
3537
3540
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
3538
3541
|
}
|
|
3539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FooterComponent, decorators: [{
|
|
3540
3543
|
type: Component,
|
|
3541
3544
|
args: [{
|
|
3542
3545
|
selector: 'kendo-calendar-footer',
|
|
@@ -3591,10 +3594,14 @@ class Messages extends ComponentMessages {
|
|
|
3591
3594
|
* The title of the **Parent View** button in the header of the MultiViewCalendar.
|
|
3592
3595
|
*/
|
|
3593
3596
|
parentViewButtonTitle;
|
|
3594
|
-
|
|
3595
|
-
|
|
3597
|
+
/**
|
|
3598
|
+
* The label of the week number column in the Calendar.
|
|
3599
|
+
*/
|
|
3600
|
+
weekNumberLabel;
|
|
3601
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
3602
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-multiview-calendar-messages-base", inputs: { today: "today", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", weekNumberLabel: "weekNumberLabel" }, usesInheritance: true, ngImport: i0 });
|
|
3596
3603
|
}
|
|
3597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, decorators: [{
|
|
3598
3605
|
type: Directive,
|
|
3599
3606
|
args: [{
|
|
3600
3607
|
selector: 'kendo-multiview-calendar-messages-base'
|
|
@@ -3607,6 +3614,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
3607
3614
|
type: Input
|
|
3608
3615
|
}], parentViewButtonTitle: [{
|
|
3609
3616
|
type: Input
|
|
3617
|
+
}], weekNumberLabel: [{
|
|
3618
|
+
type: Input
|
|
3610
3619
|
}] } });
|
|
3611
3620
|
|
|
3612
3621
|
/**
|
|
@@ -3618,15 +3627,15 @@ class MultiViewCalendarLocalizedMessagesDirective extends Messages {
|
|
|
3618
3627
|
super();
|
|
3619
3628
|
this.service = service;
|
|
3620
3629
|
}
|
|
3621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3622
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3631
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MultiViewCalendarLocalizedMessagesDirective, isStandalone: true, selector: "[kendoMultiViewCalendarLocalizedMessages]", providers: [
|
|
3623
3632
|
{
|
|
3624
3633
|
provide: Messages,
|
|
3625
3634
|
useExisting: forwardRef(() => MultiViewCalendarLocalizedMessagesDirective)
|
|
3626
3635
|
}
|
|
3627
3636
|
], usesInheritance: true, ngImport: i0 });
|
|
3628
3637
|
}
|
|
3629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarLocalizedMessagesDirective, decorators: [{
|
|
3630
3639
|
type: Directive,
|
|
3631
3640
|
args: [{
|
|
3632
3641
|
providers: [
|
|
@@ -4230,7 +4239,7 @@ class MultiViewCalendarComponent {
|
|
|
4230
4239
|
return this.views >= 2 ? this.id : null;
|
|
4231
4240
|
}
|
|
4232
4241
|
get ariaDisabled() {
|
|
4233
|
-
return this.disabled;
|
|
4242
|
+
return this.disabled || null;
|
|
4234
4243
|
}
|
|
4235
4244
|
/**
|
|
4236
4245
|
* @hidden
|
|
@@ -4446,8 +4455,7 @@ class MultiViewCalendarComponent {
|
|
|
4446
4455
|
if (!this.element) {
|
|
4447
4456
|
return;
|
|
4448
4457
|
}
|
|
4449
|
-
const activeElement = this.
|
|
4450
|
-
this.element.nativeElement.querySelector('.k-calendar-table');
|
|
4458
|
+
const activeElement = this.element.nativeElement.querySelector('.k-calendar-view');
|
|
4451
4459
|
activeElement.blur();
|
|
4452
4460
|
}
|
|
4453
4461
|
/**
|
|
@@ -4803,8 +4811,8 @@ class MultiViewCalendarComponent {
|
|
|
4803
4811
|
focusedDate: date
|
|
4804
4812
|
});
|
|
4805
4813
|
}
|
|
4806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4807
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarComponent, deps: [{ token: BusViewService }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DisabledDatesService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4815
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MultiViewCalendarComponent, isStandalone: true, selector: "kendo-multiviewcalendar", inputs: { showOtherMonthDays: "showOtherMonthDays", showCalendarHeader: "showCalendarHeader", size: "size", id: "id", focusedDate: "focusedDate", footer: "footer", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesRangeValidation: "disabledDatesRangeValidation", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", weekDaysFormat: "weekDaysFormat", isActive: "isActive", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", weekNumber: "weekNumber", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", views: "views", orientation: "orientation", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"] }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", cellEnter: "cellEnter", cellLeave: "cellLeave", valueChange: "valueChange", rangeSelectionChange: "rangeSelectionChange", blurEvent: "blur", focusEvent: "focus", focusCalendar: "focusCalendar", onClosePopup: "onClosePopup", onTabPress: "onTabPress", onShiftTabPress: "onShiftTabPress" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "mousedown": "handleMousedown($event)", "click": "handleClick()", "keydown": "keydown($event)" }, properties: { "class.k-week-number": "this.weekNumber", "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
|
|
4808
4816
|
BusViewService,
|
|
4809
4817
|
RANGE_CALENDAR_VALUE_ACCESSOR,
|
|
4810
4818
|
RANGE_CALENDAR_RANGE_VALIDATORS,
|
|
@@ -4829,6 +4837,9 @@ class MultiViewCalendarComponent {
|
|
|
4829
4837
|
|
|
4830
4838
|
i18n-parentViewButtonTitle="kendo.multiviewcalendar.parentViewButtonTitle|The title of the parent view button in the Multiview calendar header"
|
|
4831
4839
|
parentViewButtonTitle="Navigate to parent view"
|
|
4840
|
+
|
|
4841
|
+
i18n-weekNumberLabel="kendo.calendar.weekNumberLabel|The label of the week number column in the Calendar"
|
|
4842
|
+
weekNumberLabel="Week number"
|
|
4832
4843
|
>
|
|
4833
4844
|
</ng-container>
|
|
4834
4845
|
@if (showCalendarHeader) {
|
|
@@ -4856,7 +4867,7 @@ class MultiViewCalendarComponent {
|
|
|
4856
4867
|
[showOtherMonthDays]="showOtherMonthDays"
|
|
4857
4868
|
[allowReverse]="allowReverse"
|
|
4858
4869
|
[id]="calendarHeaderIdLabel"
|
|
4859
|
-
[attr.aria-labelledby]="multiViewCalendarHeaderIdLabel"
|
|
4870
|
+
[attr.aria-labelledby]="calendarHeaderIdLabel || multiViewCalendarHeaderIdLabel"
|
|
4860
4871
|
[activeView]="activeViewEnum"
|
|
4861
4872
|
[activeDescendant]="ariaActivedescendant"
|
|
4862
4873
|
[isActive]="isActive || isHovered"
|
|
@@ -4895,7 +4906,7 @@ class MultiViewCalendarComponent {
|
|
|
4895
4906
|
}
|
|
4896
4907
|
`, isInline: true, dependencies: [{ kind: "directive", type: MultiViewCalendarLocalizedMessagesDirective, selector: "[kendoMultiViewCalendarLocalizedMessages]" }, { kind: "component", type: HeaderComponent, selector: "kendo-calendar-header", inputs: ["activeView", "currentDate", "min", "max", "rangeLength", "titleTemplateRef", "headerTemplateRef", "isPrevDisabled", "isNextDisabled", "showNavigationButtons", "orientation", "id", "size"], outputs: ["todayButtonClick", "prevButtonClick", "nextButtonClick"] }, { kind: "component", type: HorizontalViewListComponent, selector: "kendo-calendar-horizontal", inputs: ["showOtherMonthDays", "cellTemplateRef", "weekNumberTemplateRef", "allowReverse", "activeRangeEnd", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectionRange", "selectedDates", "views", "showViewHeader", "animateNavigation", "orientation", "activeDescendant", "tabIndex", "disabled", "id", "weekDaysFormat", "weekNumber"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "activeDateChange", "focusCalendar", "blurCalendar", "focusedCellChange"] }, { kind: "component", type: FooterComponent, selector: "kendo-calendar-footer", inputs: ["footerTemplateRef", "activeViewValue", "currentDate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4897
4908
|
}
|
|
4898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarComponent, decorators: [{
|
|
4899
4910
|
type: Component,
|
|
4900
4911
|
args: [{
|
|
4901
4912
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -4927,6 +4938,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
4927
4938
|
|
|
4928
4939
|
i18n-parentViewButtonTitle="kendo.multiviewcalendar.parentViewButtonTitle|The title of the parent view button in the Multiview calendar header"
|
|
4929
4940
|
parentViewButtonTitle="Navigate to parent view"
|
|
4941
|
+
|
|
4942
|
+
i18n-weekNumberLabel="kendo.calendar.weekNumberLabel|The label of the week number column in the Calendar"
|
|
4943
|
+
weekNumberLabel="Week number"
|
|
4930
4944
|
>
|
|
4931
4945
|
</ng-container>
|
|
4932
4946
|
@if (showCalendarHeader) {
|
|
@@ -4954,7 +4968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
4954
4968
|
[showOtherMonthDays]="showOtherMonthDays"
|
|
4955
4969
|
[allowReverse]="allowReverse"
|
|
4956
4970
|
[id]="calendarHeaderIdLabel"
|
|
4957
|
-
[attr.aria-labelledby]="multiViewCalendarHeaderIdLabel"
|
|
4971
|
+
[attr.aria-labelledby]="calendarHeaderIdLabel || multiViewCalendarHeaderIdLabel"
|
|
4958
4972
|
[activeView]="activeViewEnum"
|
|
4959
4973
|
[activeDescendant]="ariaActivedescendant"
|
|
4960
4974
|
[isActive]="isActive || isHovered"
|
|
@@ -5045,6 +5059,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5045
5059
|
type: Input
|
|
5046
5060
|
}], weekNumber: [{
|
|
5047
5061
|
type: Input
|
|
5062
|
+
}, {
|
|
5063
|
+
type: HostBinding,
|
|
5064
|
+
args: ['class.k-week-number']
|
|
5048
5065
|
}], activeRangeEnd: [{
|
|
5049
5066
|
type: Input
|
|
5050
5067
|
}], selectionRange: [{
|
|
@@ -5349,10 +5366,10 @@ class CalendarDOMService {
|
|
|
5349
5366
|
document.body.removeChild(hostClone);
|
|
5350
5367
|
}
|
|
5351
5368
|
}
|
|
5352
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5353
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
5369
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarDOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5370
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarDOMService, providedIn: 'root' });
|
|
5354
5371
|
}
|
|
5355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarDOMService, decorators: [{
|
|
5356
5373
|
type: Injectable,
|
|
5357
5374
|
args: [{
|
|
5358
5375
|
providedIn: 'root'
|
|
@@ -5591,6 +5608,7 @@ class VirtualizationComponent {
|
|
|
5591
5608
|
pageChange = new EventEmitter();
|
|
5592
5609
|
scrollChange = new EventEmitter();
|
|
5593
5610
|
wrapperClasses = true;
|
|
5611
|
+
role = 'none';
|
|
5594
5612
|
get horizontalClass() {
|
|
5595
5613
|
return this.direction === 'horizontal';
|
|
5596
5614
|
}
|
|
@@ -5659,7 +5677,9 @@ class VirtualizationComponent {
|
|
|
5659
5677
|
return this.container.nativeElement[propertyName];
|
|
5660
5678
|
}
|
|
5661
5679
|
activeIndex() {
|
|
5662
|
-
|
|
5680
|
+
// guard against negative scrollTop in iOS during rubber-band overscroll - https://github.com/telerik/kendo-angular-private/issues/6747
|
|
5681
|
+
const scrollPosition = Math.max(0, Math.ceil(this.containerScrollPosition)); //handle subpixeling
|
|
5682
|
+
return this.itemIndex(scrollPosition);
|
|
5663
5683
|
}
|
|
5664
5684
|
itemIndex(offset) {
|
|
5665
5685
|
return this.rowHeightService.index(offset);
|
|
@@ -5768,8 +5788,8 @@ class VirtualizationComponent {
|
|
|
5768
5788
|
getContainerScrollDirection(indexOffset) {
|
|
5769
5789
|
return indexOffset < this.containerScrollPosition ? ScrollDirection.Backward : ScrollDirection.Forward;
|
|
5770
5790
|
}
|
|
5771
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5772
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5791
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i19.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5792
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VirtualizationComponent, isStandalone: true, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total", role: "role" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "attr.role": "this.role", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
|
|
5773
5793
|
provide: SCROLLER_FACTORY_TOKEN,
|
|
5774
5794
|
useValue: DEFAULT_SCROLLER_FACTORY
|
|
5775
5795
|
}], usesOnChanges: true, ngImport: i0, template: `
|
|
@@ -5781,7 +5801,7 @@ class VirtualizationComponent {
|
|
|
5781
5801
|
></div>
|
|
5782
5802
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
5783
5803
|
}
|
|
5784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VirtualizationComponent, decorators: [{
|
|
5785
5805
|
type: Component,
|
|
5786
5806
|
args: [{
|
|
5787
5807
|
providers: [{
|
|
@@ -5832,14 +5852,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
5832
5852
|
}], scrollChange: [{
|
|
5833
5853
|
type: Output
|
|
5834
5854
|
}], wrapperClasses: [{
|
|
5835
|
-
type: HostBinding,
|
|
5836
|
-
args: ['class.k-flex']
|
|
5837
|
-
}, {
|
|
5838
5855
|
type: HostBinding,
|
|
5839
5856
|
args: ['class.k-content']
|
|
5840
5857
|
}, {
|
|
5841
5858
|
type: HostBinding,
|
|
5842
5859
|
args: ['class.k-scrollable']
|
|
5860
|
+
}], role: [{
|
|
5861
|
+
type: HostBinding,
|
|
5862
|
+
args: ['attr.role']
|
|
5863
|
+
}, {
|
|
5864
|
+
type: Input
|
|
5843
5865
|
}], horizontalClass: [{
|
|
5844
5866
|
type: HostBinding,
|
|
5845
5867
|
args: ['class.k-scrollable-horizontal']
|
|
@@ -5959,8 +5981,8 @@ class NavigationComponent {
|
|
|
5959
5981
|
this.cdr.markForCheck();
|
|
5960
5982
|
}
|
|
5961
5983
|
}
|
|
5962
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5963
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5984
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationComponent, deps: [{ token: BusViewService }, { token: CalendarDOMService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
5985
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NavigationComponent, isStandalone: true, selector: "kendo-calendar-navigation", inputs: { activeView: "activeView", min: "min", max: "max", focusedDate: "focusedDate", templateRef: "templateRef" }, outputs: { valueChange: "valueChange", pageChange: "pageChange" }, host: { properties: { "class.k-calendar-navigation": "this.getComponentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
5964
5986
|
<span class="k-calendar-navigation-highlight"></span>
|
|
5965
5987
|
<kendo-virtualization
|
|
5966
5988
|
[skip]="skip"
|
|
@@ -5970,6 +5992,7 @@ class NavigationComponent {
|
|
|
5970
5992
|
[topOffset]="topOffset"
|
|
5971
5993
|
[bottomOffset]="bottomOffset"
|
|
5972
5994
|
[maxScrollDifference]="maxViewHeight"
|
|
5995
|
+
[role]="null"
|
|
5973
5996
|
(pageChange)="onPageChange($event)"
|
|
5974
5997
|
(scrollChange)="scrollChange($event)"
|
|
5975
5998
|
>
|
|
@@ -5989,9 +6012,9 @@ class NavigationComponent {
|
|
|
5989
6012
|
</li>
|
|
5990
6013
|
</ul>
|
|
5991
6014
|
</kendo-virtualization>
|
|
5992
|
-
`, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6015
|
+
`, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total", "role"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5993
6016
|
}
|
|
5994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6017
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
5995
6018
|
type: Component,
|
|
5996
6019
|
args: [{
|
|
5997
6020
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -6006,6 +6029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6006
6029
|
[topOffset]="topOffset"
|
|
6007
6030
|
[bottomOffset]="bottomOffset"
|
|
6008
6031
|
[maxScrollDifference]="maxViewHeight"
|
|
6032
|
+
[role]="null"
|
|
6009
6033
|
(pageChange)="onPageChange($event)"
|
|
6010
6034
|
(scrollChange)="scrollChange($event)"
|
|
6011
6035
|
>
|
|
@@ -6067,6 +6091,7 @@ class ViewListComponent {
|
|
|
6067
6091
|
intl;
|
|
6068
6092
|
dom;
|
|
6069
6093
|
renderer;
|
|
6094
|
+
localization;
|
|
6070
6095
|
allowReverse;
|
|
6071
6096
|
cellTemplateRef;
|
|
6072
6097
|
weekNumberTemplateRef;
|
|
@@ -6126,6 +6151,9 @@ class ViewListComponent {
|
|
|
6126
6151
|
get activeViewValue() {
|
|
6127
6152
|
return CalendarViewEnum[this.activeView];
|
|
6128
6153
|
}
|
|
6154
|
+
get weekNumberLabel() {
|
|
6155
|
+
return this.localization.get('weekNumberLabel');
|
|
6156
|
+
}
|
|
6129
6157
|
service;
|
|
6130
6158
|
activeDate;
|
|
6131
6159
|
dates = [];
|
|
@@ -6143,12 +6171,13 @@ class ViewListComponent {
|
|
|
6143
6171
|
showWeekNumbers;
|
|
6144
6172
|
minViewsToRender = 1;
|
|
6145
6173
|
intlSubscription;
|
|
6146
|
-
constructor(bus, cdr, intl, dom, renderer) {
|
|
6174
|
+
constructor(bus, cdr, intl, dom, renderer, localization) {
|
|
6147
6175
|
this.bus = bus;
|
|
6148
6176
|
this.cdr = cdr;
|
|
6149
6177
|
this.intl = intl;
|
|
6150
6178
|
this.dom = dom;
|
|
6151
6179
|
this.renderer = renderer;
|
|
6180
|
+
this.localization = localization;
|
|
6152
6181
|
}
|
|
6153
6182
|
ngOnInit() {
|
|
6154
6183
|
this.weekNames = this.getWeekNames(this.weekDaysFormat);
|
|
@@ -6260,8 +6289,8 @@ class ViewListComponent {
|
|
|
6260
6289
|
this.cdr.markForCheck();
|
|
6261
6290
|
}
|
|
6262
6291
|
}
|
|
6263
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6264
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewListComponent, deps: [{ token: BusViewService }, { token: i0.ChangeDetectorRef }, { token: i1.IntlService }, { token: CalendarDOMService }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6293
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ViewListComponent, isStandalone: true, selector: "kendo-calendar-viewlist", inputs: { allowReverse: "allowReverse", cellTemplateRef: "cellTemplateRef", weekNumberTemplateRef: "weekNumberTemplateRef", headerTitleTemplateRef: "headerTitleTemplateRef", headerTemplateRef: "headerTemplateRef", footerTemplateRef: "footerTemplateRef", showOtherMonthDays: "showOtherMonthDays", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", isActive: "isActive", min: "min", max: "max", selectedDates: "selectedDates", tabIndex: "tabIndex", disabled: "disabled", id: "id", showFooter: "showFooter", weekDaysFormat: "weekDaysFormat", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", size: "size", weekNumber: "weekNumber" }, outputs: { cellEnter: "cellEnter", cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", activeDateChange: "activeDateChange", todayButtonClick: "todayButtonClick", pageChange: "pageChange", focusCalendar: "focusCalendar", blurCalendar: "blurCalendar", focusedCellChange: "focusedCellChange" }, host: { properties: { "class.k-vstack": "this.getComponentClass", "class.k-calendar-view": "this.getComponentClass", "class.k-calendar-monthview": "this.getComponentMonthClass", "class.k-calendar-yearview": "this.getComponentYearClass", "class.k-calendar-decadeview": "this.getComponentDecadeClass", "class.k-calendar-centuryview": "this.getComponentCenturyClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true }, { propertyName: "headerComponent", first: true, predicate: HeaderComponent, descendants: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
6265
6294
|
<kendo-calendar-header
|
|
6266
6295
|
[currentDate]="activeDate"
|
|
6267
6296
|
[size]="size"
|
|
@@ -6275,11 +6304,17 @@ class ViewListComponent {
|
|
|
6275
6304
|
>
|
|
6276
6305
|
</kendo-calendar-header>
|
|
6277
6306
|
@if (isMonthView()) {
|
|
6278
|
-
<table class="k-calendar-weekdays k-calendar-table" [style.table-layout]="'auto'">
|
|
6279
|
-
<thead class="k-calendar-thead">
|
|
6280
|
-
<tr class="k-calendar-tr">
|
|
6307
|
+
<table class="k-calendar-weekdays k-calendar-table" [style.table-layout]="'auto'" role="table">
|
|
6308
|
+
<thead class="k-calendar-thead" role="rowgroup">
|
|
6309
|
+
<tr class="k-calendar-tr" role="row">
|
|
6281
6310
|
@for (name of weekNames; track $index; let i = $index) {
|
|
6282
|
-
<th
|
|
6311
|
+
<th
|
|
6312
|
+
class="k-calendar-th"
|
|
6313
|
+
[class.k-alt]="weekNumber && i === 0"
|
|
6314
|
+
scope="col"
|
|
6315
|
+
[attr.aria-label]="weekNumber && i === 0 ? weekNumberLabel : wideWeekNames[i]"
|
|
6316
|
+
role="columnheader"
|
|
6317
|
+
>@if (weekNumber && i === 0) {<span class="k-sr-only">{{weekNumberLabel}}</span>}{{name}}</th>
|
|
6283
6318
|
}
|
|
6284
6319
|
</tr>
|
|
6285
6320
|
</thead>
|
|
@@ -6345,9 +6380,9 @@ class ViewListComponent {
|
|
|
6345
6380
|
[currentDate]="activeDate">
|
|
6346
6381
|
</kendo-calendar-footer>
|
|
6347
6382
|
}
|
|
6348
|
-
`, isInline: true, dependencies: [{ kind: "component", type: HeaderComponent, selector: "kendo-calendar-header", inputs: ["activeView", "currentDate", "min", "max", "rangeLength", "titleTemplateRef", "headerTemplateRef", "isPrevDisabled", "isNextDisabled", "showNavigationButtons", "orientation", "id", "size"], outputs: ["todayButtonClick", "prevButtonClick", "nextButtonClick"] }, { kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "component", type: ViewComponent, selector: "[kendoCalendarView]", inputs: ["allowReverse", "showOtherMonthDays", "direction", "isActive", "activeView", "cellUID", "focusedDate", "viewDate", "activeRangeEnd", "selectionRange", "min", "max", "selectedDates", "weekNumber", "viewIndex", "templateRef", "weekNumberTemplateRef", "headerTitle"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "focusedCellId"] }, { kind: "component", type: FooterComponent, selector: "kendo-calendar-footer", inputs: ["footerTemplateRef", "activeViewValue", "currentDate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6383
|
+
`, isInline: true, dependencies: [{ kind: "component", type: HeaderComponent, selector: "kendo-calendar-header", inputs: ["activeView", "currentDate", "min", "max", "rangeLength", "titleTemplateRef", "headerTemplateRef", "isPrevDisabled", "isNextDisabled", "showNavigationButtons", "orientation", "id", "size"], outputs: ["todayButtonClick", "prevButtonClick", "nextButtonClick"] }, { kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total", "role"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "component", type: ViewComponent, selector: "[kendoCalendarView]", inputs: ["allowReverse", "showOtherMonthDays", "direction", "isActive", "activeView", "cellUID", "focusedDate", "viewDate", "activeRangeEnd", "selectionRange", "min", "max", "selectedDates", "weekNumber", "viewIndex", "templateRef", "weekNumberTemplateRef", "headerTitle"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "focusedCellId"] }, { kind: "component", type: FooterComponent, selector: "kendo-calendar-footer", inputs: ["footerTemplateRef", "activeViewValue", "currentDate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6349
6384
|
}
|
|
6350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewListComponent, decorators: [{
|
|
6351
6386
|
type: Component,
|
|
6352
6387
|
args: [{
|
|
6353
6388
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -6366,11 +6401,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6366
6401
|
>
|
|
6367
6402
|
</kendo-calendar-header>
|
|
6368
6403
|
@if (isMonthView()) {
|
|
6369
|
-
<table class="k-calendar-weekdays k-calendar-table" [style.table-layout]="'auto'">
|
|
6370
|
-
<thead class="k-calendar-thead">
|
|
6371
|
-
<tr class="k-calendar-tr">
|
|
6404
|
+
<table class="k-calendar-weekdays k-calendar-table" [style.table-layout]="'auto'" role="table">
|
|
6405
|
+
<thead class="k-calendar-thead" role="rowgroup">
|
|
6406
|
+
<tr class="k-calendar-tr" role="row">
|
|
6372
6407
|
@for (name of weekNames; track $index; let i = $index) {
|
|
6373
|
-
<th
|
|
6408
|
+
<th
|
|
6409
|
+
class="k-calendar-th"
|
|
6410
|
+
[class.k-alt]="weekNumber && i === 0"
|
|
6411
|
+
scope="col"
|
|
6412
|
+
[attr.aria-label]="weekNumber && i === 0 ? weekNumberLabel : wideWeekNames[i]"
|
|
6413
|
+
role="columnheader"
|
|
6414
|
+
>@if (weekNumber && i === 0) {<span class="k-sr-only">{{weekNumberLabel}}</span>}{{name}}</th>
|
|
6374
6415
|
}
|
|
6375
6416
|
</tr>
|
|
6376
6417
|
</thead>
|
|
@@ -6440,7 +6481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6440
6481
|
standalone: true,
|
|
6441
6482
|
imports: [HeaderComponent, VirtualizationComponent, KForOf, ViewComponent, FooterComponent]
|
|
6442
6483
|
}]
|
|
6443
|
-
}], ctorParameters: () => [{ type: BusViewService }, { type: i0.ChangeDetectorRef }, { type: i1.IntlService }, { type: CalendarDOMService }, { type: i0.Renderer2 }], propDecorators: { allowReverse: [{
|
|
6484
|
+
}], ctorParameters: () => [{ type: BusViewService }, { type: i0.ChangeDetectorRef }, { type: i1.IntlService }, { type: CalendarDOMService }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }], propDecorators: { allowReverse: [{
|
|
6444
6485
|
type: Input
|
|
6445
6486
|
}], cellTemplateRef: [{
|
|
6446
6487
|
type: Input
|
|
@@ -6608,10 +6649,10 @@ class ScrollSyncService {
|
|
|
6608
6649
|
this.viewSubscription.unsubscribe();
|
|
6609
6650
|
}
|
|
6610
6651
|
}
|
|
6611
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6612
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
6652
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSyncService, deps: [{ token: CalendarDOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6653
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSyncService });
|
|
6613
6654
|
}
|
|
6614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSyncService, decorators: [{
|
|
6615
6656
|
type: Injectable
|
|
6616
6657
|
}], ctorParameters: () => [{ type: CalendarDOMService }, { type: i0.NgZone }] });
|
|
6617
6658
|
|
|
@@ -6642,10 +6683,10 @@ class NavigationItemTemplateDirective {
|
|
|
6642
6683
|
constructor(templateRef) {
|
|
6643
6684
|
this.templateRef = templateRef;
|
|
6644
6685
|
}
|
|
6645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6646
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
6686
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6687
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: NavigationItemTemplateDirective, isStandalone: true, selector: "[kendoCalendarNavigationItemTemplate]", ngImport: i0 });
|
|
6647
6688
|
}
|
|
6648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavigationItemTemplateDirective, decorators: [{
|
|
6649
6690
|
type: Directive,
|
|
6650
6691
|
args: [{
|
|
6651
6692
|
selector: '[kendoCalendarNavigationItemTemplate]',
|
|
@@ -6686,15 +6727,15 @@ class MultiViewCalendarCustomMessagesComponent extends Messages {
|
|
|
6686
6727
|
get override() {
|
|
6687
6728
|
return true;
|
|
6688
6729
|
}
|
|
6689
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6690
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6730
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6731
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: MultiViewCalendarCustomMessagesComponent, isStandalone: true, selector: "kendo-multiviewcalendar-messages", providers: [
|
|
6691
6732
|
{
|
|
6692
6733
|
provide: Messages,
|
|
6693
6734
|
useExisting: forwardRef(() => MultiViewCalendarCustomMessagesComponent)
|
|
6694
6735
|
}
|
|
6695
6736
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
6696
6737
|
}
|
|
6697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarCustomMessagesComponent, decorators: [{
|
|
6698
6739
|
type: Component,
|
|
6699
6740
|
args: [{
|
|
6700
6741
|
providers: [
|
|
@@ -6729,10 +6770,14 @@ class CalendarMessages extends ComponentMessages {
|
|
|
6729
6770
|
* The title of the **Parent View** button in the header of the Calendar.
|
|
6730
6771
|
*/
|
|
6731
6772
|
parentViewButtonTitle;
|
|
6732
|
-
|
|
6733
|
-
|
|
6773
|
+
/**
|
|
6774
|
+
* The label of the week number column in the Calendar.
|
|
6775
|
+
*/
|
|
6776
|
+
weekNumberLabel;
|
|
6777
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6778
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CalendarMessages, isStandalone: true, selector: "kendo-calendar-messages-base", inputs: { today: "today", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", weekNumberLabel: "weekNumberLabel" }, usesInheritance: true, ngImport: i0 });
|
|
6734
6779
|
}
|
|
6735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarMessages, decorators: [{
|
|
6736
6781
|
type: Directive,
|
|
6737
6782
|
args: [{
|
|
6738
6783
|
selector: 'kendo-calendar-messages-base'
|
|
@@ -6745,6 +6790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
6745
6790
|
type: Input
|
|
6746
6791
|
}], parentViewButtonTitle: [{
|
|
6747
6792
|
type: Input
|
|
6793
|
+
}], weekNumberLabel: [{
|
|
6794
|
+
type: Input
|
|
6748
6795
|
}] } });
|
|
6749
6796
|
|
|
6750
6797
|
/**
|
|
@@ -6756,15 +6803,15 @@ class CalendarLocalizedMessagesDirective extends CalendarMessages {
|
|
|
6756
6803
|
super();
|
|
6757
6804
|
this.service = service;
|
|
6758
6805
|
}
|
|
6759
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6760
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
6806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6807
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CalendarLocalizedMessagesDirective, isStandalone: true, selector: "[kendoCalendarLocalizedMessages]", providers: [
|
|
6761
6808
|
{
|
|
6762
6809
|
provide: CalendarMessages,
|
|
6763
6810
|
useExisting: forwardRef(() => CalendarLocalizedMessagesDirective)
|
|
6764
6811
|
}
|
|
6765
6812
|
], usesInheritance: true, ngImport: i0 });
|
|
6766
6813
|
}
|
|
6767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarLocalizedMessagesDirective, decorators: [{
|
|
6768
6815
|
type: Directive,
|
|
6769
6816
|
args: [{
|
|
6770
6817
|
providers: [
|
|
@@ -7057,6 +7104,12 @@ class CalendarComponent {
|
|
|
7057
7104
|
* @default false
|
|
7058
7105
|
*/
|
|
7059
7106
|
weekNumber = false;
|
|
7107
|
+
/**
|
|
7108
|
+
* @hidden
|
|
7109
|
+
*/
|
|
7110
|
+
get hostWeekNumberClass() {
|
|
7111
|
+
return this.weekNumber && this.type !== 'classic';
|
|
7112
|
+
}
|
|
7060
7113
|
/**
|
|
7061
7114
|
* @hidden
|
|
7062
7115
|
*/
|
|
@@ -7363,7 +7416,8 @@ class CalendarComponent {
|
|
|
7363
7416
|
}
|
|
7364
7417
|
get ariaDisabled() {
|
|
7365
7418
|
// in Classic mode, the inner MultiViewCalendar should handle the disabled class and aria attr
|
|
7366
|
-
|
|
7419
|
+
const isDisabled = this.disabled ? true : null;
|
|
7420
|
+
return this.type === 'classic' ? null : isDisabled;
|
|
7367
7421
|
}
|
|
7368
7422
|
domEvents = [];
|
|
7369
7423
|
control;
|
|
@@ -8008,8 +8062,8 @@ class CalendarComponent {
|
|
|
8008
8062
|
focusedDate: date
|
|
8009
8063
|
});
|
|
8010
8064
|
}
|
|
8011
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8012
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8065
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarComponent, deps: [{ token: BusViewService }, { token: CalendarDOMService }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: ScrollSyncService }, { token: DisabledDatesService }, { token: i1$1.LocalizationService }, { token: SelectionService }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
8066
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CalendarComponent, isStandalone: true, selector: "kendo-calendar", inputs: { showOtherMonthDays: "showOtherMonthDays", id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", weekDaysFormat: "weekDaysFormat", footer: "footer", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", navigation: "navigation", activeView: "activeView", bottomView: "bottomView", topView: "topView", type: "type", animateNavigation: "animateNavigation", weekNumber: "weekNumber", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], size: "size", activeRangeEnd: "activeRangeEnd" }, outputs: { closePopup: "closePopup", activeViewChange: "activeViewChange", navigate: "navigate", activeViewDateChange: "activeViewDateChange", onBlur: "blur", onFocus: "focus", valueChange: "valueChange" }, host: { properties: { "class.k-week-number": "this.hostWeekNumberClass", "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
|
|
8013
8067
|
BusViewService,
|
|
8014
8068
|
CALENDAR_VALUE_ACCESSOR,
|
|
8015
8069
|
CALENDAR_RANGE_VALIDATORS,
|
|
@@ -8037,6 +8091,9 @@ class CalendarComponent {
|
|
|
8037
8091
|
|
|
8038
8092
|
i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
|
|
8039
8093
|
parentViewButtonTitle="Navigate to parent view"
|
|
8094
|
+
|
|
8095
|
+
i18n-weekNumberLabel="kendo.calendar.weekNumberLabel|The label of the week number column in the Calendar"
|
|
8096
|
+
weekNumberLabel="Week number"
|
|
8040
8097
|
>
|
|
8041
8098
|
</ng-container>
|
|
8042
8099
|
@if (type === 'infinite') {
|
|
@@ -8146,7 +8203,7 @@ class CalendarComponent {
|
|
|
8146
8203
|
}
|
|
8147
8204
|
`, isInline: true, dependencies: [{ kind: "directive", type: CalendarLocalizedMessagesDirective, selector: "[kendoCalendarLocalizedMessages]" }, { kind: "component", type: NavigationComponent, selector: "kendo-calendar-navigation", inputs: ["activeView", "min", "max", "focusedDate", "templateRef"], outputs: ["valueChange", "pageChange"] }, { kind: "component", type: ViewListComponent, selector: "kendo-calendar-viewlist", inputs: ["allowReverse", "cellTemplateRef", "weekNumberTemplateRef", "headerTitleTemplateRef", "headerTemplateRef", "footerTemplateRef", "showOtherMonthDays", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectedDates", "tabIndex", "disabled", "id", "showFooter", "weekDaysFormat", "activeRangeEnd", "selectionRange", "size", "weekNumber"], outputs: ["cellEnter", "cellClick", "weekNumberCellClick", "activeDateChange", "todayButtonClick", "pageChange", "focusCalendar", "blurCalendar", "focusedCellChange"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: MultiViewCalendarCustomMessagesComponent, selector: "kendo-multiviewcalendar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8148
8205
|
}
|
|
8149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
8150
8207
|
type: Component,
|
|
8151
8208
|
args: [{
|
|
8152
8209
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -8181,6 +8238,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
8181
8238
|
|
|
8182
8239
|
i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
|
|
8183
8240
|
parentViewButtonTitle="Navigate to parent view"
|
|
8241
|
+
|
|
8242
|
+
i18n-weekNumberLabel="kendo.calendar.weekNumberLabel|The label of the week number column in the Calendar"
|
|
8243
|
+
weekNumberLabel="Week number"
|
|
8184
8244
|
>
|
|
8185
8245
|
</ng-container>
|
|
8186
8246
|
@if (type === 'infinite') {
|
|
@@ -8338,7 +8398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
8338
8398
|
type: Input
|
|
8339
8399
|
}], weekNumber: [{
|
|
8340
8400
|
type: Input
|
|
8341
|
-
}, {
|
|
8401
|
+
}], hostWeekNumberClass: [{
|
|
8342
8402
|
type: HostBinding,
|
|
8343
8403
|
args: ['class.k-week-number']
|
|
8344
8404
|
}], closePopup: [{
|
|
@@ -8481,10 +8541,10 @@ class DateInputMessages extends ComponentMessages {
|
|
|
8481
8541
|
* The title of the **Clear** button of the DateInput.
|
|
8482
8542
|
*/
|
|
8483
8543
|
clearTitle;
|
|
8484
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8485
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8544
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
8545
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateInputMessages, isStandalone: true, selector: "kendo-dateinput-messages-base", inputs: { decrement: "decrement", increment: "increment", clearTitle: "clearTitle" }, usesInheritance: true, ngImport: i0 });
|
|
8486
8546
|
}
|
|
8487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputMessages, decorators: [{
|
|
8488
8548
|
type: Directive,
|
|
8489
8549
|
args: [{
|
|
8490
8550
|
selector: 'kendo-dateinput-messages-base'
|
|
@@ -8506,15 +8566,15 @@ class DateInputLocalizedMessagesDirective extends DateInputMessages {
|
|
|
8506
8566
|
super();
|
|
8507
8567
|
this.service = service;
|
|
8508
8568
|
}
|
|
8509
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8510
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8569
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
8570
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateInputLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateInputLocalizedMessages]", providers: [
|
|
8511
8571
|
{
|
|
8512
8572
|
provide: DateInputMessages,
|
|
8513
8573
|
useExisting: forwardRef(() => DateInputLocalizedMessagesDirective)
|
|
8514
8574
|
}
|
|
8515
8575
|
], usesInheritance: true, ngImport: i0 });
|
|
8516
8576
|
}
|
|
8517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputLocalizedMessagesDirective, decorators: [{
|
|
8518
8578
|
type: Directive,
|
|
8519
8579
|
args: [{
|
|
8520
8580
|
providers: [
|
|
@@ -8665,7 +8725,7 @@ class DateInputComponent {
|
|
|
8665
8725
|
/**
|
|
8666
8726
|
* @hidden
|
|
8667
8727
|
*/
|
|
8668
|
-
role =
|
|
8728
|
+
role = null;
|
|
8669
8729
|
/**
|
|
8670
8730
|
* @hidden
|
|
8671
8731
|
*/
|
|
@@ -8818,6 +8878,18 @@ class DateInputComponent {
|
|
|
8818
8878
|
* @hidden
|
|
8819
8879
|
*/
|
|
8820
8880
|
hasPopup;
|
|
8881
|
+
/**
|
|
8882
|
+
* @hidden
|
|
8883
|
+
*/
|
|
8884
|
+
set ariaInvalidState(value) {
|
|
8885
|
+
this._ariaInvalidState = value;
|
|
8886
|
+
if (value !== null && this.inputElement) {
|
|
8887
|
+
this.setAriaInvalid();
|
|
8888
|
+
}
|
|
8889
|
+
}
|
|
8890
|
+
get ariaInvalidState() {
|
|
8891
|
+
return this._ariaInvalidState;
|
|
8892
|
+
}
|
|
8821
8893
|
/**
|
|
8822
8894
|
* Specifies the size of the component. The default value is set by the Kendo theme.
|
|
8823
8895
|
*
|
|
@@ -8990,6 +9062,7 @@ class DateInputComponent {
|
|
|
8990
9062
|
_size;
|
|
8991
9063
|
_rounded;
|
|
8992
9064
|
_fillMode;
|
|
9065
|
+
_ariaInvalidState = null;
|
|
8993
9066
|
control;
|
|
8994
9067
|
subs = new Subscription();
|
|
8995
9068
|
_inputAttributes;
|
|
@@ -9151,15 +9224,13 @@ class DateInputComponent {
|
|
|
9151
9224
|
* @hidden
|
|
9152
9225
|
*/
|
|
9153
9226
|
setAriaInvalid() {
|
|
9154
|
-
if (!this.control) {
|
|
9227
|
+
if (this._ariaInvalidState === null && !this.control) {
|
|
9155
9228
|
return;
|
|
9156
9229
|
}
|
|
9157
|
-
|
|
9158
|
-
this.
|
|
9159
|
-
|
|
9160
|
-
|
|
9161
|
-
this.renderer.setAttribute(this.inputElement, attributeNames.ariaInvalid, 'false');
|
|
9162
|
-
}
|
|
9230
|
+
const isInvalid = this._ariaInvalidState !== null
|
|
9231
|
+
? this._ariaInvalidState
|
|
9232
|
+
: !!(this.control.invalid && (this.control.touched || this.control.dirty));
|
|
9233
|
+
this.renderer.setAttribute(this.inputElement, attributeNames.ariaInvalid, `${isInvalid}`);
|
|
9163
9234
|
}
|
|
9164
9235
|
/**
|
|
9165
9236
|
* @hidden
|
|
@@ -9311,6 +9382,7 @@ class DateInputComponent {
|
|
|
9311
9382
|
if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.ngControl)) {
|
|
9312
9383
|
this.ngZone.run(() => {
|
|
9313
9384
|
this.onControlTouched();
|
|
9385
|
+
this.setAriaInvalid();
|
|
9314
9386
|
this.emitBlur(args.event);
|
|
9315
9387
|
this.cdr.markForCheck();
|
|
9316
9388
|
});
|
|
@@ -9382,10 +9454,10 @@ class DateInputComponent {
|
|
|
9382
9454
|
}
|
|
9383
9455
|
setInputAttributes() {
|
|
9384
9456
|
const attributesToRender = { ...this.mutableAttributes, ...this.parsedAttributes };
|
|
9385
|
-
setHTMLAttributes(attributesToRender, this.renderer, this.dateInput.nativeElement, this.
|
|
9457
|
+
setHTMLAttributes(attributesToRender, this.renderer, this.dateInput.nativeElement, this.injector);
|
|
9386
9458
|
}
|
|
9387
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9388
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
9459
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1$1.LocalizationService }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
9460
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateInputComponent, isStandalone: true, selector: "kendo-dateinput", inputs: { focusableId: "focusableId", pickerType: "pickerType", clearButton: "clearButton", disabled: "disabled", readonly: "readonly", title: "title", tabindex: "tabindex", role: "role", ariaReadOnly: "ariaReadOnly", tabIndex: "tabIndex", isRequired: "isRequired", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", max: "max", min: "min", rangeValidation: "rangeValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", allowCaretMode: "allowCaretMode", autoFill: "autoFill", incompleteDateValidation: "incompleteDateValidation", twoDigitYearMax: "twoDigitYearMax", enableMouseWheel: "enableMouseWheel", value: "value", spinners: "spinners", isPopupOpen: "isPopupOpen", hasPopup: "hasPopup", ariaInvalidState: "ariaInvalidState", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", valueUpdate: "valueUpdate", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
9389
9461
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent), multi: true },
|
|
9390
9462
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent), multi: true },
|
|
9391
9463
|
{ provide: L10N_PREFIX, useValue: 'kendo.dateinput' },
|
|
@@ -9411,7 +9483,7 @@ class DateInputComponent {
|
|
|
9411
9483
|
autocapitalize="off"
|
|
9412
9484
|
spellcheck="false"
|
|
9413
9485
|
[attr.role]="role"
|
|
9414
|
-
[attr.aria-readonly]="ariaReadOnly"
|
|
9486
|
+
[attr.aria-readonly]="ariaReadOnly || null"
|
|
9415
9487
|
[id]="focusableId"
|
|
9416
9488
|
[title]="title"
|
|
9417
9489
|
[tabindex]="tabindex"
|
|
@@ -9484,7 +9556,7 @@ class DateInputComponent {
|
|
|
9484
9556
|
}
|
|
9485
9557
|
`, isInline: true, dependencies: [{ kind: "directive", type: DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9486
9558
|
}
|
|
9487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
9488
9560
|
type: Component,
|
|
9489
9561
|
args: [{
|
|
9490
9562
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -9517,7 +9589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9517
9589
|
autocapitalize="off"
|
|
9518
9590
|
spellcheck="false"
|
|
9519
9591
|
[attr.role]="role"
|
|
9520
|
-
[attr.aria-readonly]="ariaReadOnly"
|
|
9592
|
+
[attr.aria-readonly]="ariaReadOnly || null"
|
|
9521
9593
|
[id]="focusableId"
|
|
9522
9594
|
[title]="title"
|
|
9523
9595
|
[tabindex]="tabindex"
|
|
@@ -9657,6 +9729,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9657
9729
|
type: Input
|
|
9658
9730
|
}], hasPopup: [{
|
|
9659
9731
|
type: Input
|
|
9732
|
+
}], ariaInvalidState: [{
|
|
9733
|
+
type: Input
|
|
9660
9734
|
}], size: [{
|
|
9661
9735
|
type: Input
|
|
9662
9736
|
}], rounded: [{
|
|
@@ -9748,15 +9822,15 @@ class CalendarCustomMessagesComponent extends CalendarMessages {
|
|
|
9748
9822
|
get override() {
|
|
9749
9823
|
return true;
|
|
9750
9824
|
}
|
|
9751
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9825
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9826
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CalendarCustomMessagesComponent, isStandalone: true, selector: "kendo-calendar-messages", providers: [
|
|
9753
9827
|
{
|
|
9754
9828
|
provide: CalendarMessages,
|
|
9755
9829
|
useExisting: forwardRef(() => CalendarCustomMessagesComponent)
|
|
9756
9830
|
}
|
|
9757
9831
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
9758
9832
|
}
|
|
9759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarCustomMessagesComponent, decorators: [{
|
|
9760
9834
|
type: Component,
|
|
9761
9835
|
args: [{
|
|
9762
9836
|
providers: [
|
|
@@ -9800,15 +9874,15 @@ class DateInputCustomMessagesComponent extends DateInputMessages {
|
|
|
9800
9874
|
get override() {
|
|
9801
9875
|
return true;
|
|
9802
9876
|
}
|
|
9803
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9804
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9877
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9878
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DateInputCustomMessagesComponent, isStandalone: true, selector: "kendo-dateinput-messages", providers: [
|
|
9805
9879
|
{
|
|
9806
9880
|
provide: DateInputMessages,
|
|
9807
9881
|
useExisting: forwardRef(() => DateInputCustomMessagesComponent)
|
|
9808
9882
|
}
|
|
9809
9883
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
9810
9884
|
}
|
|
9811
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputCustomMessagesComponent, decorators: [{
|
|
9812
9886
|
type: Component,
|
|
9813
9887
|
args: [{
|
|
9814
9888
|
providers: [
|
|
@@ -9855,10 +9929,10 @@ class DatePickerMessages extends ComponentMessages {
|
|
|
9855
9929
|
* The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
|
|
9856
9930
|
*/
|
|
9857
9931
|
adaptiveCloseButtonTitle;
|
|
9858
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9859
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
9932
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
9933
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DatePickerMessages, isStandalone: true, selector: "kendo-datepicker-messages-base", inputs: { today: "today", toggle: "toggle", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
|
|
9860
9934
|
}
|
|
9861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerMessages, decorators: [{
|
|
9862
9936
|
type: Directive,
|
|
9863
9937
|
args: [{
|
|
9864
9938
|
selector: 'kendo-datepicker-messages-base'
|
|
@@ -9888,15 +9962,15 @@ class DatePickerLocalizedMessagesDirective extends DatePickerMessages {
|
|
|
9888
9962
|
super();
|
|
9889
9963
|
this.service = service;
|
|
9890
9964
|
}
|
|
9891
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9892
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
9965
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
9966
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DatePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDatePickerLocalizedMessages]", providers: [
|
|
9893
9967
|
{
|
|
9894
9968
|
provide: DatePickerMessages,
|
|
9895
9969
|
useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
|
|
9896
9970
|
}
|
|
9897
9971
|
], usesInheritance: true, ngImport: i0 });
|
|
9898
9972
|
}
|
|
9899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
|
|
9900
9974
|
type: Directive,
|
|
9901
9975
|
args: [{
|
|
9902
9976
|
providers: [
|
|
@@ -10468,6 +10542,16 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10468
10542
|
get isControlRequired() {
|
|
10469
10543
|
return isControlRequired(this.control);
|
|
10470
10544
|
}
|
|
10545
|
+
/**
|
|
10546
|
+
* @hidden
|
|
10547
|
+
*/
|
|
10548
|
+
get ariaInvalidState() {
|
|
10549
|
+
const control = this.control?.control;
|
|
10550
|
+
if (!control) {
|
|
10551
|
+
return null;
|
|
10552
|
+
}
|
|
10553
|
+
return control.invalid && (control.touched || control.dirty);
|
|
10554
|
+
}
|
|
10471
10555
|
_popupSettings = { animate: true };
|
|
10472
10556
|
_show = false;
|
|
10473
10557
|
_value = null;
|
|
@@ -10539,6 +10623,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10539
10623
|
ngAfterViewInit() {
|
|
10540
10624
|
this.setComponentClasses();
|
|
10541
10625
|
this.windowSize = this.adaptiveService.size;
|
|
10626
|
+
this.pickerSubscriptions.add(this.control?.control?.statusChanges?.subscribe(() => this.cdr.markForCheck()));
|
|
10542
10627
|
}
|
|
10543
10628
|
/**
|
|
10544
10629
|
* @hidden
|
|
@@ -10976,8 +11061,8 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10976
11061
|
blurComponent() {
|
|
10977
11062
|
this.isActive = false;
|
|
10978
11063
|
this.show = false;
|
|
10979
|
-
this.cdr.detectChanges();
|
|
10980
11064
|
this.onControlTouched();
|
|
11065
|
+
this.cdr.detectChanges();
|
|
10981
11066
|
this.onBlur.emit();
|
|
10982
11067
|
}
|
|
10983
11068
|
handleSameSelection() {
|
|
@@ -11003,8 +11088,8 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11003
11088
|
this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
|
|
11004
11089
|
}
|
|
11005
11090
|
}
|
|
11006
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11007
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
11091
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: DisabledDatesService }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11092
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DatePickerComponent, isStandalone: true, selector: "kendo-datepicker", inputs: { focusableId: "focusableId", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], clearButton: "clearButton", inputAttributes: "inputAttributes", monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer", navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", activeView: "activeView", bottomView: "bottomView", topView: "topView", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", popupSettings: "popupSettings", navigation: "navigation", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", autoFill: "autoFill", focusedDate: "focusedDate", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", weekNumber: "weekNumber", size: "size", rounded: "rounded", fillMode: "fillMode", adaptiveMode: "adaptiveMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
11008
11093
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePickerComponent), multi: true },
|
|
11009
11094
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DatePickerComponent), multi: true },
|
|
11010
11095
|
{ provide: KendoInput, useExisting: forwardRef(() => DatePickerComponent) },
|
|
@@ -11047,6 +11132,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11047
11132
|
pickerType="datepicker"
|
|
11048
11133
|
hasPopup="grid"
|
|
11049
11134
|
[isPopupOpen]="show"
|
|
11135
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
11050
11136
|
[clearButton]="clearButton"
|
|
11051
11137
|
[disabled]="disabled"
|
|
11052
11138
|
[readonly]="readonly || readOnlyInput"
|
|
@@ -11082,6 +11168,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11082
11168
|
#toggleButton
|
|
11083
11169
|
type="button"
|
|
11084
11170
|
class="k-input-button k-button k-icon-button"
|
|
11171
|
+
[class.k-disabled]="disabled"
|
|
11085
11172
|
[tabindex]="-1"
|
|
11086
11173
|
[attr.title]="localization.get('toggle')"
|
|
11087
11174
|
[attr.aria-label]="localization.get('toggle')"
|
|
@@ -11145,6 +11232,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11145
11232
|
icon="check"
|
|
11146
11233
|
themeColor="primary"
|
|
11147
11234
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
11235
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
11148
11236
|
[svgIcon]="checkIcon"
|
|
11149
11237
|
fillMode="flat"
|
|
11150
11238
|
[tabIndex]="-1"
|
|
@@ -11206,9 +11294,9 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11206
11294
|
</kendo-calendar-messages>
|
|
11207
11295
|
</kendo-calendar>
|
|
11208
11296
|
</ng-template>
|
|
11209
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11297
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "ariaInvalidState", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11210
11298
|
}
|
|
11211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
11212
11300
|
type: Component,
|
|
11213
11301
|
args: [{
|
|
11214
11302
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -11258,6 +11346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
11258
11346
|
pickerType="datepicker"
|
|
11259
11347
|
hasPopup="grid"
|
|
11260
11348
|
[isPopupOpen]="show"
|
|
11349
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
11261
11350
|
[clearButton]="clearButton"
|
|
11262
11351
|
[disabled]="disabled"
|
|
11263
11352
|
[readonly]="readonly || readOnlyInput"
|
|
@@ -11293,6 +11382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
11293
11382
|
#toggleButton
|
|
11294
11383
|
type="button"
|
|
11295
11384
|
class="k-input-button k-button k-icon-button"
|
|
11385
|
+
[class.k-disabled]="disabled"
|
|
11296
11386
|
[tabindex]="-1"
|
|
11297
11387
|
[attr.title]="localization.get('toggle')"
|
|
11298
11388
|
[attr.aria-label]="localization.get('toggle')"
|
|
@@ -11356,6 +11446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
11356
11446
|
icon="check"
|
|
11357
11447
|
themeColor="primary"
|
|
11358
11448
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
11449
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
11359
11450
|
[svgIcon]="checkIcon"
|
|
11360
11451
|
fillMode="flat"
|
|
11361
11452
|
[tabIndex]="-1"
|
|
@@ -11656,7 +11747,7 @@ const timeListWrapper = (isAdaptiveEnabled = false, windowSize, isDateTimePicker
|
|
|
11656
11747
|
], 'k-actionsheet-content'),
|
|
11657
11748
|
div([div('button', 'k-button k-button-lg')], 'k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer'),
|
|
11658
11749
|
], 'k-actionsheet-view'),
|
|
11659
|
-
], `k-actionsheet k-adaptive-actionsheet ${windowSize === 'small' ? 'k-actionsheet-fullscreen' : ''}`, { height: windowSize === 'small' ? '100%' : '60vh', left: '-10000px', position: 'absolute', top: 0 });
|
|
11750
|
+
], `k-actionsheet k-adaptive-actionsheet ${windowSize === 'small' ? 'k-actionsheet-fullscreen' : 'k-actionsheet-bottom'}`, { height: windowSize === 'small' ? '100%' : '60vh', left: '-10000px', position: 'absolute', top: 0 });
|
|
11660
11751
|
};
|
|
11661
11752
|
/**
|
|
11662
11753
|
* @hidden
|
|
@@ -11719,10 +11810,10 @@ class TimePickerDOMService {
|
|
|
11719
11810
|
}
|
|
11720
11811
|
return (element.nativeElement || element) === document.activeElement;
|
|
11721
11812
|
}
|
|
11722
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11723
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
11813
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerDOMService, deps: [{ token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11814
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerDOMService, providedIn: 'root' });
|
|
11724
11815
|
}
|
|
11725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11816
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerDOMService, decorators: [{
|
|
11726
11817
|
type: Injectable,
|
|
11727
11818
|
args: [{
|
|
11728
11819
|
providedIn: 'root'
|
|
@@ -11839,10 +11930,10 @@ class HoursService {
|
|
|
11839
11930
|
const [min, max] = this.limitRange(this.min, this.max, value);
|
|
11840
11931
|
return [min.getHours(), max.getHours()];
|
|
11841
11932
|
}
|
|
11842
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11843
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
11933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HoursService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11934
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HoursService, providedIn: 'root' });
|
|
11844
11935
|
}
|
|
11845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HoursService, decorators: [{
|
|
11846
11937
|
type: Injectable,
|
|
11847
11938
|
args: [{
|
|
11848
11939
|
providedIn: 'root'
|
|
@@ -11957,10 +12048,10 @@ class MinutesService {
|
|
|
11957
12048
|
const [min, max] = this.limitRange(this.min, this.max, value);
|
|
11958
12049
|
return [min.getMinutes(), max.getMinutes()];
|
|
11959
12050
|
}
|
|
11960
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11961
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
12051
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MinutesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12052
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MinutesService, providedIn: 'root' });
|
|
11962
12053
|
}
|
|
11963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MinutesService, decorators: [{
|
|
11964
12055
|
type: Injectable,
|
|
11965
12056
|
args: [{
|
|
11966
12057
|
providedIn: 'root'
|
|
@@ -12075,10 +12166,10 @@ class SecondsService {
|
|
|
12075
12166
|
const [min, max] = this.limitRange(this.min, this.max, value);
|
|
12076
12167
|
return [min.getSeconds(), max.getSeconds()];
|
|
12077
12168
|
}
|
|
12078
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12079
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
12169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SecondsService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12170
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SecondsService, providedIn: 'root' });
|
|
12080
12171
|
}
|
|
12081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SecondsService, decorators: [{
|
|
12082
12173
|
type: Injectable,
|
|
12083
12174
|
args: [{
|
|
12084
12175
|
providedIn: 'root'
|
|
@@ -12196,10 +12287,10 @@ class MillisecondsService {
|
|
|
12196
12287
|
const [min, max] = this.limitRange(this.min, this.max, value);
|
|
12197
12288
|
return [min.getMilliseconds(), max.getMilliseconds()];
|
|
12198
12289
|
}
|
|
12199
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12200
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
12290
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MillisecondsService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12291
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MillisecondsService, providedIn: 'root' });
|
|
12201
12292
|
}
|
|
12202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MillisecondsService, decorators: [{
|
|
12203
12294
|
type: Injectable,
|
|
12204
12295
|
args: [{
|
|
12205
12296
|
providedIn: 'root'
|
|
@@ -12319,10 +12410,10 @@ class DayPeriodService {
|
|
|
12319
12410
|
Math.max(minHour, maxHour)
|
|
12320
12411
|
];
|
|
12321
12412
|
}
|
|
12322
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12323
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
12413
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPeriodService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12414
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPeriodService, providedIn: 'root' });
|
|
12324
12415
|
}
|
|
12325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPeriodService, decorators: [{
|
|
12326
12417
|
type: Injectable,
|
|
12327
12418
|
args: [{
|
|
12328
12419
|
providedIn: 'root'
|
|
@@ -12371,6 +12462,12 @@ class TimeListComponent {
|
|
|
12371
12462
|
return this.disabled ? undefined : 0;
|
|
12372
12463
|
}
|
|
12373
12464
|
componentClass = true;
|
|
12465
|
+
get hostRole() {
|
|
12466
|
+
return this.roleAttribute;
|
|
12467
|
+
}
|
|
12468
|
+
get hostAriaLabel() {
|
|
12469
|
+
return this.ariaLabel;
|
|
12470
|
+
}
|
|
12374
12471
|
get isDayPeriod() {
|
|
12375
12472
|
return this.part?.type === 'dayperiod';
|
|
12376
12473
|
}
|
|
@@ -12578,7 +12675,9 @@ class TimeListComponent {
|
|
|
12578
12675
|
bindEvents() {
|
|
12579
12676
|
this.scrollSubscription = this.virtualization
|
|
12580
12677
|
.scroll$()
|
|
12581
|
-
.pipe(debounceTime(100), map((e) => e.target.scrollTop),
|
|
12678
|
+
.pipe(debounceTime(100), map((e) => e.target.scrollTop),
|
|
12679
|
+
// iOS reports negative scrollTop during rubber-band overscroll - https://github.com/telerik/kendo-angular-private/issues/6747
|
|
12680
|
+
map((top) => this.itemOffset(Math.max(0, top))), map((itemOffset) => this.virtualization.itemIndex(itemOffset)))
|
|
12582
12681
|
.subscribe(index => {
|
|
12583
12682
|
this.virtualization.scrollToIndex(index);
|
|
12584
12683
|
this.handleChange(this.data[index]);
|
|
@@ -12586,11 +12685,9 @@ class TimeListComponent {
|
|
|
12586
12685
|
const element = this.element.nativeElement;
|
|
12587
12686
|
this.domEvents.push(this.renderer.listen(element, 'mouseover', () => !this.isActive && this.focus()), this.renderer.listen(element, 'click', () => this.focus()), this.renderer.listen(element, 'blur', () => this.isActive = false), this.renderer.listen(element, 'focus', () => this.isActive = true), this.renderer.listen(element, 'keydown', this.handleKeyDown.bind(this)));
|
|
12588
12687
|
}
|
|
12589
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12590
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
12688
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: TimePickerDOMService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
12689
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimeListComponent, isStandalone: true, selector: "kendo-timelist", inputs: { min: "min", max: "max", part: "part", step: "step", disabled: "disabled", value: "value", isLast: "isLast", isFirst: "isFirst" }, outputs: { valueChange: "valueChange", tabOutLastPart: "tabOutLastPart", tabOutFirstPart: "tabOutFirstPart" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-time-list": "this.componentClass", "attr.role": "this.hostRole", "attr.aria-label": "this.hostAriaLabel" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
12591
12690
|
<kendo-virtualization
|
|
12592
|
-
[attr.role]="roleAttribute"
|
|
12593
|
-
[attr.aria-label]="ariaLabel"
|
|
12594
12691
|
[skip]="skip"
|
|
12595
12692
|
[take]="total"
|
|
12596
12693
|
[total]="total"
|
|
@@ -12598,7 +12695,7 @@ class TimeListComponent {
|
|
|
12598
12695
|
[maxScrollDifference]="listHeight"
|
|
12599
12696
|
[topOffset]="topOffset"
|
|
12600
12697
|
[bottomOffset]="bottomOffset"
|
|
12601
|
-
class="k-time-container"
|
|
12698
|
+
class="k-content k-scrollable k-time-container"
|
|
12602
12699
|
tabindex="-1"
|
|
12603
12700
|
>
|
|
12604
12701
|
<ul [ngStyle]="style" class="k-reset"
|
|
@@ -12606,7 +12703,7 @@ class TimeListComponent {
|
|
|
12606
12703
|
click: handleItemClick
|
|
12607
12704
|
}"
|
|
12608
12705
|
[scope]="this"
|
|
12609
|
-
[attr.role]="'
|
|
12706
|
+
[attr.role]="'none'"
|
|
12610
12707
|
>
|
|
12611
12708
|
@for (item of data; track $index; let index = $index) {
|
|
12612
12709
|
<li class="k-item"
|
|
@@ -12619,16 +12716,14 @@ class TimeListComponent {
|
|
|
12619
12716
|
}
|
|
12620
12717
|
</ul>
|
|
12621
12718
|
</kendo-virtualization>
|
|
12622
|
-
`, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
12719
|
+
`, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total", "role"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
12623
12720
|
}
|
|
12624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeListComponent, decorators: [{
|
|
12625
12722
|
type: Component,
|
|
12626
12723
|
args: [{
|
|
12627
12724
|
selector: 'kendo-timelist',
|
|
12628
12725
|
template: `
|
|
12629
12726
|
<kendo-virtualization
|
|
12630
|
-
[attr.role]="roleAttribute"
|
|
12631
|
-
[attr.aria-label]="ariaLabel"
|
|
12632
12727
|
[skip]="skip"
|
|
12633
12728
|
[take]="total"
|
|
12634
12729
|
[total]="total"
|
|
@@ -12636,7 +12731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
12636
12731
|
[maxScrollDifference]="listHeight"
|
|
12637
12732
|
[topOffset]="topOffset"
|
|
12638
12733
|
[bottomOffset]="bottomOffset"
|
|
12639
|
-
class="k-time-container"
|
|
12734
|
+
class="k-content k-scrollable k-time-container"
|
|
12640
12735
|
tabindex="-1"
|
|
12641
12736
|
>
|
|
12642
12737
|
<ul [ngStyle]="style" class="k-reset"
|
|
@@ -12644,7 +12739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
12644
12739
|
click: handleItemClick
|
|
12645
12740
|
}"
|
|
12646
12741
|
[scope]="this"
|
|
12647
|
-
[attr.role]="'
|
|
12742
|
+
[attr.role]="'none'"
|
|
12648
12743
|
>
|
|
12649
12744
|
@for (item of data; track $index; let index = $index) {
|
|
12650
12745
|
<li class="k-item"
|
|
@@ -12692,6 +12787,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
12692
12787
|
}], componentClass: [{
|
|
12693
12788
|
type: HostBinding,
|
|
12694
12789
|
args: ["class.k-time-list"]
|
|
12790
|
+
}], hostRole: [{
|
|
12791
|
+
type: HostBinding,
|
|
12792
|
+
args: ['attr.role']
|
|
12793
|
+
}], hostAriaLabel: [{
|
|
12794
|
+
type: HostBinding,
|
|
12795
|
+
args: ['attr.aria-label']
|
|
12695
12796
|
}] } });
|
|
12696
12797
|
|
|
12697
12798
|
const isEqualTillMinute = (value, min) => value.getHours() === min.getHours() && value.getMinutes() === min.getMinutes();
|
|
@@ -12819,10 +12920,14 @@ class TimePickerMessages extends ComponentMessages {
|
|
|
12819
12920
|
* Specifies the title of the **Close** button of the ActionSheet that renders instead of the popup when using small screen devices in adaptive mode.
|
|
12820
12921
|
*/
|
|
12821
12922
|
adaptiveCloseButtonTitle;
|
|
12822
|
-
|
|
12823
|
-
|
|
12923
|
+
/**
|
|
12924
|
+
* Specifies the accessible label of the TimeSelector.
|
|
12925
|
+
*/
|
|
12926
|
+
timeSelectorLabel;
|
|
12927
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
12928
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TimePickerMessages, isStandalone: true, selector: "kendo-timepicker-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", now: "now", nowLabel: "nowLabel", toggle: "toggle", hour: "hour", minute: "minute", second: "second", millisecond: "millisecond", dayperiod: "dayperiod", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", timeSelectorLabel: "timeSelectorLabel" }, usesInheritance: true, ngImport: i0 });
|
|
12824
12929
|
}
|
|
12825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12930
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerMessages, decorators: [{
|
|
12826
12931
|
type: Directive,
|
|
12827
12932
|
args: [{
|
|
12828
12933
|
selector: 'kendo-timepicker-messages-base'
|
|
@@ -12855,6 +12960,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
12855
12960
|
type: Input
|
|
12856
12961
|
}], adaptiveCloseButtonTitle: [{
|
|
12857
12962
|
type: Input
|
|
12963
|
+
}], timeSelectorLabel: [{
|
|
12964
|
+
type: Input
|
|
12858
12965
|
}] } });
|
|
12859
12966
|
|
|
12860
12967
|
/**
|
|
@@ -12866,15 +12973,15 @@ class TimeSelectorLocalizedMessagesDirective extends TimePickerMessages {
|
|
|
12866
12973
|
super();
|
|
12867
12974
|
this.service = service;
|
|
12868
12975
|
}
|
|
12869
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12870
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
12976
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12977
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TimeSelectorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimeSelectorLocalizedMessages]", providers: [
|
|
12871
12978
|
{
|
|
12872
12979
|
provide: TimePickerMessages,
|
|
12873
12980
|
useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
|
|
12874
12981
|
}
|
|
12875
12982
|
], usesInheritance: true, ngImport: i0 });
|
|
12876
12983
|
}
|
|
12877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, decorators: [{
|
|
12878
12985
|
type: Directive,
|
|
12879
12986
|
args: [{
|
|
12880
12987
|
providers: [
|
|
@@ -12921,6 +13028,12 @@ class TimeSelectorComponent {
|
|
|
12921
13028
|
now;
|
|
12922
13029
|
timeLists;
|
|
12923
13030
|
timeListWrappers;
|
|
13031
|
+
/**
|
|
13032
|
+
* @hidden
|
|
13033
|
+
*/
|
|
13034
|
+
get role() {
|
|
13035
|
+
return 'group';
|
|
13036
|
+
}
|
|
12924
13037
|
/**
|
|
12925
13038
|
* @hidden
|
|
12926
13039
|
*/
|
|
@@ -13061,7 +13174,10 @@ class TimeSelectorComponent {
|
|
|
13061
13174
|
if (this.localization) {
|
|
13062
13175
|
this.subscriptions.add(this.localization
|
|
13063
13176
|
.changes
|
|
13064
|
-
.subscribe(() =>
|
|
13177
|
+
.subscribe(() => {
|
|
13178
|
+
this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.localization.get('timeSelectorLabel'));
|
|
13179
|
+
this.cdr.markForCheck();
|
|
13180
|
+
}));
|
|
13065
13181
|
}
|
|
13066
13182
|
this.renderer.addClass(this.element.nativeElement, 'k-timeselector');
|
|
13067
13183
|
this.dom.isAdaptiveEnabled = this.isAdaptiveEnabled;
|
|
@@ -13278,8 +13394,8 @@ class TimeSelectorComponent {
|
|
|
13278
13394
|
}
|
|
13279
13395
|
return listIdx;
|
|
13280
13396
|
}
|
|
13281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13282
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
13397
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IntlService }, { token: TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
13398
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimeSelectorComponent, isStandalone: true, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutFirstPart: "tabOutFirstPart", tabOutNow: "tabOutNow" }, host: { properties: { "attr.role": "this.role", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
13283
13399
|
LocalizationService,
|
|
13284
13400
|
{
|
|
13285
13401
|
provide: L10N_PREFIX,
|
|
@@ -13304,17 +13420,36 @@ class TimeSelectorComponent {
|
|
|
13304
13420
|
|
|
13305
13421
|
i18n-nowLabel="kendo.timeselector.nowLabel|The label for the Now button in the timeselector component"
|
|
13306
13422
|
nowLabel="Select now"
|
|
13423
|
+
|
|
13424
|
+
i18n-timeSelectorLabel="kendo.timeselector.timeSelectorLabel|The accessible label for the timeselector component"
|
|
13425
|
+
timeSelectorLabel="Time Selector"
|
|
13426
|
+
|
|
13427
|
+
i18n-hour="kendo.timeselector.hour|The label for the Hour column in the timeselector component"
|
|
13428
|
+
hour="Hour"
|
|
13429
|
+
|
|
13430
|
+
i18n-minute="kendo.timeselector.minute|The label for the Minute column in the timeselector component"
|
|
13431
|
+
minute="Minute"
|
|
13432
|
+
|
|
13433
|
+
i18n-second="kendo.timeselector.second|The label for the Second column in the timeselector component"
|
|
13434
|
+
second="Second"
|
|
13435
|
+
|
|
13436
|
+
i18n-millisecond="kendo.timeselector.millisecond|The label for the Millisecond column in the timeselector component"
|
|
13437
|
+
millisecond="Millisecond"
|
|
13438
|
+
|
|
13439
|
+
i18n-dayperiod="kendo.timeselector.dayperiod|The label for the AM/PM column in the timeselector component"
|
|
13440
|
+
dayperiod="AM/PM"
|
|
13307
13441
|
>
|
|
13308
13442
|
</ng-container>
|
|
13309
13443
|
<div class="k-time-header">
|
|
13310
|
-
<span class="k-title
|
|
13444
|
+
<span class="k-title">
|
|
13311
13445
|
{{ intl.formatDate(current, format) }}
|
|
13312
13446
|
</span>
|
|
13313
13447
|
@if (showNowButton) {
|
|
13314
13448
|
<button
|
|
13315
13449
|
#now
|
|
13316
13450
|
type="button"
|
|
13317
|
-
class="k-button k-button-flat k-
|
|
13451
|
+
class="k-button k-button-flat k-time-now"
|
|
13452
|
+
[class.k-button-lg]="isAdaptiveEnabled"
|
|
13318
13453
|
[attr.title]="localization.get('nowLabel')"
|
|
13319
13454
|
[attr.aria-label]="localization.get('nowLabel')"
|
|
13320
13455
|
[kendoEventsOutsideAngular]="{
|
|
@@ -13325,7 +13460,7 @@ class TimeSelectorComponent {
|
|
|
13325
13460
|
}"
|
|
13326
13461
|
[scope]="this"
|
|
13327
13462
|
[disabled]="disabled"
|
|
13328
|
-
>{{localization.get('now')}}</button>
|
|
13463
|
+
><span class="k-button-text">{{localization.get('now')}}</span></button>
|
|
13329
13464
|
}
|
|
13330
13465
|
</div>
|
|
13331
13466
|
<div class="k-time-list-container">
|
|
@@ -13337,7 +13472,7 @@ class TimeSelectorComponent {
|
|
|
13337
13472
|
class="k-time-list-wrapper"
|
|
13338
13473
|
role="presentation" tabindex="-1"
|
|
13339
13474
|
>
|
|
13340
|
-
<span class="k-title
|
|
13475
|
+
<span class="k-title">{{intl.dateFieldName(part)}}</span>
|
|
13341
13476
|
<kendo-timelist
|
|
13342
13477
|
[isLast]="idx === dateFormatParts.length - 1"
|
|
13343
13478
|
[isFirst]="idx === 0"
|
|
@@ -13358,7 +13493,7 @@ class TimeSelectorComponent {
|
|
|
13358
13493
|
></kendo-timelist>
|
|
13359
13494
|
</div>
|
|
13360
13495
|
}
|
|
13361
|
-
@if (part.type === 'literal') {
|
|
13496
|
+
@if (part.type === 'literal' && part.pattern.trim()) {
|
|
13362
13497
|
<div class="k-time-separator">
|
|
13363
13498
|
{{part.pattern}}
|
|
13364
13499
|
</div>
|
|
@@ -13382,7 +13517,7 @@ class TimeSelectorComponent {
|
|
|
13382
13517
|
}"
|
|
13383
13518
|
[scope]="this"
|
|
13384
13519
|
[disabled]="disabled"
|
|
13385
|
-
>{{localization.get('accept')}}</button>
|
|
13520
|
+
><span class="k-button-text">{{localization.get('accept')}}</span></button>
|
|
13386
13521
|
}
|
|
13387
13522
|
@if (cancelButton) {
|
|
13388
13523
|
<button
|
|
@@ -13399,13 +13534,13 @@ class TimeSelectorComponent {
|
|
|
13399
13534
|
}"
|
|
13400
13535
|
[scope]="this"
|
|
13401
13536
|
[disabled]="disabled"
|
|
13402
|
-
>{{localization.get('cancel')}}</button>
|
|
13537
|
+
><span class="k-button-text">{{localization.get('cancel')}}</span></button>
|
|
13403
13538
|
}
|
|
13404
13539
|
</div>
|
|
13405
13540
|
}
|
|
13406
13541
|
`, isInline: true, dependencies: [{ kind: "directive", type: TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: TimeListComponent, selector: "kendo-timelist", inputs: ["min", "max", "part", "step", "disabled", "value", "isLast", "isFirst"], outputs: ["valueChange", "tabOutLastPart", "tabOutFirstPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13407
13542
|
}
|
|
13408
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorComponent, decorators: [{
|
|
13409
13544
|
type: Component,
|
|
13410
13545
|
args: [{
|
|
13411
13546
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -13437,17 +13572,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13437
13572
|
|
|
13438
13573
|
i18n-nowLabel="kendo.timeselector.nowLabel|The label for the Now button in the timeselector component"
|
|
13439
13574
|
nowLabel="Select now"
|
|
13575
|
+
|
|
13576
|
+
i18n-timeSelectorLabel="kendo.timeselector.timeSelectorLabel|The accessible label for the timeselector component"
|
|
13577
|
+
timeSelectorLabel="Time Selector"
|
|
13578
|
+
|
|
13579
|
+
i18n-hour="kendo.timeselector.hour|The label for the Hour column in the timeselector component"
|
|
13580
|
+
hour="Hour"
|
|
13581
|
+
|
|
13582
|
+
i18n-minute="kendo.timeselector.minute|The label for the Minute column in the timeselector component"
|
|
13583
|
+
minute="Minute"
|
|
13584
|
+
|
|
13585
|
+
i18n-second="kendo.timeselector.second|The label for the Second column in the timeselector component"
|
|
13586
|
+
second="Second"
|
|
13587
|
+
|
|
13588
|
+
i18n-millisecond="kendo.timeselector.millisecond|The label for the Millisecond column in the timeselector component"
|
|
13589
|
+
millisecond="Millisecond"
|
|
13590
|
+
|
|
13591
|
+
i18n-dayperiod="kendo.timeselector.dayperiod|The label for the AM/PM column in the timeselector component"
|
|
13592
|
+
dayperiod="AM/PM"
|
|
13440
13593
|
>
|
|
13441
13594
|
</ng-container>
|
|
13442
13595
|
<div class="k-time-header">
|
|
13443
|
-
<span class="k-title
|
|
13596
|
+
<span class="k-title">
|
|
13444
13597
|
{{ intl.formatDate(current, format) }}
|
|
13445
13598
|
</span>
|
|
13446
13599
|
@if (showNowButton) {
|
|
13447
13600
|
<button
|
|
13448
13601
|
#now
|
|
13449
13602
|
type="button"
|
|
13450
|
-
class="k-button k-button-flat k-
|
|
13603
|
+
class="k-button k-button-flat k-time-now"
|
|
13604
|
+
[class.k-button-lg]="isAdaptiveEnabled"
|
|
13451
13605
|
[attr.title]="localization.get('nowLabel')"
|
|
13452
13606
|
[attr.aria-label]="localization.get('nowLabel')"
|
|
13453
13607
|
[kendoEventsOutsideAngular]="{
|
|
@@ -13458,7 +13612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13458
13612
|
}"
|
|
13459
13613
|
[scope]="this"
|
|
13460
13614
|
[disabled]="disabled"
|
|
13461
|
-
>{{localization.get('now')}}</button>
|
|
13615
|
+
><span class="k-button-text">{{localization.get('now')}}</span></button>
|
|
13462
13616
|
}
|
|
13463
13617
|
</div>
|
|
13464
13618
|
<div class="k-time-list-container">
|
|
@@ -13470,7 +13624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13470
13624
|
class="k-time-list-wrapper"
|
|
13471
13625
|
role="presentation" tabindex="-1"
|
|
13472
13626
|
>
|
|
13473
|
-
<span class="k-title
|
|
13627
|
+
<span class="k-title">{{intl.dateFieldName(part)}}</span>
|
|
13474
13628
|
<kendo-timelist
|
|
13475
13629
|
[isLast]="idx === dateFormatParts.length - 1"
|
|
13476
13630
|
[isFirst]="idx === 0"
|
|
@@ -13491,7 +13645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13491
13645
|
></kendo-timelist>
|
|
13492
13646
|
</div>
|
|
13493
13647
|
}
|
|
13494
|
-
@if (part.type === 'literal') {
|
|
13648
|
+
@if (part.type === 'literal' && part.pattern.trim()) {
|
|
13495
13649
|
<div class="k-time-separator">
|
|
13496
13650
|
{{part.pattern}}
|
|
13497
13651
|
</div>
|
|
@@ -13515,7 +13669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13515
13669
|
}"
|
|
13516
13670
|
[scope]="this"
|
|
13517
13671
|
[disabled]="disabled"
|
|
13518
|
-
>{{localization.get('accept')}}</button>
|
|
13672
|
+
><span class="k-button-text">{{localization.get('accept')}}</span></button>
|
|
13519
13673
|
}
|
|
13520
13674
|
@if (cancelButton) {
|
|
13521
13675
|
<button
|
|
@@ -13532,7 +13686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13532
13686
|
}"
|
|
13533
13687
|
[scope]="this"
|
|
13534
13688
|
[disabled]="disabled"
|
|
13535
|
-
>{{localization.get('cancel')}}</button>
|
|
13689
|
+
><span class="k-button-text">{{localization.get('cancel')}}</span></button>
|
|
13536
13690
|
}
|
|
13537
13691
|
</div>
|
|
13538
13692
|
}
|
|
@@ -13557,6 +13711,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13557
13711
|
}], timeListWrappers: [{
|
|
13558
13712
|
type: ViewChildren,
|
|
13559
13713
|
args: ['listWrapper']
|
|
13714
|
+
}], role: [{
|
|
13715
|
+
type: HostBinding,
|
|
13716
|
+
args: ['attr.role']
|
|
13560
13717
|
}], disabledClass: [{
|
|
13561
13718
|
type: HostBinding,
|
|
13562
13719
|
args: ['class.k-disabled']
|
|
@@ -13627,15 +13784,15 @@ class TimeSelectorCustomMessagesComponent extends TimePickerMessages {
|
|
|
13627
13784
|
get override() {
|
|
13628
13785
|
return true;
|
|
13629
13786
|
}
|
|
13630
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13631
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
13787
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13788
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimeSelectorCustomMessagesComponent, isStandalone: true, selector: "kendo-timeselector-messages", providers: [
|
|
13632
13789
|
{
|
|
13633
13790
|
provide: TimePickerMessages,
|
|
13634
13791
|
useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
|
|
13635
13792
|
}
|
|
13636
13793
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
13637
13794
|
}
|
|
13638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimeSelectorCustomMessagesComponent, decorators: [{
|
|
13639
13796
|
type: Component,
|
|
13640
13797
|
args: [{
|
|
13641
13798
|
providers: [
|
|
@@ -13659,15 +13816,15 @@ class TimePickerLocalizedMessagesDirective extends TimePickerMessages {
|
|
|
13659
13816
|
super();
|
|
13660
13817
|
this.service = service;
|
|
13661
13818
|
}
|
|
13662
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13663
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
13819
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13820
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TimePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimePickerLocalizedMessages]", providers: [
|
|
13664
13821
|
{
|
|
13665
13822
|
provide: TimePickerMessages,
|
|
13666
13823
|
useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
|
|
13667
13824
|
}
|
|
13668
13825
|
], usesInheritance: true, ngImport: i0 });
|
|
13669
13826
|
}
|
|
13670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerLocalizedMessagesDirective, decorators: [{
|
|
13671
13828
|
type: Directive,
|
|
13672
13829
|
args: [{
|
|
13673
13830
|
providers: [
|
|
@@ -13684,8 +13841,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
13684
13841
|
const VALUE_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker#integration-with-json';
|
|
13685
13842
|
const INTL_DATE_FORMAT = 'https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md';
|
|
13686
13843
|
const formatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.millisecond}|${TIME_PART.dayperiod}|literal`);
|
|
13687
|
-
const ACCEPT_BUTTON_SELECTOR$1 = '.k-button.k-time-accept';
|
|
13688
|
-
const CANCEL_BUTTON_SELECTOR = '.k-button.k-time-cancel';
|
|
13689
13844
|
/**
|
|
13690
13845
|
* Represents the [Kendo UI TimePicker component for Angular](https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker).
|
|
13691
13846
|
*
|
|
@@ -14067,15 +14222,27 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14067
14222
|
get isControlRequired() {
|
|
14068
14223
|
return isControlRequired(this.control);
|
|
14069
14224
|
}
|
|
14225
|
+
/**
|
|
14226
|
+
* @hidden
|
|
14227
|
+
*/
|
|
14228
|
+
get ariaInvalidState() {
|
|
14229
|
+
const control = this.control?.control;
|
|
14230
|
+
if (!control) {
|
|
14231
|
+
return null;
|
|
14232
|
+
}
|
|
14233
|
+
return control.invalid && (control.touched || control.dirty);
|
|
14234
|
+
}
|
|
14070
14235
|
/**
|
|
14071
14236
|
* @hidden
|
|
14072
14237
|
*/
|
|
14073
14238
|
windowSize;
|
|
14239
|
+
adaptiveAcceptBtnRef;
|
|
14240
|
+
adaptiveCancelBtnRef;
|
|
14074
14241
|
get adaptiveAcceptButton() {
|
|
14075
|
-
return this.
|
|
14242
|
+
return this.adaptiveAcceptBtnRef?.nativeElement;
|
|
14076
14243
|
}
|
|
14077
14244
|
get adaptiveCancelButton() {
|
|
14078
|
-
return this.
|
|
14245
|
+
return this.adaptiveCancelBtnRef?.nativeElement;
|
|
14079
14246
|
}
|
|
14080
14247
|
get inputElement() {
|
|
14081
14248
|
return this.wrapper.nativeElement.querySelector('input');
|
|
@@ -14149,6 +14316,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14149
14316
|
ngAfterViewInit() {
|
|
14150
14317
|
this.setComponentClasses();
|
|
14151
14318
|
this.windowSize = this.adaptiveService.size;
|
|
14319
|
+
this.pickerSubscriptions.add(this.control?.control?.statusChanges?.subscribe(() => this.cdr.markForCheck()));
|
|
14152
14320
|
}
|
|
14153
14321
|
/**
|
|
14154
14322
|
* @hidden
|
|
@@ -14394,7 +14562,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14394
14562
|
* @hidden
|
|
14395
14563
|
*/
|
|
14396
14564
|
get popupClasses() {
|
|
14397
|
-
const popupClasses = ['k-timepicker-popup'];
|
|
14565
|
+
const popupClasses = ['k-timepicker-popup', 'k-list-container'];
|
|
14398
14566
|
if (!this.popupSettings.popupClass) {
|
|
14399
14567
|
return popupClasses;
|
|
14400
14568
|
}
|
|
@@ -14648,8 +14816,8 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14648
14816
|
this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
|
|
14649
14817
|
}
|
|
14650
14818
|
}
|
|
14651
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
14652
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
14819
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerComponent, deps: [{ token: BusViewService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: i1.IntlService }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
|
|
14820
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TimePickerComponent, isStandalone: true, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", clearButton: "clearButton", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", rangeValidation: "rangeValidation", adaptiveMode: "adaptiveMode", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
14653
14821
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
14654
14822
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
14655
14823
|
{ provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent) },
|
|
@@ -14662,7 +14830,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14662
14830
|
},
|
|
14663
14831
|
PickerService,
|
|
14664
14832
|
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => TimePickerComponent) }
|
|
14665
|
-
], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true, static: true }, { propertyName: "actionSheet", first: true, predicate: ["actionSheet"], descendants: true }], exportAs: ["kendo-timepicker"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
14833
|
+
], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true, static: true }, { propertyName: "actionSheet", first: true, predicate: ["actionSheet"], descendants: true }, { propertyName: "adaptiveAcceptBtnRef", first: true, predicate: ["adaptiveAcceptBtn"], descendants: true }, { propertyName: "adaptiveCancelBtnRef", first: true, predicate: ["adaptiveCancelBtn"], descendants: true }], exportAs: ["kendo-timepicker"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
14666
14834
|
<ng-container kendoTimePickerLocalizedMessages
|
|
14667
14835
|
i18n-accept="kendo.timepicker.accept|The Accept button text in the timepicker component"
|
|
14668
14836
|
accept="Set"
|
|
@@ -14705,6 +14873,9 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14705
14873
|
|
|
14706
14874
|
i18n-adaptiveCloseButtonTitle="kendo.timepicker.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
|
|
14707
14875
|
adaptiveCloseButtonTitle="Close"
|
|
14876
|
+
|
|
14877
|
+
i18n-timeSelectorLabel="kendo.timepicker.timeSelectorLabel|The accessible label for the time selector in the timepicker component"
|
|
14878
|
+
timeSelectorLabel="Time Selector"
|
|
14708
14879
|
>
|
|
14709
14880
|
</ng-container>
|
|
14710
14881
|
<kendo-dateinput
|
|
@@ -14712,6 +14883,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14712
14883
|
pickerType="timepicker"
|
|
14713
14884
|
hasPopup="dialog"
|
|
14714
14885
|
[isPopupOpen]="show"
|
|
14886
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
14715
14887
|
[disabled]="disabled"
|
|
14716
14888
|
[clearButton]="clearButton"
|
|
14717
14889
|
[readonly]="readonly || readOnlyInput"
|
|
@@ -14747,6 +14919,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14747
14919
|
type="button"
|
|
14748
14920
|
tabindex="-1"
|
|
14749
14921
|
class="k-input-button k-button k-icon-button"
|
|
14922
|
+
[class.k-disabled]="disabled"
|
|
14750
14923
|
[attr.title]="localization.get('toggle')"
|
|
14751
14924
|
[attr.aria-label]="localization.get('toggle')"
|
|
14752
14925
|
[attr.disabled]="disabled ? '' : null"
|
|
@@ -14802,8 +14975,10 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14802
14975
|
type="button"
|
|
14803
14976
|
icon="check"
|
|
14804
14977
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
14978
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
14805
14979
|
[svgIcon]="checkIcon"
|
|
14806
14980
|
fillMode="flat"
|
|
14981
|
+
themeColor="primary"
|
|
14807
14982
|
size="large"
|
|
14808
14983
|
[tabIndex]="-1"
|
|
14809
14984
|
(click)="show = false">
|
|
@@ -14816,10 +14991,10 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14816
14991
|
</div>
|
|
14817
14992
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
14818
14993
|
<button kendoButton
|
|
14994
|
+
#adaptiveCancelBtn
|
|
14819
14995
|
type="button"
|
|
14820
14996
|
(click)="handleReject()"
|
|
14821
14997
|
size="large"
|
|
14822
|
-
class="k-time-cancel"
|
|
14823
14998
|
[attr.title]="localization.get('cancelLabel')"
|
|
14824
14999
|
[attr.aria-label]="localization.get('cancelLabel')"
|
|
14825
15000
|
>
|
|
@@ -14827,10 +15002,10 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14827
15002
|
</button>
|
|
14828
15003
|
|
|
14829
15004
|
<button kendoButton
|
|
15005
|
+
#adaptiveAcceptBtn
|
|
14830
15006
|
type="button"
|
|
14831
15007
|
(click)="handleActionSheetAccept()"
|
|
14832
15008
|
size="large"
|
|
14833
|
-
class="k-time-accept"
|
|
14834
15009
|
themeColor="primary"
|
|
14835
15010
|
[attr.title]="localization.get('acceptLabel')"
|
|
14836
15011
|
[attr.aria-label]="localization.get('acceptLabel')"
|
|
@@ -14877,13 +15052,14 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14877
15052
|
[second]="localization.get('second')"
|
|
14878
15053
|
[millisecond]="localization.get('millisecond')"
|
|
14879
15054
|
[dayperiod]="localization.get('dayperiod')"
|
|
15055
|
+
[timeSelectorLabel]="localization.get('timeSelectorLabel')"
|
|
14880
15056
|
>
|
|
14881
15057
|
</kendo-timeselector-messages>
|
|
14882
15058
|
</kendo-timeselector>
|
|
14883
15059
|
</ng-template>
|
|
14884
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15060
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "ariaInvalidState", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14885
15061
|
}
|
|
14886
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
14887
15063
|
type: Component,
|
|
14888
15064
|
args: [{
|
|
14889
15065
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -14946,6 +15122,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
14946
15122
|
|
|
14947
15123
|
i18n-adaptiveCloseButtonTitle="kendo.timepicker.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
|
|
14948
15124
|
adaptiveCloseButtonTitle="Close"
|
|
15125
|
+
|
|
15126
|
+
i18n-timeSelectorLabel="kendo.timepicker.timeSelectorLabel|The accessible label for the time selector in the timepicker component"
|
|
15127
|
+
timeSelectorLabel="Time Selector"
|
|
14949
15128
|
>
|
|
14950
15129
|
</ng-container>
|
|
14951
15130
|
<kendo-dateinput
|
|
@@ -14953,6 +15132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
14953
15132
|
pickerType="timepicker"
|
|
14954
15133
|
hasPopup="dialog"
|
|
14955
15134
|
[isPopupOpen]="show"
|
|
15135
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
14956
15136
|
[disabled]="disabled"
|
|
14957
15137
|
[clearButton]="clearButton"
|
|
14958
15138
|
[readonly]="readonly || readOnlyInput"
|
|
@@ -14988,6 +15168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
14988
15168
|
type="button"
|
|
14989
15169
|
tabindex="-1"
|
|
14990
15170
|
class="k-input-button k-button k-icon-button"
|
|
15171
|
+
[class.k-disabled]="disabled"
|
|
14991
15172
|
[attr.title]="localization.get('toggle')"
|
|
14992
15173
|
[attr.aria-label]="localization.get('toggle')"
|
|
14993
15174
|
[attr.disabled]="disabled ? '' : null"
|
|
@@ -15043,8 +15224,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15043
15224
|
type="button"
|
|
15044
15225
|
icon="check"
|
|
15045
15226
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
15227
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
15046
15228
|
[svgIcon]="checkIcon"
|
|
15047
15229
|
fillMode="flat"
|
|
15230
|
+
themeColor="primary"
|
|
15048
15231
|
size="large"
|
|
15049
15232
|
[tabIndex]="-1"
|
|
15050
15233
|
(click)="show = false">
|
|
@@ -15057,10 +15240,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15057
15240
|
</div>
|
|
15058
15241
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
15059
15242
|
<button kendoButton
|
|
15243
|
+
#adaptiveCancelBtn
|
|
15060
15244
|
type="button"
|
|
15061
15245
|
(click)="handleReject()"
|
|
15062
15246
|
size="large"
|
|
15063
|
-
class="k-time-cancel"
|
|
15064
15247
|
[attr.title]="localization.get('cancelLabel')"
|
|
15065
15248
|
[attr.aria-label]="localization.get('cancelLabel')"
|
|
15066
15249
|
>
|
|
@@ -15068,10 +15251,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15068
15251
|
</button>
|
|
15069
15252
|
|
|
15070
15253
|
<button kendoButton
|
|
15254
|
+
#adaptiveAcceptBtn
|
|
15071
15255
|
type="button"
|
|
15072
15256
|
(click)="handleActionSheetAccept()"
|
|
15073
15257
|
size="large"
|
|
15074
|
-
class="k-time-accept"
|
|
15075
15258
|
themeColor="primary"
|
|
15076
15259
|
[attr.title]="localization.get('acceptLabel')"
|
|
15077
15260
|
[attr.aria-label]="localization.get('acceptLabel')"
|
|
@@ -15118,6 +15301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15118
15301
|
[second]="localization.get('second')"
|
|
15119
15302
|
[millisecond]="localization.get('millisecond')"
|
|
15120
15303
|
[dayperiod]="localization.get('dayperiod')"
|
|
15304
|
+
[timeSelectorLabel]="localization.get('timeSelectorLabel')"
|
|
15121
15305
|
>
|
|
15122
15306
|
</kendo-timeselector-messages>
|
|
15123
15307
|
</kendo-timeselector>
|
|
@@ -15218,6 +15402,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15218
15402
|
}], disabledClass: [{
|
|
15219
15403
|
type: HostBinding,
|
|
15220
15404
|
args: ['class.k-disabled']
|
|
15405
|
+
}], adaptiveAcceptBtnRef: [{
|
|
15406
|
+
type: ViewChild,
|
|
15407
|
+
args: ['adaptiveAcceptBtn', { static: false }]
|
|
15408
|
+
}], adaptiveCancelBtnRef: [{
|
|
15409
|
+
type: ViewChild,
|
|
15410
|
+
args: ['adaptiveCancelBtn', { static: false }]
|
|
15221
15411
|
}] } });
|
|
15222
15412
|
|
|
15223
15413
|
/**
|
|
@@ -15312,10 +15502,18 @@ class DateTimePickerMessages extends ComponentMessages {
|
|
|
15312
15502
|
* The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
|
|
15313
15503
|
*/
|
|
15314
15504
|
adaptiveCloseButtonTitle;
|
|
15315
|
-
|
|
15316
|
-
|
|
15505
|
+
/**
|
|
15506
|
+
* The accessible label of the date and time selector container.
|
|
15507
|
+
*/
|
|
15508
|
+
dateTimeSelectorLabel;
|
|
15509
|
+
/**
|
|
15510
|
+
* The accessible label of the time selector element.
|
|
15511
|
+
*/
|
|
15512
|
+
timeSelectorLabel;
|
|
15513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
15514
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateTimePickerMessages, isStandalone: true, selector: "kendo-datetimepicker-messages-base", inputs: { toggle: "toggle", dateTab: "dateTab", dateTabLabel: "dateTabLabel", timeTab: "timeTab", timeTabLabel: "timeTabLabel", accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", today: "today", now: "now", nowLabel: "nowLabel", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", hour: "hour", minute: "minute", second: "second", millisecond: "millisecond", dayperiod: "dayperiod", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", dateTimeSelectorLabel: "dateTimeSelectorLabel", timeSelectorLabel: "timeSelectorLabel" }, usesInheritance: true, ngImport: i0 });
|
|
15317
15515
|
}
|
|
15318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerMessages, decorators: [{
|
|
15319
15517
|
type: Directive,
|
|
15320
15518
|
args: [{
|
|
15321
15519
|
selector: 'kendo-datetimepicker-messages-base'
|
|
@@ -15364,6 +15562,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
15364
15562
|
type: Input
|
|
15365
15563
|
}], adaptiveCloseButtonTitle: [{
|
|
15366
15564
|
type: Input
|
|
15565
|
+
}], dateTimeSelectorLabel: [{
|
|
15566
|
+
type: Input
|
|
15567
|
+
}], timeSelectorLabel: [{
|
|
15568
|
+
type: Input
|
|
15367
15569
|
}] } });
|
|
15368
15570
|
|
|
15369
15571
|
/**
|
|
@@ -15375,15 +15577,15 @@ class LocalizedMessagesDirective extends DateTimePickerMessages {
|
|
|
15375
15577
|
super();
|
|
15376
15578
|
this.service = service;
|
|
15377
15579
|
}
|
|
15378
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15379
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
15580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
15581
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateTimePickerLocalizedMessages]", providers: [
|
|
15380
15582
|
{
|
|
15381
15583
|
provide: DateTimePickerMessages,
|
|
15382
15584
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
15383
15585
|
}
|
|
15384
15586
|
], usesInheritance: true, ngImport: i0 });
|
|
15385
15587
|
}
|
|
15386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
15387
15589
|
type: Directive,
|
|
15388
15590
|
args: [{
|
|
15389
15591
|
providers: [
|
|
@@ -15671,11 +15873,11 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15671
15873
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits)).
|
|
15672
15874
|
*/
|
|
15673
15875
|
set min(value) {
|
|
15674
|
-
this._min
|
|
15876
|
+
this._min.set(cloneDate(value));
|
|
15675
15877
|
this.calendarMin = getDate(value || MIN_DATE);
|
|
15676
15878
|
}
|
|
15677
15879
|
get min() {
|
|
15678
|
-
return this._min;
|
|
15880
|
+
return this._min();
|
|
15679
15881
|
}
|
|
15680
15882
|
/**
|
|
15681
15883
|
* Specifies the biggest valid date.
|
|
@@ -15685,11 +15887,11 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15685
15887
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits)).
|
|
15686
15888
|
*/
|
|
15687
15889
|
set max(value) {
|
|
15688
|
-
this._max
|
|
15890
|
+
this._max.set(cloneDate(value));
|
|
15689
15891
|
this.calendarMax = lastMillisecondOfDate(value || MAX_DATE);
|
|
15690
15892
|
}
|
|
15691
15893
|
get max() {
|
|
15692
|
-
return this._max;
|
|
15894
|
+
return this._max();
|
|
15693
15895
|
}
|
|
15694
15896
|
/**
|
|
15695
15897
|
* Determines whether the built-in `min` or `max` validators are enforced when validating a form
|
|
@@ -15932,7 +16134,12 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15932
16134
|
*
|
|
15933
16135
|
* Controls whether the Calendar or the TimeSelector will be displayed.
|
|
15934
16136
|
*/
|
|
15935
|
-
activeTab
|
|
16137
|
+
set activeTab(value) {
|
|
16138
|
+
this._activeTab.set(value);
|
|
16139
|
+
}
|
|
16140
|
+
get activeTab() {
|
|
16141
|
+
return this._activeTab();
|
|
16142
|
+
}
|
|
15936
16143
|
/**
|
|
15937
16144
|
* @hidden
|
|
15938
16145
|
*
|
|
@@ -16107,16 +16314,27 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16107
16314
|
get isControlRequired() {
|
|
16108
16315
|
return isControlRequired(this.formControl);
|
|
16109
16316
|
}
|
|
16317
|
+
/**
|
|
16318
|
+
* @hidden
|
|
16319
|
+
*/
|
|
16320
|
+
get ariaInvalidState() {
|
|
16321
|
+
const control = this.formControl;
|
|
16322
|
+
if (!control) {
|
|
16323
|
+
return null;
|
|
16324
|
+
}
|
|
16325
|
+
return control.invalid && (control.touched || control.dirty);
|
|
16326
|
+
}
|
|
16110
16327
|
popupRef;
|
|
16111
16328
|
_popupSettings = { animate: true };
|
|
16112
16329
|
_value = null;
|
|
16113
16330
|
_format = DEFAULT_DATEINPUT_FORMAT;
|
|
16114
16331
|
_tabindex = 0;
|
|
16115
16332
|
_defaultTab = DEFAULT_ACTIVE_TAB;
|
|
16116
|
-
_min = mergeDateAndTime(MIN_DATE, MIN_TIME);
|
|
16117
|
-
_max = mergeDateAndTime(MAX_DATE, MAX_TIME);
|
|
16333
|
+
_min = signal(mergeDateAndTime(MIN_DATE, MIN_TIME), ...(ngDevMode ? [{ debugName: "_min" }] : []));
|
|
16334
|
+
_max = signal(mergeDateAndTime(MAX_DATE, MAX_TIME), ...(ngDevMode ? [{ debugName: "_max" }] : []));
|
|
16118
16335
|
_disabledDates;
|
|
16119
16336
|
_isActive = false;
|
|
16337
|
+
_activeTab = signal(DEFAULT_ACTIVE_TAB, ...(ngDevMode ? [{ debugName: "_activeTab" }] : []));
|
|
16120
16338
|
onControlTouched = noop$2;
|
|
16121
16339
|
onControlChange = noop$2;
|
|
16122
16340
|
onValidatorChange = noop$2;
|
|
@@ -16169,6 +16387,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16169
16387
|
ngAfterViewInit() {
|
|
16170
16388
|
this.setComponentClasses();
|
|
16171
16389
|
this.windowSize = this.adaptiveService.size;
|
|
16390
|
+
this.subscriptions.add(this.formControl?.statusChanges?.subscribe(() => this.cdr.markForCheck()));
|
|
16172
16391
|
}
|
|
16173
16392
|
ngOnChanges(changes) {
|
|
16174
16393
|
if (isPresent(changes['min']) || isPresent(changes['max'])) {
|
|
@@ -16865,8 +17084,8 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16865
17084
|
this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
|
|
16866
17085
|
}
|
|
16867
17086
|
}
|
|
16868
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
16869
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
17087
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1$2.PopupService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService }, { token: DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
|
|
17088
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateTimePickerComponent, isStandalone: true, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", clearButton: "clearButton", autoFill: "autoFill", adaptiveMode: "adaptiveMode", inputAttributes: "inputAttributes", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode", headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", escape: "escape" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-readonly": "this.readonly" } }, providers: [
|
|
16870
17089
|
PickerService,
|
|
16871
17090
|
LocalizationService,
|
|
16872
17091
|
DisabledDatesService,
|
|
@@ -16945,6 +17164,12 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16945
17164
|
|
|
16946
17165
|
i18n-adaptiveCloseButtonTitle="kendo.datetimepicker.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
|
|
16947
17166
|
adaptiveCloseButtonTitle="Close"
|
|
17167
|
+
|
|
17168
|
+
i18n-dateTimeSelectorLabel="kendo.datetimepicker.dateTimeSelectorLabel|The accessible label of the date and time selector container"
|
|
17169
|
+
dateTimeSelectorLabel="Date and time selector"
|
|
17170
|
+
|
|
17171
|
+
i18n-timeSelectorLabel="kendo.datetimepicker.timeSelectorLabel|The accessible label of the time selector element"
|
|
17172
|
+
timeSelectorLabel="Time selector"
|
|
16948
17173
|
>
|
|
16949
17174
|
</ng-container>
|
|
16950
17175
|
|
|
@@ -16977,6 +17202,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16977
17202
|
hasPopup="dialog"
|
|
16978
17203
|
[inputAttributes]="inputAttributes"
|
|
16979
17204
|
[isPopupOpen]="isOpen"
|
|
17205
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
16980
17206
|
(valueChange)="handleInputValueChange($event)"
|
|
16981
17207
|
[kendoEventsOutsideAngular]="{
|
|
16982
17208
|
keydown: handleKeyDown
|
|
@@ -16993,6 +17219,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16993
17219
|
#toggleButton
|
|
16994
17220
|
type="button"
|
|
16995
17221
|
class="k-input-button k-button k-icon-button"
|
|
17222
|
+
[class.k-disabled]="disabled"
|
|
16996
17223
|
[tabindex]="-1"
|
|
16997
17224
|
[attr.title]="localization.get('toggle')"
|
|
16998
17225
|
[attr.aria-label]="localization.get('toggle')"
|
|
@@ -17062,6 +17289,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17062
17289
|
type="button"
|
|
17063
17290
|
icon="check"
|
|
17064
17291
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
17292
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
17065
17293
|
[svgIcon]="checkIcon"
|
|
17066
17294
|
fillMode="flat"
|
|
17067
17295
|
themeColor="primary"
|
|
@@ -17110,6 +17338,8 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17110
17338
|
<div
|
|
17111
17339
|
class="k-datetime-wrap k-{{activeTab}}-tab"
|
|
17112
17340
|
[class.k-datetime-wrap-lg]="isAdaptive"
|
|
17341
|
+
role="group"
|
|
17342
|
+
[attr.aria-label]="localization.get('dateTimeSelectorLabel')"
|
|
17113
17343
|
[kendoEventsOutsideAngular]="{
|
|
17114
17344
|
mousedown: preventMouseDown,
|
|
17115
17345
|
keydown: handleKeyDown
|
|
@@ -17205,6 +17435,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17205
17435
|
[second]="localization.get('second')"
|
|
17206
17436
|
[millisecond]="localization.get('millisecond')"
|
|
17207
17437
|
[dayperiod]="localization.get('dayperiod')"
|
|
17438
|
+
[timeSelectorLabel]="localization.get('timeSelectorLabel')"
|
|
17208
17439
|
>
|
|
17209
17440
|
</kendo-timeselector-messages>
|
|
17210
17441
|
</kendo-timeselector>
|
|
@@ -17255,9 +17486,9 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17255
17486
|
}
|
|
17256
17487
|
</div>
|
|
17257
17488
|
</ng-template>
|
|
17258
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "selected"], outputs: ["selectedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17489
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "ariaInvalidState", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "selected"], outputs: ["selectedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17259
17490
|
}
|
|
17260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
17491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
17261
17492
|
type: Component,
|
|
17262
17493
|
args: [{
|
|
17263
17494
|
selector: 'kendo-datetimepicker',
|
|
@@ -17343,6 +17574,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17343
17574
|
|
|
17344
17575
|
i18n-adaptiveCloseButtonTitle="kendo.datetimepicker.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
|
|
17345
17576
|
adaptiveCloseButtonTitle="Close"
|
|
17577
|
+
|
|
17578
|
+
i18n-dateTimeSelectorLabel="kendo.datetimepicker.dateTimeSelectorLabel|The accessible label of the date and time selector container"
|
|
17579
|
+
dateTimeSelectorLabel="Date and time selector"
|
|
17580
|
+
|
|
17581
|
+
i18n-timeSelectorLabel="kendo.datetimepicker.timeSelectorLabel|The accessible label of the time selector element"
|
|
17582
|
+
timeSelectorLabel="Time selector"
|
|
17346
17583
|
>
|
|
17347
17584
|
</ng-container>
|
|
17348
17585
|
|
|
@@ -17375,6 +17612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17375
17612
|
hasPopup="dialog"
|
|
17376
17613
|
[inputAttributes]="inputAttributes"
|
|
17377
17614
|
[isPopupOpen]="isOpen"
|
|
17615
|
+
[ariaInvalidState]="ariaInvalidState"
|
|
17378
17616
|
(valueChange)="handleInputValueChange($event)"
|
|
17379
17617
|
[kendoEventsOutsideAngular]="{
|
|
17380
17618
|
keydown: handleKeyDown
|
|
@@ -17391,6 +17629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17391
17629
|
#toggleButton
|
|
17392
17630
|
type="button"
|
|
17393
17631
|
class="k-input-button k-button k-icon-button"
|
|
17632
|
+
[class.k-disabled]="disabled"
|
|
17394
17633
|
[tabindex]="-1"
|
|
17395
17634
|
[attr.title]="localization.get('toggle')"
|
|
17396
17635
|
[attr.aria-label]="localization.get('toggle')"
|
|
@@ -17460,6 +17699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17460
17699
|
type="button"
|
|
17461
17700
|
icon="check"
|
|
17462
17701
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
17702
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
17463
17703
|
[svgIcon]="checkIcon"
|
|
17464
17704
|
fillMode="flat"
|
|
17465
17705
|
themeColor="primary"
|
|
@@ -17508,6 +17748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17508
17748
|
<div
|
|
17509
17749
|
class="k-datetime-wrap k-{{activeTab}}-tab"
|
|
17510
17750
|
[class.k-datetime-wrap-lg]="isAdaptive"
|
|
17751
|
+
role="group"
|
|
17752
|
+
[attr.aria-label]="localization.get('dateTimeSelectorLabel')"
|
|
17511
17753
|
[kendoEventsOutsideAngular]="{
|
|
17512
17754
|
mousedown: preventMouseDown,
|
|
17513
17755
|
keydown: handleKeyDown
|
|
@@ -17603,6 +17845,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
17603
17845
|
[second]="localization.get('second')"
|
|
17604
17846
|
[millisecond]="localization.get('millisecond')"
|
|
17605
17847
|
[dayperiod]="localization.get('dayperiod')"
|
|
17848
|
+
[timeSelectorLabel]="localization.get('timeSelectorLabel')"
|
|
17606
17849
|
>
|
|
17607
17850
|
</kendo-timeselector-messages>
|
|
17608
17851
|
</kendo-timeselector>
|
|
@@ -17821,10 +18064,10 @@ class WeekNamesService {
|
|
|
17821
18064
|
const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: nameType, type: 'days' }), this.intl.firstDay());
|
|
17822
18065
|
return includeWeekNumber ? [''].concat(weekNames) : weekNames;
|
|
17823
18066
|
}
|
|
17824
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17825
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
18067
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WeekNamesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18068
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WeekNamesService, providedIn: 'root' });
|
|
17826
18069
|
}
|
|
17827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WeekNamesService, decorators: [{
|
|
17828
18071
|
type: Injectable,
|
|
17829
18072
|
args: [{
|
|
17830
18073
|
providedIn: 'root'
|
|
@@ -17851,10 +18094,10 @@ class DateRangePopupTemplateDirective {
|
|
|
17851
18094
|
constructor(templateRef) {
|
|
17852
18095
|
this.templateRef = templateRef;
|
|
17853
18096
|
}
|
|
17854
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17855
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
18097
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18098
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangePopupTemplateDirective, isStandalone: true, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
|
|
17856
18099
|
}
|
|
17857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
|
|
17858
18101
|
type: Directive,
|
|
17859
18102
|
args: [{
|
|
17860
18103
|
selector: '[kendoDateRangePopupTemplate]',
|
|
@@ -18069,10 +18312,10 @@ class DateRangeService {
|
|
|
18069
18312
|
setRange(range = EMPTY_SELECTIONRANGE) {
|
|
18070
18313
|
this.range$.next(range);
|
|
18071
18314
|
}
|
|
18072
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18073
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
18315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeService, deps: [{ token: i0.Renderer2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18316
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeService });
|
|
18074
18317
|
}
|
|
18075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeService, decorators: [{
|
|
18076
18319
|
type: Injectable
|
|
18077
18320
|
}], ctorParameters: () => [{ type: i0.Renderer2, decorators: [{
|
|
18078
18321
|
type: Optional
|
|
@@ -18263,10 +18506,10 @@ class DateRangeSelectionDirective {
|
|
|
18263
18506
|
this.setSelectionRange(range);
|
|
18264
18507
|
this.selectionRangeChange.emit(range);
|
|
18265
18508
|
}
|
|
18266
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18267
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
18509
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeSelectionDirective, deps: [{ token: MultiViewCalendarComponent }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DateRangeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18510
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangeSelectionDirective, isStandalone: true, selector: "[kendoDateRangeSelection]", inputs: { autoCorrectOn: "autoCorrectOn", selectionRange: "selectionRange", activeRangeEnd: "activeRangeEnd", shouldSetRange: "shouldSetRange" }, outputs: { activeRangeEndChange: "activeRangeEndChange", selectionRangeChange: "selectionRangeChange" }, ngImport: i0 });
|
|
18268
18511
|
}
|
|
18269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18512
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeSelectionDirective, decorators: [{
|
|
18270
18513
|
type: Directive,
|
|
18271
18514
|
args: [{
|
|
18272
18515
|
selector: '[kendoDateRangeSelection]',
|
|
@@ -18312,10 +18555,10 @@ class DateRangePopupMessages extends ComponentMessages {
|
|
|
18312
18555
|
* The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
|
|
18313
18556
|
*/
|
|
18314
18557
|
adaptiveCloseButtonTitle;
|
|
18315
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18316
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
18558
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
18559
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangePopupMessages, isStandalone: true, selector: "kendo-daterangepopup-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
|
|
18317
18560
|
}
|
|
18318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupMessages, decorators: [{
|
|
18319
18562
|
type: Directive,
|
|
18320
18563
|
args: [{
|
|
18321
18564
|
selector: 'kendo-daterangepopup-messages-base'
|
|
@@ -18341,15 +18584,15 @@ class DateRangePopupLocalizedMessagesDirective extends DateRangePopupMessages {
|
|
|
18341
18584
|
super();
|
|
18342
18585
|
this.service = service;
|
|
18343
18586
|
}
|
|
18344
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18345
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
18587
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18588
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangePopupLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateRangePopupLocalizedMessages]", providers: [
|
|
18346
18589
|
{
|
|
18347
18590
|
provide: DateRangePopupMessages,
|
|
18348
18591
|
useExisting: forwardRef(() => DateRangePopupLocalizedMessagesDirective)
|
|
18349
18592
|
}
|
|
18350
18593
|
], usesInheritance: true, ngImport: i0 });
|
|
18351
18594
|
}
|
|
18352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, decorators: [{
|
|
18353
18596
|
type: Directive,
|
|
18354
18597
|
args: [{
|
|
18355
18598
|
providers: [
|
|
@@ -18978,8 +19221,8 @@ class DateRangePopupComponent {
|
|
|
18978
19221
|
this.dateRangeService.setActiveDescendent(id);
|
|
18979
19222
|
}));
|
|
18980
19223
|
};
|
|
18981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18982
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
19224
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$2.PopupService }, { token: DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }, { token: i6.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
|
|
19225
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { showCalendarHeader: "showCalendarHeader", focusedDate: "focusedDate", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", min: "min", max: "max", allowReverse: "allowReverse", animateNavigation: "animateNavigation", disabled: "disabled", views: "views", weekNumber: "weekNumber", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", showViewHeader: "showViewHeader", showOtherMonthDays: "showOtherMonthDays", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
18983
19226
|
LocalizationService,
|
|
18984
19227
|
{
|
|
18985
19228
|
provide: L10N_PREFIX,
|
|
@@ -19068,6 +19311,7 @@ class DateRangePopupComponent {
|
|
|
19068
19311
|
type="button"
|
|
19069
19312
|
icon="check"
|
|
19070
19313
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
19314
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
19071
19315
|
[svgIcon]="checkIcon"
|
|
19072
19316
|
fillMode="flat"
|
|
19073
19317
|
themeColor="primary"
|
|
@@ -19135,7 +19379,7 @@ class DateRangePopupComponent {
|
|
|
19135
19379
|
</kendo-actionsheet>
|
|
19136
19380
|
`, isInline: true, dependencies: [{ kind: "directive", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]" }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
19137
19381
|
}
|
|
19138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupComponent, decorators: [{
|
|
19139
19383
|
type: Component,
|
|
19140
19384
|
args: [{
|
|
19141
19385
|
exportAs: 'kendo-daterange-popup',
|
|
@@ -19230,6 +19474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
19230
19474
|
type="button"
|
|
19231
19475
|
icon="check"
|
|
19232
19476
|
[attr.title]="localization.get('adaptiveCloseButtonTitle')"
|
|
19477
|
+
[attr.aria-label]="localization.get('adaptiveCloseButtonTitle')"
|
|
19233
19478
|
[svgIcon]="checkIcon"
|
|
19234
19479
|
fillMode="flat"
|
|
19235
19480
|
themeColor="primary"
|
|
@@ -19461,8 +19706,8 @@ class DateRangeComponent {
|
|
|
19461
19706
|
ngOnDestroy() {
|
|
19462
19707
|
this.subscription?.unsubscribe();
|
|
19463
19708
|
}
|
|
19464
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19465
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
19709
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeComponent, deps: [{ token: DateRangeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
19710
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [
|
|
19466
19711
|
DateRangeService,
|
|
19467
19712
|
{ provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => DateRangeComponent) }
|
|
19468
19713
|
], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
|
|
@@ -19472,7 +19717,7 @@ class DateRangeComponent {
|
|
|
19472
19717
|
}
|
|
19473
19718
|
`, isInline: true, dependencies: [{ kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
19474
19719
|
}
|
|
19475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
19476
19721
|
type: Component,
|
|
19477
19722
|
args: [{
|
|
19478
19723
|
providers: [
|
|
@@ -19619,10 +19864,10 @@ class DateRangeInput {
|
|
|
19619
19864
|
this.renderer[action](nativeElement, 'k-focus');
|
|
19620
19865
|
}
|
|
19621
19866
|
}
|
|
19622
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19623
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19867
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeInput, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
19868
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangeInput, isStandalone: true, ngImport: i0 });
|
|
19624
19869
|
}
|
|
19625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeInput, decorators: [{
|
|
19626
19871
|
type: Directive,
|
|
19627
19872
|
args: [{}]
|
|
19628
19873
|
}], ctorParameters: () => [{ type: undefined }, { type: DateRangeService }, { type: DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }] });
|
|
@@ -19703,10 +19948,10 @@ class DateRangeEndInputDirective extends DateRangeInput {
|
|
|
19703
19948
|
this.dateInput.writeValue(cloneDate(end));
|
|
19704
19949
|
this.dateInput.notify();
|
|
19705
19950
|
}
|
|
19706
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19707
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19951
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19952
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangeEndInputDirective, isStandalone: true, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
|
|
19708
19953
|
}
|
|
19709
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
|
|
19710
19955
|
type: Directive,
|
|
19711
19956
|
args: [{
|
|
19712
19957
|
selector: '[kendoDateRangeEndInput]',
|
|
@@ -19798,10 +20043,10 @@ class DateRangeStartInputDirective extends DateRangeInput {
|
|
|
19798
20043
|
this.dateInput.writeValue(cloneDate(start));
|
|
19799
20044
|
this.dateInput.notify();
|
|
19800
20045
|
}
|
|
19801
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19802
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
20046
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20047
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DateRangeStartInputDirective, isStandalone: true, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
|
|
19803
20048
|
}
|
|
19804
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
|
|
19805
20050
|
type: Directive,
|
|
19806
20051
|
args: [{
|
|
19807
20052
|
selector: '[kendoDateRangeStartInput]',
|
|
@@ -19835,15 +20080,15 @@ class DatePickerCustomMessagesComponent extends DatePickerMessages {
|
|
|
19835
20080
|
get override() {
|
|
19836
20081
|
return true;
|
|
19837
20082
|
}
|
|
19838
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19839
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
20083
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
20084
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DatePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datepicker-messages", providers: [
|
|
19840
20085
|
{
|
|
19841
20086
|
provide: DatePickerMessages,
|
|
19842
20087
|
useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
|
|
19843
20088
|
}
|
|
19844
20089
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
19845
20090
|
}
|
|
19846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20091
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
|
|
19847
20092
|
type: Component,
|
|
19848
20093
|
args: [{
|
|
19849
20094
|
providers: [
|
|
@@ -19870,15 +20115,15 @@ class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
|
|
|
19870
20115
|
get override() {
|
|
19871
20116
|
return true;
|
|
19872
20117
|
}
|
|
19873
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19874
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
20118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
20119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DateRangePopupCustomMessagesComponent, isStandalone: true, selector: "kendo-daterange-popup-messages", providers: [
|
|
19875
20120
|
{
|
|
19876
20121
|
provide: DateRangePopupMessages,
|
|
19877
20122
|
useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
|
|
19878
20123
|
}
|
|
19879
20124
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
19880
20125
|
}
|
|
19881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangePopupCustomMessagesComponent, decorators: [{
|
|
19882
20127
|
type: Component,
|
|
19883
20128
|
args: [{
|
|
19884
20129
|
providers: [
|
|
@@ -19914,15 +20159,15 @@ class DateTimePickerCustomMessagesComponent extends DateTimePickerMessages {
|
|
|
19914
20159
|
get override() {
|
|
19915
20160
|
return true;
|
|
19916
20161
|
}
|
|
19917
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19918
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
20162
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
20163
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DateTimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datetimepicker-messages", providers: [
|
|
19919
20164
|
{
|
|
19920
20165
|
provide: DateTimePickerMessages,
|
|
19921
20166
|
useExisting: forwardRef(() => DateTimePickerCustomMessagesComponent)
|
|
19922
20167
|
}
|
|
19923
20168
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
19924
20169
|
}
|
|
19925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerCustomMessagesComponent, decorators: [{
|
|
19926
20171
|
type: Component,
|
|
19927
20172
|
args: [{
|
|
19928
20173
|
providers: [
|
|
@@ -19960,15 +20205,15 @@ class TimePickerCustomMessagesComponent extends TimePickerMessages {
|
|
|
19960
20205
|
get override() {
|
|
19961
20206
|
return true;
|
|
19962
20207
|
}
|
|
19963
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19964
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
20208
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
20209
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-timepicker-messages", providers: [
|
|
19965
20210
|
{
|
|
19966
20211
|
provide: TimePickerMessages,
|
|
19967
20212
|
useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
|
|
19968
20213
|
}
|
|
19969
20214
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
19970
20215
|
}
|
|
19971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerCustomMessagesComponent, decorators: [{
|
|
19972
20217
|
type: Component,
|
|
19973
20218
|
args: [{
|
|
19974
20219
|
providers: [
|
|
@@ -20127,9 +20372,9 @@ const KENDO_DATEINPUTS = [
|
|
|
20127
20372
|
* ```
|
|
20128
20373
|
*/
|
|
20129
20374
|
class CalendarModule {
|
|
20130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20131
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20132
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20375
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20376
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CalendarModule, imports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective], exports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective] });
|
|
20377
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarModule, providers: [
|
|
20133
20378
|
IconsService,
|
|
20134
20379
|
ResizeBatchService,
|
|
20135
20380
|
CalendarDOMService,
|
|
@@ -20141,7 +20386,7 @@ class CalendarModule {
|
|
|
20141
20386
|
NavigationService
|
|
20142
20387
|
], imports: [CalendarComponent] });
|
|
20143
20388
|
}
|
|
20144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarModule, decorators: [{
|
|
20145
20390
|
type: NgModule,
|
|
20146
20391
|
args: [{
|
|
20147
20392
|
exports: [...KENDO_CALENDAR],
|
|
@@ -20185,9 +20430,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20185
20430
|
* ```
|
|
20186
20431
|
*/
|
|
20187
20432
|
class CalendarsModule {
|
|
20188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20189
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20190
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20434
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CalendarsModule, imports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective], exports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective] });
|
|
20435
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarsModule, providers: [
|
|
20191
20436
|
IconsService,
|
|
20192
20437
|
ResizeBatchService,
|
|
20193
20438
|
CalendarDOMService,
|
|
@@ -20199,7 +20444,7 @@ class CalendarsModule {
|
|
|
20199
20444
|
NavigationService
|
|
20200
20445
|
], imports: [CalendarComponent, MultiViewCalendarComponent] });
|
|
20201
20446
|
}
|
|
20202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarsModule, decorators: [{
|
|
20203
20448
|
type: NgModule,
|
|
20204
20449
|
args: [{
|
|
20205
20450
|
exports: [...KENDO_CALENDAR, ...KENDO_MULTIVIEWCALENDAR],
|
|
@@ -20237,13 +20482,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20237
20482
|
* ```
|
|
20238
20483
|
*/
|
|
20239
20484
|
class DateInputModule {
|
|
20240
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20241
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20242
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20485
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20486
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DateInputModule, imports: [DateInputCustomMessagesComponent, DateInputComponent], exports: [DateInputCustomMessagesComponent, DateInputComponent] });
|
|
20487
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputModule, providers: [
|
|
20243
20488
|
IconsService
|
|
20244
20489
|
], imports: [DateInputComponent] });
|
|
20245
20490
|
}
|
|
20246
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputModule, decorators: [{
|
|
20247
20492
|
type: NgModule,
|
|
20248
20493
|
args: [{
|
|
20249
20494
|
exports: [...KENDO_DATEINPUT],
|
|
@@ -20269,9 +20514,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20269
20514
|
* ```
|
|
20270
20515
|
*/
|
|
20271
20516
|
class DatePickerModule {
|
|
20272
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20273
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20274
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20517
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20518
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DatePickerModule, imports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
|
|
20519
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerModule, providers: [
|
|
20275
20520
|
// DateInputModule providers
|
|
20276
20521
|
IconsService,
|
|
20277
20522
|
// CalendarModule providers
|
|
@@ -20286,7 +20531,7 @@ class DatePickerModule {
|
|
|
20286
20531
|
AdaptiveService
|
|
20287
20532
|
], imports: [DatePickerComponent] });
|
|
20288
20533
|
}
|
|
20289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DatePickerModule, decorators: [{
|
|
20290
20535
|
type: NgModule,
|
|
20291
20536
|
args: [{
|
|
20292
20537
|
exports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -20341,9 +20586,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20341
20586
|
* ```
|
|
20342
20587
|
*/
|
|
20343
20588
|
class DateInputsModule {
|
|
20344
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20345
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20346
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20589
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20590
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DateInputsModule, imports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
|
|
20591
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputsModule, providers: [
|
|
20347
20592
|
// CalendarModule providers
|
|
20348
20593
|
IconsService,
|
|
20349
20594
|
ResizeBatchService,
|
|
@@ -20364,7 +20609,7 @@ class DateInputsModule {
|
|
|
20364
20609
|
AdaptiveService
|
|
20365
20610
|
], imports: [CalendarComponent, MultiViewCalendarComponent, DateInputComponent, DatePickerComponent, DateInputComponent, DateRangeComponent, DateRangePopupComponent, DateTimePickerComponent, TimePickerComponent] });
|
|
20366
20611
|
}
|
|
20367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateInputsModule, decorators: [{
|
|
20368
20613
|
type: NgModule,
|
|
20369
20614
|
args: [{
|
|
20370
20615
|
exports: [...KENDO_DATEINPUTS, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -20409,9 +20654,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20409
20654
|
* ```
|
|
20410
20655
|
*/
|
|
20411
20656
|
class TimePickerModule {
|
|
20412
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20413
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20414
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20657
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20658
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: TimePickerModule, imports: [TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
|
|
20659
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerModule, providers: [
|
|
20415
20660
|
IconsService,
|
|
20416
20661
|
PopupService,
|
|
20417
20662
|
ResizeBatchService,
|
|
@@ -20424,7 +20669,7 @@ class TimePickerModule {
|
|
|
20424
20669
|
AdaptiveService
|
|
20425
20670
|
], imports: [TimePickerComponent] });
|
|
20426
20671
|
}
|
|
20427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TimePickerModule, decorators: [{
|
|
20428
20673
|
type: NgModule,
|
|
20429
20674
|
args: [{
|
|
20430
20675
|
exports: [...KENDO_TIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -20464,9 +20709,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20464
20709
|
* ```
|
|
20465
20710
|
*/
|
|
20466
20711
|
class DateTimePickerModule {
|
|
20467
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20468
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20469
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20712
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20713
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerModule, imports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
|
|
20714
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerModule, providers: [
|
|
20470
20715
|
// CalendarModule providers
|
|
20471
20716
|
IconsService,
|
|
20472
20717
|
ResizeBatchService,
|
|
@@ -20487,7 +20732,7 @@ class DateTimePickerModule {
|
|
|
20487
20732
|
AdaptiveService
|
|
20488
20733
|
], imports: [DateTimePickerComponent] });
|
|
20489
20734
|
}
|
|
20490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimePickerModule, decorators: [{
|
|
20491
20736
|
type: NgModule,
|
|
20492
20737
|
args: [{
|
|
20493
20738
|
exports: [...KENDO_DATETIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -20553,9 +20798,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20553
20798
|
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
20554
20799
|
*/
|
|
20555
20800
|
class MultiViewCalendarModule {
|
|
20556
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20557
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20558
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20801
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20802
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarModule, imports: [MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective], exports: [MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective] });
|
|
20803
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarModule, providers: [
|
|
20559
20804
|
PopupService,
|
|
20560
20805
|
NavigationService,
|
|
20561
20806
|
CenturyViewService,
|
|
@@ -20564,7 +20809,7 @@ class MultiViewCalendarModule {
|
|
|
20564
20809
|
YearViewService
|
|
20565
20810
|
], imports: [MultiViewCalendarComponent] });
|
|
20566
20811
|
}
|
|
20567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MultiViewCalendarModule, decorators: [{
|
|
20568
20813
|
type: NgModule,
|
|
20569
20814
|
args: [{
|
|
20570
20815
|
exports: [...KENDO_MULTIVIEWCALENDAR],
|
|
@@ -20620,9 +20865,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
20620
20865
|
* ```
|
|
20621
20866
|
*/
|
|
20622
20867
|
class DateRangeModule {
|
|
20623
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20624
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20625
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20868
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20869
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DateRangeModule, imports: [DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective], exports: [DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective] });
|
|
20870
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeModule, providers: [
|
|
20626
20871
|
// MultiViewCalendarModule providers
|
|
20627
20872
|
PopupService,
|
|
20628
20873
|
NavigationService,
|
|
@@ -20637,7 +20882,7 @@ class DateRangeModule {
|
|
|
20637
20882
|
AdaptiveService
|
|
20638
20883
|
], imports: [DateInputComponent, DateRangeComponent, DateRangePopupComponent] });
|
|
20639
20884
|
}
|
|
20640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateRangeModule, decorators: [{
|
|
20641
20886
|
type: NgModule,
|
|
20642
20887
|
args: [{
|
|
20643
20888
|
exports: [...KENDO_DATERANGE],
|