@progress/kendo-angular-toolbar 19.0.0-develop.13 → 19.0.0-develop.15

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.
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1747133435,
14
- version: '19.0.0-develop.13',
13
+ publishDate: 1747151972,
14
+ version: '19.0.0-develop.15',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Input, Renderer2 as Renderer, Output, EventEmitter, Directive, ViewContainerRef } from '@angular/core';
6
+ import { isPresent } from '@progress/kendo-angular-common';
6
7
  import { ToolBarToolComponent } from './tools/toolbar-tool.component';
7
8
  import { RefreshService } from './refresh.service';
8
9
  import { RendererService } from './renderer.service';
@@ -117,21 +118,26 @@ export class ToolBarRendererComponent {
117
118
  }
118
119
  refresh() {
119
120
  this.tool.location = this.location;
120
- if (this.resizable && this.internalComponentRef) {
121
- if (this.tool.isHidden) {
122
- this.hideTool();
121
+ if (!isPresent(this.internalComponentRef)) {
122
+ return;
123
+ }
124
+ if (this.tool.isHidden) {
125
+ this.hideTool();
126
+ }
127
+ else if (this.resizable) {
128
+ if (this.location === 'toolbar') {
129
+ this.renderer.setStyle(this.internalComponentRef, 'visibility', this.tool.visibility);
130
+ this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.toolbarDisplay);
123
131
  }
124
132
  else {
125
- if (this.location === 'toolbar') {
126
- this.renderer.setStyle(this.internalComponentRef, 'visibility', this.tool.visibility);
127
- this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.toolbarDisplay);
128
- }
129
- else {
130
- this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.overflowDisplay);
131
- }
133
+ this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.overflowDisplay);
132
134
  }
133
- this.updateTools();
134
135
  }
136
+ else {
137
+ this.renderer.setStyle(this.internalComponentRef, 'visibility', 'visible');
138
+ this.renderer.setStyle(this.internalComponentRef, 'display', 'inline-flex');
139
+ }
140
+ this.updateTools();
135
141
  }
136
142
  setAttribute(element, attr, value) {
137
143
  this.renderer.setAttribute(element, attr, value);
@@ -260,6 +260,9 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
260
260
  this.selected = state;
261
261
  this.selectedChange.emit(state);
262
262
  }
263
+ /**
264
+ * @hidden
265
+ */
263
266
  getButton() {
264
267
  return this[`${this.location}ButtonElement`]?.nativeElement;
265
268
  }
@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
6
6
  import { EventEmitter, Injectable, inject, ElementRef, Directive, ViewChild, Input, Output, forwardRef, Component, HostBinding, ViewContainerRef, ContentChildren, HostListener, isDevMode, ViewChildren, NgModule } from '@angular/core';
7
7
  import * as i2 from '@progress/kendo-angular-popup';
8
8
  import { PopupService } from '@progress/kendo-angular-popup';
