@progress/kendo-angular-buttons 8.2.2 → 11.0.0-develop.79

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 (145) hide show
  1. package/NOTICE.txt +3 -3
  2. package/README.md +7 -7
  3. package/button/{button.directive.d.ts → button.component.d.ts} +26 -29
  4. package/button/button.module.d.ts +4 -3
  5. package/button/button.service.d.ts +5 -5
  6. package/button/selection-settings.d.ts +1 -1
  7. package/buttongroup/buttongroup.component.d.ts +7 -7
  8. package/buttongroup/buttongroup.module.d.ts +1 -1
  9. package/buttons.module.d.ts +1 -1
  10. package/chip/chip-content-click-event-args.interface.d.ts +1 -1
  11. package/chip/chip-list-remove-event-args.interface.d.ts +1 -1
  12. package/chip/chip-list.component.d.ts +1 -1
  13. package/chip/chip-remove-event-args.interface.d.ts +1 -1
  14. package/chip/chip.component.d.ts +17 -3
  15. package/chip/chip.module.d.ts +3 -2
  16. package/chip/models/selection.d.ts +1 -1
  17. package/common/models/fillmode.d.ts +1 -1
  18. package/common/models/rounded.d.ts +1 -1
  19. package/common/models/size.d.ts +1 -1
  20. package/common/models/styling-classes.d.ts +1 -1
  21. package/common/models/theme-color.d.ts +1 -1
  22. package/common/models.d.ts +1 -1
  23. package/direction.d.ts +1 -1
  24. package/dropdownbutton/dropdownbutton.component.d.ts +8 -3
  25. package/dropdownbutton/dropdownbutton.module.d.ts +1 -1
  26. package/{esm2015/button/button.directive.js → esm2020/button/button.component.mjs} +84 -149
  27. package/{esm2015/button/button.module.js → esm2020/button/button.module.mjs} +10 -8
  28. package/{esm2015/button/button.service.js → esm2020/button/button.service.mjs} +4 -4
  29. package/{esm2015/button/selection-settings.js → esm2020/button/selection-settings.mjs} +1 -1
  30. package/{esm2015/buttongroup/buttongroup.component.js → esm2020/buttongroup/buttongroup.component.mjs} +10 -10
  31. package/{esm2015/buttongroup/buttongroup.module.js → esm2020/buttongroup/buttongroup.module.mjs} +5 -5
  32. package/{esm2015/buttons.module.js → esm2020/buttons.module.mjs} +5 -5
  33. package/{esm2015/chip/chip-content-click-event-args.interface.js → esm2020/chip/chip-content-click-event-args.interface.mjs} +1 -1
  34. package/{esm2015/chip/chip-list-remove-event-args.interface.js → esm2020/chip/chip-list-remove-event-args.interface.mjs} +1 -1
  35. package/{esm2015/chip/chip-list.component.js → esm2020/chip/chip-list.component.mjs} +5 -5
  36. package/{esm2015/chip/chip-remove-event-args.interface.js → esm2020/chip/chip-remove-event-args.interface.mjs} +1 -1
  37. package/{esm2015/chip/chip.component.js → esm2020/chip/chip.component.mjs} +68 -71
  38. package/{esm2015/chip/chip.module.js → esm2020/chip/chip.module.mjs} +8 -7
  39. package/esm2020/chip/models/selection.mjs +5 -0
  40. package/esm2020/common/models/fillmode.mjs +5 -0
  41. package/esm2020/common/models/rounded.mjs +5 -0
  42. package/esm2020/common/models/size.mjs +5 -0
  43. package/esm2020/common/models/styling-classes.mjs +5 -0
  44. package/esm2020/common/models/theme-color.mjs +5 -0
  45. package/{esm2015/common/models.js → esm2020/common/models.mjs} +1 -1
  46. package/esm2020/direction.mjs +5 -0
  47. package/{esm2015/dropdownbutton/dropdownbutton.component.js → esm2020/dropdownbutton/dropdownbutton.component.mjs} +17 -11
  48. package/{esm2015/dropdownbutton/dropdownbutton.module.js → esm2020/dropdownbutton/dropdownbutton.module.mjs} +5 -5
  49. package/{esm2015/floatingactionbutton/animations/animations.js → esm2020/floatingactionbutton/animations/animations.mjs} +1 -1
  50. package/{esm2015/floatingactionbutton/dial-item.component.js → esm2020/floatingactionbutton/dial-item.component.mjs} +22 -10
  51. package/{esm2015/floatingactionbutton/dial-list.component.js → esm2020/floatingactionbutton/dial-list.component.mjs} +6 -5
  52. package/{esm2015/floatingactionbutton/floatingactionbutton.component.js → esm2020/floatingactionbutton/floatingactionbutton.component.mjs} +27 -12
  53. package/{esm2015/floatingactionbutton/floatingactionbutton.module.js → esm2020/floatingactionbutton/floatingactionbutton.module.mjs} +8 -7
  54. package/esm2020/floatingactionbutton/models/align.mjs +5 -0
  55. package/esm2020/floatingactionbutton/models/item-animation.interface.mjs +5 -0
  56. package/esm2020/floatingactionbutton/models/item-click.event.mjs +5 -0
  57. package/esm2020/floatingactionbutton/models/item.interface.mjs +5 -0
  58. package/esm2020/floatingactionbutton/models/offset.mjs +5 -0
  59. package/esm2020/floatingactionbutton/models/position-mode.mjs +5 -0
  60. package/{esm2015/floatingactionbutton/templates/dial-item-template.directive.js → esm2020/floatingactionbutton/templates/dial-item-template.directive.mjs} +5 -5
  61. package/{esm2015/floatingactionbutton/templates/fab-template.directive.js → esm2020/floatingactionbutton/templates/fab-template.directive.mjs} +5 -5
  62. package/{esm2015/floatingactionbutton/utils.js → esm2020/floatingactionbutton/utils.mjs} +3 -3
  63. package/{esm2015/focusable/focus.service.js → esm2020/focusable/focus.service.mjs} +4 -4
  64. package/{esm2015/focusable/focusable.directive.js → esm2020/focusable/focusable.directive.mjs} +6 -5
  65. package/{esm2015/main.js → esm2020/index.mjs} +2 -2
  66. package/{esm2015/listbutton/button-item-template.directive.js → esm2020/listbutton/button-item-template.directive.mjs} +5 -5
  67. package/{esm2015/listbutton/container.service.js → esm2020/listbutton/container.service.mjs} +4 -4
  68. package/{esm2015/listbutton/list-button.js → esm2020/listbutton/list-button.mjs} +15 -11
  69. package/esm2020/listbutton/list-item-model.mjs +5 -0
  70. package/{esm2015/listbutton/list.component.js → esm2020/listbutton/list.component.mjs} +5 -4
  71. package/{esm2015/listbutton/list.module.js → esm2020/listbutton/list.module.mjs} +5 -5
  72. package/esm2020/listbutton/popup-settings.mjs +5 -0
  73. package/{esm2015/listbutton/template-context.directive.js → esm2020/listbutton/template-context.directive.mjs} +5 -5
  74. package/{esm2015/navigation/key-events.js → esm2020/navigation/key-events.mjs} +1 -1
  75. package/{esm2015/navigation/navigation-action.js → esm2020/navigation/navigation-action.mjs} +1 -1
  76. package/{esm2015/navigation/navigation-config.js → esm2020/navigation/navigation-config.mjs} +1 -1
  77. package/{esm2015/navigation/navigation.service.js → esm2020/navigation/navigation.service.mjs} +4 -4
  78. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
  79. package/{esm2015/preventable-event.js → esm2020/preventable-event.mjs} +1 -1
  80. package/{esm2015/kendo-angular-buttons.js → esm2020/progress-kendo-angular-buttons.mjs} +2 -2
  81. package/{esm2015/splitbutton/localization/custom-messages.component.js → esm2020/splitbutton/localization/custom-messages.component.mjs} +5 -4
  82. package/{esm2015/splitbutton/localization/localized-messages.directive.js → esm2020/splitbutton/localization/localized-messages.directive.mjs} +5 -4
  83. package/{esm2015/splitbutton/localization/messages.js → esm2020/splitbutton/localization/messages.mjs} +4 -4
  84. package/{esm2015/splitbutton/splitbutton.component.js → esm2020/splitbutton/splitbutton.component.mjs} +55 -25
  85. package/{esm2015/splitbutton/splitbutton.module.js → esm2020/splitbutton/splitbutton.module.mjs} +5 -5
  86. package/{esm2015/util.js → esm2020/util.mjs} +1 -1
  87. package/fesm2015/progress-kendo-angular-buttons.mjs +5251 -0
  88. package/{fesm2015/kendo-angular-buttons.js → fesm2020/progress-kendo-angular-buttons.mjs} +450 -464
  89. package/floatingactionbutton/animations/animations.d.ts +1 -1
  90. package/floatingactionbutton/dial-item.component.d.ts +4 -3
  91. package/floatingactionbutton/dial-list.component.d.ts +1 -1
  92. package/floatingactionbutton/floatingactionbutton.component.d.ts +9 -3
  93. package/floatingactionbutton/floatingactionbutton.module.d.ts +3 -2
  94. package/floatingactionbutton/models/align.d.ts +1 -1
  95. package/floatingactionbutton/models/item-animation.interface.d.ts +1 -1
  96. package/floatingactionbutton/models/item-click.event.d.ts +1 -1
  97. package/floatingactionbutton/models/item.interface.d.ts +6 -1
  98. package/floatingactionbutton/models/offset.d.ts +1 -1
  99. package/floatingactionbutton/models/position-mode.d.ts +1 -1
  100. package/floatingactionbutton/templates/dial-item-template.directive.d.ts +1 -1
  101. package/floatingactionbutton/templates/fab-template.directive.d.ts +1 -1
  102. package/floatingactionbutton/utils.d.ts +1 -1
  103. package/focusable/focus.service.d.ts +1 -1
  104. package/focusable/focusable.directive.d.ts +1 -1
  105. package/{main.d.ts → index.d.ts} +3 -2
  106. package/listbutton/button-item-template.directive.d.ts +1 -1
  107. package/listbutton/container.service.d.ts +1 -1
  108. package/listbutton/list-button.d.ts +1 -1
  109. package/listbutton/list-item-model.d.ts +1 -1
  110. package/listbutton/list.component.d.ts +1 -1
  111. package/listbutton/list.module.d.ts +1 -1
  112. package/listbutton/popup-settings.d.ts +1 -1
  113. package/listbutton/template-context.directive.d.ts +1 -1
  114. package/navigation/key-events.d.ts +1 -1
  115. package/navigation/navigation-action.d.ts +1 -1
  116. package/navigation/navigation-config.d.ts +1 -1
  117. package/navigation/navigation.service.d.ts +1 -1
  118. package/package-metadata.d.ts +1 -1
  119. package/package.json +30 -57
  120. package/preventable-event.d.ts +1 -1
  121. package/{kendo-angular-buttons.d.ts → progress-kendo-angular-buttons.d.ts} +2 -2
  122. package/schematics/ngAdd/index.js +5 -7
  123. package/splitbutton/localization/custom-messages.component.d.ts +1 -1
  124. package/splitbutton/localization/localized-messages.directive.d.ts +1 -1
  125. package/splitbutton/localization/messages.d.ts +1 -1
  126. package/splitbutton/splitbutton.component.d.ts +22 -3
  127. package/splitbutton/splitbutton.module.d.ts +1 -1
  128. package/util.d.ts +1 -1
  129. package/bundles/kendo-angular-buttons.umd.js +0 -5
  130. package/esm2015/chip/models/selection.js +0 -5
  131. package/esm2015/common/models/fillmode.js +0 -5
  132. package/esm2015/common/models/rounded.js +0 -5
  133. package/esm2015/common/models/size.js +0 -5
  134. package/esm2015/common/models/styling-classes.js +0 -5
  135. package/esm2015/common/models/theme-color.js +0 -5
  136. package/esm2015/direction.js +0 -5
  137. package/esm2015/floatingactionbutton/models/align.js +0 -5
  138. package/esm2015/floatingactionbutton/models/item-animation.interface.js +0 -5
  139. package/esm2015/floatingactionbutton/models/item-click.event.js +0 -5
  140. package/esm2015/floatingactionbutton/models/item.interface.js +0 -5
  141. package/esm2015/floatingactionbutton/models/offset.js +0 -5
  142. package/esm2015/floatingactionbutton/models/position-mode.js +0 -5
  143. package/esm2015/listbutton/list-item-model.js +0 -5
  144. package/esm2015/listbutton/popup-settings.js +0 -5
  145. package/schematics/ngAdd/index.js.map +0 -1
