@progress/kendo-angular-toolbar 11.0.1-develop.5 → 11.1.0-develop.1
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.
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/tools/toolbar-button.component.mjs +4 -2
- package/esm2020/tools/toolbar-dropdownbutton.component.mjs +20 -2
- package/esm2020/tools/toolbar-splitbutton.component.mjs +33 -7
- package/fesm2015/progress-kendo-angular-toolbar.mjs +57 -12
- package/fesm2020/progress-kendo-angular-toolbar.mjs +57 -12
- package/package.json +7 -7
- package/tools/toolbar-dropdownbutton.component.d.ts +7 -1
- package/tools/toolbar-splitbutton.component.d.ts +12 -1
|
@@ -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:
|
|
13
|
-
version: '11.0
|
|
12
|
+
publishDate: 1674215815,
|
|
13
|
+
version: '11.1.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -143,10 +143,12 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
143
143
|
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
144
144
|
*/
|
|
145
145
|
set svgIcon(icon) {
|
|
146
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
147
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
146
148
|
if (isDevMode() &&
|
|
147
149
|
icon &&
|
|
148
|
-
|
|
149
|
-
|
|
150
|
+
isIconSet &&
|
|
151
|
+
isIconClassSet) {
|
|
150
152
|
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
151
153
|
}
|
|
152
154
|
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
@@ -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 { Component, ElementRef, TemplateRef, forwardRef, ViewChild, Input, EventEmitter, Output, QueryList, ViewChildren } from '@angular/core';
|
|
5
|
+
import { Component, ElementRef, TemplateRef, forwardRef, ViewChild, Input, EventEmitter, Output, QueryList, ViewChildren, isDevMode } from '@angular/core';
|
|
6
6
|
import { ToolBarToolComponent } from './toolbar-tool.component';
|
|
7
7
|
import { DropDownButtonComponent } from '@progress/kendo-angular-buttons';
|
|
8
8
|
import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNextKey, seekFocusedIndex, areEqual } from '../util';
|
|
@@ -105,6 +105,22 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
105
105
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
106
106
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
107
107
|
}
|
|
108
|
+
/**
|
|
109
|
+
* Defines an SVGIcon to be rendered within the button.
|
|
110
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
111
|
+
*/
|
|
112
|
+
set svgIcon(icon) {
|
|
113
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
114
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
115
|
+
if (isDevMode() &&
|
|
116
|
+
icon &&
|
|
117
|
+
isIconSet &&
|
|
118
|
+
isIconClassSet) {
|
|
119
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
120
|
+
}
|
|
121
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
122
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
123
|
+
}
|
|
108
124
|
/**
|
|
109
125
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
110
126
|
*/
|
|
@@ -241,7 +257,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
241
257
|
}
|
|
242
258
|
}
|
|
243
259
|
ToolBarDropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
244
|
-
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
260
|
+
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
245
261
|
<ng-template #toolbarTemplate>
|
|
246
262
|
<kendo-dropdownbutton
|
|
247
263
|
#toolbarDropDownButton
|
|
@@ -384,6 +400,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
384
400
|
type: Input
|
|
385
401
|
}], icon: [{
|
|
386
402
|
type: Input
|
|
403
|
+
}], svgIcon: [{
|
|
404
|
+
type: Input
|
|
387
405
|
}], iconClass: [{
|
|
388
406
|
type: Input
|
|
389
407
|
}], imageUrl: [{
|
|
@@ -2,10 +2,11 @@
|
|
|
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, ElementRef, Output, EventEmitter, ViewChildren, QueryList } from '@angular/core';
|
|
5
|
+
import { Component, TemplateRef, forwardRef, ViewChild, Input, ElementRef, Output, EventEmitter, ViewChildren, QueryList, isDevMode } from '@angular/core';
|
|
6
6
|
import { SplitButtonComponent } from '@progress/kendo-angular-buttons';
|
|
7
7
|
import { ToolBarToolComponent } from './toolbar-tool.component';
|
|
8
8
|
import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNextKey, seekFocusedIndex, areEqual } from '../util';
|
|
9
|
+
import { caretAltDownIcon } from '@progress/kendo-svg-icons';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
import * as i1 from "@progress/kendo-angular-buttons";
|
|
11
12
|
import * as i2 from "@progress/kendo-angular-icons";
|
|
@@ -54,7 +55,12 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
54
55
|
* Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
|
|
55
56
|
* be rendered for the button which opens the popup.
|
|
56
57
|
*/
|
|
57
|
-
this.arrowButtonIcon = '
|
|
58
|
+
this.arrowButtonIcon = 'caret-alt-down';
|
|
59
|
+
/**
|
|
60
|
+
* Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
|
|
61
|
+
* be rendered for the button which opens the popup.
|
|
62
|
+
*/
|
|
63
|
+
this.arrowButtonSvgIcon = caretAltDownIcon;
|
|
58
64
|
/**
|
|
59
65
|
* Configures the text field of the button-list popup.
|
|
60
66
|
*/
|
|
@@ -118,6 +124,22 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
118
124
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
119
125
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
120
126
|
}
|
|
127
|
+
/**
|
|
128
|
+
* Defines an SVGIcon to be rendered within the main button.
|
|
129
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
130
|
+
*/
|
|
131
|
+
set svgIcon(icon) {
|
|
132
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
133
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
134
|
+
if (isDevMode() &&
|
|
135
|
+
icon &&
|
|
136
|
+
isIconSet &&
|
|
137
|
+
isIconClassSet) {
|
|
138
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
139
|
+
}
|
|
140
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
141
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
142
|
+
}
|
|
121
143
|
/**
|
|
122
144
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
123
145
|
*/
|
|
@@ -255,7 +277,7 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
255
277
|
}
|
|
256
278
|
}
|
|
257
279
|
ToolBarSplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
258
|
-
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
280
|
+
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
259
281
|
<ng-template #toolbarTemplate>
|
|
260
282
|
<kendo-splitbutton
|
|
261
283
|
#toolbarSplitButton
|
|
@@ -269,6 +291,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
269
291
|
[buttonClass]="buttonClass"
|
|
270
292
|
[arrowButtonClass]="arrowButtonClass"
|
|
271
293
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
294
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
272
295
|
[disabled]="disabled"
|
|
273
296
|
[tabIndex]="-1"
|
|
274
297
|
[textField]="textField"
|
|
@@ -279,8 +302,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
279
302
|
(open)="open.emit($event)"
|
|
280
303
|
(close)="close.emit($event)"
|
|
281
304
|
(itemClick)="itemClick.emit($event)"
|
|
282
|
-
>
|
|
283
|
-
</kendo-splitbutton>
|
|
305
|
+
></kendo-splitbutton>
|
|
284
306
|
</ng-template>
|
|
285
307
|
<ng-template #popupTemplate>
|
|
286
308
|
<div #overflowMainButton
|
|
@@ -346,6 +368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
346
368
|
[buttonClass]="buttonClass"
|
|
347
369
|
[arrowButtonClass]="arrowButtonClass"
|
|
348
370
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
371
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
349
372
|
[disabled]="disabled"
|
|
350
373
|
[tabIndex]="-1"
|
|
351
374
|
[textField]="textField"
|
|
@@ -356,8 +379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
356
379
|
(open)="open.emit($event)"
|
|
357
380
|
(close)="close.emit($event)"
|
|
358
381
|
(itemClick)="itemClick.emit($event)"
|
|
359
|
-
>
|
|
360
|
-
</kendo-splitbutton>
|
|
382
|
+
></kendo-splitbutton>
|
|
361
383
|
</ng-template>
|
|
362
384
|
<ng-template #popupTemplate>
|
|
363
385
|
<div #overflowMainButton
|
|
@@ -412,6 +434,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
412
434
|
type: Input
|
|
413
435
|
}], icon: [{
|
|
414
436
|
type: Input
|
|
437
|
+
}], svgIcon: [{
|
|
438
|
+
type: Input
|
|
415
439
|
}], iconClass: [{
|
|
416
440
|
type: Input
|
|
417
441
|
}], imageUrl: [{
|
|
@@ -432,6 +456,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
432
456
|
type: Input
|
|
433
457
|
}], arrowButtonIcon: [{
|
|
434
458
|
type: Input
|
|
459
|
+
}], arrowButtonSvgIcon: [{
|
|
460
|
+
type: Input
|
|
435
461
|
}], textField: [{
|
|
436
462
|
type: Input
|
|
437
463
|
}], data: [{
|
|
@@ -11,7 +11,7 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
|
|
|
11
11
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
12
12
|
import { take, filter, takeUntil } from 'rxjs/operators';
|
|
13
13
|
import { Subject, Subscription, merge, fromEvent } from 'rxjs';
|
|
14
|
-
import { moreVerticalIcon } from '@progress/kendo-svg-icons';
|
|
14
|
+
import { moreVerticalIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
|
|
15
15
|
import * as i2 from '@progress/kendo-angular-popup';
|
|
16
16
|
import { PopupModule } from '@progress/kendo-angular-popup';
|
|
17
17
|
import * as i3 from '@angular/common';
|
|
@@ -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:
|
|
32
|
-
version: '11.0
|
|
31
|
+
publishDate: 1674215815,
|
|
32
|
+
version: '11.1.0-develop.1',
|
|
33
33
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1566,10 +1566,12 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
1566
1566
|
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
1567
1567
|
*/
|
|
1568
1568
|
set svgIcon(icon) {
|
|
1569
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
1570
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
1569
1571
|
if (isDevMode() &&
|
|
1570
1572
|
icon &&
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
+
isIconSet &&
|
|
1574
|
+
isIconClassSet) {
|
|
1573
1575
|
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
1574
1576
|
}
|
|
1575
1577
|
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
@@ -2197,6 +2199,22 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
2197
2199
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
2198
2200
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
2199
2201
|
}
|
|
2202
|
+
/**
|
|
2203
|
+
* Defines an SVGIcon to be rendered within the button.
|
|
2204
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
2205
|
+
*/
|
|
2206
|
+
set svgIcon(icon) {
|
|
2207
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
2208
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
2209
|
+
if (isDevMode() &&
|
|
2210
|
+
icon &&
|
|
2211
|
+
isIconSet &&
|
|
2212
|
+
isIconClassSet) {
|
|
2213
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
2214
|
+
}
|
|
2215
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
2216
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
2217
|
+
}
|
|
2200
2218
|
/**
|
|
2201
2219
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
2202
2220
|
*/
|
|
@@ -2333,7 +2351,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
2333
2351
|
}
|
|
2334
2352
|
}
|
|
2335
2353
|
ToolBarDropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2336
|
-
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2354
|
+
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2337
2355
|
<ng-template #toolbarTemplate>
|
|
2338
2356
|
<kendo-dropdownbutton
|
|
2339
2357
|
#toolbarDropDownButton
|
|
@@ -2476,6 +2494,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2476
2494
|
type: Input
|
|
2477
2495
|
}], icon: [{
|
|
2478
2496
|
type: Input
|
|
2497
|
+
}], svgIcon: [{
|
|
2498
|
+
type: Input
|
|
2479
2499
|
}], iconClass: [{
|
|
2480
2500
|
type: Input
|
|
2481
2501
|
}], imageUrl: [{
|
|
@@ -2568,7 +2588,12 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2568
2588
|
* Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
|
|
2569
2589
|
* be rendered for the button which opens the popup.
|
|
2570
2590
|
*/
|
|
2571
|
-
this.arrowButtonIcon = '
|
|
2591
|
+
this.arrowButtonIcon = 'caret-alt-down';
|
|
2592
|
+
/**
|
|
2593
|
+
* Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
|
|
2594
|
+
* be rendered for the button which opens the popup.
|
|
2595
|
+
*/
|
|
2596
|
+
this.arrowButtonSvgIcon = caretAltDownIcon;
|
|
2572
2597
|
/**
|
|
2573
2598
|
* Configures the text field of the button-list popup.
|
|
2574
2599
|
*/
|
|
@@ -2632,6 +2657,22 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2632
2657
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
2633
2658
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
2634
2659
|
}
|
|
2660
|
+
/**
|
|
2661
|
+
* Defines an SVGIcon to be rendered within the main button.
|
|
2662
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
2663
|
+
*/
|
|
2664
|
+
set svgIcon(icon) {
|
|
2665
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
2666
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
2667
|
+
if (isDevMode() &&
|
|
2668
|
+
icon &&
|
|
2669
|
+
isIconSet &&
|
|
2670
|
+
isIconClassSet) {
|
|
2671
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
2672
|
+
}
|
|
2673
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
2674
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
2675
|
+
}
|
|
2635
2676
|
/**
|
|
2636
2677
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
2637
2678
|
*/
|
|
@@ -2769,7 +2810,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2769
2810
|
}
|
|
2770
2811
|
}
|
|
2771
2812
|
ToolBarSplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2772
|
-
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2813
|
+
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2773
2814
|
<ng-template #toolbarTemplate>
|
|
2774
2815
|
<kendo-splitbutton
|
|
2775
2816
|
#toolbarSplitButton
|
|
@@ -2783,6 +2824,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
2783
2824
|
[buttonClass]="buttonClass"
|
|
2784
2825
|
[arrowButtonClass]="arrowButtonClass"
|
|
2785
2826
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
2827
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
2786
2828
|
[disabled]="disabled"
|
|
2787
2829
|
[tabIndex]="-1"
|
|
2788
2830
|
[textField]="textField"
|
|
@@ -2793,8 +2835,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
2793
2835
|
(open)="open.emit($event)"
|
|
2794
2836
|
(close)="close.emit($event)"
|
|
2795
2837
|
(itemClick)="itemClick.emit($event)"
|
|
2796
|
-
>
|
|
2797
|
-
</kendo-splitbutton>
|
|
2838
|
+
></kendo-splitbutton>
|
|
2798
2839
|
</ng-template>
|
|
2799
2840
|
<ng-template #popupTemplate>
|
|
2800
2841
|
<div #overflowMainButton
|
|
@@ -2860,6 +2901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2860
2901
|
[buttonClass]="buttonClass"
|
|
2861
2902
|
[arrowButtonClass]="arrowButtonClass"
|
|
2862
2903
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
2904
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
2863
2905
|
[disabled]="disabled"
|
|
2864
2906
|
[tabIndex]="-1"
|
|
2865
2907
|
[textField]="textField"
|
|
@@ -2870,8 +2912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2870
2912
|
(open)="open.emit($event)"
|
|
2871
2913
|
(close)="close.emit($event)"
|
|
2872
2914
|
(itemClick)="itemClick.emit($event)"
|
|
2873
|
-
>
|
|
2874
|
-
</kendo-splitbutton>
|
|
2915
|
+
></kendo-splitbutton>
|
|
2875
2916
|
</ng-template>
|
|
2876
2917
|
<ng-template #popupTemplate>
|
|
2877
2918
|
<div #overflowMainButton
|
|
@@ -2926,6 +2967,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2926
2967
|
type: Input
|
|
2927
2968
|
}], icon: [{
|
|
2928
2969
|
type: Input
|
|
2970
|
+
}], svgIcon: [{
|
|
2971
|
+
type: Input
|
|
2929
2972
|
}], iconClass: [{
|
|
2930
2973
|
type: Input
|
|
2931
2974
|
}], imageUrl: [{
|
|
@@ -2946,6 +2989,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2946
2989
|
type: Input
|
|
2947
2990
|
}], arrowButtonIcon: [{
|
|
2948
2991
|
type: Input
|
|
2992
|
+
}], arrowButtonSvgIcon: [{
|
|
2993
|
+
type: Input
|
|
2949
2994
|
}], textField: [{
|
|
2950
2995
|
type: Input
|
|
2951
2996
|
}], data: [{
|
|
@@ -13,7 +13,7 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
|
|
|
13
13
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
14
14
|
import { take, filter, takeUntil } from 'rxjs/operators';
|
|
15
15
|
import { Subject, Subscription, merge, fromEvent } from 'rxjs';
|
|
16
|
-
import { moreVerticalIcon } from '@progress/kendo-svg-icons';
|
|
16
|
+
import { moreVerticalIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
|
|
17
17
|
import * as i3 from '@angular/common';
|
|
18
18
|
import { CommonModule } from '@angular/common';
|
|
19
19
|
import * as i1$1 from '@progress/kendo-angular-buttons';
|
|
@@ -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:
|
|
32
|
-
version: '11.0
|
|
31
|
+
publishDate: 1674215815,
|
|
32
|
+
version: '11.1.0-develop.1',
|
|
33
33
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1565,10 +1565,12 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
|
|
|
1565
1565
|
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
1566
1566
|
*/
|
|
1567
1567
|
set svgIcon(icon) {
|
|
1568
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
1569
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
1568
1570
|
if (isDevMode() &&
|
|
1569
1571
|
icon &&
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
+
isIconSet &&
|
|
1573
|
+
isIconClassSet) {
|
|
1572
1574
|
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
1573
1575
|
}
|
|
1574
1576
|
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
@@ -2195,6 +2197,22 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
2195
2197
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
2196
2198
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
2197
2199
|
}
|
|
2200
|
+
/**
|
|
2201
|
+
* Defines an SVGIcon to be rendered within the button.
|
|
2202
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
2203
|
+
*/
|
|
2204
|
+
set svgIcon(icon) {
|
|
2205
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
2206
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
2207
|
+
if (isDevMode() &&
|
|
2208
|
+
icon &&
|
|
2209
|
+
isIconSet &&
|
|
2210
|
+
isIconClassSet) {
|
|
2211
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
2212
|
+
}
|
|
2213
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
2214
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
2215
|
+
}
|
|
2198
2216
|
/**
|
|
2199
2217
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
2200
2218
|
*/
|
|
@@ -2331,7 +2349,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
|
|
|
2331
2349
|
}
|
|
2332
2350
|
}
|
|
2333
2351
|
ToolBarDropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2334
|
-
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2352
|
+
ToolBarDropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", look: "look", primary: "primary", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", textField: "textField", disabled: "disabled", data: "data" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropDownButtonComponent", first: true, predicate: DropDownButtonComponent, descendants: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2335
2353
|
<ng-template #toolbarTemplate>
|
|
2336
2354
|
<kendo-dropdownbutton
|
|
2337
2355
|
#toolbarDropDownButton
|
|
@@ -2474,6 +2492,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2474
2492
|
type: Input
|
|
2475
2493
|
}], icon: [{
|
|
2476
2494
|
type: Input
|
|
2495
|
+
}], svgIcon: [{
|
|
2496
|
+
type: Input
|
|
2477
2497
|
}], iconClass: [{
|
|
2478
2498
|
type: Input
|
|
2479
2499
|
}], imageUrl: [{
|
|
@@ -2566,7 +2586,12 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2566
2586
|
* Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
|
|
2567
2587
|
* be rendered for the button which opens the popup.
|
|
2568
2588
|
*/
|
|
2569
|
-
this.arrowButtonIcon = '
|
|
2589
|
+
this.arrowButtonIcon = 'caret-alt-down';
|
|
2590
|
+
/**
|
|
2591
|
+
* Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
|
|
2592
|
+
* be rendered for the button which opens the popup.
|
|
2593
|
+
*/
|
|
2594
|
+
this.arrowButtonSvgIcon = caretAltDownIcon;
|
|
2570
2595
|
/**
|
|
2571
2596
|
* Configures the text field of the button-list popup.
|
|
2572
2597
|
*/
|
|
@@ -2630,6 +2655,22 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2630
2655
|
this.toolbarOptions.icon = getValueForLocation(icon, this.showIcon, false);
|
|
2631
2656
|
this.overflowOptions.icon = getValueForLocation(icon, this.showIcon, true);
|
|
2632
2657
|
}
|
|
2658
|
+
/**
|
|
2659
|
+
* Defines an SVGIcon to be rendered within the main button.
|
|
2660
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
2661
|
+
*/
|
|
2662
|
+
set svgIcon(icon) {
|
|
2663
|
+
const isIconSet = this.toolbarOptions.icon || this.overflowOptions.icon;
|
|
2664
|
+
const isIconClassSet = this.toolbarOptions.iconClass || this.overflowOptions.iconClass;
|
|
2665
|
+
if (isDevMode() &&
|
|
2666
|
+
icon &&
|
|
2667
|
+
isIconSet &&
|
|
2668
|
+
isIconClassSet) {
|
|
2669
|
+
throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
|
|
2670
|
+
}
|
|
2671
|
+
this.toolbarOptions.svgIcon = getValueForLocation(icon, this.showIcon, false);
|
|
2672
|
+
this.overflowOptions.svgIcon = getValueForLocation(icon, this.showIcon, true);
|
|
2673
|
+
}
|
|
2633
2674
|
/**
|
|
2634
2675
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
2635
2676
|
*/
|
|
@@ -2767,7 +2808,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
|
|
|
2767
2808
|
}
|
|
2768
2809
|
}
|
|
2769
2810
|
ToolBarSplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2770
|
-
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2811
|
+
ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolBarSplitButtonComponent, selector: "kendo-toolbar-splitbutton", inputs: { showText: "showText", showIcon: "showIcon", text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", popupSettings: "popupSettings", fillMode: "fillMode", themeColor: "themeColor", look: "look", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", textField: "textField", data: "data" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
|
|
2771
2812
|
<ng-template #toolbarTemplate>
|
|
2772
2813
|
<kendo-splitbutton
|
|
2773
2814
|
#toolbarSplitButton
|
|
@@ -2781,6 +2822,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
2781
2822
|
[buttonClass]="buttonClass"
|
|
2782
2823
|
[arrowButtonClass]="arrowButtonClass"
|
|
2783
2824
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
2825
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
2784
2826
|
[disabled]="disabled"
|
|
2785
2827
|
[tabIndex]="-1"
|
|
2786
2828
|
[textField]="textField"
|
|
@@ -2791,8 +2833,7 @@ ToolBarSplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
2791
2833
|
(open)="open.emit($event)"
|
|
2792
2834
|
(close)="close.emit($event)"
|
|
2793
2835
|
(itemClick)="itemClick.emit($event)"
|
|
2794
|
-
>
|
|
2795
|
-
</kendo-splitbutton>
|
|
2836
|
+
></kendo-splitbutton>
|
|
2796
2837
|
</ng-template>
|
|
2797
2838
|
<ng-template #popupTemplate>
|
|
2798
2839
|
<div #overflowMainButton
|
|
@@ -2858,6 +2899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2858
2899
|
[buttonClass]="buttonClass"
|
|
2859
2900
|
[arrowButtonClass]="arrowButtonClass"
|
|
2860
2901
|
[arrowButtonIcon]="arrowButtonIcon"
|
|
2902
|
+
[arrowButtonSvgIcon]="arrowButtonSvgIcon"
|
|
2861
2903
|
[disabled]="disabled"
|
|
2862
2904
|
[tabIndex]="-1"
|
|
2863
2905
|
[textField]="textField"
|
|
@@ -2868,8 +2910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2868
2910
|
(open)="open.emit($event)"
|
|
2869
2911
|
(close)="close.emit($event)"
|
|
2870
2912
|
(itemClick)="itemClick.emit($event)"
|
|
2871
|
-
>
|
|
2872
|
-
</kendo-splitbutton>
|
|
2913
|
+
></kendo-splitbutton>
|
|
2873
2914
|
</ng-template>
|
|
2874
2915
|
<ng-template #popupTemplate>
|
|
2875
2916
|
<div #overflowMainButton
|
|
@@ -2924,6 +2965,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2924
2965
|
type: Input
|
|
2925
2966
|
}], icon: [{
|
|
2926
2967
|
type: Input
|
|
2968
|
+
}], svgIcon: [{
|
|
2969
|
+
type: Input
|
|
2927
2970
|
}], iconClass: [{
|
|
2928
2971
|
type: Input
|
|
2929
2972
|
}], imageUrl: [{
|
|
@@ -2944,6 +2987,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2944
2987
|
type: Input
|
|
2945
2988
|
}], arrowButtonIcon: [{
|
|
2946
2989
|
type: Input
|
|
2990
|
+
}], arrowButtonSvgIcon: [{
|
|
2991
|
+
type: Input
|
|
2947
2992
|
}], textField: [{
|
|
2948
2993
|
type: Input
|
|
2949
2994
|
}], data: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-toolbar",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.1.0-develop.1",
|
|
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.0
|
|
33
|
-
"@progress/kendo-angular-common": "11.0
|
|
34
|
-
"@progress/kendo-angular-l10n": "11.0
|
|
35
|
-
"@progress/kendo-angular-icons": "11.0
|
|
36
|
-
"@progress/kendo-angular-popup": "11.0
|
|
32
|
+
"@progress/kendo-angular-buttons": "11.1.0-develop.1",
|
|
33
|
+
"@progress/kendo-angular-common": "11.1.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-l10n": "11.1.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-icons": "11.1.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-popup": "11.1.0-develop.1",
|
|
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.0
|
|
41
|
+
"@progress/kendo-angular-schematics": "11.1.0-develop.1"
|
|
42
42
|
},
|
|
43
43
|
"schematics": "./schematics/collection.json",
|
|
44
44
|
"module": "fesm2015/progress-kendo-angular-toolbar.mjs",
|
|
@@ -9,6 +9,7 @@ import { ButtonFillMode, ButtonThemeColor, DropDownButtonComponent } from '@prog
|
|
|
9
9
|
import { DisplayMode } from '../display-mode';
|
|
10
10
|
import { ToolOptions } from '../tool-options';
|
|
11
11
|
import { PreventableEvent } from '@progress/kendo-angular-buttons';
|
|
12
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
/**
|
|
14
15
|
* Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
|
|
@@ -32,6 +33,11 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
|
|
|
32
33
|
* Defines an icon that will be rendered next to the button text.
|
|
33
34
|
*/
|
|
34
35
|
set icon(icon: string);
|
|
36
|
+
/**
|
|
37
|
+
* Defines an SVGIcon to be rendered within the button.
|
|
38
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
39
|
+
*/
|
|
40
|
+
set svgIcon(icon: SVGIcon);
|
|
35
41
|
/**
|
|
36
42
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
37
43
|
*/
|
|
@@ -169,5 +175,5 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
|
|
|
169
175
|
private focusButton;
|
|
170
176
|
private setTextDisplayMode;
|
|
171
177
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarDropDownButtonComponent, never>;
|
|
172
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "popupSettings": "popupSettings"; "look": "look"; "primary": "primary"; "fillMode": "fillMode"; "themeColor": "themeColor"; "buttonClass": "buttonClass"; "textField": "textField"; "disabled": "disabled"; "data": "data"; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never>;
|
|
178
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "popupSettings": "popupSettings"; "look": "look"; "primary": "primary"; "fillMode": "fillMode"; "themeColor": "themeColor"; "buttonClass": "buttonClass"; "textField": "textField"; "disabled": "disabled"; "data": "data"; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never>;
|
|
173
179
|
}
|
|
@@ -9,6 +9,7 @@ import { PopupSettings } from '../popup-settings';
|
|
|
9
9
|
import { DisplayMode } from '../display-mode';
|
|
10
10
|
import { ToolOptions } from '../tool-options';
|
|
11
11
|
import { PreventableEvent } from '@progress/kendo-angular-buttons';
|
|
12
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
/**
|
|
14
15
|
* Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
|
|
@@ -32,6 +33,11 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
|
|
|
32
33
|
* ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
|
|
33
34
|
*/
|
|
34
35
|
set icon(icon: string);
|
|
36
|
+
/**
|
|
37
|
+
* Defines an SVGIcon to be rendered within the main button.
|
|
38
|
+
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
|
|
39
|
+
*/
|
|
40
|
+
set svgIcon(icon: SVGIcon);
|
|
35
41
|
/**
|
|
36
42
|
* Defines an icon with a custom CSS class that will be rendered next to the button text.
|
|
37
43
|
*/
|
|
@@ -102,6 +108,11 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
|
|
|
102
108
|
* be rendered for the button which opens the popup.
|
|
103
109
|
*/
|
|
104
110
|
arrowButtonIcon: string;
|
|
111
|
+
/**
|
|
112
|
+
* Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
|
|
113
|
+
* be rendered for the button which opens the popup.
|
|
114
|
+
*/
|
|
115
|
+
arrowButtonSvgIcon: SVGIcon;
|
|
105
116
|
/**
|
|
106
117
|
* Configures the text field of the button-list popup.
|
|
107
118
|
*/
|
|
@@ -179,5 +190,5 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
|
|
|
179
190
|
private focusButton;
|
|
180
191
|
private setTextDisplayMode;
|
|
181
192
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSplitButtonComponent, never>;
|
|
182
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "popupSettings": "popupSettings"; "fillMode": "fillMode"; "themeColor": "themeColor"; "look": "look"; "buttonClass": "buttonClass"; "arrowButtonClass": "arrowButtonClass"; "arrowButtonIcon": "arrowButtonIcon"; "textField": "textField"; "data": "data"; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never>;
|
|
193
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "popupSettings": "popupSettings"; "fillMode": "fillMode"; "themeColor": "themeColor"; "look": "look"; "buttonClass": "buttonClass"; "arrowButtonClass": "arrowButtonClass"; "arrowButtonIcon": "arrowButtonIcon"; "arrowButtonSvgIcon": "arrowButtonSvgIcon"; "textField": "textField"; "data": "data"; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never>;
|
|
183
194
|
}
|