@progress/kendo-angular-toolbar 11.0.0-develop.111 → 11.0.0-develop.113

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 +1 -1
  2. package/esm2020/tools/toolbar-button.component.mjs +11 -7
  3. package/fesm2015/progress-kendo-angular-toolbar.mjs +10 -7
  4. package/fesm2020/progress-kendo-angular-toolbar.mjs +10 -7
  5. package/package.json +7 -7
  6. package/tools/toolbar-button.component.d.ts +3 -2
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: 1673607437,
12
+ publishDate: 1673621000,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/tools/toolbar-button.component.mjs CHANGED
@@ -2,9 +2,10 @@
2
2
  * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Component, TemplateRef, forwardRef, ViewChild, Input, Output, EventEmitter, ElementRef, isDevMode } from '@angular/core';
5
+ import { Component, TemplateRef, forwardRef, ViewChild, Input, Output, EventEmitter, ElementRef, isDevMode, NgZone } from '@angular/core';
6
6
  import { ToolBarToolComponent } from './toolbar-tool.component';
7
7
  import { getValueForLocation } from '../util';
8
+ import { take } from 'rxjs/operators';
8
9
  import * as i0 from "@angular/core";
9
10
  import * as i1 from "@progress/kendo-angular-buttons";
10
11
  import * as i2 from "@progress/kendo-angular-icons";
@@ -13,9 +14,10 @@ import * as i3 from "@angular/common";
13
14
  * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
14
15
  */
15
16
  export class ToolBarButtonComponent extends ToolBarToolComponent {
16
- constructor(element) {
17
+ constructor(element, zone) {
17
18
  super();
18
19
  this.element = element;
20
+ this.zone = zone;
19
21
  /**
20
22
  * Specifies where button icon should be displayed
21
23
  */
@@ -218,10 +220,12 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
218
220
  }
219
221
  setTextDisplayMode() {
220
222
  this.toolbarOptions.text = this.showText === 'overflow' ? undefined : this.text;
221
- this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
223
+ this.zone.onStable.pipe(take(1)).subscribe(() => {
224
+ this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
225
+ });
222
226
  }
223
227
  }
224
- ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
228
+ ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
225
229
  ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
226
230
  <ng-template #toolbarTemplate>
227
231
  <button
@@ -240,7 +244,7 @@ ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
240
244
  [selected]="selected"
241
245
  [icon]="toolbarOptions.icon"
242
246
  [iconClass]="toolbarOptions.iconClass"
243
- [svgIcon]="svgIcon"
247
+ [svgIcon]="toolbarOptions.svgIcon"
244
248
  [imageUrl]="toolbarOptions.imageUrl"
245
249
  (click)="click.emit($event)"
246
250
  (pointerdown)="pointerdown.emit($event)"
@@ -299,7 +303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
299
303
  [selected]="selected"
300
304
  [icon]="toolbarOptions.icon"
301
305
  [iconClass]="toolbarOptions.iconClass"
302
- [svgIcon]="svgIcon"
306
+ [svgIcon]="toolbarOptions.svgIcon"
303
307
  [imageUrl]="toolbarOptions.imageUrl"
304
308
  (click)="click.emit($event)"
305
309
  (pointerdown)="pointerdown.emit($event)"
@@ -335,7 +339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
335
339
  </ng-template>
336
340
  `
337
341
  }]
338
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showText: [{
342
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { showText: [{
339
343
  type: Input
340
344
  }], showIcon: [{
341
345
  type: Input
package/fesm2015/progress-kendo-angular-toolbar.mjs CHANGED
@@ -28,7 +28,7 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-toolbar',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1673607437,
31
+ publishDate: 1673621000,
32
32
  version: '',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
@@ -1437,9 +1437,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1437
1437
  * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
1438
1438
  */
1439
1439
  class ToolBarButtonComponent extends ToolBarToolComponent {
1440
- constructor(element) {
1440
+ constructor(element, zone) {
1441
1441
  super();
1442
1442
  this.element = element;
1443
+ this.zone = zone;
1443
1444
  /**
1444
1445
  * Specifies where button icon should be displayed
1445
1446
  */
@@ -1642,10 +1643,12 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
1642
1643
  }
1643
1644
  setTextDisplayMode() {
1644
1645
  this.toolbarOptions.text = this.showText === 'overflow' ? undefined : this.text;
1645
- this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
1646
+ this.zone.onStable.pipe(take(1)).subscribe(() => {
1647
+ this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
1648
+ });
1646
1649
  }
1647
1650
  }
1648
- ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1651
+ ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1649
1652
  ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
1650
1653
  <ng-template #toolbarTemplate>
1651
1654
  <button
@@ -1664,7 +1667,7 @@ ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1664
1667
  [selected]="selected"
1665
1668
  [icon]="toolbarOptions.icon"
1666
1669
  [iconClass]="toolbarOptions.iconClass"
1667
- [svgIcon]="svgIcon"
1670
+ [svgIcon]="toolbarOptions.svgIcon"
1668
1671
  [imageUrl]="toolbarOptions.imageUrl"
1669
1672
  (click)="click.emit($event)"
1670
1673
  (pointerdown)="pointerdown.emit($event)"
@@ -1723,7 +1726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1723
1726
  [selected]="selected"
1724
1727
  [icon]="toolbarOptions.icon"
1725
1728
  [iconClass]="toolbarOptions.iconClass"
1726
- [svgIcon]="svgIcon"
1729
+ [svgIcon]="toolbarOptions.svgIcon"
1727
1730
  [imageUrl]="toolbarOptions.imageUrl"
1728
1731
  (click)="click.emit($event)"
1729
1732
  (pointerdown)="pointerdown.emit($event)"
@@ -1759,7 +1762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1759
1762
  </ng-template>
1760
1763
  `
1761
1764
  }]