9
- import { Keys, isDocumentAvailable, guid, ResizeSensorComponent, isPresent as isPresent$1, ResizeBatchService } from '@progress/kendo-angular-common';
9
+ import { Keys, isPresent as isPresent$1, isDocumentAvailable, guid, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
10
10
  import * as i1 from '@progress/kendo-angular-l10n';
11
11
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
12
12
  import { validatePackage } from '@progress/kendo-licensing';
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  productName: 'Kendo UI for Angular',
27
27
  productCode: 'KENDOUIANGULAR',
28
28
  productCodes: ['KENDOUIANGULAR'],
29
- publishDate: 1747133435,
30
- version: '19.0.0-develop.13',
29
+ publishDate: 1747151972,
30
+ version: '19.0.0-develop.15',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -710,21 +710,26 @@ class ToolBarRendererComponent {
710
710
  }
711
711
  refresh() {
712
712
  this.tool.location = this.location;
713
- if (this.resizable && this.internalComponentRef) {
714
- if (this.tool.isHidden) {
715
- this.hideTool();
713
+ if (!isPresent$1(this.internalComponentRef)) {
714
+ return;
715
+ }
716
+ if (this.tool.isHidden) {
717
+ this.hideTool();
718
+ }
719
+ else if (this.resizable) {
720
+ if (this.location === 'toolbar') {
721
+ this.renderer.setStyle(this.internalComponentRef, 'visibility', this.tool.visibility);
722
+ this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.toolbarDisplay);
716
723
  }
717
724
  else {
718
- if (this.location === 'toolbar') {
719
- this.renderer.setStyle(this.internalComponentRef, 'visibility', this.tool.visibility);
720
- this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.toolbarDisplay);
721
- }
722
- else {
723
- this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.overflowDisplay);
724
- }
725
+ this.renderer.setStyle(this.internalComponentRef, 'display', this.tool.overflowDisplay);
725
726
  }
726
- this.updateTools();
727
727
  }
728
+ else {
729
+ this.renderer.setStyle(this.internalComponentRef, 'visibility', 'visible');
730
+ this.renderer.setStyle(this.internalComponentRef, 'display', 'inline-flex');
731
+ }
732
+ this.updateTools();
728
733
  }
729
734
  setAttribute(element, attr, value) {
730
735
  this.renderer.setAttribute(element, attr, value);
@@ -2790,6 +2795,9 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
2790
2795
  this.selected = state;
2791
2796
  this.selectedChange.emit(state);
2792
2797
  }
2798
+ /**
2799
+ * @hidden
2800
+ */
2793
2801
  getButton() {
2794
2802
  return this[`${this.location}ButtonElement`]?.nativeElement;
2795
2803
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "19.0.0-develop.13",
3
+ "version": "19.0.0-develop.15",
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",
@@ -25,7 +25,7 @@
25
25
  "package": {
26
26
  "productName": "Kendo UI for Angular",
27
27
  "productCode": "KENDOUIANGULAR",
28
- "publishDate": 1747133435,
28
+ "publishDate": 1747151972,
29
29
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
30
30
  }
31
31
  },
@@ -35,16 +35,16 @@
35
35
  "@angular/core": "16 - 19",
36
36
  "@angular/platform-browser": "16 - 19",
37
37
  "@progress/kendo-licensing": "^1.5.0",
38
- "@progress/kendo-angular-buttons": "19.0.0-develop.13",
39
- "@progress/kendo-angular-common": "19.0.0-develop.13",
40
- "@progress/kendo-angular-l10n": "19.0.0-develop.13",
41
- "@progress/kendo-angular-icons": "19.0.0-develop.13",
42
- "@progress/kendo-angular-popup": "19.0.0-develop.13",
38
+ "@progress/kendo-angular-buttons": "19.0.0-develop.15",
39
+ "@progress/kendo-angular-common": "19.0.0-develop.15",
40
+ "@progress/kendo-angular-l10n": "19.0.0-develop.15",
41
+ "@progress/kendo-angular-icons": "19.0.0-develop.15",
42
+ "@progress/kendo-angular-popup": "19.0.0-develop.15",
43
43
  "rxjs": "^6.5.3 || ^7.0.0"
44
44
  },
45
45
  "dependencies": {
46
46
  "tslib": "^2.3.1",
47
- "@progress/kendo-angular-schematics": "19.0.0-develop.13"
47
+ "@progress/kendo-angular-schematics": "19.0.0-develop.15"
48
48
  },
49
49
  "schematics": "./schematics/collection.json",
50
50
  "module": "fesm2022/progress-kendo-angular-toolbar.mjs",
@@ -175,7 +175,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
175
175
  * @hidden
176
176
  */
177
177
  selectedChangeHandler(state: boolean): void;
178
- private getButton;
178
+ /**
179
+ * @hidden
180
+ */
181
+ getButton(): HTMLElement;
179
182
  private setTextDisplayMode;
180
183
  static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
181
184
  static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;