package/NOTICE.txt CHANGED
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
37
37
  Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
38
38
  Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
39
39
  Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
40
- Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
40
+ Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
41
41
  Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
42
42
  Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
43
43
  ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
433
433
  @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
434
434
  @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
435
435
  @types/prosemirror-transform v1*, and @types/prosemirror-view v1*. Such technologies are
436
- subject to the following terms and conditions:
436
+ subject to the following terms and conditions:
437
437
 
438
438
  This project is licensed under the MIT license.
439
439
  Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
640
640
  2. Special Notices Regarding Commercially Licensed Third-Party Components
641
641
  incorporated into the Product: NONE
642
642
 
643
- 3. Special Notices Regarding Progress Products incorporated into the Product:
643
+ 3. Special Notices Regarding Progress Products incorporated into the Product:
644
644
 
645
645
  (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
646
646
  from Progress Software Corporation. See NOTICE.txt text file within product for
package/README.md CHANGED
@@ -34,15 +34,15 @@ The [Angular Button](https://www.telerik.com/kendo-angular-ui/components/buttons
34
34
 
35
35
  ## Angular ButtonGroup Component
36
36
 
37
- The [Angular ButtonGroup](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) serves as a container for two or more buttons. The buttons contained within can be configured together or separately dending on your requirements.
37
+ The [Angular ButtonGroup](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) serves as a container for two or more buttons. The buttons contained within can be configured together or separately dending on your requirements.
38
38
 
39
39
  ### Key Features
40
40
  * **Single or Multiple Selection Modes:** Choose to allow users to select only one button in each group or allow them to select multiple.
41
- * **Buttons Collection:** Conveniently and programatically render buttons and handle changes as a group.
41
+ * **Buttons Collection:** Conveniently and programatically render buttons and handle changes as a group.
42
42
 
43
43
  ## Angular Chip Component
44
44
 
45
- The [Angular Chip Component](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/collections/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) represents a piece of information or an entity in a compact form. Chips, also called Pills, can typically be selected and removed. These useful tools are most often used to represent people in email clients.
45
+ The [Angular Chip Component](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/collections/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) represents a piece of information or an entity in a compact form. Chips, also called Pills, can typically be selected and removed. These useful tools are most often used to represent people in email clients.
46
46
 
47
47
  ### Key Features
48
48
 
@@ -52,12 +52,12 @@ The [Angular Chip Component](https://www.telerik.com/kendo-angular-ui/components
52
52
 
53
53
  ## Angular ChipList Component
54
54
 
55
- The [Angular Chiplist Component](https://www.telerik.com/kendo-angular-ui/components/buttons/chiplist/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) is a container for two or more Chip components. It's a great way to manage selected entities such as recipients of an email.
55
+ The [Angular Chiplist Component](https://www.telerik.com/kendo-angular-ui/components/buttons/chiplist/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) is a container for two or more Chip components. It's a great way to manage selected entities such as recipients of an email.
56
56
 
57
57
  ### Key Features
58
58
 
59
59
  * **Selection Mode:** By default, Chips cannot be selected and the mode is set to none. But you can enable single or multiple selection modes.
60
- * **Size:** Setting the size of the ChipList determines the gap beteen individual Chips.
60
+ * **Size:** Setting the size of the ChipList determines the gap beteen individual Chips.
61
61
 
62
62
  ## Angular DropDownButton Component
63
63
 
@@ -65,14 +65,14 @@ The [Angular DropDownButton Component](https://www.telerik.com/kendo-angular-ui/
65
65
 
66
66
  ### Key Features
67
67
 
68
- * **Data Binding:** Populate the button and menu content by binding to local or remote data.
68
+ * **Data Binding:** Populate the button and menu content by binding to local or remote data.
69
69
  * **Templates:** Use templates to customize the popup menu and the items contained within.
70
70
  * **Icon DropDown:** Choose to render an icon with the menu items by choosing from the Kendo UI Icon collection or provide your own.
71
71
  * **Appearance:** Built-in options for size, border radius, fill, and theme colors make styling easy.
72
72
 
73
73
  ## Angular FloatingActionButton Component
74
74
 
75
- The [Angular FloatingActionButton](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) makes the most primary function of the application most availble by rendeing a button overlayed in an obvious location. When clicked, you can optionally, show additional options. A common example without secondary actions is the new email button in your Gmail app. A common example of a FloatingActionButton with secondard actions is a share button. When clicked, it shows your sharing options.
75
+ The [Angular FloatingActionButton](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) makes the most primary function of the application most availble by rendeing a button overlayed in an obvious location. When clicked, you can optionally, show additional options. A common example without secondary actions is the new email button in your Gmail app. A common example of a FloatingActionButton with secondard actions is a share button. When clicked, it shows your sharing options.
76
76
 
77
77
  ### Key Features
78
78
 
@@ -1,16 +1,17 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { SimpleChanges, ElementRef, EventEmitter, Renderer2, OnDestroy, NgZone, AfterViewInit } from '@angular/core';
6
6
  import { KendoButtonService } from './button.service';
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
9
+ import { SVGIcon } from '@progress/kendo-svg-icons';
9
10
  import * as i0 from "@angular/core";
10
11
  /**
11
12
  * Represents the Kendo UI Button component for Angular.
12
13
  */
13
- export declare class ButtonDirective implements OnDestroy, AfterViewInit {
14
+ export declare class ButtonComponent implements OnDestroy, AfterViewInit {
14
15
  renderer: Renderer2;
15
16
  private service;
16
17
  private ngZone;
@@ -40,20 +41,21 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
40
41
  set tabIndex(index: number);
41
42
  get tabIndex(): number;
42
43
  /**
43
- * Defines the name for an existing icon in a Kendo UI theme.
44
- * The icon is rendered inside the Button by a `span.k-icon` element.
44
+ * Defines a URL which is used for an `img` element inside the Button.
45
+ * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
45
46
  */
46
- set icon(icon: string);
47
+ imageUrl: string;
47
48
  /**
48
49
  * Defines a CSS class—or multiple classes separated by spaces—
49
50
  * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
50
51
  */
51
- set iconClass(iconClassName: string);
52
+ set iconClass(value: string);
53
+ get iconClass(): string;
52
54
  /**
53
- * Defines a URL which is used for an `img` element inside the Button.
54
- * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
55
+ * Defines the name for an existing font icon in the Kendo UI theme.
55
56
  */
56
- set imageUrl(imageUrl: string);
57
+ set icon(name: string);
58
+ get icon(): string;
57
59
  /**
58
60
  * If set to `true`, it disables the Button.
59
61
  */
@@ -119,6 +121,11 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
119
121
  */
120
122
  set themeColor(themeColor: ButtonThemeColor);
121
123
  get themeColor(): ButtonThemeColor;
124
+ /**
125
+ * Defines an SVGIcon to be rendered within the button.
126
+ */
127
+ set svgIcon(icon: SVGIcon);
128
+ get svgIcon(): SVGIcon;
122
129
  /**
123
130
  * @hidden
124
131
  */
@@ -135,11 +142,6 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
135
142
  click: EventEmitter<any>;
136
143
  element: HTMLElement;
137
144
  isDisabled: boolean;
138
- isIcon: boolean;
139
- isIconClass: boolean;
140
- imageNode: HTMLImageElement;
141
- iconNode: HTMLElement;
142
- iconSpanNode: HTMLElement;
143
145
  private _size;
144
146
  private _rounded;
145
147
  private _fillMode;
@@ -147,12 +149,15 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
147
149
  private _focused;
148
150
  private direction;
149
151
  private _selected;
150
- private deferTimeout;
151
152
  private subs;
153
+ private _iconClass;
154
+ private _icon;
155
+ private _svgIcon;
152
156
  set isFocused(isFocused: boolean);
153
157
  get isFocused(): boolean;
154
158
  get classButton(): boolean;
155
159
  get isToggleable(): boolean;
160
+ get iconButtonClass(): boolean;
156
161
  get roleSetter(): string;
157
162
  get classDisabled(): boolean;
158
163
  get classActive(): boolean;
@@ -177,8 +182,11 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
177
182
  ngOnInit(): void;
178
183
  ngOnChanges(change: SimpleChanges): void;
179
184
  ngAfterViewInit(): void;
180
- ngAfterViewChecked(): void;
181
185
  ngOnDestroy(): void;
186
+ /**
187
+ * @hidden
188
+ */
189
+ get hasText(): boolean;
182
190
  /**
183
191
  * Focuses the Button component.
184
192
  */
@@ -202,21 +210,10 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
202
210
  */
203
211
  setSelected(value: boolean): void;
204
212
  private toggleAriaPressed;
205
- private hasText;
206
- private addImgIcon;
207
- private addIcon;
208
- private addTextSpan;
209
- private prependChild;
210
- private defer;
211
- private iconSetter;
212
- private removeImageNode;
213
- private removeIconNode;
214
- private updateIconNode;
215
- private setIconTextClasses;
216
213
  private toggleClass;
217
214
  private _onButtonClick;
218
215
  private handleClasses;
219
216
  private handleThemeColor;
220
- static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, [null, null, { optional: true; }, null, null]>;
221
- static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "button[kendoButton], span[kendoButton]", ["kendoButton"], { "toggleable": "toggleable"; "togglable": "togglable"; "selected": "selected"; "tabIndex": "tabIndex"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "role": "role"; "primary": "primary"; "look": "look"; }, { "selectedChange": "selectedChange"; "click": "click"; }, never>;
217
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, null, { optional: true; }, null, null]>;
218
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton], span[kendoButton], kendo-button", ["kendoButton"], { "toggleable": "toggleable"; "togglable": "togglable"; "selected": "selected"; "tabIndex": "tabIndex"; "imageUrl": "imageUrl"; "iconClass": "iconClass"; "icon": "icon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "svgIcon": "svgIcon"; "role": "role"; "primary": "primary"; "look": "look"; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"]>;
222
219
  }
@@ -1,9 +1,10 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import * as i0 from "@angular/core";
6
- import * as i1 from "./button.directive";
6
+ import * as i1 from "./button.component";
7
+ import * as i2 from "@progress/kendo-angular-icons";
7
8
  /**
8
9
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
9
10
  * definition for the Button directive.
@@ -37,6 +38,6 @@ import * as i1 from "./button.directive";
37
38
  */
38
39
  export declare class ButtonModule {
39
40
  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
40
- static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonDirective], never, [typeof i1.ButtonDirective]>;
41
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonComponent], [typeof i2.IconsModule], [typeof i1.ButtonComponent]>;
41
42
  static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
42
43
  }
@@ -1,17 +1,17 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { Observable, Subject } from 'rxjs';
6
- import { ButtonDirective } from "./button.directive";
6
+ import { ButtonComponent } from "./button.component";
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * @hidden
10
10
  */
11
11
  export declare class KendoButtonService {
12
- buttonClicked: Subject<ButtonDirective>;
13
- buttonClicked$: Observable<ButtonDirective>;
14
- click(button: ButtonDirective): void;
12
+ buttonClicked: Subject<ButtonComponent>;
13
+ buttonClicked$: Observable<ButtonComponent>;
14
+ click(button: ButtonComponent): void;
15
15
  static ɵfac: i0.ɵɵFactoryDeclaration<KendoButtonService, never>;
16
16
  static ɵprov: i0.ɵɵInjectableDeclaration<KendoButtonService>;
17
17
  }
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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 { ButtonDirective } from '../button/button.directive';
5
+ import { ButtonComponent } from '../button/button.component';
6
6
  import { EventEmitter, QueryList, OnInit, OnDestroy, AfterContentChecked, AfterViewChecked, AfterContentInit, ElementRef, SimpleChanges } from '@angular/core';
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { ButtonGroupSelection } from '../button/selection-settings';
@@ -58,7 +58,7 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
58
58
  * Fires every time keyboard navigation occurs.
59
59
  */
60
60
  navigate: EventEmitter<PreventableEvent>;
61
- buttons: QueryList<ButtonDirective>;
61
+ buttons: QueryList<ButtonComponent>;
62
62
  private _tabIndex;
63
63
  private currentTabIndex;
64
64
  private direction;
@@ -79,10 +79,10 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
79
79
  ngOnDestroy(): void;
80
80
  ngAfterContentChecked(): void;
81
81
  protected navigateFocus(event: any): void;
82
- protected deactivate(buttons: Array<ButtonDirective>): void;
83
- protected activate(buttons: Array<ButtonDirective>): void;
84
- protected defocus(buttons: Array<ButtonDirective>): void;
85
- protected focus(buttons: Array<ButtonDirective>): void;
82
+ protected deactivate(buttons: Array<ButtonComponent>): void;
83
+ protected activate(buttons: Array<ButtonComponent>): void;
84
+ protected defocus(buttons: Array<ButtonComponent>): void;
85
+ protected focus(buttons: Array<ButtonComponent>): void;
86
86
  private verifySettings;
87
87
  private isSelectionSingle;
88
88
  private setButtonsTabIndex;
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import * as i0 from "@angular/core";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import * as i0 from "@angular/core";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { ChipComponent } from './chip.component';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { ChipListComponent } from './chip-list.component';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { QueryList, EventEmitter, OnDestroy, OnInit, Renderer2, AfterContentInit, AfterViewInit, ElementRef, NgZone } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { ChipComponent } from './chip.component';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { EventEmitter, ElementRef, Renderer2, AfterViewInit, OnInit, NgZone, OnChanges, SimpleChanges } from '@angular/core';
@@ -7,6 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
7
7
  import { ChipRemoveEvent } from './chip-remove-event-args.interface';
8
8
  import { ChipContentClickEvent } from './chip-content-click-event-args.interface';
9
9
  import { ChipFillMode, ChipRounded, ChipSize, ChipThemeColor } from '../common/models';
10
+ import { SVGIcon } from '@progress/kendo-svg-icons';
10
11
  import * as i0 from "@angular/core";
11
12
  /**
12
13
  * Displays a Chip that represents an input, attribute or an action.
@@ -25,6 +26,11 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
25
26
  * The icon is rendered inside the Chip by a `span.k-icon` element.
26
27
  */
27
28
  icon: string;
29
+ /**
30
+ * Defines an [`SVGIcon`](slug:api_icons_svgicon) icon to be rendered inside the Chip using
31
+ * a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
32
+ */
33
+ svgIcon: SVGIcon;
28
34
  /**
29
35
  * Defines a CSS class — or multiple classes separated by spaces —
30
36
  * which are applied to a span element.
@@ -47,10 +53,14 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
47
53
  */
48
54
  removable: boolean;
49
55
  /**
50
- * Specifies a custom remove icon that will be rendered when the Chip is removable.
56
+ * Specifies a custom remove font icon class that will be rendered when the Chip is removable.
51
57
  * [see example]({% slug icons %})
52
58
  */
53
59
  removeIcon: string;
60
+ /**
61
+ * Specifies a custom remove SVG icon that will be rendered when the Chip is removable.
62
+ */
63
+ removeSvgIcon: SVGIcon;
54
64
  /**
55
65
  * If set to `true`, the Chip will be disabled.
56
66
  * @default false
@@ -125,6 +135,10 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
125
135
  * @hidden
126
136
  */
127
137
  direction: string;
138
+ /**
139
+ * @hidden
140
+ */
141
+ defaultRemoveIcon: SVGIcon;
128
142
  private _size;
129
143
  private _rounded;
130
144
  private _fillMode;
@@ -173,5 +187,5 @@ export declare class ChipComponent implements OnInit, AfterViewInit, OnChanges {
173
187
  private handleThemeColor;
174
188
  private keyDownHandler;
175
189
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
176
- static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": "label"; "icon": "icon"; "iconClass": "iconClass"; "avatarClass": "avatarClass"; "selected": "selected"; "removable": "removable"; "removeIcon": "removeIcon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; }, { "remove": "remove"; "contentClick": "contentClick"; }, never, ["*"]>;
190
+ static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "kendo-chip", never, { "label": "label"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "avatarClass": "avatarClass"; "selected": "selected"; "removable": "removable"; "removeIcon": "removeIcon"; "removeSvgIcon": "removeSvgIcon"; "disabled": "disabled"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; }, { "remove": "remove"; "contentClick": "contentClick"; }, never, ["*"]>;
177
191
  }
@@ -1,11 +1,12 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "./chip.component";
7
7
  import * as i2 from "./chip-list.component";
8
8
  import * as i3 from "@angular/common";
9
+ import * as i4 from "@progress/kendo-angular-icons";
9
10
  /**
10
11
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
11
12
  * definition for the Chip and ChipList components.
@@ -36,6 +37,6 @@ import * as i3 from "@angular/common";
36
37
  */
37
38
  export declare class ChipModule {
38
39
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipModule, never>;
39
- static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i3.CommonModule], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
40
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i3.CommonModule, typeof i4.IconsModule], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
40
41
  static ɵinj: i0.ɵɵInjectorDeclaration<ChipModule>;
41
42
  }
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  export * from './models/size';
package/direction.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import { TemplateRef, ViewContainerRef, ElementRef, EventEmitter, NgZone, ChangeDetectorRef, AfterViewInit } from '@angular/core';
@@ -13,6 +13,7 @@ import { FocusService } from '../focusable/focus.service';
13
13
  import { NavigationService } from '../navigation/navigation.service';
