@progress/kendo-angular-label 11.1.0-develop.9 → 11.1.1-develop.1

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.
Files changed (5) hide show
  1. package/esm2020/label.directive.mjs +14 -3
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/fesm2015/progress-kendo-angular-label.mjs +16 -5
  4. package/fesm2020/progress-kendo-angular-label.mjs +16 -5
  5. package/package.json +5 -5
package/esm2020/label.directive.mjs CHANGED
@@ -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
  }
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1675155282,
13
- version: '11.1.0-develop.9',
12
+ publishDate: 1675328788,
13
+ version: '11.1.1-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-label.mjs CHANGED
@@ -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: 1675155282,
282
- version: '11.1.0-develop.9',
292
+ publishDate: 1675328788,
293
+ version: '11.1.1-develop.1',
283
294
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
284
295
  };
285
296
 
package/fesm2020/progress-kendo-angular-label.mjs CHANGED
@@ -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: 1675155282,
282
- version: '11.1.0-develop.9',
292
+ publishDate: 1675328788,
293
+ version: '11.1.1-develop.1',
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.1.0-develop.9",
3
+ "version": "11.1.1-develop.1",
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.1.0-develop.9",
27
- "@progress/kendo-angular-l10n": "11.1.0-develop.9",
26
+ "@progress/kendo-angular-common": "11.1.1-develop.1",
27
+ "@progress/kendo-angular-l10n": "11.1.1-develop.1",
28
28
  "rxjs": "^6.5.3 || ^7.0.0",
29
- "@progress/kendo-angular-inputs": "11.1.0-develop.9"
29
+ "@progress/kendo-angular-inputs": "11.1.1-develop.1"
30
30
  },
31
31
  "dependencies": {
32
32
  "tslib": "^2.3.1",
33
- "@progress/kendo-angular-schematics": "11.1.0-develop.9"
33
+ "@progress/kendo-angular-schematics": "11.1.1-develop.1"
34
34
  },
35
35
  "schematics": "./schematics/collection.json",
36
36
  "module": "fesm2015/progress-kendo-angular-label.mjs",