@progress-chef/platform-shared-components 0.0.34 → 0.0.35

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.
@@ -1,4 +1,4 @@
1
- import { Component, Input } from '@angular/core';
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@progress-chef/platform-themes-service";
4
4
  import * as i2 from "@progress/kendo-angular-dateinputs";
@@ -6,21 +6,44 @@ import * as i3 from "@progress/kendo-angular-label";
6
6
  export class DateRangeComponent {
7
7
  constructor(themesService) {
8
8
  this.themesService = themesService;
9
+ this.isDisabled = false;
10
+ this.size = "medium";
11
+ this.rounded = "small";
12
+ this.fillMode = "solid";
9
13
  this.autoCorrectOn = "none";
14
+ this.modelChange = new EventEmitter();
15
+ }
16
+ onStartChange(ev) {
17
+ this.modelChange.emit(ev);
18
+ }
19
+ onEndChange(ev) {
20
+ this.modelChange.emit(ev);
10
21
  }
11
22
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", autoCorrectOn: "autoCorrectOn" }, ngImport: i0, template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
13
24
  }
14
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, decorators: [{
15
26
  type: Component,
16
- args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n" }]
27
+ args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n" }]
17
28
  }], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { range: [{
18
29
  type: Input
19
30
  }], rangeStartLabel: [{
20
31
  type: Input
21
32
  }], rangeEndLabel: [{
22
33
  type: Input
34
+ }], isDisabled: [{
35
+ type: Input
36
+ }], size: [{
37
+ type: Input
38
+ }], rounded: [{
39
+ type: Input
40
+ }], fillMode: [{
41
+ type: Input
23
42
  }], autoCorrectOn: [{
24
43
  type: Input
44
+ }], labelStyle: [{
45
+ type: Input
46
+ }], modelChange: [{
47
+ type: Output
25
48
  }] } });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFqRCxNQUFNLE9BQU8sa0JBQWtCO0lBTzdCLFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBSHZDLGtCQUFhLEdBQStCLE1BQU0sQ0FBQztJQUdSLENBQUM7K0dBUDFDLGtCQUFrQjttR0FBbEIsa0JBQWtCLHNMQ1IvQiwyYkFRQTs7NEZEQWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjtvR0FLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVzU2VydmljZSB9IGZyb20gJ0Bwcm9ncmVzcy1jaGVmL3BsYXRmb3JtLXRoZW1lcy1zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWRhdGUtcmFuZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS1yYW5nZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGUtcmFuZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUmFuZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSByYW5nZSE6IHsgc3RhcnQ6IERhdGUsIGVuZDogRGF0ZSB9O1xuICBASW5wdXQoKSByYW5nZVN0YXJ0TGFiZWwhOiBzdHJpbmdcbiAgQElucHV0KCkgcmFuZ2VFbmRMYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgYXV0b0NvcnJlY3RPbjogXCJibHVyXCIgfCBcImNoYW5nZVwiIHwgXCJub25lXCIgPSBcIm5vbmVcIjtcblxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTogVGhlbWVzU2VydmljZSkgeyB9XG59XG4iLCI8a2VuZG8tZGF0ZXJhbmdlPlxuICA8a2VuZG8tZmxvYXRpbmdsYWJlbCBbdGV4dF09XCJyYW5nZVN0YXJ0TGFiZWxcIj5cbiAgICA8a2VuZG8tZGF0ZWlucHV0IGtlbmRvRGF0ZVJhbmdlU3RhcnRJbnB1dCBbYXV0b0NvcnJlY3RPbl09XCJhdXRvQ29ycmVjdE9uXCIgWyh2YWx1ZSldPVwicmFuZ2Uuc3RhcnRcIj48L2tlbmRvLWRhdGVpbnB1dD5cbiAgPC9rZW5kby1mbG9hdGluZ2xhYmVsPlxuICA8a2VuZG8tZmxvYXRpbmdsYWJlbCBbdGV4dF09XCJyYW5nZUVuZExhYmVsXCI+XG4gICAgPGtlbmRvLWRhdGVpbnB1dCBrZW5kb0RhdGVSYW5nZUVuZElucHV0IFthdXRvQ29ycmVjdE9uXT1cImF1dG9Db3JyZWN0T25cIiBbKHZhbHVlKV09XCJyYW5nZS5lbmRcIj48L2tlbmRvLWRhdGVpbnB1dD5cbiAgPC9rZW5kby1mbG9hdGluZ2xhYmVsPlxuPC9rZW5kby1kYXRlcmFuZ2U+XG4iXX0=
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZFLE1BQU0sT0FBTyxrQkFBa0I7SUFhN0IsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFUdkMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUM5QyxZQUFPLEdBQTBDLE9BQU8sQ0FBQztRQUN6RCxhQUFRLEdBQWlDLE9BQU8sQ0FBQztRQUNqRCxrQkFBYSxHQUErQixNQUFNLENBQUM7UUFFbEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBR0ksQ0FBQztJQUNyRCxhQUFhLENBQUMsRUFBTztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBQ0QsV0FBVyxDQUFDLEVBQU87UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQzsrR0FuQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsMlVDUi9CLG14QkFZQTs7NEZESmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjtvR0FLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZGF0ZS1yYW5nZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1yYW5nZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJhbmdlITogeyBzdGFydDogRGF0ZSwgZW5kOiBEYXRlIH07XG4gIEBJbnB1dCgpIHJhbmdlU3RhcnRMYWJlbCE6IHN0cmluZ1xuICBASW5wdXQoKSByYW5nZUVuZExhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgPSBcIm1lZGl1bVwiO1xuICBASW5wdXQoKSByb3VuZGVkOiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiIHwgXCJmdWxsXCIgPSBcInNtYWxsXCI7XG4gIEBJbnB1dCgpIGZpbGxNb2RlOiBcInNvbGlkXCIgfCBcImZsYXRcIiB8IFwib3V0bGluZVwiID0gXCJzb2xpZFwiO1xuICBASW5wdXQoKSBhdXRvQ29ycmVjdE9uOiBcImJsdXJcIiB8IFwiY2hhbmdlXCIgfCBcIm5vbmVcIiA9IFwibm9uZVwiO1xuICBASW5wdXQoKSBsYWJlbFN0eWxlOiBhbnk7XG4gIEBPdXRwdXQoKSBtb2RlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOiBUaGVtZXNTZXJ2aWNlKSB7IH1cbiAgb25TdGFydENoYW5nZShldjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KGV2KTtcbiAgfVxuICBvbkVuZENoYW5nZShldjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KGV2KTtcbiAgfVxufVxuIiwiPGtlbmRvLWRhdGVyYW5nZT5cbiAgPGtlbmRvLWZsb2F0aW5nbGFiZWwgW3RleHRdPVwicmFuZ2VTdGFydExhYmVsXCIgW2xhYmVsQ3NzU3R5bGVdPVwibGFiZWxTdHlsZVwiPlxuICAgIDxrZW5kby1kYXRlaW5wdXQga2VuZG9EYXRlUmFuZ2VTdGFydElucHV0IFthdXRvQ29ycmVjdE9uXT1cImF1dG9Db3JyZWN0T25cIiBbKHZhbHVlKV09XCJyYW5nZS5zdGFydFwiXG4gICAgICAodmFsdWVDaGFuZ2UpPVwib25TdGFydENoYW5nZSgkZXZlbnQpXCIgW3NpemVdPVwic2l6ZVwiIFtyb3VuZGVkXT1cInJvdW5kZWRcIiBbZmlsbE1vZGVdPVwiZmlsbE1vZGVcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIj48L2tlbmRvLWRhdGVpbnB1dD5cbiAgPC9rZW5kby1mbG9hdGluZ2xhYmVsPlxuICA8a2VuZG8tZmxvYXRpbmdsYWJlbCBbdGV4dF09XCJyYW5nZUVuZExhYmVsXCIgW2xhYmVsQ3NzU3R5bGVdPVwibGFiZWxTdHlsZVwiPlxuICAgIDxrZW5kby1kYXRlaW5wdXQga2VuZG9EYXRlUmFuZ2VFbmRJbnB1dCBbYXV0b0NvcnJlY3RPbl09XCJhdXRvQ29ycmVjdE9uXCIgWyh2YWx1ZSldPVwicmFuZ2UuZW5kXCJcbiAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbkVuZENoYW5nZSgkZXZlbnQpXCIgW3NpemVdPVwic2l6ZVwiIFtyb3VuZGVkXT1cInJvdW5kZWRcIiBbZmlsbE1vZGVdPVwiZmlsbE1vZGVcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIj48L2tlbmRvLWRhdGVpbnB1dD5cbiAgPC9rZW5kby1mbG9hdGluZ2xhYmVsPlxuPC9rZW5kby1kYXRlcmFuZ2U+XG4iXX0=
@@ -2427,22 +2427,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2427
2427
  class DateRangeComponent {
2428
2428
  constructor(themesService) {
2429
2429
  this.themesService = themesService;
2430
+ this.isDisabled = false;
2431
+ this.size = "medium";
2432
+ this.rounded = "small";
2433
+ this.fillMode = "solid";
2430
2434
  this.autoCorrectOn = "none";
2435
+ this.modelChange = new EventEmitter();
2436
+ }
2437
+ onStartChange(ev) {
2438
+ this.modelChange.emit(ev);
2439
+ }
2440
+ onEndChange(ev) {
2441
+ this.modelChange.emit(ev);
2431
2442
  }
2432
2443
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
2433
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", autoCorrectOn: "autoCorrectOn" }, ngImport: i0, template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$4.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$4.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$4.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$4.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$4.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
2444
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: "isDisabled", size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "component", type: i2$4.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2$4.DateRangeComponent, selector: "kendo-daterange" }, { kind: "directive", type: i2$4.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2$4.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3$4.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
2434
2445
  }
2435
2446
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, decorators: [{
2436
2447
  type: Component,
2437
- args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n" }]
2448
+ args: [{ selector: 'lib-date-range', template: "<kendo-daterange>\n <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n [disabled]=\"isDisabled\"></kendo-dateinput>\n </kendo-floatinglabel>\n</kendo-daterange>\n" }]
2438
2449
  }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { range: [{
2439
2450
  type: Input
2440
2451
  }], rangeStartLabel: [{
2441
2452
  type: Input
2442
2453
  }], rangeEndLabel: [{
2443
2454
  type: Input
2455
+ }], isDisabled: [{
2456
+ type: Input
2457
+ }], size: [{
2458
+ type: Input
2459
+ }], rounded: [{
2460
+ type: Input
2461
+ }], fillMode: [{
2462
+ type: Input
2444
2463
  }], autoCorrectOn: [{
2445
2464
  type: Input
2465
+ }], labelStyle: [{
2466
+ type: Input
2467
+ }], modelChange: [{
2468
+ type: Output
2446
2469
  }] } });
2447
2470
 
2448
2471
  class DateRangeModule {