1762
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showText: [{
1765
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { showText: [{
1763
1766
  type: Input
1764
1767
  }], showIcon: [{
1765
1768
  type: Input
package/fesm2020/progress-kendo-angular-toolbar.mjs CHANGED
@@ -28,7 +28,7 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-toolbar',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1673607437,
31
+ publishDate: 1673621000,
32
32
  version: '',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
@@ -1436,9 +1436,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1436
1436
  * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
1437
1437
  */
1438
1438
  class ToolBarButtonComponent extends ToolBarToolComponent {
1439
- constructor(element) {
1439
+ constructor(element, zone) {
1440
1440
  super();
1441
1441
  this.element = element;
1442
+ this.zone = zone;
1442
1443
  /**
1443
1444
  * Specifies where button icon should be displayed
1444
1445
  */
@@ -1641,10 +1642,12 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
1641
1642
  }
1642
1643
  setTextDisplayMode() {
1643
1644
  this.toolbarOptions.text = this.showText === 'overflow' ? undefined : this.text;
1644
- this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
1645
+ this.zone.onStable.pipe(take(1)).subscribe(() => {
1646
+ this.overflowOptions.text = this.showText === 'toolbar' ? undefined : this.text;
1647
+ });
1645
1648
  }
1646
1649
  }
1647
- ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1650
+ ToolBarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1648
1651
  ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
1649
1652
  <ng-template #toolbarTemplate>
1650
1653
  <button
@@ -1663,7 +1666,7 @@ ToolBarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1663
1666
  [selected]="selected"
1664
1667
  [icon]="toolbarOptions.icon"
1665
1668
  [iconClass]="toolbarOptions.iconClass"
1666
- [svgIcon]="svgIcon"
1669
+ [svgIcon]="toolbarOptions.svgIcon"
1667
1670
  [imageUrl]="toolbarOptions.imageUrl"
1668
1671
  (click)="click.emit($event)"
1669
1672
  (pointerdown)="pointerdown.emit($event)"
@@ -1722,7 +1725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1722
1725
  [selected]="selected"
1723
1726
  [icon]="toolbarOptions.icon"
1724
1727
  [iconClass]="toolbarOptions.iconClass"
1725
- [svgIcon]="svgIcon"
1728
+ [svgIcon]="toolbarOptions.svgIcon"
1726
1729
  [imageUrl]="toolbarOptions.imageUrl"
1727
1730
  (click)="click.emit($event)"
1728
1731
  (pointerdown)="pointerdown.emit($event)"
@@ -1758,7 +1761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1758
1761
  </ng-template>
1759
1762
  `
1760
1763
  }]
1761
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showText: [{
1764
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { showText: [{
1762
1765
  type: Input
1763
1766
  }], showIcon: [{
1764
1767
  type: Input
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "11.0.0-develop.111",
3
+ "version": "11.0.0-develop.113",
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,12 +29,12 @@
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.0.0-develop.111",
33
- "@progress/kendo-angular-common": "11.0.0-develop.111",
34
- "@progress/kendo-angular-l10n": "11.0.0-develop.111",
35
- "@progress/kendo-angular-icons": "11.0.0-develop.111",
36
- "@progress/kendo-angular-popup": "11.0.0-develop.111",
37
- "@progress/kendo-angular-schematics": "11.0.0-develop.111",
32
+ "@progress/kendo-angular-buttons": "11.0.0-develop.113",
33
+ "@progress/kendo-angular-common": "11.0.0-develop.113",
34
+ "@progress/kendo-angular-l10n": "11.0.0-develop.113",
35
+ "@progress/kendo-angular-icons": "11.0.0-develop.113",
36
+ "@progress/kendo-angular-popup": "11.0.0-develop.113",
37
+ "@progress/kendo-angular-schematics": "11.0.0-develop.113",
38
38
  "rxjs": "^6.5.3 || ^7.0.0"
39
39
  },
40
40
  "dependencies": {
package/tools/toolbar-button.component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef, EventEmitter, ElementRef } from '@angular/core';
5
+ import { TemplateRef, EventEmitter, ElementRef, NgZone } from '@angular/core';
6
6
  import { ToolBarToolComponent } from './toolbar-tool.component';
7
7
  import { DisplayMode } from '../display-mode';
8
8
  import { ToolOptions } from '../tool-options';
@@ -14,6 +14,7 @@ import * as i0 from "@angular/core";
14
14
  */
15
15
  export declare class ToolBarButtonComponent extends ToolBarToolComponent {
16
16
  element: ElementRef;
17
+ private zone;
17
18
  /**
18
19
  * Specifies where button text should be displayed
19
20
  */
@@ -139,7 +140,7 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
139
140
  toolbarButtonElement: ElementRef;
140
141
  private overflowButtonElement;
141
142
  private _showText;
142
- constructor(element: ElementRef);
143
+ constructor(element: ElementRef, zone: NgZone);
143
144
  ngOnInit(): void;
144
145
  /**
145
146
  * @hidden