@progress/kendo-angular-dropdowns 13.2.1 → 13.2.2-develop.2

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 (12) hide show
  1. package/esm2020/autocomplete/autocomplete.component.mjs +5 -1
  2. package/esm2020/comboboxes/combobox.component.mjs +5 -1
  3. package/esm2020/comboboxes/multicolumncombobox.component.mjs +5 -1
  4. package/esm2020/dropdownlist/dropdownlist.component.mjs +5 -1
  5. package/esm2020/dropdowntrees/dropdowntree.component.mjs +10 -3
  6. package/esm2020/dropdowntrees/multiselecttree.component.mjs +5 -1
  7. package/esm2020/multiselect/multiselect.component.mjs +5 -1
  8. package/esm2020/package-metadata.mjs +2 -2
  9. package/fesm2015/progress-kendo-angular-dropdowns.mjs +42 -18
  10. package/fesm2020/progress-kendo-angular-dropdowns.mjs +42 -11
  11. package/package.json +9 -9
  12. package/schematics/ngAdd/index.js +2 -2
package/esm2020/autocomplete/autocomplete.component.mjs CHANGED
@@ -545,7 +545,11 @@ export class AutoCompleteComponent {
545
545
  ngAfterViewInit() {
546
546
  this.windowSize = windowSize();
547
547
  this.cdr.detectChanges();
548
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
548
+ if (this.actionSheet && isDocumentAvailable()) {
549
+ // The following syntax is used as it does not violate CSP compliance
550
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
551
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
552
+ }
549
553
  }
550
554
  ngOnDestroy() {
551
555
  this.destroyPopup();
package/esm2020/comboboxes/combobox.component.mjs CHANGED
@@ -598,7 +598,11 @@ export class ComboBoxComponent {
598
598
  ngAfterViewInit() {
599
599
  this.windowSize = windowSize();
600
600
  this.cdr.detectChanges();
601
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
601
+ if (this.actionSheet && isDocumentAvailable()) {
602
+ // The following syntax is used as it does not violate CSP compliance
603
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
604
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
605
+ }
602
606
  }
603
607
  createValueStream() {
604
608
  const valueStream = this.valueSubject.pipe(filter((candidate) => {
package/esm2020/comboboxes/multicolumncombobox.component.mjs CHANGED
@@ -90,7 +90,11 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
90
90
  this.addWindowResizeListener();
91
91
  this.windowSize = windowSize();
92
92
  this.cdr.detectChanges();
93
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
93
+ if (this.actionSheet && isDocumentAvailable()) {
94
+ // The following syntax is used as it does not violate CSP compliance
95
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
96
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
97
+ }
94
98
  }
95
99
  ngOnDestroy() {
96
100
  super.ngOnDestroy();
package/esm2020/dropdownlist/dropdownlist.component.mjs CHANGED
@@ -668,7 +668,11 @@ export class DropDownListComponent {
668
668
  }
669
669
  ngAfterViewInit() {
670
670
  this.windowSize = windowSize();
671
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
671
+ if (this.actionSheet && isDocumentAvailable()) {
672
+ // The following syntax is used as it does not violate CSP compliance
673
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
674
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
675
+ }
672
676
  }
673
677
  /**
674
678
  * @hidden
package/esm2020/dropdowntrees/dropdowntree.component.mjs CHANGED
@@ -47,6 +47,7 @@ const isNodeVisible = () => true;
47
47
  const DEFAULT_SIZE = 'medium';
48
48
  const DEFAULT_ROUNDED = 'medium';
49
49
  const DEFAULT_FILL_MODE = 'solid';
50
+ const stopPropagation = (event) => event.stopImmediatePropagation();
50
51
  /**
51
52
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
52
53
  */
@@ -618,7 +619,11 @@ export class DropDownTreeComponent {
618
619
  this.windowSize = windowSize();
619
620
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
620
621
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
621
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
622
+ if (this.actionSheet && isDocumentAvailable()) {
623
+ // The following syntax is used as it does not violate CSP compliance
624
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
625
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
626
+ }
622
627
  }
623
628
  /**
624
629
  * @hidden
@@ -1015,6 +1020,7 @@ export class DropDownTreeComponent {
1015
1020
  this.renderer.setAttribute(popupWrapper, 'aria-label', this.messageFor('popupLabel'));
1016
1021
  }
1017
1022
  this.popupRef.popupOpen.subscribe(() => {
1023
+ this.popupRef.popupElement.addEventListener('click', (event) => stopPropagation(event));
1018
1024
  this.cdr.detectChanges();
1019
1025
  this.opened.emit();
1020
1026
  this._searchableNodes = getSearchableItems(this.treeViewId, this.popupRef.popupElement);
@@ -1028,6 +1034,7 @@ export class DropDownTreeComponent {
1028
1034
  this.closeActionSheet();
1029
1035
  }
1030
1036
  if (this.popupRef) {
1037
+ this.popupRef.popupElement.removeEventListener('click', (event) => stopPropagation(event));
1031
1038
  this.popupRef.close();
1032
1039
  this.popupRef = null;
1033
1040
  if (this.filter !== "") {
@@ -1341,7 +1348,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1341
1348
  >
1342
1349
  </responsive-renderer>
1343
1350
  <ng-template #sharedPopupActionSheetTemplate>
1344
- <span
1351
+ <span
1345
1352
  *ngIf="filterable && !isActionSheetExpanded"
1346
1353
  class="k-list-filter"
1347
1354
  >
@@ -1545,7 +1552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1545
1552
  >
1546
1553
  </responsive-renderer>
1547
1554
  <ng-template #sharedPopupActionSheetTemplate>
1548
- <span
1555
+ <span
1549
1556
  *ngIf="filterable && !isActionSheetExpanded"
1550
1557
  class="k-list-filter"
1551
1558
  >
package/esm2020/dropdowntrees/multiselecttree.component.mjs CHANGED
@@ -774,7 +774,11 @@ export class MultiSelectTreeComponent {
774
774
  this.windowSize = windowSize();
775
775
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
776
776
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
777
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
777
+ if (this.actionSheet && isDocumentAvailable()) {
778
+ // The following syntax is used as it does not violate CSP compliance
779
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
780
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
781
+ }
778
782
  }
779
783
  /**
780
784
  * @hidden
package/esm2020/multiselect/multiselect.component.mjs CHANGED
@@ -1016,7 +1016,11 @@ export class MultiSelectComponent {
1016
1016
  this.searchbar.setInputSize();
1017
1017
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
1018
1018
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
1019
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
1019
+ if (this.actionSheet && isDocumentAvailable()) {
1020
+ // The following syntax is used as it does not violate CSP compliance
1021
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
1022
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
1023
+ }
1020
1024
  }
1021
1025
  ngOnDestroy() {
1022
1026
  this._toggle(false);
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dropdowns',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1690969791,
13
- version: '13.2.1',
12
+ publishDate: 1691141436,
13
+ version: '13.2.2-develop.2',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1690969791,
42
- version: '13.2.1',
41
+ publishDate: 1691141436,
42
+ version: '13.2.2-develop.2',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -3303,10 +3303,13 @@ class AutoCompleteComponent {
3303
3303
  this.setComponentClasses();
3304
3304
  }
3305
3305
  ngAfterViewInit() {
3306
- var _a;
3307
3306
  this.windowSize = windowSize();
3308
3307
  this.cdr.detectChanges();
3309
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
3308
+ if (this.actionSheet && isDocumentAvailable()) {
3309
+ // The following syntax is used as it does not violate CSP compliance
3310
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
3311
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
3312
+ }
3310
3313
  }
3311
3314
  ngOnDestroy() {
3312
3315
  this.destroyPopup();
@@ -4825,10 +4828,13 @@ class ComboBoxComponent {
4825
4828
  this.setComponentClasses();
4826
4829
  }
4827
4830
  ngAfterViewInit() {
4828
- var _a;
4829
4831
  this.windowSize = windowSize();
4830
4832
  this.cdr.detectChanges();
4831
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
4833
+ if (this.actionSheet && isDocumentAvailable()) {
4834
+ // The following syntax is used as it does not violate CSP compliance
4835
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
4836
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
4837
+ }
4832
4838
  }
4833
4839
  createValueStream() {
4834
4840
  const valueStream = this.valueSubject.pipe(filter((candidate) => {
@@ -6824,9 +6830,12 @@ class DropDownListComponent {
6824
6830
  this.setComponentClasses();
6825
6831
  }
6826
6832
  ngAfterViewInit() {
6827
- var _a;
6828
6833
  this.windowSize = windowSize();
6829
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
6834
+ if (this.actionSheet && isDocumentAvailable()) {
6835
+ // The following syntax is used as it does not violate CSP compliance
6836
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
6837
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
6838
+ }
6830
6839
  }
6831
6840
  /**
6832
6841
  * @hidden
@@ -9449,13 +9458,16 @@ class MultiSelectComponent {
9449
9458
  }
9450
9459
  }
9451
9460
  ngAfterViewInit() {
9452
- var _a;
9453
9461
  this.windowSize = windowSize();
9454
9462
  this.cdr.detectChanges();
9455
9463
  this.searchbar.setInputSize();
9456
9464
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
9457
9465
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
9458
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
9466
+ if (this.actionSheet && isDocumentAvailable()) {
9467
+ // The following syntax is used as it does not violate CSP compliance
9468
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
9469
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
9470
+ }
9459
9471
  }
9460
9472
  ngOnDestroy() {
9461
9473
  this._toggle(false);
@@ -10838,12 +10850,15 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
10838
10850
  return ['k-popup', 'k-dropdowngrid-popup'].concat(this.popupSettings.popupClass || []);
10839
10851
  }
10840
10852
  ngAfterViewInit() {
10841
- var _a;
10842
10853
  this.updateColumnsMediaState();
10843
10854
  this.addWindowResizeListener();
10844
10855
  this.windowSize = windowSize();
10845
10856
  this.cdr.detectChanges();
10846
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
10857
+ if (this.actionSheet && isDocumentAvailable()) {
10858
+ // The following syntax is used as it does not violate CSP compliance
10859
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
10860
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
10861
+ }
10847
10862
  }
10848
10863
  ngOnDestroy() {
10849
10864
  super.ngOnDestroy();
@@ -11473,6 +11488,7 @@ const isNodeVisible$1 = () => true;
11473
11488
  const DEFAULT_SIZE$1 = 'medium';
11474
11489
  const DEFAULT_ROUNDED$1 = 'medium';
11475
11490
  const DEFAULT_FILL_MODE$1 = 'solid';
11491
+ const stopPropagation = (event) => event.stopImmediatePropagation();
11476
11492
  /**
11477
11493
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
11478
11494
  */
@@ -12043,11 +12059,14 @@ class DropDownTreeComponent {
12043
12059
  this.verifySettings();
12044
12060
  }
12045
12061
  ngAfterViewInit() {
12046
- var _a;
12047
12062
  this.windowSize = windowSize();
12048
12063
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
12049
12064
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
12050
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
12065
+ if (this.actionSheet && isDocumentAvailable()) {
12066
+ // The following syntax is used as it does not violate CSP compliance
12067
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
12068
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
12069
+ }
12051
12070
  }
12052
12071
  /**
12053
12072
  * @hidden
@@ -12445,6 +12464,7 @@ class DropDownTreeComponent {
12445
12464
  this.renderer.setAttribute(popupWrapper, 'aria-label', this.messageFor('popupLabel'));
12446
12465
  }
12447
12466
  this.popupRef.popupOpen.subscribe(() => {
12467
+ this.popupRef.popupElement.addEventListener('click', (event) => stopPropagation(event));
12448
12468
  this.cdr.detectChanges();
12449
12469
  this.opened.emit();
12450
12470
  this._searchableNodes = getSearchableItems(this.treeViewId, this.popupRef.popupElement);
@@ -12458,6 +12478,7 @@ class DropDownTreeComponent {
12458
12478
  this.closeActionSheet();
12459
12479
  }
12460
12480
  if (this.popupRef) {
12481
+ this.popupRef.popupElement.removeEventListener('click', (event) => stopPropagation(event));
12461
12482
  this.popupRef.close();
12462
12483
  this.popupRef = null;
12463
12484
  if (this.filter !== "") {
@@ -12771,7 +12792,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12771
12792
  >
12772
12793
  </responsive-renderer>
12773
12794
  <ng-template #sharedPopupActionSheetTemplate>
12774
- <span
12795
+ <span
12775
12796
  *ngIf="filterable && !isActionSheetExpanded"
12776
12797
  class="k-list-filter"
12777
12798
  >
@@ -12975,7 +12996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
12975
12996
  >
12976
12997
  </responsive-renderer>
12977
12998
  <ng-template #sharedPopupActionSheetTemplate>
12978
- <span
12999
+ <span
12979
13000
  *ngIf="filterable && !isActionSheetExpanded"
12980
13001
  class="k-list-filter"
12981
13002
  >
@@ -14392,11 +14413,14 @@ class MultiSelectTreeComponent {
14392
14413
  this._initiallyCheckedItems = [...this.checkedItems];
14393
14414
  }
14394
14415
  ngAfterViewInit() {
14395
- var _a;
14396
14416
  this.windowSize = windowSize();
14397
14417
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
14398
14418
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
14399
- this.renderer.setAttribute((_a = this.actionSheet) === null || _a === void 0 ? void 0 : _a.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
14419
+ if (this.actionSheet && isDocumentAvailable()) {
14420
+ // The following syntax is used as it does not violate CSP compliance
14421
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
14422
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
14423
+ }
14400
14424
  }
14401
14425
  /**
14402
14426
  * @hidden
package/fesm2020/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1690969791,
42
- version: '13.2.1',
41
+ publishDate: 1691141436,
42
+ version: '13.2.2-develop.2',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -3302,7 +3302,11 @@ class AutoCompleteComponent {
3302
3302
  ngAfterViewInit() {
3303
3303
  this.windowSize = windowSize();
3304
3304
  this.cdr.detectChanges();
3305
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
3305
+ if (this.actionSheet && isDocumentAvailable()) {
3306
+ // The following syntax is used as it does not violate CSP compliance
3307
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
3308
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
3309
+ }
3306
3310
  }
3307
3311
  ngOnDestroy() {
3308
3312
  this.destroyPopup();
@@ -4818,7 +4822,11 @@ class ComboBoxComponent {
4818
4822
  ngAfterViewInit() {
4819
4823
  this.windowSize = windowSize();
4820
4824
  this.cdr.detectChanges();
4821
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
4825
+ if (this.actionSheet && isDocumentAvailable()) {
4826
+ // The following syntax is used as it does not violate CSP compliance
4827
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
4828
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
4829
+ }
4822
4830
  }
4823
4831
  createValueStream() {
4824
4832
  const valueStream = this.valueSubject.pipe(filter((candidate) => {
@@ -6809,7 +6817,11 @@ class DropDownListComponent {
6809
6817
  }
6810
6818
  ngAfterViewInit() {
6811
6819
  this.windowSize = windowSize();
6812
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
6820
+ if (this.actionSheet && isDocumentAvailable()) {
6821
+ // The following syntax is used as it does not violate CSP compliance
6822
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
6823
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
6824
+ }
6813
6825
  }
6814
6826
  /**
6815
6827
  * @hidden
@@ -9432,7 +9444,11 @@ class MultiSelectComponent {
9432
9444
  this.searchbar.setInputSize();
9433
9445
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
9434
9446
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
9435
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
9447
+ if (this.actionSheet && isDocumentAvailable()) {
9448
+ // The following syntax is used as it does not violate CSP compliance
9449
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
9450
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
9451
+ }
9436
9452
  }
9437
9453
  ngOnDestroy() {
9438
9454
  this._toggle(false);
@@ -10817,7 +10833,11 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
10817
10833
  this.addWindowResizeListener();
10818
10834
  this.windowSize = windowSize();
10819
10835
  this.cdr.detectChanges();
10820
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
10836
+ if (this.actionSheet && isDocumentAvailable()) {
10837
+ // The following syntax is used as it does not violate CSP compliance
10838
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
10839
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
10840
+ }
10821
10841
  }
10822
10842
  ngOnDestroy() {
10823
10843
  super.ngOnDestroy();
@@ -11445,6 +11465,7 @@ const isNodeVisible$1 = () => true;
11445
11465
  const DEFAULT_SIZE$1 = 'medium';
11446
11466
  const DEFAULT_ROUNDED$1 = 'medium';
11447
11467
  const DEFAULT_FILL_MODE$1 = 'solid';
11468
+ const stopPropagation = (event) => event.stopImmediatePropagation();
11448
11469
  /**
11449
11470
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
11450
11471
  */
@@ -12016,7 +12037,11 @@ class DropDownTreeComponent {
12016
12037
  this.windowSize = windowSize();
12017
12038
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
12018
12039
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
12019
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
12040
+ if (this.actionSheet && isDocumentAvailable()) {
12041
+ // The following syntax is used as it does not violate CSP compliance
12042
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
12043
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
12044
+ }
12020
12045
  }
12021
12046
  /**
12022
12047
  * @hidden
@@ -12413,6 +12438,7 @@ class DropDownTreeComponent {
12413
12438
  this.renderer.setAttribute(popupWrapper, 'aria-label', this.messageFor('popupLabel'));
12414
12439
  }
12415
12440
  this.popupRef.popupOpen.subscribe(() => {
12441
+ this.popupRef.popupElement.addEventListener('click', (event) => stopPropagation(event));
12416
12442
  this.cdr.detectChanges();
12417
12443
  this.opened.emit();
12418
12444
  this._searchableNodes = getSearchableItems(this.treeViewId, this.popupRef.popupElement);
@@ -12426,6 +12452,7 @@ class DropDownTreeComponent {
12426
12452
  this.closeActionSheet();
12427
12453
  }
12428
12454
  if (this.popupRef) {
12455
+ this.popupRef.popupElement.removeEventListener('click', (event) => stopPropagation(event));
12429
12456
  this.popupRef.close();
12430
12457
  this.popupRef = null;
12431
12458
  if (this.filter !== "") {
@@ -12739,7 +12766,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12739
12766
  >
12740
12767
  </responsive-renderer>
12741
12768
  <ng-template #sharedPopupActionSheetTemplate>
12742
- <span
12769
+ <span
12743
12770
  *ngIf="filterable && !isActionSheetExpanded"
12744
12771
  class="k-list-filter"
12745
12772
  >
@@ -12943,7 +12970,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
12943
12970
  >
12944
12971
  </responsive-renderer>
12945
12972
  <ng-template #sharedPopupActionSheetTemplate>
12946
- <span
12973
+ <span
12947
12974
  *ngIf="filterable && !isActionSheetExpanded"
12948
12975
  class="k-list-filter"
12949
12976
  >
@@ -14358,7 +14385,11 @@ class MultiSelectTreeComponent {
14358
14385
  this.windowSize = windowSize();
14359
14386
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
14360
14387
  this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
14361
- this.renderer.setAttribute(this.actionSheet?.element.nativeElement, 'style', '--kendo-actionsheet-height: 60vh; --kendo-actionsheet-max-height: none');
14388
+ if (this.actionSheet && isDocumentAvailable()) {
14389
+ // The following syntax is used as it does not violate CSP compliance
14390
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-height', '60vh');
14391
+ this.actionSheet.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
14392
+ }
14362
14393
  }
14363
14394
  /**
14364
14395
  * @hidden
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "13.2.1",
3
+ "version": "13.2.2-develop.2",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,18 +24,18 @@
24
24
  "@angular/core": "13 - 16",
25
25
  "@angular/platform-browser": "13 - 16",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-common": "13.2.1",
28
- "@progress/kendo-angular-l10n": "13.2.1",
29
- "@progress/kendo-angular-popup": "13.2.1",
30
- "@progress/kendo-angular-icons": "13.2.1",
31
- "@progress/kendo-angular-treeview": "13.2.1",
27
+ "@progress/kendo-angular-common": "13.2.2-develop.2",
28
+ "@progress/kendo-angular-l10n": "13.2.2-develop.2",
29
+ "@progress/kendo-angular-popup": "13.2.2-develop.2",
30
+ "@progress/kendo-angular-icons": "13.2.2-develop.2",
31
+ "@progress/kendo-angular-treeview": "13.2.2-develop.2",
32
32
  "rxjs": "^6.5.3 || ^7.0.0",
33
- "@progress/kendo-angular-navigation": "13.2.1",
34
- "@progress/kendo-angular-label": "13.2.1"
33
+ "@progress/kendo-angular-navigation": "13.2.2-develop.2",
34
+ "@progress/kendo-angular-label": "13.2.2-develop.2"
35
35
  },
36
36
  "dependencies": {
37
37
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "13.2.1",
38
+ "@progress/kendo-angular-schematics": "13.2.2-develop.2",
39
39
  "@progress/kendo-common": "^0.2.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
6
6
  // peers of the treeview
7
- '@progress/kendo-angular-inputs': '13.2.1',
7
+ '@progress/kendo-angular-inputs': '13.2.2-develop.2',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '13.2.1',
9
+ '@progress/kendo-angular-intl': '13.2.2-develop.2',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^1.0.0'