14
14
  import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
15
15
  import { PopupContainerService } from '../listbutton/container.service';
16
+ import { SVGIcon } from '@progress/kendo-svg-icons';
16
17
  import * as i0 from "@angular/core";
17
18
  /**
18
19
  * Represents the Kendo UI DropDownButton component for Angular.
@@ -45,9 +46,13 @@ import * as i0 from "@angular/core";
45
46
  export declare class DropDownButtonComponent extends ListButton implements AfterViewInit {
46
47
  protected containerService: PopupContainerService;
47
48
  /**
48
- * Defines the name of an existing icon in a Kendo UI theme.
49
+ * Defines the name of an existing icon in the Kendo UI theme.
49
50
  */
50
51
  icon: string;
52
+ /**
53
+ * Defines an [`SVGIcon`](slug:api_icons_svgicon) to be rendered within the button.
54
+ */
55
+ svgIcon: SVGIcon;
51
56
  /**
52
57
  * Defines the list of CSS classes which are used for styling the Button with custom icons.
53
58
  */
@@ -194,5 +199,5 @@ export declare class DropDownButtonComponent extends ListButton implements After
194
199
  */
195
200
  wrapperContains(element: any): boolean;
196
201
  static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
197
- static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "textField": "textField"; "data": "data"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"]>;
202
+ static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "textField": "textField"; "data": "data"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"]>;
198
203
  }
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 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
5
  import * as i0 from "@angular/core";