@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,30 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var rxjs_1 = require("rxjs");
10
- /**
11
- * @hidden
12
- */
13
- var KendoButtonService = /** @class */ (function () {
14
- function KendoButtonService() {
15
- this.buttonLookChange = new rxjs_1.BehaviorSubject('default');
16
- this.buttonClicked = new rxjs_1.Subject();
17
- this.buttonClicked$ = this.buttonClicked.asObservable();
18
- }
19
- KendoButtonService.prototype.click = function (button) {
20
- this.buttonClicked.next(button);
21
- };
22
- KendoButtonService.prototype.setButtonLook = function (look) {
23
- this.buttonLookChange.next(look);
24
- };
25
- KendoButtonService = tslib_1.__decorate([
26
- core_1.Injectable()
27
- ], KendoButtonService);
28
- return KendoButtonService;
29
- }());
30
- exports.KendoButtonService = KendoButtonService;
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,404 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var button_directive_1 = require("../button/button.directive");
9
- var core_1 = require("@angular/core");
10
- var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
11
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
12
- var button_service_1 = require("../button/button.service");
13
- var util_1 = require("../util");
14
- var preventable_event_1 = require("../preventable-event");
15
- /**
16
- * @hidden
17
- */
18
- var tabindex = 'tabindex';
19
- /**
20
- * Represents the Kendo UI ButtonGroup component for Angular.
21
- */
22
- var ButtonGroupComponent = /** @class */ (function () {
23
- function ButtonGroupComponent(service, localization, element) {
24
- var _this = this;
25
- this.service = service;
26
- this.element = element;
27
- /**
28
- * By default, the selection mode of the ButtonGroup is set to `multiple`.
29
- */
30
- this.selection = 'multiple';
31
- /**
32
- * Changes the visual appearance by using alternative styling options
33
- * ([more information and examples]({% slug styling_buttongroup %})).
34
- * The `look` property of the ButtonGroup takes precedence over the `look` property
35
- * of the individual buttons that are part of the group.
36
- *
37
- * The available values are:
38
- * * `flat`
39
- * * `outline`
40
- */
41
- this.look = 'default';
42
- /**
43
- * Fires every time keyboard navigation occurs.
44
- */
45
- this.navigate = new core_1.EventEmitter();
46
- this._tabIndex = 0;
47
- this.currentTabIndex = 0;
48
- this.localizationChangeSubscription = localization.changes.subscribe(function (_a) {
49
- var rtl = _a.rtl;
50
- return _this.direction = rtl ? 'rtl' : 'ltr';
51
- });
52
- }
53
- Object.defineProperty(ButtonGroupComponent.prototype, "tabIndex", {
54
- get: function () {
55
- return this._tabIndex;
56
- },
57
- /**
58
- * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
59
- */
60
- set: function (value) {
61
- this._tabIndex = value;
62
- this.currentTabIndex = value;
63
- },
64
- enumerable: true,
65
- configurable: true
66
- });
67
- Object.defineProperty(ButtonGroupComponent.prototype, "wrapperClass", {
68
- get: function () {
69
- return true;
70
- },
71
- enumerable: true,
72
- configurable: true
73
- });
74
- Object.defineProperty(ButtonGroupComponent.prototype, "disabledClass", {
75
- get: function () {
76
- return this.disabled;
77
- },
78
- enumerable: true,
79
- configurable: true
80
- });
81
- Object.defineProperty(ButtonGroupComponent.prototype, "stretchedClass", {
82
- get: function () {
83
- return !!this.width;
84
- },
85
- enumerable: true,
86
- configurable: true
87
- });
88
- Object.defineProperty(ButtonGroupComponent.prototype, "isFlat", {
89
- get: function () {
90
- return this.look === 'flat';
91
- },
92
- enumerable: true,
93
- configurable: true
94
- });
95
- Object.defineProperty(ButtonGroupComponent.prototype, "isBare", {
96
- get: function () {
97
- return this.look === 'bare';
98
- },
99
- enumerable: true,
100
- configurable: true
101
- });
102
- Object.defineProperty(ButtonGroupComponent.prototype, "isOutline", {
103
- get: function () {
104
- return this.look === 'outline';
105
- },
106
- enumerable: true,
107
- configurable: true
108
- });
109
- Object.defineProperty(ButtonGroupComponent.prototype, "getRole", {
110
- get: function () {
111
- return this.isSelectionSingle() ? 'radiogroup' : 'group';
112
- },
113
- enumerable: true,
114
- configurable: true
115
- });
116
- Object.defineProperty(ButtonGroupComponent.prototype, "dir", {
117
- get: function () {
118
- return this.direction;
119
- },
120
- enumerable: true,
121
- configurable: true
122
- });
123
- Object.defineProperty(ButtonGroupComponent.prototype, "ariaDisabled", {
124
- get: function () {
125
- return this.disabled;
126
- },
127
- enumerable: true,
128
- configurable: true
129
- });
130
- Object.defineProperty(ButtonGroupComponent.prototype, "wrapperWidth", {
131
- get: function () {
132
- return this.width;
133
- },
134
- enumerable: true,
135
- configurable: true
136
- });
137
- Object.defineProperty(ButtonGroupComponent.prototype, "wrapperTabIndex", {
138
- get: function () {
139
- return this.disabled ? undefined : this.currentTabIndex;
140
- },
141
- enumerable: true,
142
- configurable: true
143
- });
144
- /**
145
- * @hidden
146
- */
147
- ButtonGroupComponent.prototype.keydown = function (event) {
148
- if (!this.disabled) {
149
- this.navigateFocus(event);
150
- }
151
- };
152
- /**
153
- * @hidden
154
- */
155
- ButtonGroupComponent.prototype.onFocus = function () {
156
- this.currentTabIndex = -1;
157
- var focusedIndex = this.buttons.toArray().findIndex(function (current) { return current.element.tabIndex !== -1; });
158
- var index = focusedIndex === -1 ? 0 : focusedIndex;
159
- this.focus(this.buttons.filter(function (_current, i) {
160
- return i === index;
161
- }));
162
- };
163
- /**
164
- * @hidden
165
- */
166
- ButtonGroupComponent.prototype.focusout = function (event) {
167
- if (event.relatedTarget && event.relatedTarget.parentNode !== this.element.nativeElement) {
168
- this.defocus(this.buttons.toArray());
169
- this.currentTabIndex = this.tabIndex;
170
- }
171
- };
172
- ButtonGroupComponent.prototype.ngOnInit = function () {
173
- var _this = this;
174
- this.service.setButtonLook(this.look);
175
- this.subscription = this.service.buttonClicked$.subscribe(function (button) {
176
- var newSelectionValue;
177
- if (_this.isSelectionSingle()) {
178
- newSelectionValue = true;
179
- _this.deactivate(_this.buttons.filter(function (current) { return current !== button; }));
180
- }
181
- else {
182
- _this.defocus(_this.buttons.toArray());
183
- newSelectionValue = !button.selected;
184
- }
185
- if (button.togglable) {
186
- button.setSelected(newSelectionValue);
187
- }
188
- button.setAttribute(tabindex, "0");
189
- });
190
- };
191
- ButtonGroupComponent.prototype.ngOnChanges = function (change) {
192
- var _this = this;
193
- if (kendo_angular_common_1.isChanged('disabled', change)) {
194
- this.buttons.forEach(function (button) {
195
- if (util_1.isPresent(_this.disabled)) {
196
- button.disabled = _this.disabled;
197
- }
198
- });
199
- }
200
- };
201
- ButtonGroupComponent.prototype.ngAfterContentInit = function () {
202
- this.buttons.forEach(function (button) {
203
- if (button.selected) {
204
- button.setAttribute(tabindex, "0");
205
- }
206
- else {
207
- button.setAttribute(tabindex, "-1");
208
- }
209
- });
210
- };
211
- ButtonGroupComponent.prototype.ngAfterViewChecked = function () {
212
- if (this.buttons.length) {
213
- this.buttons.first.renderer.addClass(this.buttons.first.element, 'k-group-start');
214
- this.buttons.last.renderer.addClass(this.buttons.last.element, 'k-group-end');
215
- }
216
- };
217
- ButtonGroupComponent.prototype.ngOnDestroy = function () {
218
- this.subscription.unsubscribe();
219
- this.localizationChangeSubscription.unsubscribe();
220
- };
221
- ButtonGroupComponent.prototype.ngAfterContentChecked = function () {
222
- this.verifySettings();
223
- };
224
- ButtonGroupComponent.prototype.navigateFocus = function (event) {
225
- var focusedIndex = this.buttons.toArray().findIndex(function (current) { return current.element.tabIndex !== -1; });
226
- var firstIndex = 0;
227
- var lastIndex = this.buttons.length - 1;
228
- var eventArgs = new preventable_event_1.PreventableEvent();
229
- if (event.keyCode === kendo_angular_common_1.Keys.ArrowRight && focusedIndex < lastIndex) {
230
- this.navigate.emit(eventArgs);
231
- if (!eventArgs.isDefaultPrevented()) {
232
- this.defocus(this.buttons.toArray());
233
- this.focus(this.buttons.filter(function (_current, index) {
234
- return index === focusedIndex + 1;
235
- }));
236
- }
237
- }
238
- if (event.keyCode === kendo_angular_common_1.Keys.ArrowLeft && focusedIndex > firstIndex) {
239
- this.navigate.emit(eventArgs);
240
- if (!eventArgs.isDefaultPrevented()) {
241
- this.defocus(this.buttons.toArray());
242
- this.focus(this.buttons.filter(function (_current, index) {
243
- return index === focusedIndex - 1;
244
- }));
245
- }
246
- }
247
- };
248
- ButtonGroupComponent.prototype.deactivate = function (buttons) {
249
- buttons.forEach(function (button) {
250
- button.setSelected(false);
251
- button.setAttribute(tabindex, "-1");
252
- });
253
- };
254
- ButtonGroupComponent.prototype.activate = function (buttons) {
255
- buttons.forEach(function (button) {
256
- button.setSelected(true);
257
- button.setAttribute(tabindex, "0");
258
- button.focus();
259
- });
260
- };
261
- ButtonGroupComponent.prototype.defocus = function (buttons) {
262
- buttons.forEach(function (button) {
263
- button.setAttribute(tabindex, "-1");
264
- });
265
- };
266
- ButtonGroupComponent.prototype.focus = function (buttons) {
267
- buttons.forEach(function (button) {
268
- button.setAttribute(tabindex, "0");
269
- button.focus();
270
- });
271
- };
272
- ButtonGroupComponent.prototype.verifySettings = function () {
273
- if (core_1.isDevMode()) {
274
- if (this.isSelectionSingle() && this.buttons.filter(function (button) { return button.selected; }).length > 1) {
275
- throw new Error('Having multiple selected buttons with single selection mode is not supported');
276
- }
277
- }
278
- };
279
- ButtonGroupComponent.prototype.isSelectionSingle = function () {
280
- return this.selection === 'single';
281
- };
282
- tslib_1.__decorate([
283
- core_1.Input('disabled'),
284
- tslib_1.__metadata("design:type", Boolean)
285
- ], ButtonGroupComponent.prototype, "disabled", void 0);
286
- tslib_1.__decorate([
287
- core_1.Input('selection'),
288
- tslib_1.__metadata("design:type", String)
289
- ], ButtonGroupComponent.prototype, "selection", void 0);
290
- tslib_1.__decorate([
291
- core_1.Input('width'),
292
- tslib_1.__metadata("design:type", String)
293
- ], ButtonGroupComponent.prototype, "width", void 0);
294
- tslib_1.__decorate([
295
- core_1.Input(),
296
- tslib_1.__metadata("design:type", String)
297
- ], ButtonGroupComponent.prototype, "look", void 0);
298
- tslib_1.__decorate([
299
- core_1.Input(),
300
- tslib_1.__metadata("design:type", Number),
301
- tslib_1.__metadata("design:paramtypes", [Number])
302
- ], ButtonGroupComponent.prototype, "tabIndex", null);
303
- tslib_1.__decorate([
304
- core_1.Output(),
305
- tslib_1.__metadata("design:type", core_1.EventEmitter)
306
- ], ButtonGroupComponent.prototype, "navigate", void 0);
307
- tslib_1.__decorate([
308
- core_1.ContentChildren(button_directive_1.ButtonDirective),
309
- tslib_1.__metadata("design:type", core_1.QueryList)
310
- ], ButtonGroupComponent.prototype, "buttons", void 0);
311
- tslib_1.__decorate([
312
- core_1.HostBinding('class.k-button-group'),
313
- tslib_1.__metadata("design:type", Boolean),
314
- tslib_1.__metadata("design:paramtypes", [])
315
- ], ButtonGroupComponent.prototype, "wrapperClass", null);
316
- tslib_1.__decorate([
317
- core_1.HostBinding('class.k-state-disabled'),
318
- tslib_1.__metadata("design:type", Boolean),
319
- tslib_1.__metadata("design:paramtypes", [])
320
- ], ButtonGroupComponent.prototype, "disabledClass", null);
321
- tslib_1.__decorate([
322
- core_1.HostBinding('class.k-button-group-stretched'),
323
- tslib_1.__metadata("design:type", Boolean),
324
- tslib_1.__metadata("design:paramtypes", [])
325
- ], ButtonGroupComponent.prototype, "stretchedClass", null);
326
- tslib_1.__decorate([
327
- core_1.HostBinding('class.k-button-group-flat'),
328
- tslib_1.__metadata("design:type", Boolean),
329
- tslib_1.__metadata("design:paramtypes", [])
330
- ], ButtonGroupComponent.prototype, "isFlat", null);
331
- tslib_1.__decorate([
332
- core_1.HostBinding('class.k-button-group-bare'),
333
- tslib_1.__metadata("design:type", Boolean),
334
- tslib_1.__metadata("design:paramtypes", [])
335
- ], ButtonGroupComponent.prototype, "isBare", null);
336
- tslib_1.__decorate([
337
- core_1.HostBinding('class.k-button-group-outline'),
338
- tslib_1.__metadata("design:type", Boolean),
339
- tslib_1.__metadata("design:paramtypes", [])
340
- ], ButtonGroupComponent.prototype, "isOutline", null);
341
- tslib_1.__decorate([
342
- core_1.HostBinding('attr.role'),
343
- tslib_1.__metadata("design:type", String),
344
- tslib_1.__metadata("design:paramtypes", [])
345
- ], ButtonGroupComponent.prototype, "getRole", null);
346
- tslib_1.__decorate([
347
- core_1.HostBinding('attr.dir'),
348
- tslib_1.__metadata("design:type", String),
349
- tslib_1.__metadata("design:paramtypes", [])
350
- ], ButtonGroupComponent.prototype, "dir", null);
351
- tslib_1.__decorate([
352
- core_1.HostBinding('attr.aria-disabled'),
353
- tslib_1.__metadata("design:type", Boolean),
354
- tslib_1.__metadata("design:paramtypes", [])
355
- ], ButtonGroupComponent.prototype, "ariaDisabled", null);
356
- tslib_1.__decorate([
357
- core_1.HostBinding('style.width'),
358
- tslib_1.__metadata("design:type", String),
359
- tslib_1.__metadata("design:paramtypes", [])
360
- ], ButtonGroupComponent.prototype, "wrapperWidth", null);
361
- tslib_1.__decorate([
362
- core_1.HostBinding('attr.tabindex'),
363
- tslib_1.__metadata("design:type", Number),
364
- tslib_1.__metadata("design:paramtypes", [])
365
- ], ButtonGroupComponent.prototype, "wrapperTabIndex", null);
366
- tslib_1.__decorate([
367
- core_1.HostListener('keydown', ['$event']),
368
- tslib_1.__metadata("design:type", Function),
369
- tslib_1.__metadata("design:paramtypes", [Object]),
370
- tslib_1.__metadata("design:returntype", void 0)
371
- ], ButtonGroupComponent.prototype, "keydown", null);
372
- tslib_1.__decorate([
373
- core_1.HostListener('focus'),
374
- tslib_1.__metadata("design:type", Function),
375
- tslib_1.__metadata("design:paramtypes", []),
376
- tslib_1.__metadata("design:returntype", void 0)
377
- ], ButtonGroupComponent.prototype, "onFocus", null);
378
- tslib_1.__decorate([
379
- core_1.HostListener('focusout', ['$event']),
380
- tslib_1.__metadata("design:type", Function),
381
- tslib_1.__metadata("design:paramtypes", [Object]),
382
- tslib_1.__metadata("design:returntype", void 0)
383
- ], ButtonGroupComponent.prototype, "focusout", null);
384
- ButtonGroupComponent = tslib_1.__decorate([
385
- core_1.Component({
386
- exportAs: 'kendoButtonGroup',
387
- providers: [
388
- button_service_1.KendoButtonService,
389
- kendo_angular_l10n_1.LocalizationService,
390
- {
391
- provide: kendo_angular_l10n_1.L10N_PREFIX,
392
- useValue: 'kendo.buttongroup'
393
- }
394
- ],
395
- selector: 'kendo-buttongroup',
396
- template: "\n <ng-content select=\"[kendoButton]\"></ng-content>\n "
397
- }),
398
- tslib_1.__metadata("design:paramtypes", [button_service_1.KendoButtonService,
399
- kendo_angular_l10n_1.LocalizationService,
400
- core_1.ElementRef])
401
- ], ButtonGroupComponent);
402
- return ButtonGroupComponent;
403
- }());
404
- exports.ButtonGroupComponent = ButtonGroupComponent;
@@ -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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var common_1 = require("@angular/common");
10
- var button_module_1 = require("../button/button.module");
11
- var buttongroup_component_1 = require("./buttongroup.component");
12
- /**
13
- * @hidden
14
- *
15
- * The exported package module.
16
- *
17
- * The package exports:
18
- * - `ButtonGroupComponent`&mdash;The ButtonGroupComponent component class.
19
- */
20
- var ButtonGroupModule = /** @class */ (function () {
21
- function ButtonGroupModule() {
22
- }
23
- ButtonGroupModule = tslib_1.__decorate([
24
- core_1.NgModule({
25
- declarations: [buttongroup_component_1.ButtonGroupComponent],
26
- exports: [buttongroup_component_1.ButtonGroupComponent],
27
- imports: [common_1.CommonModule, button_module_1.ButtonModule]
28
- })
29
- ], ButtonGroupModule);
30
- return ButtonGroupModule;
31
- }());
32
- exports.ButtonGroupModule = ButtonGroupModule;
@@ -1,56 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var button_module_1 = require("./button/button.module");
10
- var buttongroup_module_1 = require("./buttongroup/buttongroup.module");
11
- var splitbutton_module_1 = require("./splitbutton/splitbutton.module");
12
- var dropdownbutton_module_1 = require("./dropdownbutton/dropdownbutton.module");
13
- var chip_module_1 = require("./chip/chip.module");
14
- var floatingactionbutton_module_1 = require("./floatingactionbutton/floatingactionbutton.module");
15
- /**
16
- * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
17
- * definition for the Buttons components.
18
- *
19
- * @example
20
- *
21
- * ```ts-no-run
22
- * // Import the Buttons module
23
- * import { ButtonsModule } from '@progress/kendo-angular-buttons';
24
- *
25
- * // The browser platform with a compiler
26
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
27
- *
28
- * import { NgModule } from '@angular/core';
29
- *
30
- * // Import the app component
31
- * import { AppComponent } from './app.component';
32
- *
33
- * // Define the app module
34
- * _@NgModule({
35
- * declarations: [AppComponent], // declare app component
36
- * imports: [BrowserModule, ButtonsModule], // import Buttons module
37
- * bootstrap: [AppComponent]
38
- * })
39
- * export class AppModule {}
40
- *
41
- * // Compile and launch the module
42
- * platformBrowserDynamic().bootstrapModule(AppModule);
43
- *
44
- * ```
45
- */
46
- var ButtonsModule = /** @class */ (function () {
47
- function ButtonsModule() {
48
- }
49
- ButtonsModule = tslib_1.__decorate([
50
- core_1.NgModule({
51
- exports: [buttongroup_module_1.ButtonGroupModule, button_module_1.ButtonModule, splitbutton_module_1.SplitButtonModule, dropdownbutton_module_1.DropDownButtonModule, chip_module_1.ChipModule, floatingactionbutton_module_1.FloatingActionButtonModule]
52
- })
53
- ], ButtonsModule);
54
- return ButtonsModule;
55
- }());
56
- exports.ButtonsModule = ButtonsModule;
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });