@progress/kendo-angular-toolbar 11.1.0-develop.4 → 11.1.0-develop.5

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 (6) hide show
  1. package/esm2020/package-metadata.mjs +2 -2
  2. package/esm2020/toolbar.component.mjs +5 -1
  3. package/fesm2015/progress-kendo-angular-toolbar.mjs +7 -3
  4. package/fesm2020/progress-kendo-angular-toolbar.mjs +7 -3
  5. package/package.json +7 -7
  6. package/toolbar.component.d.ts +1 -0
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-toolbar',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1674490325,
13
- version: '11.1.0-develop.4',
12
+ publishDate: 1674553960,
13
+ version: '11.1.0-develop.5',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/toolbar.component.mjs CHANGED
@@ -30,6 +30,7 @@ import * as i7 from "@progress/kendo-angular-common";
30
30
  import * as i8 from "./localization/localized-toolbar-messages.directive";
31
31
  import * as i9 from "@angular/common";
32
32
  const DEFAULT_SIZE = 'medium';
33
+ const immediateResizeThreshold = 300;
33
34
  const getInitialPopupSettings = (isRtl) => ({
34
35
  animate: true,
35
36
  anchorAlign: { horizontal: isRtl ? 'left' : 'right', vertical: 'bottom' },
@@ -69,6 +70,7 @@ export class ToolBarComponent {
69
70
  this.hostClass = true;
70
71
  this.cancelRenderedToolsSubscription$ = new Subject();
71
72
  this._size = DEFAULT_SIZE;
73
+ this.overflowButtonClickedTime = null;
72
74
  this.subscriptions = new Subscription();
73
75
  this.popupSubs = new Subscription();
74
76
  this.role = 'toolbar';
@@ -300,6 +302,7 @@ export class ToolBarComponent {
300
302
  showPopup() {
301
303
  this.popupOpen = !this.popupOpen;
302
304
  this.navigationService.click({ context: undefined, event: undefined });
305
+ this.overflowButtonClickedTime = Date.now();
303
306
  }
304
307
  /**
305
308
  * Toggles the visibility of the overflow popup.
@@ -336,7 +339,8 @@ export class ToolBarComponent {
336
339
  this.stretch(containerWidth, this.childrenWidth);
337
340
  this.displayAnchor();
338
341
  this.resizeSensor?.acceptSize();
339
- if (this.popupOpen) {
342
+ const isImmediateResize = (Date.now() - this.overflowButtonClickedTime) < immediateResizeThreshold;
343
+ if (this.popupOpen && !isImmediateResize) {
340
344
  this.toggle();
341
345
  }
342
346
  }
package/fesm2015/progress-kendo-angular-toolbar.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-toolbar',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1674490325,
32
- version: '11.1.0-develop.4',
31
+ publishDate: 1674553960,
32
+ version: '11.1.0-develop.5',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
35
35
 
@@ -715,6 +715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
715
715
  }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
716
716
 
717
717
  const DEFAULT_SIZE = 'medium';
718
+ const immediateResizeThreshold = 300;
718
719
  const getInitialPopupSettings = (isRtl) => ({
719
720
  animate: true,
720
721
  anchorAlign: { horizontal: isRtl ? 'left' : 'right', vertical: 'bottom' },
@@ -754,6 +755,7 @@ class ToolBarComponent {
754
755
  this.hostClass = true;
755
756
  this.cancelRenderedToolsSubscription$ = new Subject();
756
757
  this._size = DEFAULT_SIZE;
758
+ this.overflowButtonClickedTime = null;
757
759
  this.subscriptions = new Subscription();
758
760
  this.popupSubs = new Subscription();
759
761
  this.role = 'toolbar';
@@ -985,6 +987,7 @@ class ToolBarComponent {
985
987
  showPopup() {
986
988
  this.popupOpen = !this.popupOpen;
987
989
  this.navigationService.click({ context: undefined, event: undefined });
990
+ this.overflowButtonClickedTime = Date.now();
988
991
  }
989
992
  /**
990
993
  * Toggles the visibility of the overflow popup.
@@ -1022,7 +1025,8 @@ class ToolBarComponent {
1022
1025
  this.stretch(containerWidth, this.childrenWidth);
1023
1026
  this.displayAnchor();
1024
1027
  (_a = this.resizeSensor) === null || _a === void 0 ? void 0 : _a.acceptSize();
1025
- if (this.popupOpen) {
1028
+ const isImmediateResize = (Date.now() - this.overflowButtonClickedTime) < immediateResizeThreshold;
1029
+ if (this.popupOpen && !isImmediateResize) {
1026
1030
  this.toggle();
1027
1031
  }
1028
1032
  }
package/fesm2020/progress-kendo-angular-toolbar.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-toolbar',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1674490325,
32
- version: '11.1.0-develop.4',
31
+ publishDate: 1674553960,
32
+ version: '11.1.0-develop.5',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
35
35
 
@@ -715,6 +715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
715
715
  }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
716
716
 
717
717
  const DEFAULT_SIZE = 'medium';
718
+ const immediateResizeThreshold = 300;
718
719
  const getInitialPopupSettings = (isRtl) => ({
719
720
  animate: true,
720
721
  anchorAlign: { horizontal: isRtl ? 'left' : 'right', vertical: 'bottom' },
@@ -754,6 +755,7 @@ class ToolBarComponent {
754
755
  this.hostClass = true;
755
756
  this.cancelRenderedToolsSubscription$ = new Subject();
756
757
  this._size = DEFAULT_SIZE;
758
+ this.overflowButtonClickedTime = null;
757
759
  this.subscriptions = new Subscription();
758
760
  this.popupSubs = new Subscription();
759
761
  this.role = 'toolbar';
@@ -985,6 +987,7 @@ class ToolBarComponent {
985
987
  showPopup() {
986
988
  this.popupOpen = !this.popupOpen;
987
989
  this.navigationService.click({ context: undefined, event: undefined });
990
+ this.overflowButtonClickedTime = Date.now();
988
991
  }
989
992
  /**
990
993
  * Toggles the visibility of the overflow popup.
@@ -1021,7 +1024,8 @@ class ToolBarComponent {
1021
1024
  this.stretch(containerWidth, this.childrenWidth);
1022
1025
  this.displayAnchor();
1023
1026
  this.resizeSensor?.acceptSize();
1024
- if (this.popupOpen) {
1027
+ const isImmediateResize = (Date.now() - this.overflowButtonClickedTime) < immediateResizeThreshold;
1028
+ if (this.popupOpen && !isImmediateResize) {
1025
1029
  this.toggle();
1026
1030
  }
1027
1031
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "11.1.0-develop.4",
3
+ "version": "11.1.0-develop.5",
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",
@@ -29,16 +29,16 @@
29
29
  "@angular/core": "13 - 15",
30
30
  "@angular/platform-browser": "13 - 15",
31
31
  "@progress/kendo-licensing": "^1.0.2",
32
- "@progress/kendo-angular-buttons": "11.1.0-develop.4",
33
- "@progress/kendo-angular-common": "11.1.0-develop.4",
34
- "@progress/kendo-angular-l10n": "11.1.0-develop.4",
35
- "@progress/kendo-angular-icons": "11.1.0-develop.4",
36
- "@progress/kendo-angular-popup": "11.1.0-develop.4",
32
+ "@progress/kendo-angular-buttons": "11.1.0-develop.5",
33
+ "@progress/kendo-angular-common": "11.1.0-develop.5",
34
+ "@progress/kendo-angular-l10n": "11.1.0-develop.5",
35
+ "@progress/kendo-angular-icons": "11.1.0-develop.5",
36
+ "@progress/kendo-angular-popup": "11.1.0-develop.5",
37
37
  "rxjs": "^6.5.3 || ^7.0.0"
38
38
  },
39
39
  "dependencies": {
40
40
  "tslib": "^2.3.1",
41
- "@progress/kendo-angular-schematics": "11.1.0-develop.4"
41
+ "@progress/kendo-angular-schematics": "11.1.0-develop.5"
42
42
  },
43
43
  "schematics": "./schematics/collection.json",
44
44
  "module": "fesm2015/progress-kendo-angular-toolbar.mjs",
package/toolbar.component.d.ts CHANGED
@@ -97,6 +97,7 @@ export declare class ToolBarComponent {
97
97
  private cancelRenderedToolsSubscription$;
98
98
  private cachedGap;
99
99
  private _size;
100
+ private overflowButtonClickedTime;
100
101
  private subscriptions;
101
102
  private popupSubs;
102
103
  /**