@progress/kendo-angular-label 11.0.1-develop.5 → 11.1.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.
|
@@ -49,7 +49,7 @@ export class LabelDirective {
|
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
51
|
if (isUploadComponent(component)) {
|
|
52
|
-
component.
|
|
52
|
+
component.fileSelectInput.nativeElement.click();
|
|
53
53
|
}
|
|
54
54
|
if (component.focus) {
|
|
55
55
|
component.focus();
|
|
@@ -95,14 +95,25 @@ export class LabelDirective {
|
|
|
95
95
|
if (component && component.focusableId) {
|
|
96
96
|
const rootElement = getRootElement(this.label.nativeElement);
|
|
97
97
|
const labelTarget = rootElement.querySelector(`#${component.focusableId}`);
|
|
98
|
-
if (!labelTarget) {
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
98
|
const labelElement = this.label.nativeElement;
|
|
102
99
|
const id = labelElement.id || `k-${guid()}`;
|
|
103
100
|
if (!labelElement.getAttribute('id')) {
|
|
104
101
|
this.renderer.setAttribute(labelElement, 'id', id);
|
|
105
102
|
}
|
|
103
|
+
// Editor in iframe mode needs special treatment
|
|
104
|
+
if (component.focusableId.startsWith('k-editor') && component.iframe) {
|
|
105
|
+
component.contentAreaLoaded.subscribe(() => {
|
|
106
|
+
this.zone.runOutsideAngular(() => {
|
|
107
|
+
setTimeout(() => {
|
|
108
|
+
const editableElement = component.container.element.nativeElement.contentDocument.body.firstElementChild;
|
|
109
|
+
this.renderer.setAttribute(editableElement, 'aria-label', labelElement.textContent);
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
if (!labelTarget) {
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
106
117
|
this.renderer.setAttribute(labelTarget, 'aria-labelledby', id);
|
|
107
118
|
}
|
|
108
119
|
}
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-label',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '11.0
|
|
12
|
+
publishDate: 1675171652,
|
|
13
|
+
version: '11.1.0-develop.10',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -86,7 +86,7 @@ class LabelDirective {
|
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
88
|
if (isUploadComponent(component)) {
|
|
89
|
-
component.
|
|
89
|
+
component.fileSelectInput.nativeElement.click();
|
|
90
90
|
}
|
|
91
91
|
if (component.focus) {
|
|
92
92
|
component.focus();
|
|
@@ -132,14 +132,25 @@ class LabelDirective {
|
|
|
132
132
|
if (component && component.focusableId) {
|
|
133
133
|
const rootElement = getRootElement(this.label.nativeElement);
|
|
134
134
|
const labelTarget = rootElement.querySelector(`#${component.focusableId}`);
|
|
135
|
-
if (!labelTarget) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
135
|
const labelElement = this.label.nativeElement;
|
|
139
136
|
const id = labelElement.id || `k-${guid()}`;
|
|
140
137
|
if (!labelElement.getAttribute('id')) {
|
|
141
138
|
this.renderer.setAttribute(labelElement, 'id', id);
|
|
142
139
|
}
|
|
140
|
+
// Editor in iframe mode needs special treatment
|
|
141
|
+
if (component.focusableId.startsWith('k-editor') && component.iframe) {
|
|
142
|
+
component.contentAreaLoaded.subscribe(() => {
|
|
143
|
+
this.zone.runOutsideAngular(() => {
|
|
144
|
+
setTimeout(() => {
|
|
145
|
+
const editableElement = component.container.element.nativeElement.contentDocument.body.firstElementChild;
|
|
146
|
+
this.renderer.setAttribute(editableElement, 'aria-label', labelElement.textContent);
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
if (!labelTarget) {
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
143
154
|
this.renderer.setAttribute(labelTarget, 'aria-labelledby', id);
|
|
144
155
|
}
|
|
145
156
|
}
|
|
@@ -278,8 +289,8 @@ const packageMetadata = {
|
|
|
278
289
|
name: '@progress/kendo-angular-label',
|
|
279
290
|
productName: 'Kendo UI for Angular',
|
|
280
291
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
281
|
-
publishDate:
|
|
282
|
-
version: '11.0
|
|
292
|
+
publishDate: 1675171652,
|
|
293
|
+
version: '11.1.0-develop.10',
|
|
283
294
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
284
295
|
};
|
|
285
296
|
|
|
@@ -86,7 +86,7 @@ class LabelDirective {
|
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
88
|
if (isUploadComponent(component)) {
|
|
89
|
-
component.
|
|
89
|
+
component.fileSelectInput.nativeElement.click();
|
|
90
90
|
}
|
|
91
91
|
if (component.focus) {
|
|
92
92
|
component.focus();
|
|
@@ -132,14 +132,25 @@ class LabelDirective {
|
|
|
132
132
|
if (component && component.focusableId) {
|
|
133
133
|
const rootElement = getRootElement(this.label.nativeElement);
|
|
134
134
|
const labelTarget = rootElement.querySelector(`#${component.focusableId}`);
|
|
135
|
-
if (!labelTarget) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
135
|
const labelElement = this.label.nativeElement;
|
|
139
136
|
const id = labelElement.id || `k-${guid()}`;
|
|
140
137
|
if (!labelElement.getAttribute('id')) {
|
|
141
138
|
this.renderer.setAttribute(labelElement, 'id', id);
|
|
142
139
|
}
|
|
140
|
+
// Editor in iframe mode needs special treatment
|
|
141
|
+
if (component.focusableId.startsWith('k-editor') && component.iframe) {
|
|
142
|
+
component.contentAreaLoaded.subscribe(() => {
|
|
143
|
+
this.zone.runOutsideAngular(() => {
|
|
144
|
+
setTimeout(() => {
|
|
145
|
+
const editableElement = component.container.element.nativeElement.contentDocument.body.firstElementChild;
|
|
146
|
+
this.renderer.setAttribute(editableElement, 'aria-label', labelElement.textContent);
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
if (!labelTarget) {
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
143
154
|
this.renderer.setAttribute(labelTarget, 'aria-labelledby', id);
|
|
144
155
|
}
|
|
145
156
|
}
|
|
@@ -278,8 +289,8 @@ const packageMetadata = {
|
|
|
278
289
|
name: '@progress/kendo-angular-label',
|
|
279
290
|
productName: 'Kendo UI for Angular',
|
|
280
291
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
281
|
-
publishDate:
|
|
282
|
-
version: '11.0
|
|
292
|
+
publishDate: 1675171652,
|
|
293
|
+
version: '11.1.0-develop.10',
|
|
283
294
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
284
295
|
};
|
|
285
296
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-label",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.1.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Label for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
"@angular/core": "13 - 15",
|
|
24
24
|
"@angular/platform-browser": "13 - 15",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "11.0
|
|
27
|
-
"@progress/kendo-angular-l10n": "11.0
|
|
26
|
+
"@progress/kendo-angular-common": "11.1.0-develop.10",
|
|
27
|
+
"@progress/kendo-angular-l10n": "11.1.0-develop.10",
|
|
28
28
|
"rxjs": "^6.5.3 || ^7.0.0",
|
|
29
|
-
"@progress/kendo-angular-inputs": "11.0
|
|
29
|
+
"@progress/kendo-angular-inputs": "11.1.0-develop.10"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"tslib": "^2.3.1",
|
|
33
|
-
"@progress/kendo-angular-schematics": "11.0
|
|
33
|
+
"@progress/kendo-angular-schematics": "11.1.0-develop.10"
|
|
34
34
|
},
|
|
35
35
|
"schematics": "./schematics/collection.json",
|
|
36
36
|
"module": "fesm2015/progress-kendo-angular-label.mjs",
|