@progress/kendo-angular-layout 20.1.0-develop.10 → 20.1.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.
Files changed (5) hide show
  1. package/esm2022/expansionpanel/expansionpanel.component.mjs +12 -4
  2. package/esm2022/package-metadata.mjs +2 -2
  3. package/expansionpanel/expansionpanel.component.d.ts +5 -0
  4. package/fesm2022/progress-kendo-angular-layout.mjs +14 -6
  5. package/package.json +9 -9
package/esm2022/expansionpanel/expansionpanel.component.mjs CHANGED
@@ -23,6 +23,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
23
23
  import * as i2 from "@angular/animations";
24
24
  const DEFAULT_DURATION = 200;
25
25
  const CONTENT_HIDDEN_CLASS = 'k-hidden';
26
+ let incrementingId = 0;
26
27
  /**
27
28
  * Represents the Kendo UI ExpansionPanel component for Angular. Provides an expandable and collapsible content container with customizable header and animation ([see overview]({% slug overview_expansionpanel %})).
28
29
  *
@@ -164,6 +165,7 @@ export class ExpansionPanelComponent {
164
165
  _expanded = false;
165
166
  _svgExpandIcon = chevronDownIcon;
166
167
  _svgCollapseIcon = chevronUpIcon;
168
+ nextId = incrementingId++;
167
169
  constructor(renderer, hostElement, ngZone, localizationService, builder) {
168
170
  this.renderer = renderer;
169
171
  this.hostElement = hostElement;
@@ -248,6 +250,12 @@ export class ExpansionPanelComponent {
248
250
  this.emitExpandCollapseEvent();
249
251
  }
250
252
  }
253
+ /**
254
+ * @hidden
255
+ */
256
+ get contentWrapperId() {
257
+ return `k-expansion-panel-content-wrapper-${this.nextId}`;
258
+ }
251
259
  /**
252
260
  * @hidden
253
261
  */
