@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

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 (265) hide show
  1. package/bundles/kendo-angular-buttons.umd.js +5 -0
  2. package/{dist/es2015/button → button}/button.directive.d.ts +29 -21
  3. package/{dist/es2015/button → button}/button.module.d.ts +5 -0
  4. package/{dist/es2015/button → button}/button.service.d.ts +3 -0
  5. package/{dist/es2015/button → button}/selection-settings.d.ts +0 -0
  6. package/{dist/es2015/button-look.d.ts → button-look.d.ts} +0 -0
  7. package/{dist/es2015/buttongroup → buttongroup}/buttongroup.component.d.ts +16 -12
  8. package/buttongroup/buttongroup.module.d.ts +21 -0
  9. package/{dist/es2015/buttons.module.d.ts → buttons.module.d.ts} +10 -0
  10. package/{dist/es2015/chip → chip}/chip-content-click-event-args.interface.d.ts +0 -0
  11. package/{dist/es2015/chip → chip}/chip-list-remove-event-args.interface.d.ts +0 -0
  12. package/{dist/es2015/chip → chip}/chip-list.component.d.ts +5 -2
  13. package/{dist/es2015/chip → chip}/chip-remove-event-args.interface.d.ts +0 -0
  14. package/{dist/es2015/chip → chip}/chip.component.d.ts +15 -14
  15. package/{dist/es2015/chip → chip}/chip.module.d.ts +7 -0
  16. package/{dist/es2015/buttongroup/buttongroup.module.d.ts → chip/models/chip-look.d.ts} +10 -6
  17. package/{dist/es2015/chip → chip}/models/selection.d.ts +0 -0
  18. package/{dist/es2015/chip → chip}/models/type.d.ts +0 -0
  19. package/{dist/es2015/common → common}/models/shape.d.ts +0 -0
  20. package/{dist/es2015/common → common}/models/size.d.ts +0 -0
  21. package/{dist/es2015/common → common}/models/theme-color.d.ts +0 -0
  22. package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
  23. package/{dist/es2015/dropdownbutton → dropdownbutton}/dropdownbutton.component.d.ts +24 -17
  24. package/dropdownbutton/dropdownbutton.module.d.ts +23 -0
  25. package/{dist/es2015 → esm2015}/button/button.directive.js +97 -151
  26. package/{dist/es → esm2015}/button/button.module.js +13 -13
  27. package/{dist/es2015 → esm2015}/button/button.service.js +8 -10
  28. package/{dist/es → esm2015}/button/selection-settings.js +1 -0
  29. package/{dist/es2015 → esm2015}/button-look.js +1 -0
  30. package/{dist/es2015 → esm2015}/buttongroup/buttongroup.component.js +93 -125
  31. package/esm2015/buttongroup/buttongroup.module.js +30 -0
  32. package/{dist/es → esm2015}/buttons.module.js +12 -12
  33. package/{dist/es2015 → esm2015}/chip/chip-content-click-event-args.interface.js +1 -0
  34. package/{dist/es2015 → esm2015}/chip/chip-list-remove-event-args.interface.js +1 -0
  35. package/{dist/es2015 → esm2015}/chip/chip-list.component.js +56 -63
  36. package/{dist/es → esm2015}/chip/chip-remove-event-args.interface.js +1 -0
  37. package/{dist/es2015 → esm2015}/chip/chip.component.js +121 -128
  38. package/{dist/es2015 → esm2015}/chip/chip.module.js +16 -11
  39. package/{dist/es → esm2015}/chip/models/chip-look.js +1 -0
  40. package/{dist/es → esm2015}/chip/models/selection.js +1 -0
  41. package/{dist/es → esm2015}/chip/models/type.js +1 -0
  42. package/{dist/es → esm2015}/common/models/shape.js +1 -0
  43. package/{dist/es → esm2015}/common/models/size.js +1 -0
  44. package/{dist/es → esm2015}/common/models/theme-color.js +1 -0
  45. package/{dist/es → esm2015}/direction.js +1 -0
  46. package/{dist/es2015 → esm2015}/dropdownbutton/dropdownbutton.component.js +162 -180
  47. package/esm2015/dropdownbutton/dropdownbutton.module.js +32 -0
  48. package/{dist/es2015 → esm2015}/floatingactionbutton/animations/animations.js +0 -0
  49. package/esm2015/floatingactionbutton/dial-item.component.js +126 -0
  50. package/esm2015/floatingactionbutton/dial-list.component.js +89 -0
  51. package/{dist/es2015 → esm2015}/floatingactionbutton/floatingactionbutton.component.js +150 -150
  52. package/{dist/es2015 → esm2015}/floatingactionbutton/floatingactionbutton.module.js +19 -11
  53. package/{dist/es → esm2015}/floatingactionbutton/models/align.js +1 -0
  54. package/{dist/es → esm2015}/floatingactionbutton/models/item-animation.interface.js +1 -0
  55. package/{dist/es → esm2015}/floatingactionbutton/models/item-click.event.js +1 -0
  56. package/{dist/es → esm2015}/floatingactionbutton/models/item.interface.js +1 -0
  57. package/{dist/es → esm2015}/floatingactionbutton/models/offset.js +1 -0
  58. package/{dist/es → esm2015}/floatingactionbutton/models/position-mode.js +1 -0
  59. package/esm2015/floatingactionbutton/templates/dial-item-template.directive.js +27 -0
  60. package/esm2015/floatingactionbutton/templates/fab-template.directive.js +27 -0
  61. package/{dist/es2015 → esm2015}/floatingactionbutton/utils.js +0 -0
  62. package/{dist/es2015 → esm2015}/focusable/focus.service.js +8 -10
  63. package/{dist/es2015 → esm2015}/focusable/focusable.directive.js +15 -16
  64. package/{dist/es2015/listbutton/list.module.d.ts → esm2015/kendo-angular-buttons.js} +2 -3
  65. package/{dist/es2015 → esm2015}/listbutton/button-item-template.directive.js +13 -12
  66. package/{dist/es2015 → esm2015}/listbutton/list-button.js +15 -2
  67. package/{dist/es → esm2015}/listbutton/list-item-model.js +1 -0
  68. package/esm2015/listbutton/list.component.js +120 -0
  69. package/esm2015/listbutton/list.module.js +39 -0
  70. package/{dist/es → esm2015}/listbutton/popup-settings.js +1 -0
  71. package/esm2015/listbutton/template-context.directive.js +33 -0
  72. package/{dist/es2015 → esm2015}/main.js +5 -1
  73. package/{dist/es → esm2015}/navigation/key-events.js +0 -0
  74. package/{dist/es → esm2015}/navigation/navigation-action.js +0 -0
  75. package/{dist/es2015 → esm2015}/navigation/navigation-config.js +0 -0
  76. package/{dist/es2015 → esm2015}/navigation/navigation.service.js +11 -9
  77. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  78. package/{dist/es2015 → esm2015}/preventable-event.js +0 -0
  79. package/{dist/es2015 → esm2015}/splitbutton/splitbutton.component.js +186 -192
  80. package/esm2015/splitbutton/splitbutton.module.js +32 -0
  81. package/{dist/es2015 → esm2015}/util.js +2 -6
  82. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-buttons.js} +1613 -1723
  83. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/animations/animations.d.ts +0 -0
  84. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-item.component.d.ts +8 -5
  85. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-list.component.d.ts +5 -2
  86. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.component.d.ts +28 -19
  87. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.module.d.ts +13 -0
  88. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/align.d.ts +0 -0
  89. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-animation.interface.d.ts +0 -0
  90. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-click.event.d.ts +0 -0
  91. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item.interface.d.ts +0 -0
  92. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/offset.d.ts +0 -0
  93. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/position-mode.d.ts +0 -0
  94. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/dial-item-template.directive.d.ts +3 -0
  95. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/fab-template.directive.d.ts +3 -0
  96. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/utils.d.ts +0 -0
  97. package/{dist/es2015/focusable → focusable}/focus.service.d.ts +5 -1
  98. package/{dist/es2015/focusable → focusable}/focusable.directive.d.ts +3 -0
  99. package/kendo-angular-buttons.d.ts +9 -0
  100. package/{dist/es2015/listbutton → listbutton}/button-item-template.directive.d.ts +3 -0
  101. package/{dist/es2015/listbutton → listbutton}/list-button.d.ts +6 -2
  102. package/{dist/es2015/listbutton → listbutton}/list-item-model.d.ts +0 -0
  103. package/{dist/es2015/listbutton → listbutton}/list.component.d.ts +3 -0
  104. package/listbutton/list.module.d.ts +18 -0
  105. package/{dist/es2015/listbutton → listbutton}/popup-settings.d.ts +0 -0
  106. package/{dist/es2015/listbutton → listbutton}/template-context.directive.d.ts +4 -1
  107. package/{dist/es2015/main.d.ts → main.d.ts} +5 -1
  108. package/{dist/es2015/navigation → navigation}/key-events.d.ts +0 -0
  109. package/{dist/es2015/navigation → navigation}/navigation-action.d.ts +0 -0
  110. package/{dist/es2015/navigation → navigation}/navigation-config.d.ts +0 -0
  111. package/{dist/es2015/navigation → navigation}/navigation.service.d.ts +3 -0
  112. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  113. package/package.json +34 -105
  114. package/{dist/es2015/preventable-event.d.ts → preventable-event.d.ts} +0 -0
  115. package/schematics/ngAdd/index.js +5 -2
  116. package/schematics/ngAdd/index.js.map +1 -1
  117. package/{dist/es2015/splitbutton → splitbutton}/splitbutton.component.d.ts +26 -19
  118. package/splitbutton/splitbutton.module.d.ts +23 -0
  119. package/{dist/es2015/util.d.ts → util.d.ts} +0 -4
  120. package/dist/cdn/js/kendo-angular-buttons.js +0 -20
  121. package/dist/cdn/main.js +0 -5
  122. package/dist/es/button/button.directive.js +0 -630
  123. package/dist/es/button/button.service.js +0 -28
  124. package/dist/es/button-look.js +0 -4
  125. package/dist/es/buttongroup/buttongroup.component.js +0 -402
  126. package/dist/es/buttongroup/buttongroup.module.js +0 -30
  127. package/dist/es/chip/chip-content-click-event-args.interface.js +0 -4
  128. package/dist/es/chip/chip-list-remove-event-args.interface.js +0 -4
  129. package/dist/es/chip/chip-list.component.js +0 -164
  130. package/dist/es/chip/chip.component.js +0 -360
  131. package/dist/es/chip/chip.module.js +0 -55
  132. package/dist/es/dropdownbutton/dropdownbutton.component.js +0 -652
  133. package/dist/es/dropdownbutton/dropdownbutton.module.js +0 -32
  134. package/dist/es/floatingactionbutton/animations/animations.js +0 -33
  135. package/dist/es/floatingactionbutton/dial-item.component.js +0 -143
  136. package/dist/es/floatingactionbutton/dial-list.component.js +0 -76
  137. package/dist/es/floatingactionbutton/floatingactionbutton.component.js +0 -878
  138. package/dist/es/floatingactionbutton/floatingactionbutton.module.js +0 -65
  139. package/dist/es/floatingactionbutton/templates/dial-item-template.directive.js +0 -26
  140. package/dist/es/floatingactionbutton/templates/fab-template.directive.js +0 -26
  141. package/dist/es/floatingactionbutton/utils.js +0 -38
  142. package/dist/es/focusable/focus.service.js +0 -43
  143. package/dist/es/focusable/focusable.directive.js +0 -68
  144. package/dist/es/index.js +0 -22
  145. package/dist/es/listbutton/button-item-template.directive.js +0 -68
  146. package/dist/es/listbutton/list-button.js +0 -240
  147. package/dist/es/listbutton/list.component.js +0 -66
  148. package/dist/es/listbutton/list.module.js +0 -33
  149. package/dist/es/listbutton/template-context.directive.js +0 -40
  150. package/dist/es/main.js +0 -22
  151. package/dist/es/navigation/navigation-config.js +0 -9
  152. package/dist/es/navigation/navigation.service.js +0 -114
  153. package/dist/es/package-metadata.js +0 -15
  154. package/dist/es/preventable-event.js +0 -29
  155. package/dist/es/splitbutton/localization/custom-messages.component.js +0 -44
  156. package/dist/es/splitbutton/localization/localized-messages.directive.js +0 -35
  157. package/dist/es/splitbutton/localization/messages.js +0 -22
  158. package/dist/es/splitbutton/splitbutton.component.js +0 -761
  159. package/dist/es/splitbutton/splitbutton.module.js +0 -34
  160. package/dist/es/util.js +0 -45
  161. package/dist/es2015/button/button.module.js +0 -47
  162. package/dist/es2015/button/selection-settings.js +0 -4
  163. package/dist/es2015/buttongroup/buttongroup.module.js +0 -27
  164. package/dist/es2015/buttons.module.js +0 -51
  165. package/dist/es2015/chip/chip-remove-event-args.interface.js +0 -4
  166. package/dist/es2015/chip/models/chip-look.d.ts +0 -20
  167. package/dist/es2015/chip/models/chip-look.js +0 -4
  168. package/dist/es2015/chip/models/selection.js +0 -4
  169. package/dist/es2015/chip/models/type.js +0 -4
  170. package/dist/es2015/common/models/shape.js +0 -4
  171. package/dist/es2015/common/models/size.js +0 -4
  172. package/dist/es2015/common/models/theme-color.js +0 -4
  173. package/dist/es2015/direction.js +0 -4
  174. package/dist/es2015/dropdownbutton/dropdownbutton.module.d.ts +0 -14
  175. package/dist/es2015/dropdownbutton/dropdownbutton.module.js +0 -29
  176. package/dist/es2015/floatingactionbutton/dial-item.component.js +0 -133
  177. package/dist/es2015/floatingactionbutton/dial-list.component.js +0 -81
  178. package/dist/es2015/floatingactionbutton/models/align.js +0 -4
  179. package/dist/es2015/floatingactionbutton/models/item-animation.interface.js +0 -4
  180. package/dist/es2015/floatingactionbutton/models/item-click.event.js +0 -4
  181. package/dist/es2015/floatingactionbutton/models/item.interface.js +0 -4
  182. package/dist/es2015/floatingactionbutton/models/offset.js +0 -4
  183. package/dist/es2015/floatingactionbutton/models/position-mode.js +0 -4
  184. package/dist/es2015/floatingactionbutton/templates/dial-item-template.directive.js +0 -25
  185. package/dist/es2015/floatingactionbutton/templates/fab-template.directive.js +0 -25
  186. package/dist/es2015/index.d.ts +0 -22
  187. package/dist/es2015/index.js +0 -22
  188. package/dist/es2015/index.metadata.json +0 -1
  189. package/dist/es2015/listbutton/list-item-model.js +0 -4
  190. package/dist/es2015/listbutton/list.component.js +0 -96
  191. package/dist/es2015/listbutton/list.module.js +0 -30
  192. package/dist/es2015/listbutton/popup-settings.js +0 -4
  193. package/dist/es2015/listbutton/template-context.directive.js +0 -35
  194. package/dist/es2015/navigation/key-events.js +0 -13
  195. package/dist/es2015/navigation/navigation-action.js +0 -19
  196. package/dist/es2015/splitbutton/localization/custom-messages.component.d.ts +0 -15
  197. package/dist/es2015/splitbutton/localization/custom-messages.component.js +0 -36
  198. package/dist/es2015/splitbutton/localization/localized-messages.directive.d.ts +0 -13
  199. package/dist/es2015/splitbutton/localization/localized-messages.directive.js +0 -31
  200. package/dist/es2015/splitbutton/localization/messages.d.ts +0 -32
  201. package/dist/es2015/splitbutton/localization/messages.js +0 -16
  202. package/dist/es2015/splitbutton/splitbutton.module.d.ts +0 -14
  203. package/dist/es2015/splitbutton/splitbutton.module.js +0 -31
  204. package/dist/fesm5/index.js +0 -5123
  205. package/dist/npm/button/button.directive.js +0 -632
  206. package/dist/npm/button/button.module.js +0 -52
  207. package/dist/npm/button/button.service.js +0 -30
  208. package/dist/npm/button/selection-settings.js +0 -6
  209. package/dist/npm/button-look.js +0 -6
  210. package/dist/npm/buttongroup/buttongroup.component.js +0 -404
  211. package/dist/npm/buttongroup/buttongroup.module.js +0 -32
  212. package/dist/npm/buttons.module.js +0 -56
  213. package/dist/npm/chip/chip-content-click-event-args.interface.js +0 -6
  214. package/dist/npm/chip/chip-list-remove-event-args.interface.js +0 -6
  215. package/dist/npm/chip/chip-list.component.js +0 -166
  216. package/dist/npm/chip/chip-remove-event-args.interface.js +0 -6
  217. package/dist/npm/chip/chip.component.js +0 -362
  218. package/dist/npm/chip/chip.module.js +0 -57
  219. package/dist/npm/chip/models/chip-look.js +0 -6
  220. package/dist/npm/chip/models/selection.js +0 -6
  221. package/dist/npm/chip/models/type.js +0 -6
  222. package/dist/npm/common/models/shape.js +0 -6
  223. package/dist/npm/common/models/size.js +0 -6
  224. package/dist/npm/common/models/theme-color.js +0 -6
  225. package/dist/npm/direction.js +0 -6
  226. package/dist/npm/dropdownbutton/dropdownbutton.component.js +0 -654
  227. package/dist/npm/dropdownbutton/dropdownbutton.module.js +0 -34
  228. package/dist/npm/floatingactionbutton/animations/animations.js +0 -37
  229. package/dist/npm/floatingactionbutton/dial-item.component.js +0 -145
  230. package/dist/npm/floatingactionbutton/dial-list.component.js +0 -78
  231. package/dist/npm/floatingactionbutton/floatingactionbutton.component.js +0 -880
  232. package/dist/npm/floatingactionbutton/floatingactionbutton.module.js +0 -67
  233. package/dist/npm/floatingactionbutton/models/align.js +0 -6
  234. package/dist/npm/floatingactionbutton/models/item-animation.interface.js +0 -6
  235. package/dist/npm/floatingactionbutton/models/item-click.event.js +0 -6
  236. package/dist/npm/floatingactionbutton/models/item.interface.js +0 -6
  237. package/dist/npm/floatingactionbutton/models/offset.js +0 -6
  238. package/dist/npm/floatingactionbutton/models/position-mode.js +0 -6
  239. package/dist/npm/floatingactionbutton/templates/dial-item-template.directive.js +0 -28
  240. package/dist/npm/floatingactionbutton/templates/fab-template.directive.js +0 -28
  241. package/dist/npm/floatingactionbutton/utils.js +0 -42
  242. package/dist/npm/focusable/focus.service.js +0 -45
  243. package/dist/npm/focusable/focusable.directive.js +0 -70
  244. package/dist/npm/index.js +0 -39
  245. package/dist/npm/listbutton/button-item-template.directive.js +0 -70
  246. package/dist/npm/listbutton/list-button.js +0 -242
  247. package/dist/npm/listbutton/list-item-model.js +0 -6
  248. package/dist/npm/listbutton/list.component.js +0 -68
  249. package/dist/npm/listbutton/list.module.js +0 -35
  250. package/dist/npm/listbutton/popup-settings.js +0 -6
  251. package/dist/npm/listbutton/template-context.directive.js +0 -42
  252. package/dist/npm/main.js +0 -45
  253. package/dist/npm/navigation/key-events.js +0 -15
  254. package/dist/npm/navigation/navigation-action.js +0 -21
  255. package/dist/npm/navigation/navigation-config.js +0 -11
  256. package/dist/npm/navigation/navigation.service.js +0 -116
  257. package/dist/npm/package-metadata.js +0 -17
  258. package/dist/npm/preventable-event.js +0 -31
  259. package/dist/npm/splitbutton/localization/custom-messages.component.js +0 -46
  260. package/dist/npm/splitbutton/localization/localized-messages.directive.js +0 -37
  261. package/dist/npm/splitbutton/localization/messages.js +0 -24
  262. package/dist/npm/splitbutton/splitbutton.component.js +0 -763
  263. package/dist/npm/splitbutton/splitbutton.module.js +0 -36
  264. package/dist/npm/util.js +0 -48
  265. package/dist/systemjs/kendo-angular-buttons.js +0 -5
