@progress/kendo-angular-toolbar 11.0.0-develop.105 → 11.0.0-develop.107

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 (19) hide show
  1. package/esm2020/package-metadata.mjs +1 -1
  2. package/esm2020/toolbar.component.mjs +19 -10
  3. package/esm2020/toolbar.module.mjs +4 -3
  4. package/esm2020/tools/toolbar-button.component.mjs +41 -19
  5. package/esm2020/tools/toolbar-buttongroup.component.mjs +26 -8
  6. package/esm2020/tools/toolbar-buttonlist.component.mjs +2 -0
  7. package/esm2020/tools/toolbar-dropdownbutton.component.mjs +39 -31
  8. package/esm2020/tools/toolbar-splitbutton.component.mjs +43 -31
  9. package/fesm2015/progress-kendo-angular-toolbar.mjs +171 -103
  10. package/fesm2020/progress-kendo-angular-toolbar.mjs +171 -103
  11. package/package.json +7 -6
  12. package/schematics/ngAdd/index.js +4 -2
  13. package/tool-options.d.ts +2 -0
  14. package/toolbar.component.d.ts +2 -0
  15. package/toolbar.module.d.ts +2 -1
  16. package/tools/toolbar-button.component.d.ts +7 -5
  17. package/tools/toolbar-dropdownbutton.component.d.ts +0 -4
  18. package/tools/toolbar-splitbutton.component.d.ts +0 -4
  19. package/util.d.ts +1 -1
package/esm2020/tools/toolbar-splitbutton.component.mjs CHANGED
@@ -8,7 +8,8 @@ import { ToolBarToolComponent } from './toolbar-tool.component';
8
8
  import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNextKey, seekFocusedIndex, areEqual } from '../util';
9
9
  import * as i0 from "@angular/core";
10
10
  import * as i1 from "@progress/kendo-angular-buttons";
11
- import * as i2 from "@angular/common";
11
+ import * as i2 from "@progress/kendo-angular-icons";
12
+ import * as i3 from "@angular/common";
12
13
  /**
13
14
  * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
14
15
  */
@@ -81,12 +82,14 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
81
82
  text: '',
82
83
  icon: '',
83
84
  iconClass: '',
85
+ svgIcon: null,
84
86
  imageUrl: ''
85
87
  };
86
88
  this.overflowOptions = {
87
89
  text: '',
88
90
  icon: '',
89
91
  iconClass: '',
92
+ svgIcon: null,
90
93
  imageUrl: ''
91
94
  };
92
95
  this._popupSettings = { animate: true, popupClass: '' };
@@ -221,27 +224,6 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
221
224
  return !isUnmodified(this.focusedIndex);
222
225
  }
223
226
  }
224
- /**
225
- * @hidden
226
- */
227
- getIconClasses(item) {
228
- if (item) {
229
- if (item.icon) {
230
- return `k-icon k-i-${item.icon}`;
231
- }
232
- else if (item.iconClass) {
233
- return item.iconClass;
234
- }
235
- }
236
- else {
237
- if (this.overflowOptions.icon) {
238
- return `k-icon k-i-${this.overflowOptions.icon}`;
239
- }
240
- else if (this.overflowOptions.iconClass) {
241
- return this.overflowOptions.iconClass;
242
- }
243
- }
244
- }
245
227
  /**
246
228
  * @hidden
247
229
  */
@@ -282,6 +264,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
282
264
  [text]="toolbarOptions.text"
283
265
  [icon]="toolbarOptions.icon"
284
266
  [iconClass]="toolbarOptions.iconClass"
267
+ [svgIcon]="toolbarOptions.svgIcon"
285
268
  [imageUrl]="toolbarOptions.imageUrl"
286
269
  [buttonClass]="buttonClass"
287
270
  [arrowButtonClass]="arrowButtonClass"
@@ -308,8 +291,15 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
308
291
  [ngClass]="buttonClass"
309
292
  (click)="onMainButtonClick($event)">
310
293
  <span
311
- [ngClass]="{'k-link': true, 'k-menu-link': true}">
312
- <span *ngIf="overflowOptions.icon || overflowOptions.iconClass" [ngClass]="getIconClasses()"></span>
294
+ [ngClass]="{'k-link': true, 'k-menu-link': true}"
295
+ >
296
+ <kendo-icon-wrapper
297
+ *ngIf="overflowOptions.icon || overflowOptions.iconClass || overflowOptions.svgIcon"
298
+ [name]="overflowOptions.icon"
299
+ [customFontClass]="overflowOptions.iconClass"
300
+ [svgIcon]="overflowOptions.svgIcon"
301
+ >
302
+ </kendo-icon-wrapper>
313
303
  <span *ngIf="overflowOptions.text" class="k-menu-link-text">{{overflowOptions.text}}</span>