@@ -367,7 +375,7 @@ export class ExpansionPanelComponent {
367
375
  [attr.aria-expanded]="expanded && !disabled"
368
376
  role="button"
369
377
  tabindex="0"
370
- [attr.aria-controls]="title"
378
+ [attr.aria-controls]="contentWrapperId"
371
379
  (click)="onHeaderClick($event)"
372
380
  >
373
381
  <ng-container *ngIf="!titleTemplate">
@@ -390,7 +398,7 @@ export class ExpansionPanelComponent {
390
398
  </kendo-icon-wrapper>
391
399
  </span>
392
400
  </div>
393
- <div #content [id]="title" class="k-expander-content-wrapper">
401
+ <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
394
402
  <div class="k-expander-content" [attr.aria-hidden]="!expanded">
395
403
  <ng-content></ng-content>
396
404
  </div>
@@ -418,7 +426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
418
426
  [attr.aria-expanded]="expanded && !disabled"
419
427
  role="button"
420
428
  tabindex="0"
421
- [attr.aria-controls]="title"
429
+ [attr.aria-controls]="contentWrapperId"
422
430
  (click)="onHeaderClick($event)"
423
431
  >
424
432
  <ng-container *ngIf="!titleTemplate">
@@ -441,7 +449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
441
449
  </kendo-icon-wrapper>
442
450
  </span>
443
451
  </div>
444
- <div #content [id]="title" class="k-expander-content-wrapper">
452
+ <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
445
453
  <div class="k-expander-content" [attr.aria-hidden]="!expanded">
446
454
  <ng-content></ng-content>
447
455
  </div>
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1759496495,
14
- version: '20.1.0-develop.10',
13
+ publishDate: 1759821293,
14
+ version: '20.1.0-develop.12',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
16
16
  };
package/expansionpanel/expansionpanel.component.d.ts CHANGED
@@ -121,6 +121,7 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
121
121
  private _expanded;
122
122
  private _svgExpandIcon;
123
123
  private _svgCollapseIcon;
124
+ private nextId;
124
125
  constructor(renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, localizationService: LocalizationService, builder: AnimationBuilder);
125
126
  ngOnInit(): void;
126
127
  ngAfterViewInit(): void;
@@ -141,6 +142,10 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
141
142
  * @hidden
142
143
  */
143
144
  onHeaderAction(): void;
145
+ /**
146
+ * @hidden
147
+ */
148
+ get contentWrapperId(): string;
144
149
  /**
145
150
  * @hidden
146
151
  */
package/fesm2022/progress-kendo-angular-layout.mjs CHANGED
@@ -29,8 +29,8 @@ const packageMetadata = {
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCode: 'KENDOUIANGULAR',
31
31
  productCodes: ['KENDOUIANGULAR'],
32
- publishDate: 1759496495,
33
- version: '20.1.0-develop.10',
32
+ publishDate: 1759821293,
33
+ version: '20.1.0-develop.12',
34
34
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
35
35
  };
36
36
 
@@ -8722,6 +8722,7 @@ class ExpansionPanelActionEvent extends PreventableEvent$1 {
8722
8722
 
8723
8723
  const DEFAULT_DURATION = 200;
8724
8724
  const CONTENT_HIDDEN_CLASS = 'k-hidden';
8725
+ let incrementingId = 0;
8725
8726
  /**
8726
8727
  * Represents the Kendo UI ExpansionPanel component for Angular. Provides an expandable and collapsible content container with customizable header and animation ([see overview]({% slug overview_expansionpanel %})).
8727
8728
  *
@@ -8863,6 +8864,7 @@ class ExpansionPanelComponent {
8863
8864
  _expanded = false;
8864
8865
  _svgExpandIcon = chevronDownIcon;
8865
8866
  _svgCollapseIcon = chevronUpIcon;
8867
+ nextId = incrementingId++;
8866
8868
  constructor(renderer, hostElement, ngZone, localizationService, builder) {
8867
8869
  this.renderer = renderer;
8868
8870
  this.hostElement = hostElement;
@@ -8947,6 +8949,12 @@ class ExpansionPanelComponent {
8947
8949
  this.emitExpandCollapseEvent();
8948
8950
  }
8949
8951
  }
8952
+ /**
8953
+ * @hidden
8954
+ */
8955
+ get contentWrapperId() {
8956
+ return `k-expansion-panel-content-wrapper-${this.nextId}`;
8957
+ }
8950
8958
  /**
8951
8959
  * @hidden
8952
8960
  */
@@ -9066,7 +9074,7 @@ class ExpansionPanelComponent {
9066
9074
  [attr.aria-expanded]="expanded && !disabled"
9067
9075
  role="button"
9068
9076
  tabindex="0"
9069
- [attr.aria-controls]="title"
9077
+ [attr.aria-controls]="contentWrapperId"
9070
9078
  (click)="onHeaderClick($event)"
9071
9079
  >
9072
9080
  <ng-container *ngIf="!titleTemplate">
@@ -9089,7 +9097,7 @@ class ExpansionPanelComponent {
9089
9097
  </kendo-icon-wrapper>
9090
9098
  </span>
9091
9099
  </div>
9092
- <div #content [id]="title" class="k-expander-content-wrapper">
9100
+ <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
9093
9101
  <div class="k-expander-content" [attr.aria-hidden]="!expanded">
9094
9102
  <ng-content></ng-content>
9095
9103
  </div>
@@ -9117,7 +9125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
9117
9125
  [attr.aria-expanded]="expanded && !disabled"
9118
9126
  role="button"
9119
9127
  tabindex="0"
9120
- [attr.aria-controls]="title"
9128
+ [attr.aria-controls]="contentWrapperId"
9121
9129
  (click)="onHeaderClick($event)"
9122
9130
  >
9123
9131
  <ng-container *ngIf="!titleTemplate">
@@ -9140,7 +9148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
9140
9148
  </kendo-icon-wrapper>
9141
9149
  </span>
9142
9150
  </div>
9143
- <div #content [id]="title" class="k-expander-content-wrapper">
9151
+ <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
9144
9152
  <div class="k-expander-content" [attr.aria-hidden]="!expanded">
9145
9153
  <ng-content></ng-content>
9146
9154
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "20.1.0-develop.10",
3
+ "version": "20.1.0-develop.12",
4
4
  "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -50,7 +50,7 @@
50
50
  "package": {
51
51
  "productName": "Kendo UI for Angular",
52
52
  "productCode": "KENDOUIANGULAR",
53
- "publishDate": 1759496495,
53
+ "publishDate": 1759821293,
54
54
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
55
55
  }
56
56
  },
@@ -60,17 +60,17 @@
60
60
  "@angular/core": "16 - 20",
61
61
  "@angular/platform-browser": "16 - 20",
62
62
  "@progress/kendo-licensing": "^1.7.0",
63
- "@progress/kendo-angular-common": "20.1.0-develop.10",
64
- "@progress/kendo-angular-l10n": "20.1.0-develop.10",
65
- "@progress/kendo-angular-progressbar": "20.1.0-develop.10",
66
- "@progress/kendo-angular-icons": "20.1.0-develop.10",
67
- "@progress/kendo-angular-buttons": "20.1.0-develop.10",
68
- "@progress/kendo-angular-intl": "20.1.0-develop.10",
63
+ "@progress/kendo-angular-common": "20.1.0-develop.12",
64
+ "@progress/kendo-angular-l10n": "20.1.0-develop.12",
65
+ "@progress/kendo-angular-progressbar": "20.1.0-develop.12",
66
+ "@progress/kendo-angular-icons": "20.1.0-develop.12",
67
+ "@progress/kendo-angular-buttons": "20.1.0-develop.12",
68
+ "@progress/kendo-angular-intl": "20.1.0-develop.12",
69
69
  "rxjs": "^6.5.3 || ^7.0.0"
70
70
  },
71
71
  "dependencies": {
72
72
  "tslib": "^2.3.1",
73
- "@progress/kendo-angular-schematics": "20.1.0-develop.10",
73
+ "@progress/kendo-angular-schematics": "20.1.0-develop.12",
74
74
  "@progress/kendo-draggable": "^3.0.2",
75
75
  "node-html-parser": "^7.0.1"
76
76
  },