@progress/kendo-angular-inputs 19.1.2 → 19.2.0-develop.10
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/checkbox/checkbox.directive.d.ts +1 -0
- package/esm2022/checkbox/checkbox.component.mjs +2 -0
- package/esm2022/checkbox/checkbox.directive.mjs +7 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rating/directives/rating-hovered-item.directive.mjs +1 -1
- package/fesm2022/progress-kendo-angular-inputs.mjs +12 -4
- package/package.json +12 -12
- package/rating/directives/rating-hovered-item.directive.d.ts +1 -1
|
@@ -18,6 +18,7 @@ export declare class CheckBoxDirective {
|
|
|
18
18
|
private renderer;
|
|
19
19
|
private hostElement;
|
|
20
20
|
kendoClass: boolean;
|
|
21
|
+
get isDisabled(): boolean;
|
|
21
22
|
/**
|
|
22
23
|
* Sets the `size` property to specify the width and height of the CheckBox
|
|
23
24
|
* ([see example]({% slug appearance_checkboxdirective %}#toc-size)).
|
|
@@ -116,6 +116,7 @@ export class CheckBoxComponent extends RadioCheckBoxBase {
|
|
|
116
116
|
this.checkedState = $event && $event.target && $event.target.checked;
|
|
117
117
|
this.checkedStateChange.emit(this.checkedState);
|
|
118
118
|
this.ngChange(this.checkedState);
|
|
119
|
+
this.cdr.markForCheck();
|
|
119
120
|
});
|
|
120
121
|
};
|
|
121
122
|
/**
|
|
@@ -123,6 +124,7 @@ export class CheckBoxComponent extends RadioCheckBoxBase {
|
|
|
123
124
|
*/
|
|
124
125
|
writeValue(value) {
|
|
125
126
|
this.checkedState = value;
|
|
127
|
+
this.cdr.markForCheck();
|
|
126
128
|
}
|
|
127
129
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
128
130
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxComponent, isStandalone: true, selector: "kendo-checkbox", inputs: { checkedState: "checkedState", rounded: "rounded" }, outputs: { checkedStateChange: "checkedStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.hostClass" } }, providers: [
|
|
@@ -20,6 +20,9 @@ export class CheckBoxDirective {
|
|
|
20
20
|
renderer;
|
|
21
21
|
hostElement;
|
|
22
22
|
kendoClass = true;
|
|
23
|
+
get isDisabled() {
|
|
24
|
+
return this.hostElement.nativeElement.disabled;
|
|
25
|
+
}
|
|
23
26
|
/**
|
|
24
27
|
* Sets the `size` property to specify the width and height of the CheckBox
|
|
25
28
|
* ([see example]({% slug appearance_checkboxdirective %}#toc-size)).
|
|
@@ -72,7 +75,7 @@ export class CheckBoxDirective {
|
|
|
72
75
|
}
|
|
73
76
|
}
|
|
74
77
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
75
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-checkbox": "this.kendoClass" } }, ngImport: i0 });
|
|
78
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-checkbox": "this.kendoClass", "class.k-disabled": "this.isDisabled" } }, ngImport: i0 });
|
|
76
79
|
}
|
|
77
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxDirective, decorators: [{
|
|
78
81
|
type: Directive,
|
|
@@ -83,6 +86,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
83
86
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { kendoClass: [{
|
|
84
87
|
type: HostBinding,
|
|
85
88
|
args: ['class.k-checkbox']
|
|
89
|
+
}], isDisabled: [{
|
|
90
|
+
type: HostBinding,
|
|
91
|
+
args: ['class.k-disabled']
|
|
86
92
|
}], size: [{
|
|
87
93
|
type: Input
|
|
88
94
|
}], rounded: [{
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.
|
|
13
|
+
publishDate: 1751281096,
|
|
14
|
+
version: '19.2.0-develop.10',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* To define an item template, nest an `<ng-template>` tag with the `kendoRatingHoveredItemTemplate` directive inside the `<kendo-rating>` tag ([see example](slug:templates_rating)).
|
|
10
10
|
*
|
|
11
11
|
* The index of the currently hovered item is available as an implicit context using the `let-index="index"` syntax.
|
|
12
|
-
*
|
|
12
|
+
* @example
|
|
13
13
|
* ```html
|
|
14
14
|
* <kendo-rating [value]="ratingValue">
|
|
15
15
|
* <ng-template kendoRatingHoveredItemTemplate let-index="index">
|
|
@@ -554,8 +554,8 @@ const packageMetadata = {
|
|
|
554
554
|
productName: 'Kendo UI for Angular',
|
|
555
555
|
productCode: 'KENDOUIANGULAR',
|
|
556
556
|
productCodes: ['KENDOUIANGULAR'],
|
|
557
|
-
publishDate:
|
|
558
|
-
version: '19.
|
|
557
|
+
publishDate: 1751281096,
|
|
558
|
+
version: '19.2.0-develop.10',
|
|
559
559
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
560
560
|
};
|
|
561
561
|
|
|
@@ -6764,6 +6764,7 @@ class CheckBoxComponent extends RadioCheckBoxBase {
|
|
|
6764
6764
|
this.checkedState = $event && $event.target && $event.target.checked;
|
|
6765
6765
|
this.checkedStateChange.emit(this.checkedState);
|
|
6766
6766
|
this.ngChange(this.checkedState);
|
|
6767
|
+
this.cdr.markForCheck();
|
|
6767
6768
|
});
|
|
6768
6769
|
};
|
|
6769
6770
|
/**
|
|
@@ -6771,6 +6772,7 @@ class CheckBoxComponent extends RadioCheckBoxBase {
|
|
|
6771
6772
|
*/
|
|
6772
6773
|
writeValue(value) {
|
|
6773
6774
|
this.checkedState = value;
|
|
6775
|
+
this.cdr.markForCheck();
|
|
6774
6776
|
}
|
|
6775
6777
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
6776
6778
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxComponent, isStandalone: true, selector: "kendo-checkbox", inputs: { checkedState: "checkedState", rounded: "rounded" }, outputs: { checkedStateChange: "checkedStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.hostClass" } }, providers: [
|
|
@@ -6887,6 +6889,9 @@ class CheckBoxDirective {
|
|
|
6887
6889
|
renderer;
|
|
6888
6890
|
hostElement;
|
|
6889
6891
|
kendoClass = true;
|
|
6892
|
+
get isDisabled() {
|
|
6893
|
+
return this.hostElement.nativeElement.disabled;
|
|
6894
|
+
}
|
|
6890
6895
|
/**
|
|
6891
6896
|
* Sets the `size` property to specify the width and height of the CheckBox
|
|
6892
6897
|
* ([see example]({% slug appearance_checkboxdirective %}#toc-size)).
|
|
@@ -6939,7 +6944,7 @@ class CheckBoxDirective {
|
|
|
6939
6944
|
}
|
|
6940
6945
|
}
|
|
6941
6946
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6942
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-checkbox": "this.kendoClass" } }, ngImport: i0 });
|
|
6947
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxDirective, isStandalone: true, selector: "input[kendoCheckBox]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "class.k-checkbox": "this.kendoClass", "class.k-disabled": "this.isDisabled" } }, ngImport: i0 });
|
|
6943
6948
|
}
|
|
6944
6949
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxDirective, decorators: [{
|
|
6945
6950
|
type: Directive,
|
|
@@ -6950,6 +6955,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6950
6955
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { kendoClass: [{
|
|
6951
6956
|
type: HostBinding,
|
|
6952
6957
|
args: ['class.k-checkbox']
|
|
6958
|
+
}], isDisabled: [{
|
|
6959
|
+
type: HostBinding,
|
|
6960
|
+
args: ['class.k-disabled']
|
|
6953
6961
|
}], size: [{
|
|
6954
6962
|
type: Input
|
|
6955
6963
|
}], rounded: [{
|
|
@@ -14798,7 +14806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14798
14806
|
* To define an item template, nest an `<ng-template>` tag with the `kendoRatingHoveredItemTemplate` directive inside the `<kendo-rating>` tag ([see example](slug:templates_rating)).
|
|
14799
14807
|
*
|
|
14800
14808
|
* The index of the currently hovered item is available as an implicit context using the `let-index="index"` syntax.
|
|
14801
|
-
*
|
|
14809
|
+
* @example
|
|
14802
14810
|
* ```html
|
|
14803
14811
|
* <kendo-rating [value]="ratingValue">
|
|
14804
14812
|
* <ng-template kendoRatingHoveredItemTemplate let-index="index">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-inputs",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.2.0-develop.10",
|
|
4
4
|
"description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"package": {
|
|
29
29
|
"productName": "Kendo UI for Angular",
|
|
30
30
|
"productCode": "KENDOUIANGULAR",
|
|
31
|
-
"publishDate":
|
|
31
|
+
"publishDate": 1751281096,
|
|
32
32
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
33
33
|
}
|
|
34
34
|
},
|
|
@@ -40,20 +40,20 @@
|
|
|
40
40
|
"@angular/platform-browser": "16 - 20",
|
|
41
41
|
"@progress/kendo-drawing": "^1.21.0",
|
|
42
42
|
"@progress/kendo-licensing": "^1.5.0",
|
|
43
|
-
"@progress/kendo-angular-buttons": "19.
|
|
44
|
-
"@progress/kendo-angular-common": "19.
|
|
45
|
-
"@progress/kendo-angular-utils": "19.
|
|
46
|
-
"@progress/kendo-angular-navigation": "19.
|
|
47
|
-
"@progress/kendo-angular-dialog": "19.
|
|
48
|
-
"@progress/kendo-angular-intl": "19.
|
|
49
|
-
"@progress/kendo-angular-l10n": "19.
|
|
50
|
-
"@progress/kendo-angular-popup": "19.
|
|
51
|
-
"@progress/kendo-angular-icons": "19.
|
|
43
|
+
"@progress/kendo-angular-buttons": "19.2.0-develop.10",
|
|
44
|
+
"@progress/kendo-angular-common": "19.2.0-develop.10",
|
|
45
|
+
"@progress/kendo-angular-utils": "19.2.0-develop.10",
|
|
46
|
+
"@progress/kendo-angular-navigation": "19.2.0-develop.10",
|
|
47
|
+
"@progress/kendo-angular-dialog": "19.2.0-develop.10",
|
|
48
|
+
"@progress/kendo-angular-intl": "19.2.0-develop.10",
|
|
49
|
+
"@progress/kendo-angular-l10n": "19.2.0-develop.10",
|
|
50
|
+
"@progress/kendo-angular-popup": "19.2.0-develop.10",
|
|
51
|
+
"@progress/kendo-angular-icons": "19.2.0-develop.10",
|
|
52
52
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"tslib": "^2.3.1",
|
|
56
|
-
"@progress/kendo-angular-schematics": "19.
|
|
56
|
+
"@progress/kendo-angular-schematics": "19.2.0-develop.10",
|
|
57
57
|
"@progress/kendo-common": "^1.0.1",
|
|
58
58
|
"@progress/kendo-draggable": "^3.0.0",
|
|
59
59
|
"@progress/kendo-inputs-common": "^3.1.0"
|
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* To define an item template, nest an `<ng-template>` tag with the `kendoRatingHoveredItemTemplate` directive inside the `<kendo-rating>` tag ([see example](slug:templates_rating)).
|
|
10
10
|
*
|
|
11
11
|
* The index of the currently hovered item is available as an implicit context using the `let-index="index"` syntax.
|
|
12
|
-
*
|
|
12
|
+
* @example
|
|
13
13
|
* ```html
|
|
14
14
|
* <kendo-rating [value]="ratingValue">
|
|
15
15
|
* <ng-template kendoRatingHoveredItemTemplate let-index="index">
|