314
304
  </span>
315
305
  </div>
@@ -321,14 +311,21 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
321
311
  [class.k-disabled]="disabled || item.disabled"
322
312
  (click)="handleClick($event, item, i)">
323
313
  <span
324
- class="k-link k-menu-link">
325
- <span *ngIf="item.icon || item.iconClass" [ngClass]="getIconClasses(item)"></span>
314
+ class="k-link k-menu-link"
315
+ >
316
+ <kendo-icon-wrapper
317
+ *ngIf="item.icon || item.iconClass || item.svgIcon"
318
+ [name]="item.icon"
319
+ [customFontClass]="item.iconClass"
320
+ [svgIcon]="item.svgIcon"
321
+ >
322
+ </kendo-icon-wrapper>
326
323
  <span *ngIf="getText(item)" class="k-menu-link-text">{{ getText(item) }}</span>
327
324
  </span>
328
325
  </div>
329
326
  </ng-container>
330
327
  </ng-template>
331
- `, isInline: true, components: [{ type: i1.SplitButtonComponent, selector: "kendo-splitbutton", inputs: ["text", "icon", "svgIcon", "iconClass", "type", "imageUrl", "size", "rounded", "fillMode", "themeColor", "disabled", "popupSettings", "tabIndex", "textField", "data", "buttonClass", "arrowButtonClass", "arrowButtonIcon", "arrowButtonSvgIcon"], outputs: ["buttonClick", "itemClick", "focus", "blur", "open", "close"], exportAs: ["kendoSplitButton"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
328
+ `, isInline: true, components: [{ type: i1.SplitButtonComponent, selector: "kendo-splitbutton", inputs: ["text", "icon", "svgIcon", "iconClass", "type", "imageUrl", "size", "rounded", "fillMode", "themeColor", "disabled", "popupSettings", "tabIndex", "textField", "data", "buttonClass", "arrowButtonClass", "arrowButtonIcon", "arrowButtonSvgIcon"], outputs: ["buttonClick", "itemClick", "focus", "blur", "open", "close"], exportAs: ["kendoSplitButton"] }, { type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
332
329
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarSplitButtonComponent, decorators: [{
333
330
  type: Component,
334
331
  args: [{
@@ -344,6 +341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
344
341
  [text]="toolbarOptions.text"
345
342
  [icon]="toolbarOptions.icon"
346
343
  [iconClass]="toolbarOptions.iconClass"
344
+ [svgIcon]="toolbarOptions.svgIcon"
347
345
  [imageUrl]="toolbarOptions.imageUrl"
348
346
  [buttonClass]="buttonClass"
349
347
  [arrowButtonClass]="arrowButtonClass"
@@ -370,8 +368,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
370
368
  [ngClass]="buttonClass"
371
369
  (click)="onMainButtonClick($event)">
372
370
  <span
373
- [ngClass]="{'k-link': true, 'k-menu-link': true}">
374
- <span *ngIf="overflowOptions.icon || overflowOptions.iconClass" [ngClass]="getIconClasses()"></span>
371
+ [ngClass]="{'k-link': true, 'k-menu-link': true}"
372
+ >
373
+ <kendo-icon-wrapper
374
+ *ngIf="overflowOptions.icon || overflowOptions.iconClass || overflowOptions.svgIcon"
375
+ [name]="overflowOptions.icon"
376
+ [customFontClass]="overflowOptions.iconClass"
377
+ [svgIcon]="overflowOptions.svgIcon"
378
+ >
379
+ </kendo-icon-wrapper>
375
380
  <span *ngIf="overflowOptions.text" class="k-menu-link-text">{{overflowOptions.text}}</span>
376
381
  </span>
377
382
  </div>
@@ -383,8 +388,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
383
388
  [class.k-disabled]="disabled || item.disabled"
384
389
  (click)="handleClick($event, item, i)">
385
390
  <span
386
- class="k-link k-menu-link">
387
- <span *ngIf="item.icon || item.iconClass" [ngClass]="getIconClasses(item)"></span>
391
+ class="k-link k-menu-link"
392
+ >
393
+ <kendo-icon-wrapper
394
+ *ngIf="item.icon || item.iconClass || item.svgIcon"
395
+ [name]="item.icon"
396
+ [customFontClass]="item.iconClass"
397
+ [svgIcon]="item.svgIcon"
398
+ >
399
+ </kendo-icon-wrapper>
388
400
  <span *ngIf="getText(item)" class="k-menu-link-text">{{ getText(item) }}</span>
389
401
  </span>
390
402
  </div>