@@ -1,652 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- /* tslint:disable:no-access-missing-member */
7
- import { Component, ContentChild, TemplateRef, ViewChild, ViewContainerRef, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, NgZone, ChangeDetectorRef } from '@angular/core';
8
- import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
9
- import { PopupService } from '@progress/kendo-angular-popup';
10
- import { isDocumentAvailable, guid, Keys, isChanged } from '@progress/kendo-angular-common';
11
- import { ButtonItemTemplateDirective } from '../listbutton/button-item-template.directive';
12
- import { isPresent, tick } from '../util';
13
- import { ListButton } from '../listbutton/list-button';
14
- import { ListComponent } from '../listbutton/list.component';
15
- import { FocusService } from '../focusable/focus.service';
16
- import { NavigationService } from '../navigation/navigation.service';
17
- import { NAVIGATION_CONFIG } from '../navigation/navigation-config';
18
- import { PreventableEvent } from '../preventable-event';
19
- import { merge } from 'rxjs';
20
- var NAVIGATION_SETTINGS = {
21
- useLeftRightArrows: true
22
- };
23
- var ɵ0 = NAVIGATION_SETTINGS;
24
- var NAVIGATION_SETTINGS_PROVIDER = {
25
- provide: NAVIGATION_CONFIG,
26
- useValue: ɵ0
27
- };
28
- /**
29
- * Represents the Kendo UI DropDownButton component for Angular.
30
- *
31
- * @example
32
- * ```ts
33
- * _@Component({
34
- * selector: 'my-app',
35
- * template: `
36
- * <kendo-dropdownbutton [data]="data">
37
- * User Settings
38
- * </kendo-dropdownbutton>
39
- * `
40
- * })
41
- * class AppComponent {
42
- * public data: Array<any> = [{
43
- * text: 'My Profile'
44
- * }, {
45
- * text: 'Friend Requests'
46
- * }, {
47
- * text: 'Account Settings'
48
- * }, {
49
- * text: 'Support'
50
- * }, {
51
- * text: 'Log Out'
52
- * }];
53
- * }
54
- * ```
55
- */
56
- var DropDownButtonComponent = /** @class */ (function (_super) {
57
- tslib_1.__extends(DropDownButtonComponent, _super);
58
- function DropDownButtonComponent(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr) {
59
- var _this = _super.call(this, focusService, navigationService, wrapperRef, zone, localization, cdr) || this;
60
- _this.popupService = popupService;
61
- _this.elRef = elRef;
62
- /**
63
- * Defines the name of an existing icon in a Kendo UI theme.
64
- */
65
- _this.icon = '';
66
- /**
67
- * Defines the list of CSS classes which are used for styling the Button with custom icons.
68
- */
69
- _this.iconClass = '';
70
- /**
71
- * Defines a URL for styling the button with a custom image.
72
- */
73
- _this.imageUrl = '';
74
- /**
75
- * Adds visual weight to the default button and makes it primary.
76
- */
77
- _this.primary = false;
78
- /**
79
- * Changes the visual appearance by using alternative styling options.
80
- *
81
- * The available values are:
82
- * * `flat`
83
- * * `outline`
84
- */
85
- _this.look = 'default';
86
- /**
87
- * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
88
- */
89
- _this.tabIndex = 0;
90
- /**
91
- * Fires each time the user clicks on a drop-down list item. The event data contains the data item bound to the clicked list item.
92
- */
93
- _this.itemClick = new EventEmitter();
94
- /**
95
- * Fires each time the popup is about to open.
96
- * This event is preventable. If you cancel the event, the popup will remain closed.
97
- */
98
- _this.open = new EventEmitter();
99
- /**
100
- * Fires each time the popup is about to close.
101
- * This event is preventable. If you cancel the event, the popup will remain open.
102
- */
103
- _this.close = new EventEmitter();
104
- /**
105
- * Fires each time the DropDownButton gets focused.
106
- */
107
- _this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
108
- /**
109
- * Fires each time the DropDownButton gets blurred.
110
- */
111
- _this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
112
- _this.listId = guid();
113
- _this._itemClick = _this.itemClick;
114
- _this._blur = _this.onBlur;
115
- return _this;
116
- }
117
- Object.defineProperty(DropDownButtonComponent.prototype, "popupSettings", {
118
- get: function () {
119
- return this._popupSettings;
120
- },
121
- /**
122
- * Configures the popup of the DropDownButton.
123
- *
124
- * The available options are:
125
- * - `animate: Boolean`&mdash;Controls the popup animation. By default, the open and close animations are enabled.
126
- * - `popupClass: String`&mdash;Specifies a list of CSS classes that are used to style the popup.
127
- * - `appendTo: "root" | "component" | ViewContainerRef`&mdash;Specifies the component to which the popup will be appended.
128
- * - `align: "left" | "center" | "right"`&mdash;Specifies the alignment of the popup.
129
- */
130
- set: function (settings) {
131
- this._popupSettings = Object.assign({ animate: true, popupClass: '' }, settings);
132
- },
133
- enumerable: true,
134
- configurable: true
135
- });
136
- Object.defineProperty(DropDownButtonComponent.prototype, "disabled", {
137
- get: function () {
138
- return this._disabled;
139
- },
140
- /**
141
- * Sets the disabled state of the DropDownButton.
142
- */
143
- set: function (value) {
144
- if (value && this.openState) {
145
- this.openState = false;
146
- }
147
- this._disabled = value;
148
- },
149
- enumerable: true,
150
- configurable: true
151
- });
152
- Object.defineProperty(DropDownButtonComponent.prototype, "data", {
153
- get: function () {
154
- return this._data;
155
- },
156
- /**
157
- * Sets or gets the data of the DropDownButton.
158
- *
159
- * > The data has to be provided in an array-like list.
160
- */
161
- set: function (data) {
162
- this._data = data || [];
163
- },
164
- enumerable: true,
165
- configurable: true
166
- });
167
- Object.defineProperty(DropDownButtonComponent.prototype, "openState", {
168
- /**
169
- * @hidden
170
- */
171
- get: function () {
172
- return this._open;
173
- },
174
- /**
175
- * @hidden
176
- */
177
- set: function (open) {
178
- if (this.disabled) {
179
- return;
180
- }
181
- var eventArgs = new PreventableEvent();
182
- if (open) {
183
- this.open.emit(eventArgs);
184
- }
185
- else {
186
- this.close.emit(eventArgs);
187
- }
188
- if (eventArgs.isDefaultPrevented()) {
189
- return;
190
- }
191
- this._toggle(open);
192
- },
193
- enumerable: true,
194
- configurable: true
195
- });
196
- Object.defineProperty(DropDownButtonComponent.prototype, "componentTabIndex", {
197
- /**
198
- * @hidden
199
- */
200
- get: function () {
201
- return this.disabled ? (-1) : this.tabIndex;
202
- },
203
- enumerable: true,
204
- configurable: true
205
- });
206
- Object.defineProperty(DropDownButtonComponent.prototype, "appendTo", {
207
- get: function () {
208
- var appendTo = this.popupSettings.appendTo;
209
- if (!appendTo || appendTo === 'root') {
210
- return undefined;
211
- }
212
- return appendTo === 'component' ? this.container : appendTo;
213
- },
214
- enumerable: true,
215
- configurable: true
216
- });
217
- Object.defineProperty(DropDownButtonComponent.prototype, "focused", {
218
- get: function () {
219
- return this._isFocused && !this._disabled;
220
- },
221
- enumerable: true,
222
- configurable: true
223
- });
224
- Object.defineProperty(DropDownButtonComponent.prototype, "isFlat", {
225
- get: function () {
226
- return this.look === 'flat';
227
- },
228
- enumerable: true,
229
- configurable: true
230
- });
231
- Object.defineProperty(DropDownButtonComponent.prototype, "isOutline", {
232
- get: function () {
233
- return this.look === 'outline';
234
- },
235
- enumerable: true,
236
- configurable: true
237
- });
238
- Object.defineProperty(DropDownButtonComponent.prototype, "widgetClasses", {
239
- get: function () {
240
- return true;
241
- },
242
- enumerable: true,
243
- configurable: true
244
- });
245
- Object.defineProperty(DropDownButtonComponent.prototype, "dir", {
246
- get: function () {
247
- return this.direction;
248
- },
249
- enumerable: true,
250
- configurable: true
251
- });
252
- Object.defineProperty(DropDownButtonComponent.prototype, "active", {
253
- /**
254
- * @hidden
255
- */
256
- get: function () {
257
- return this._active;
258
- },
259
- enumerable: true,
260
- configurable: true
261
- });
262
- /**
263
- * @hidden
264
- */
265
- DropDownButtonComponent.prototype.keydown = function (event) {
266
- this.keyDownHandler(event);
267
- if (event.keyCode === Keys.Space) {
268
- this._active = true;
269
- }
270
- };
271
- /**
272
- * @hidden
273
- */
274
- DropDownButtonComponent.prototype.keypress = function (event) {
275
- this.keyPressHandler(event);
276
- };
277
- /**
278
- * @hidden
279
- */
280
- DropDownButtonComponent.prototype.keyup = function (event) {
281
- this.keyUpHandler(event);
282
- this._active = false;
283
- };
284
- /**
285
- * @hidden
286
- */
287
- DropDownButtonComponent.prototype.mousedown = function (event) {
288
- if (this._disabled) {
289
- event.preventDefault();
290
- }
291
- this._active = true;
292
- };
293
- /**
294
- * @hidden
295
- */
296
- DropDownButtonComponent.prototype.mouseup = function (event) {
297
- if (this._disabled) {
298
- event.preventDefault();
299
- }
300
- this._active = false;
301
- };
302
- /**
303
- * @hidden
304
- */
305
- DropDownButtonComponent.prototype.openPopup = function () {
306
- this.togglePopupVisibility();
307
- };
308
- /**
309
- * @hidden
310
- */
311
- DropDownButtonComponent.prototype.onButtonBlur = function () {
312
- if (!this.isOpen) {
313
- this.blurWrapper();
314
- }
315
- };
316
- Object.defineProperty(DropDownButtonComponent.prototype, "anchorAlign", {
317
- /**
318
- * @hidden
319
- */
320
- get: function () {
321
- var align = { horizontal: this.popupSettings.align || 'left', vertical: 'bottom' };
322
- if (this.direction === 'rtl' && !isPresent(this.popupSettings.align)) {
323
- align.horizontal = 'right';
324
- }
325
- return align;
326
- },
327
- enumerable: true,
328
- configurable: true
329
- });
330
- Object.defineProperty(DropDownButtonComponent.prototype, "popupAlign", {
331
- /**
332
- * @hidden
333
- */
334
- get: function () {
335
- var align = { horizontal: this.popupSettings.align || 'left', vertical: 'top' };
336
- if (this.direction === 'rtl' && !isPresent(this.popupSettings.align)) {
337
- align.horizontal = 'right';
338
- }
339
- return align;
340
- },
341
- enumerable: true,
342
- configurable: true
343
- });
344
- /**
345
- * Focuses the DropDownButton component.
346
- */
347
- DropDownButtonComponent.prototype.focus = function () {
348
- if (isDocumentAvailable()) {
349
- this.button.nativeElement.focus();
350
- }
351
- };
352
- /**
353
- * Blurs the DropDownButton component.
354
- */
355
- DropDownButtonComponent.prototype.blur = function () {
356
- if (isDocumentAvailable()) {
357
- this.button.nativeElement.blur();
358
- this.blurWrapper();
359
- }
360
- };
361
- DropDownButtonComponent.prototype.ngOnChanges = function (changes) {
362
- if (isChanged("popupSettings", changes) && isPresent(this.popupRef)) {
363
- var popup = this.popupRef.popup.instance;
364
- var newSettings = changes.popupSettings.currentValue;
365
- popup.popupClass = newSettings.popupClass;
366
- popup.animate = newSettings.animate;
367
- popup.popupAlign = this.popupAlign;
368
- }
369
- };
370
- DropDownButtonComponent.prototype.ngOnDestroy = function () {
371
- _super.prototype.ngOnDestroy.call(this);
372
- this.destroyPopup();
373
- };
374
- /**
375
- * Toggles the visibility of the popup.
376
- * If the `toggle` method is used to open or close the popup, the `open` and `close` events will not be fired.
377
- *
378
- * @param open - The state of the popup.
379
- */
380
- DropDownButtonComponent.prototype.toggle = function (open) {
381
- var _this = this;
382
- if (this.disabled) {
383
- return;
384
- }
385
- tick(function () { return (_this._toggle((open === undefined) ? !_this._open : open)); });
386
- };
387
- Object.defineProperty(DropDownButtonComponent.prototype, "isOpen", {
388
- /**
389
- * Returns the current open state of the popup.
390
- */
391
- get: function () {
392
- return this.openState;
393
- },
394
- enumerable: true,
395
- configurable: true
396
- });
397
- /**
398
- * @hidden
399
- */
400
- DropDownButtonComponent.prototype.handleFocus = function () {
401
- if (!this._disabled && !this._isFocused) {
402
- this._isFocused = true;
403
- this.onFocus.emit();
404
- }
405
- };
406
- /**
407
- * @hidden
408
- */
409
- DropDownButtonComponent.prototype.wrapperContains = function (element) {
410
- return this.wrapper === element
411
- || this.wrapper.contains(element)
412
- || (this.popupRef && this.popupRef.popupElement.contains(element));
413
- };
414
- DropDownButtonComponent.prototype.subscribeNavigationEvents = function () {
415
- this.navigationSubscription = this.navigationService.navigate
416
- .subscribe(this.onArrowKeyNavigate.bind(this));
417
- this.enterUpSubscription = this.navigationService.enterup.subscribe(this.onNavigationEnterUp.bind(this));
418
- this.openSubscription = this.navigationService.open.subscribe(this.onNavigationOpen.bind(this));
419
- this.closeSubscription = merge(this.navigationService.close, this.navigationService.esc).subscribe(this.onNavigationClose.bind(this));
420
- };
421
- DropDownButtonComponent.prototype.onNavigationEnterUp = function () {
422
- if (!this._disabled && !this.openState) {
423
- this._active = false;
424
- }
425
- if (this.openState) {
426
- var focused = this.focusService.focused;
427
- if (isPresent(focused) && focused !== -1) {
428
- this.emitItemClickHandler(focused);
429
- }
430
- }
431
- this.togglePopupVisibility();
432
- if (!this.openState && isDocumentAvailable()) {
433
- this.button.nativeElement.focus();
434
- }
435
- };
436
- DropDownButtonComponent.prototype.onNavigationOpen = function () {
437
- if (!this._disabled && !this.openState) {
438
- this.togglePopupVisibility();
439
- }
440
- };
441
- DropDownButtonComponent.prototype.onNavigationClose = function () {
442
- if (this.openState) {
443
- this.togglePopupVisibility();
444
- if (isDocumentAvailable()) {
445
- this.button.nativeElement.focus();
446
- }
447
- }
448
- };
449
- DropDownButtonComponent.prototype.onArrowKeyNavigate = function (index) {
450
- this.focusService.focus(index);
451
- };
452
- DropDownButtonComponent.prototype._toggle = function (open) {
453
- if (this._open === open) {
454
- return;
455
- }
456
- this._open = open;
457
- this.destroyPopup();
458
- if (this._open) {
459
- this.createPopup();
460
- }
461
- };
462
- DropDownButtonComponent.prototype.createPopup = function () {
463
- var _this = this;
464
- this.popupRef = this.popupService.open({
465
- anchor: this.elRef,
466
- anchorAlign: this.anchorAlign,
467
- animate: this.popupSettings.animate,
468
- appendTo: this.appendTo,
469
- content: this.popupTemplate,
470
- popupAlign: this.popupAlign,
471
- popupClass: this.popupClasses
472
- });
473
- this.popupRef.popupAnchorViewportLeave.subscribe(function () { return _this.openState = false; });
474
- this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this));
475
- };
476
- DropDownButtonComponent.prototype.destroyPopup = function () {
477
- if (this.popupRef) {
478
- this.popupRef.close();
479
- this.popupRef = null;
480
- }
481
- };
482
- tslib_1.__decorate([
483
- Input(),
484
- tslib_1.__metadata("design:type", String)
485
- ], DropDownButtonComponent.prototype, "icon", void 0);
486
- tslib_1.__decorate([
487
- Input(),
488
- tslib_1.__metadata("design:type", String)
489
- ], DropDownButtonComponent.prototype, "iconClass", void 0);
490
- tslib_1.__decorate([
491
- Input(),
492
- tslib_1.__metadata("design:type", String)
493
- ], DropDownButtonComponent.prototype, "imageUrl", void 0);
494
- tslib_1.__decorate([
495
- Input(),
496
- tslib_1.__metadata("design:type", Object),
497
- tslib_1.__metadata("design:paramtypes", [Object])
498
- ], DropDownButtonComponent.prototype, "popupSettings", null);
499
- tslib_1.__decorate([
500
- Input(),
501
- tslib_1.__metadata("design:type", String)
502
- ], DropDownButtonComponent.prototype, "textField", void 0);
503
- tslib_1.__decorate([
504
- Input(),
505
- tslib_1.__metadata("design:type", Boolean),
506
- tslib_1.__metadata("design:paramtypes", [Boolean])
507
- ], DropDownButtonComponent.prototype, "disabled", null);
508
- tslib_1.__decorate([
509
- Input(),
510
- tslib_1.__metadata("design:type", Object),
511
- tslib_1.__metadata("design:paramtypes", [Object])
512
- ], DropDownButtonComponent.prototype, "data", null);
513
- tslib_1.__decorate([
514
- Input(),
515
- tslib_1.__metadata("design:type", Boolean)
516
- ], DropDownButtonComponent.prototype, "primary", void 0);
517
- tslib_1.__decorate([
518
- Input(),
519
- tslib_1.__metadata("design:type", String)
520
- ], DropDownButtonComponent.prototype, "look", void 0);
521
- tslib_1.__decorate([
522
- Input(),
523
- tslib_1.__metadata("design:type", Object)
524
- ], DropDownButtonComponent.prototype, "buttonClass", void 0);
525
- tslib_1.__decorate([
526
- Input(),
527
- tslib_1.__metadata("design:type", Number)
528
- ], DropDownButtonComponent.prototype, "tabIndex", void 0);
529
- tslib_1.__decorate([
530
- Output(),
531
- tslib_1.__metadata("design:type", EventEmitter)
532
- ], DropDownButtonComponent.prototype, "itemClick", void 0);
533
- tslib_1.__decorate([
534
- Output(),
535
- tslib_1.__metadata("design:type", EventEmitter)
536
- ], DropDownButtonComponent.prototype, "open", void 0);
537
- tslib_1.__decorate([
538
- Output(),
539
- tslib_1.__metadata("design:type", EventEmitter)
540
- ], DropDownButtonComponent.prototype, "close", void 0);
541
- tslib_1.__decorate([
542
- Output('focus'),
543
- tslib_1.__metadata("design:type", EventEmitter)
544
- ], DropDownButtonComponent.prototype, "onFocus", void 0);
545
- tslib_1.__decorate([
546
- Output('blur'),
547
- tslib_1.__metadata("design:type", EventEmitter)
548
- ], DropDownButtonComponent.prototype, "onBlur", void 0);
549
- tslib_1.__decorate([
550
- HostBinding('class.k-state-focused'),
551
- tslib_1.__metadata("design:type", Boolean),
552
- tslib_1.__metadata("design:paramtypes", [])
553
- ], DropDownButtonComponent.prototype, "focused", null);
554
- tslib_1.__decorate([
555
- HostBinding('class.k-flat'),
556
- tslib_1.__metadata("design:type", Boolean),
557
- tslib_1.__metadata("design:paramtypes", [])
558
- ], DropDownButtonComponent.prototype, "isFlat", null);
559
- tslib_1.__decorate([
560
- HostBinding('class.k-outline'),
561
- tslib_1.__metadata("design:type", Boolean),
562
- tslib_1.__metadata("design:paramtypes", [])
563
- ], DropDownButtonComponent.prototype, "isOutline", null);
564
- tslib_1.__decorate([
565
- HostBinding('class.k-dropdown-button'),
566
- tslib_1.__metadata("design:type", Boolean),
567
- tslib_1.__metadata("design:paramtypes", [])
568
- ], DropDownButtonComponent.prototype, "widgetClasses", null);
569
- tslib_1.__decorate([
570
- HostBinding('attr.dir'),
571
- tslib_1.__metadata("design:type", String),
572
- tslib_1.__metadata("design:paramtypes", [])
573
- ], DropDownButtonComponent.prototype, "dir", null);
574
- tslib_1.__decorate([
575
- ContentChild(ButtonItemTemplateDirective, { static: false }),
576
- tslib_1.__metadata("design:type", ButtonItemTemplateDirective)
577
- ], DropDownButtonComponent.prototype, "itemTemplate", void 0);
578
- tslib_1.__decorate([
579
- ViewChild('button', { static: true }),
580
- tslib_1.__metadata("design:type", ElementRef)
581
- ], DropDownButtonComponent.prototype, "button", void 0);
582
- tslib_1.__decorate([
583
- ViewChild('buttonList', { static: false }),
584
- tslib_1.__metadata("design:type", ListComponent)
585
- ], DropDownButtonComponent.prototype, "buttonList", void 0);
586
- tslib_1.__decorate([
587
- ViewChild('popupTemplate', { static: true }),
588
- tslib_1.__metadata("design:type", TemplateRef)
589
- ], DropDownButtonComponent.prototype, "popupTemplate", void 0);
590
- tslib_1.__decorate([
591
- ViewChild('container', { read: ViewContainerRef, static: true }),
592
- tslib_1.__metadata("design:type", ViewContainerRef)
593
- ], DropDownButtonComponent.prototype, "container", void 0);
594
- tslib_1.__decorate([
595
- HostListener('keydown', ['$event']),
596
- tslib_1.__metadata("design:type", Function),
597
- tslib_1.__metadata("design:paramtypes", [Object]),
598
- tslib_1.__metadata("design:returntype", void 0)
599
- ], DropDownButtonComponent.prototype, "keydown", null);
600
- tslib_1.__decorate([
601
- HostListener('keypress', ['$event']),
602
- tslib_1.__metadata("design:type", Function),
603
- tslib_1.__metadata("design:paramtypes", [Object]),
604
- tslib_1.__metadata("design:returntype", void 0)
605
- ], DropDownButtonComponent.prototype, "keypress", null);
606
- tslib_1.__decorate([
607
- HostListener('keyup', ['$event']),
608
- tslib_1.__metadata("design:type", Function),
609
- tslib_1.__metadata("design:paramtypes", [Object]),
610
- tslib_1.__metadata("design:returntype", void 0)
611
- ], DropDownButtonComponent.prototype, "keyup", null);
612
- tslib_1.__decorate([
613
- HostListener('mousedown', ['$event']),
614
- tslib_1.__metadata("design:type", Function),
615
- tslib_1.__metadata("design:paramtypes", [Object]),
616
- tslib_1.__metadata("design:returntype", void 0)
617
- ], DropDownButtonComponent.prototype, "mousedown", null);
618
- tslib_1.__decorate([
619
- HostListener('mouseup', ['$event']),
620
- tslib_1.__metadata("design:type", Function),
621
- tslib_1.__metadata("design:paramtypes", [Object]),
622
- tslib_1.__metadata("design:returntype", void 0)
623
- ], DropDownButtonComponent.prototype, "mouseup", null);
624
- DropDownButtonComponent = tslib_1.__decorate([
625
- Component({
626
- exportAs: 'kendoDropDownButton',
627
- providers: [
628
- FocusService,
629
- NavigationService,
630
- NAVIGATION_SETTINGS_PROVIDER,
631
- LocalizationService,
632
- {
633
- provide: L10N_PREFIX,
634
- useValue: 'kendo.dropdownbutton'
635
- }
636
- ],
637
- selector: 'kendo-dropdownbutton',
638
- template: "\n <button kendoButton #button\n role=\"menu\"\n type=\"button\"\n [tabindex]=\"componentTabIndex\"\n [class.k-state-active]=\"active\"\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n [imageUrl]=\"imageUrl\"\n [ngClass]=\"buttonClass\"\n (click)=\"openPopup()\"\n (focus)=\"handleFocus()\"\n (blur)=\"onButtonBlur()\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-expanded]=\"openState\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-owns]=\"listId\"\n [look]=\"look\"\n [primary]=\"primary\"\n >\n <ng-content></ng-content>\n </button>\n <ng-template #popupTemplate>\n <kendo-button-list\n #buttonList\n [id]=\"listId\"\n [data]=\"data\"\n [textField]=\"textField\"\n [itemTemplate]=\"itemTemplate\"\n (onItemClick)=\"onItemClick($event)\"\n (keydown)=\"keyDownHandler($event)\"\n (keypress)=\"keyPressHandler($event)\"\n (keyup)=\"keyUpHandler($event)\"\n [attr.dir]=\"dir\"\n >\n </kendo-button-list>\n </ng-template>\n <ng-container #container></ng-container>\n "
639
- }),
640
- tslib_1.__metadata("design:paramtypes", [FocusService,
641
- NavigationService,
642
- ElementRef,
643
- NgZone,
644
- PopupService,
645
- ElementRef,
646
- LocalizationService,
647
- ChangeDetectorRef])
648
- ], DropDownButtonComponent);
649
- return DropDownButtonComponent;
650
- }(ListButton));
651
- export { DropDownButtonComponent };
652
- export { ɵ0 };
@@ -1,32 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { NgModule } from '@angular/core';
7
- import { CommonModule } from '@angular/common';
8
- import { PopupModule } from '@progress/kendo-angular-popup';
9
- import { ListModule } from '../listbutton/list.module';
10
- import { ButtonModule } from '../button/button.module';
11
- import { DropDownButtonComponent } from './dropdownbutton.component';
12
- /**
13
- * @hidden
14
- *
15
- * The exported package module.
16
- *
17
- * The package exports:
18
- * - `DropDownButtonComponent`&mdash;The DropDownButtonComponent component class.
19
- */
20
- var DropDownButtonModule = /** @class */ (function () {
21
- function DropDownButtonModule() {
22
- }
23
- DropDownButtonModule = tslib_1.__decorate([
24
- NgModule({
25
- declarations: [DropDownButtonComponent],
26
- exports: [DropDownButtonComponent, ListModule],
27
- imports: [CommonModule, PopupModule, ListModule, ButtonModule]
28
- })
29
- ], DropDownButtonModule);
30
- return DropDownButtonModule;
31
- }());
32
- export { DropDownButtonModule };