@progress/kendo-angular-toolbar 21.0.0-develop.25 → 21.0.0-develop.27

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 (4) hide show
  1. package/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/toolbar.component.mjs +11 -2
  3. package/fesm2022/progress-kendo-angular-toolbar.mjs +13 -4
  4. package/package.json +9 -9
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: 1762792352,
14
- version: '21.0.0-develop.25',
13
+ publishDate: 1762862927,
14
+ version: '21.0.0-develop.27',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/toolbar.component.mjs CHANGED
@@ -611,6 +611,11 @@ export class ToolBarComponent {
611
611
  this.displayAnchor();
612
612
  const isImmediateResize = (Date.now() - this.overflowButtonClickedTime) < immediateResizeThreshold;
613
613
  if (this.popupOpen && !isImmediateResize) {
614
+ const eventArgs = new PreventableEvent();
615
+ this.close.emit(eventArgs);
616
+ if (eventArgs.isDefaultPrevented()) {
617
+ return;
618
+ }
614
619
  this.toggle();
615
620
  }
616
621
  }
@@ -790,6 +795,9 @@ export class ToolBarComponent {
790
795
  this.showOverflowSeparator = isVisible;
791
796
  this.cdr.detectChanges();
792
797
  }
798
+ if (!isVisible) {
799
+ this.destroyPopup();
800
+ }
793
801
  }
794
802
  get popupWidth() {
795
803
  if (!this.popupSettings || !this.popupSettings.width) {
@@ -910,6 +918,7 @@ export class ToolBarComponent {
910
918
  this.popupSubs.unsubscribe();
911
919
  this.popupRef.close();
912
920
  this.popupRef = null;
921
+ this._open = false;
913
922
  }
914
923
  }
915
924
  handleClasses(value, input) {
@@ -1194,7 +1203,7 @@ export class ToolBarComponent {
1194
1203
  [attr.dir]="direction === 'rtl' ? 'rtl' : null"
1195
1204
  [attr.aria-labelledby]="overflowBtnId">
1196
1205
  <ng-container *ngFor="let tool of overflowTools; let index = index">
1197
- <ng-template
1206
+ <ng-template
1198
1207
  *ngIf="tool.popupTemplate"
1199
1208
  kendoToolbarRenderer
1200
1209
  [tool]="tool"
@@ -1410,7 +1419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1410
1419
  [attr.dir]="direction === 'rtl' ? 'rtl' : null"
1411
1420
  [attr.aria-labelledby]="overflowBtnId">
1412
1421
  <ng-container *ngFor="let tool of overflowTools; let index = index">
1413
- <ng-template
1422
+ <ng-template
1414
1423
  *ngIf="tool.popupTemplate"
1415
1424
  kendoToolbarRenderer
1416
1425
  [tool]="tool"
package/fesm2022/progress-kendo-angular-toolbar.mjs CHANGED
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  productName: 'Kendo UI for Angular',
27
27
  productCode: 'KENDOUIANGULAR',
28
28
  productCodes: ['KENDOUIANGULAR'],
29
- publishDate: 1762792352,
30
- version: '21.0.0-develop.25',
29
+ publishDate: 1762862927,
30
+ version: '21.0.0-develop.27',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -1688,6 +1688,11 @@ class ToolBarComponent {
1688
1688
  this.displayAnchor();
1689
1689
  const isImmediateResize = (Date.now() - this.overflowButtonClickedTime) < immediateResizeThreshold;
1690
1690
  if (this.popupOpen && !isImmediateResize) {
1691
+ const eventArgs = new PreventableEvent();
1692
+ this.close.emit(eventArgs);
1693
+ if (eventArgs.isDefaultPrevented()) {
1694
+ return;
1695
+ }
1691
1696
  this.toggle();
1692
1697
  }
1693
1698
  }
@@ -1867,6 +1872,9 @@ class ToolBarComponent {
1867
1872
  this.showOverflowSeparator = isVisible;
1868
1873
  this.cdr.detectChanges();
1869
1874
  }
1875
+ if (!isVisible) {
1876
+ this.destroyPopup();
1877
+ }
1870
1878
  }
1871
1879
  get popupWidth() {
1872
1880
  if (!this.popupSettings || !this.popupSettings.width) {
@@ -1987,6 +1995,7 @@ class ToolBarComponent {
1987
1995
  this.popupSubs.unsubscribe();
1988
1996
  this.popupRef.close();
1989
1997
  this.popupRef = null;
1998
+ this._open = false;
1990
1999
  }
1991
2000
  }
1992
2001
  handleClasses(value, input) {
@@ -2271,7 +2280,7 @@ class ToolBarComponent {
2271
2280
  [attr.dir]="direction === 'rtl' ? 'rtl' : null"
2272
2281
  [attr.aria-labelledby]="overflowBtnId">
2273
2282
  <ng-container *ngFor="let tool of overflowTools; let index = index">
2274
- <ng-template
2283
+ <ng-template
2275
2284
  *ngIf="tool.popupTemplate"
2276
2285
  kendoToolbarRenderer
2277
2286
  [tool]="tool"
@@ -2487,7 +2496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2487
2496
  [attr.dir]="direction === 'rtl' ? 'rtl' : null"
2488
2497
  [attr.aria-labelledby]="overflowBtnId">
2489
2498
  <ng-container *ngFor="let tool of overflowTools; let index = index">
2490
- <ng-template
2499
+ <ng-template
2491
2500
  *ngIf="tool.popupTemplate"
2492
2501
  kendoToolbarRenderer
2493
2502
  [tool]="tool"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "21.0.0-develop.25",
3
+ "version": "21.0.0-develop.27",
4
4
  "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -45,7 +45,7 @@
45
45
  "package": {
46
46
  "productName": "Kendo UI for Angular",
47
47
  "productCode": "KENDOUIANGULAR",
48
- "publishDate": 1762792352,
48
+ "publishDate": 1762862927,
49
49
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
50
50
  }
51
51
  },
@@ -55,17 +55,17 @@
55
55
  "@angular/core": "18 - 20",
56
56
  "@angular/platform-browser": "18 - 20",
57
57
  "@progress/kendo-licensing": "^1.7.0",
58
- "@progress/kendo-angular-buttons": "21.0.0-develop.25",
59
- "@progress/kendo-angular-common": "21.0.0-develop.25",
60
- "@progress/kendo-angular-l10n": "21.0.0-develop.25",
61
- "@progress/kendo-angular-icons": "21.0.0-develop.25",
62
- "@progress/kendo-angular-indicators": "21.0.0-develop.25",
63
- "@progress/kendo-angular-popup": "21.0.0-develop.25",
58
+ "@progress/kendo-angular-buttons": "21.0.0-develop.27",
59
+ "@progress/kendo-angular-common": "21.0.0-develop.27",
60
+ "@progress/kendo-angular-l10n": "21.0.0-develop.27",
61
+ "@progress/kendo-angular-icons": "21.0.0-develop.27",
62
+ "@progress/kendo-angular-indicators": "21.0.0-develop.27",
63
+ "@progress/kendo-angular-popup": "21.0.0-develop.27",
64
64
  "rxjs": "^6.5.3 || ^7.0.0"
65
65
  },
66
66
  "dependencies": {
67
67
  "tslib": "^2.3.1",
68
- "@progress/kendo-angular-schematics": "21.0.0-develop.25",
68
+ "@progress/kendo-angular-schematics": "21.0.0-develop.27",
69
69
  "node-html-parser": "^7.0.1"
70
70
  },
71
71
  "schematics": "./schematics/collection.json",