@progress/kendo-angular-buttons 7.0.6 → 8.0.0-dev.202204190655

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 (270) hide show
  1. package/bundles/kendo-angular-buttons.umd.js +5 -0
  2. package/{dist/es2015/button → button}/button.directive.d.ts +64 -62
  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/buttongroup → buttongroup}/buttongroup.component.d.ts +14 -11
  7. package/{dist/es2015/buttongroup → buttongroup}/buttongroup.module.d.ts +7 -0
  8. package/{dist/es2015/buttons.module.d.ts → buttons.module.d.ts} +10 -0
  9. package/{dist/es2015/chip → chip}/chip-content-click-event-args.interface.d.ts +0 -0
  10. package/{dist/es2015/chip → chip}/chip-list-remove-event-args.interface.d.ts +0 -0
  11. package/{dist/es2015/chip → chip}/chip-list.component.d.ts +8 -4
  12. package/{dist/es2015/chip → chip}/chip-remove-event-args.interface.d.ts +0 -0
  13. package/{dist/es2015/chip → chip}/chip.component.d.ts +39 -33
  14. package/{dist/es2015/chip → chip}/chip.module.d.ts +7 -0
  15. package/{dist/es2015/chip → chip}/models/selection.d.ts +0 -0
  16. package/{dist/es2015/common → common}/models/fillmode.d.ts +2 -2
  17. package/{dist/es2015/common → common}/models/rounded.d.ts +2 -2
  18. package/{dist/es2015/common → common}/models/size.d.ts +3 -3
  19. package/{dist/es2015/common → common}/models/styling-classes.d.ts +0 -0
  20. package/{dist/es2015/common → common}/models/theme-color.d.ts +3 -3
  21. package/{dist/es2015/common → common}/models.d.ts +0 -1
  22. package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
  23. package/{dist/es2015/dropdownbutton → dropdownbutton}/dropdownbutton.component.d.ts +37 -38
  24. package/dropdownbutton/dropdownbutton.module.d.ts +23 -0
  25. package/{dist/es2015 → esm2015}/button/button.directive.js +145 -215
  26. package/{dist/es2015 → esm2015}/button/button.module.js +13 -10
  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}/buttongroup/buttongroup.component.js +88 -111
  30. package/esm2015/buttongroup/buttongroup.module.js +30 -0
  31. package/{dist/es → esm2015}/buttons.module.js +12 -12
  32. package/{dist/es2015 → esm2015}/chip/chip-content-click-event-args.interface.js +1 -0
  33. package/{dist/es2015 → esm2015}/chip/chip-list-remove-event-args.interface.js +1 -0
  34. package/{dist/es2015 → esm2015}/chip/chip-list.component.js +62 -73
  35. package/{dist/es2015 → esm2015}/chip/chip-remove-event-args.interface.js +1 -0
  36. package/{dist/es2015 → esm2015}/chip/chip.component.js +171 -167
  37. package/{dist/es2015 → esm2015}/chip/chip.module.js +16 -11
  38. package/{dist/es → esm2015}/chip/models/selection.js +1 -0
  39. package/{dist/es → esm2015}/common/models/fillmode.js +1 -0
  40. package/{dist/es → esm2015}/common/models/rounded.js +1 -0
  41. package/{dist/es → esm2015}/common/models/size.js +1 -0
  42. package/{dist/es → esm2015}/common/models/styling-classes.js +1 -0
  43. package/{dist/es → esm2015}/common/models/theme-color.js +1 -0
  44. package/{dist/es → esm2015}/common/models.js +5 -0
  45. package/{dist/es → esm2015}/direction.js +1 -0
  46. package/{dist/es2015 → esm2015}/dropdownbutton/dropdownbutton.component.js +185 -214
  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 +127 -0
  50. package/esm2015/floatingactionbutton/dial-list.component.js +90 -0
  51. package/{dist/es2015 → esm2015}/floatingactionbutton/floatingactionbutton.component.js +205 -210
  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 +20 -27
  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 +12 -12
  66. package/{dist/es2015 → esm2015}/listbutton/list-button.js +30 -37
  67. package/{dist/es → esm2015}/listbutton/list-item-model.js +1 -0
  68. package/esm2015/listbutton/list.component.js +140 -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 +34 -0
  72. package/{dist/es2015 → esm2015}/main.js +7 -0
  73. package/{dist/es → esm2015}/navigation/key-events.js +0 -0
  74. package/{dist/es2015 → esm2015}/navigation/navigation-action.js +1 -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/esm2015/splitbutton/localization/custom-messages.component.js +37 -0
  80. package/esm2015/splitbutton/localization/localized-messages.directive.js +36 -0
  81. package/esm2015/splitbutton/localization/messages.js +23 -0
  82. package/{dist/es2015 → esm2015}/splitbutton/splitbutton.component.js +221 -209
  83. package/esm2015/splitbutton/splitbutton.module.js +34 -0
  84. package/{dist/es2015 → esm2015}/util.js +7 -7
  85. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-buttons.js} +1885 -1941
  86. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/animations/animations.d.ts +0 -0
  87. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-item.component.d.ts +8 -5
  88. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-list.component.d.ts +5 -2
  89. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.component.d.ts +50 -51
  90. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.module.d.ts +13 -0
  91. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/align.d.ts +0 -0
  92. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-animation.interface.d.ts +0 -0
  93. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-click.event.d.ts +0 -0
  94. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item.interface.d.ts +0 -0
  95. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/offset.d.ts +0 -0
  96. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/position-mode.d.ts +0 -0
  97. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/dial-item-template.directive.d.ts +3 -0
  98. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/fab-template.directive.d.ts +3 -0
  99. package/{dist/es2015/floatingactionbutton → floatingactionbutton}/utils.d.ts +0 -0
  100. package/{dist/es2015/focusable → focusable}/focus.service.d.ts +5 -1
  101. package/{dist/es2015/focusable → focusable}/focusable.directive.d.ts +4 -2
  102. package/{dist/es2015/common/models/shape.d.ts → kendo-angular-buttons.d.ts} +3 -3
  103. package/{dist/es2015/listbutton → listbutton}/button-item-template.directive.d.ts +3 -0
  104. package/{dist/es2015/listbutton → listbutton}/list-button.d.ts +7 -13
  105. package/{dist/es2015/listbutton → listbutton}/list-item-model.d.ts +0 -0
  106. package/{dist/es2015/listbutton → listbutton}/list.component.d.ts +4 -1
  107. package/listbutton/list.module.d.ts +18 -0
  108. package/{dist/es2015/listbutton → listbutton}/popup-settings.d.ts +0 -0
  109. package/{dist/es2015/listbutton → listbutton}/template-context.directive.d.ts +4 -1
  110. package/{dist/es2015/main.d.ts → main.d.ts} +7 -1
  111. package/{dist/es2015/navigation → navigation}/key-events.d.ts +0 -0
  112. package/{dist/es2015/navigation → navigation}/navigation-action.d.ts +0 -0
  113. package/{dist/es2015/navigation → navigation}/navigation-config.d.ts +0 -0
  114. package/{dist/es2015/navigation → navigation}/navigation.service.d.ts +3 -0
  115. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  116. package/package.json +38 -113
  117. package/{dist/es2015/preventable-event.d.ts → preventable-event.d.ts} +0 -0
  118. package/schematics/ngAdd/index.js +5 -2
  119. package/schematics/ngAdd/index.js.map +1 -1
  120. package/{dist/es2015/splitbutton → splitbutton}/localization/custom-messages.component.d.ts +4 -1
  121. package/{dist/es2015/splitbutton → splitbutton}/localization/localized-messages.directive.d.ts +3 -0
  122. package/{dist/es2015/splitbutton → splitbutton}/localization/messages.d.ts +3 -0
  123. package/{dist/es2015/splitbutton → splitbutton}/splitbutton.component.d.ts +39 -27
  124. package/splitbutton/splitbutton.module.d.ts +25 -0
  125. package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
  126. package/dist/cdn/js/kendo-angular-buttons.js +0 -20
  127. package/dist/cdn/main.js +0 -5
  128. package/dist/es/button/button.directive.js +0 -775
  129. package/dist/es/button/button.module.js +0 -50
  130. package/dist/es/button/button.service.js +0 -24
  131. package/dist/es/buttongroup/buttongroup.component.js +0 -353
  132. package/dist/es/buttongroup/buttongroup.module.js +0 -30
  133. package/dist/es/chip/chip-content-click-event-args.interface.js +0 -4
  134. package/dist/es/chip/chip-list-remove-event-args.interface.js +0 -4
  135. package/dist/es/chip/chip-list.component.js +0 -214
  136. package/dist/es/chip/chip-remove-event-args.interface.js +0 -4
  137. package/dist/es/chip/chip.component.js +0 -449
  138. package/dist/es/chip/chip.module.js +0 -55
  139. package/dist/es/common/models/shape.js +0 -4
  140. package/dist/es/dropdownbutton/dropdownbutton.component.js +0 -704
  141. package/dist/es/dropdownbutton/dropdownbutton.module.js +0 -32
  142. package/dist/es/floatingactionbutton/animations/animations.js +0 -33
  143. package/dist/es/floatingactionbutton/dial-item.component.js +0 -143
  144. package/dist/es/floatingactionbutton/dial-list.component.js +0 -76
  145. package/dist/es/floatingactionbutton/floatingactionbutton.component.js +0 -903
  146. package/dist/es/floatingactionbutton/floatingactionbutton.module.js +0 -65
  147. package/dist/es/floatingactionbutton/templates/dial-item-template.directive.js +0 -26
  148. package/dist/es/floatingactionbutton/templates/fab-template.directive.js +0 -26
  149. package/dist/es/floatingactionbutton/utils.js +0 -38
  150. package/dist/es/focusable/focus.service.js +0 -43
  151. package/dist/es/focusable/focusable.directive.js +0 -68
  152. package/dist/es/index.js +0 -22
  153. package/dist/es/listbutton/button-item-template.directive.js +0 -68
  154. package/dist/es/listbutton/list-button.js +0 -243
  155. package/dist/es/listbutton/list.component.js +0 -85
  156. package/dist/es/listbutton/list.module.js +0 -33
  157. package/dist/es/listbutton/template-context.directive.js +0 -40
  158. package/dist/es/main.js +0 -22
  159. package/dist/es/navigation/navigation-action.js +0 -19
  160. package/dist/es/navigation/navigation-config.js +0 -9
  161. package/dist/es/navigation/navigation.service.js +0 -114
  162. package/dist/es/package-metadata.js +0 -15
  163. package/dist/es/preventable-event.js +0 -29
  164. package/dist/es/splitbutton/localization/custom-messages.component.js +0 -44
  165. package/dist/es/splitbutton/localization/localized-messages.directive.js +0 -35
  166. package/dist/es/splitbutton/localization/messages.js +0 -22
  167. package/dist/es/splitbutton/splitbutton.component.js +0 -830
  168. package/dist/es/splitbutton/splitbutton.module.js +0 -34
  169. package/dist/es/util.js +0 -108
  170. package/dist/es2015/button/selection-settings.js +0 -4
  171. package/dist/es2015/buttongroup/buttongroup.module.js +0 -27
  172. package/dist/es2015/buttons.module.js +0 -51
  173. package/dist/es2015/chip/models/selection.js +0 -4
  174. package/dist/es2015/common/models/fillmode.js +0 -4
  175. package/dist/es2015/common/models/rounded.js +0 -4
  176. package/dist/es2015/common/models/shape.js +0 -4
  177. package/dist/es2015/common/models/size.js +0 -4
  178. package/dist/es2015/common/models/styling-classes.js +0 -4
  179. package/dist/es2015/common/models/theme-color.js +0 -4
  180. package/dist/es2015/common/models.js +0 -4
  181. package/dist/es2015/direction.js +0 -4
  182. package/dist/es2015/dropdownbutton/dropdownbutton.module.d.ts +0 -14
  183. package/dist/es2015/dropdownbutton/dropdownbutton.module.js +0 -29
  184. package/dist/es2015/floatingactionbutton/dial-item.component.js +0 -133
  185. package/dist/es2015/floatingactionbutton/dial-list.component.js +0 -81
  186. package/dist/es2015/floatingactionbutton/models/align.js +0 -4
  187. package/dist/es2015/floatingactionbutton/models/item-animation.interface.js +0 -4
  188. package/dist/es2015/floatingactionbutton/models/item-click.event.js +0 -4
  189. package/dist/es2015/floatingactionbutton/models/item.interface.js +0 -4
  190. package/dist/es2015/floatingactionbutton/models/offset.js +0 -4
  191. package/dist/es2015/floatingactionbutton/models/position-mode.js +0 -4
  192. package/dist/es2015/floatingactionbutton/templates/dial-item-template.directive.js +0 -25
  193. package/dist/es2015/floatingactionbutton/templates/fab-template.directive.js +0 -25
  194. package/dist/es2015/index.d.ts +0 -22
  195. package/dist/es2015/index.js +0 -22
  196. package/dist/es2015/index.metadata.json +0 -1
  197. package/dist/es2015/listbutton/list-item-model.js +0 -4
  198. package/dist/es2015/listbutton/list.component.js +0 -115
  199. package/dist/es2015/listbutton/list.module.js +0 -30
  200. package/dist/es2015/listbutton/popup-settings.js +0 -4
  201. package/dist/es2015/listbutton/template-context.directive.js +0 -35
  202. package/dist/es2015/navigation/key-events.js +0 -13
  203. package/dist/es2015/splitbutton/localization/custom-messages.component.js +0 -36
  204. package/dist/es2015/splitbutton/localization/localized-messages.directive.js +0 -31
  205. package/dist/es2015/splitbutton/localization/messages.js +0 -16
  206. package/dist/es2015/splitbutton/splitbutton.module.d.ts +0 -14
  207. package/dist/es2015/splitbutton/splitbutton.module.js +0 -31
  208. package/dist/fesm5/index.js +0 -5577
  209. package/dist/npm/button/button.directive.js +0 -777
  210. package/dist/npm/button/button.module.js +0 -52
  211. package/dist/npm/button/button.service.js +0 -26
  212. package/dist/npm/button/selection-settings.js +0 -6
  213. package/dist/npm/buttongroup/buttongroup.component.js +0 -355
  214. package/dist/npm/buttongroup/buttongroup.module.js +0 -32
  215. package/dist/npm/buttons.module.js +0 -56
  216. package/dist/npm/chip/chip-content-click-event-args.interface.js +0 -6
  217. package/dist/npm/chip/chip-list-remove-event-args.interface.js +0 -6
  218. package/dist/npm/chip/chip-list.component.js +0 -216
  219. package/dist/npm/chip/chip-remove-event-args.interface.js +0 -6
  220. package/dist/npm/chip/chip.component.js +0 -451
  221. package/dist/npm/chip/chip.module.js +0 -57
  222. package/dist/npm/chip/models/selection.js +0 -6
  223. package/dist/npm/common/models/fillmode.js +0 -6
  224. package/dist/npm/common/models/rounded.js +0 -6
  225. package/dist/npm/common/models/shape.js +0 -6
  226. package/dist/npm/common/models/size.js +0 -6
  227. package/dist/npm/common/models/styling-classes.js +0 -6
  228. package/dist/npm/common/models/theme-color.js +0 -6
  229. package/dist/npm/common/models.js +0 -6
  230. package/dist/npm/direction.js +0 -6
  231. package/dist/npm/dropdownbutton/dropdownbutton.component.js +0 -706
  232. package/dist/npm/dropdownbutton/dropdownbutton.module.js +0 -34
  233. package/dist/npm/floatingactionbutton/animations/animations.js +0 -37
  234. package/dist/npm/floatingactionbutton/dial-item.component.js +0 -145
  235. package/dist/npm/floatingactionbutton/dial-list.component.js +0 -78
  236. package/dist/npm/floatingactionbutton/floatingactionbutton.component.js +0 -905
  237. package/dist/npm/floatingactionbutton/floatingactionbutton.module.js +0 -67
  238. package/dist/npm/floatingactionbutton/models/align.js +0 -6
  239. package/dist/npm/floatingactionbutton/models/item-animation.interface.js +0 -6
  240. package/dist/npm/floatingactionbutton/models/item-click.event.js +0 -6
  241. package/dist/npm/floatingactionbutton/models/item.interface.js +0 -6
  242. package/dist/npm/floatingactionbutton/models/offset.js +0 -6
  243. package/dist/npm/floatingactionbutton/models/position-mode.js +0 -6
  244. package/dist/npm/floatingactionbutton/templates/dial-item-template.directive.js +0 -28
  245. package/dist/npm/floatingactionbutton/templates/fab-template.directive.js +0 -28
  246. package/dist/npm/floatingactionbutton/utils.js +0 -42
  247. package/dist/npm/focusable/focus.service.js +0 -45
  248. package/dist/npm/focusable/focusable.directive.js +0 -70
  249. package/dist/npm/index.js +0 -39
  250. package/dist/npm/listbutton/button-item-template.directive.js +0 -70
  251. package/dist/npm/listbutton/list-button.js +0 -245
  252. package/dist/npm/listbutton/list-item-model.js +0 -6
  253. package/dist/npm/listbutton/list.component.js +0 -87
  254. package/dist/npm/listbutton/list.module.js +0 -35
  255. package/dist/npm/listbutton/popup-settings.js +0 -6
  256. package/dist/npm/listbutton/template-context.directive.js +0 -42
  257. package/dist/npm/main.js +0 -45
  258. package/dist/npm/navigation/key-events.js +0 -15
  259. package/dist/npm/navigation/navigation-action.js +0 -21
  260. package/dist/npm/navigation/navigation-config.js +0 -11
  261. package/dist/npm/navigation/navigation.service.js +0 -116
  262. package/dist/npm/package-metadata.js +0 -17
  263. package/dist/npm/preventable-event.js +0 -31
  264. package/dist/npm/splitbutton/localization/custom-messages.component.js +0 -46
  265. package/dist/npm/splitbutton/localization/localized-messages.directive.js +0 -37
  266. package/dist/npm/splitbutton/localization/messages.js +0 -24
  267. package/dist/npm/splitbutton/splitbutton.component.js +0 -832
  268. package/dist/npm/splitbutton/splitbutton.module.js +0 -36
  269. package/dist/npm/util.js +0 -111
  270. package/dist/systemjs/kendo-angular-buttons.js +0 -5
@@ -1,4 +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
- *-------------------------------------------------------------------------------------------*/
@@ -1,449 +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 { Component, HostBinding, Input, Output, EventEmitter, ElementRef, Renderer2, NgZone, isDevMode } from '@angular/core';
7
- import { isDocumentAvailable } from '@progress/kendo-angular-common';
8
- import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
9
- import { validatePackage } from '@progress/kendo-licensing';
10
- import { packageMetadata } from '../package-metadata';
11
- import { closest, getStylingClasses, getThemeColorClasses } from '../util';
12
- /**
13
- * Displays a Chip that represents an input, attribute or an action.
14
- */
15
- var ChipComponent = /** @class */ (function () {
16
- function ChipComponent(element, renderer, ngZone, localizationService) {
17
- this.element = element;
18
- this.renderer = renderer;
19
- this.ngZone = ngZone;
20
- this.localizationService = localizationService;
21
- /**
22
- * Specifies the selected state of the Chip.
23
- * @default false
24
- */
25
- this.selected = false;
26
- /**
27
- * Specifies if the Chip will be removable or not.
28
- * If the property is set to `true`, the Chip renders a remove icon.
29
- * @default false
30
- */
31
- this.removable = false;
32
- /**
33
- * If set to `true`, the Chip will be disabled.
34
- * @default false
35
- */
36
- this.disabled = false;
37
- /**
38
- * Fires each time the user clicks the remove icon of the Chip.
39
- */
40
- this.remove = new EventEmitter();
41
- /**
42
- * Fires each time the user clicks the content of the Chip.
43
- */
44
- this.contentClick = new EventEmitter();
45
- this.tabIndex = 0;
46
- this.hostClass = true;
47
- this._size = 'medium';
48
- this._rounded = 'medium';
49
- this._fillMode = 'solid';
50
- this._themeColor = 'base';
51
- this.focused = false;
52
- validatePackage(packageMetadata);
53
- this.direction = localizationService.rtl ? 'rtl' : 'ltr';
54
- }
55
- Object.defineProperty(ChipComponent.prototype, "size", {
56
- get: function () {
57
- return this._size;
58
- },
59
- /**
60
- * The size property specifies the padding of the Chip
61
- * ([see example]({% slug appearance_chip %}#toc-size)).
62
- *
63
- * The possible values are:
64
- * * `'small'`
65
- * * `'medium'` (default)
66
- * * `'large'`
67
- * * `null`
68
- */
69
- set: function (size) {
70
- this.handleClasses(size, 'size');
71
- this._size = size;
72
- },
73
- enumerable: true,
74
- configurable: true
75
- });
76
- Object.defineProperty(ChipComponent.prototype, "rounded", {
77
- get: function () {
78
- return this._rounded;
79
- },
80
- /**
81
- * The rounded property specifies the border radius of the Chip
82
- * ([see example]({% slug appearance_chip %}#toc-rounded)).
83
- *
84
- * The possible values are:
85
- * * `'small'`
86
- * * `'medium'` (default)
87
- * * `'large'`
88
- * * `'full'`
89
- * * `null`
90
- */
91
- set: function (rounded) {
92
- this.handleClasses(rounded, 'rounded');
93
- this._rounded = rounded;
94
- },
95
- enumerable: true,
96
- configurable: true
97
- });
98
- Object.defineProperty(ChipComponent.prototype, "fillMode", {
99
- get: function () {
100
- return this._fillMode;
101
- },
102
- /**
103
- * The fillMode property specifies the background and border styles of the Chip
104
- * ([see example]({% slug appearance_chip %}#toc-fillMode)).
105
- *
106
- * The possible values are:
107
- * * `'solid'` (default)
108
- * * `'outline'`
109
- * * `null`
110
- */
111
- set: function (fillMode) {
112
- this.handleClasses(fillMode, 'fillMode');
113
- this._fillMode = fillMode;
114
- },
115
- enumerable: true,
116
- configurable: true
117
- });
118
- Object.defineProperty(ChipComponent.prototype, "themeColor", {
119
- get: function () {
120
- return this._themeColor;
121
- },
122
- /**
123
- * The Chip allows you to specify predefined theme colors.
124
- * The theme color will be applied as a background and border color while also amending the text color accordingly
125
- * ([see example]({% slug appearance_chip %}#toc-themeColor)).
126
- *
127
- * The possible values are:
128
- * * `'base'` (default)
129
- * * `'info'`
130
- * * `'success'`
131
- * * `'warning'`
132
- * * `'error'`
133
- * * `null`
134
- */
135
- set: function (themeColor) {
136
- this.handleThemeColor(themeColor);
137
- this._themeColor = themeColor;
138
- },
139
- enumerable: true,
140
- configurable: true
141
- });
142
- Object.defineProperty(ChipComponent.prototype, "ariaChecked", {
143
- get: function () {
144
- return this.selected;
145
- },
146
- enumerable: true,
147
- configurable: true
148
- });
149
- Object.defineProperty(ChipComponent.prototype, "hasIconClass", {
150
- get: function () {
151
- return this.icon || this.iconClass || this.avatarClass ? true : false;
152
- },
153
- enumerable: true,
154
- configurable: true
155
- });
156
- Object.defineProperty(ChipComponent.prototype, "disabledClass", {
157
- get: function () {
158
- return this.disabled;
159
- },
160
- enumerable: true,
161
- configurable: true
162
- });
163
- Object.defineProperty(ChipComponent.prototype, "selectedClass", {
164
- get: function () {
165
- return this.selected;
166
- },
167
- enumerable: true,
168
- configurable: true
169
- });
170
- Object.defineProperty(ChipComponent.prototype, "focusedClass", {
171
- get: function () {
172
- return this.focused;
173
- },
174
- enumerable: true,
175
- configurable: true
176
- });
177
- ChipComponent.prototype.ngOnInit = function () {
178
- var _this = this;
179
- this.dynamicRTLSubscription = this.localizationService.changes
180
- .subscribe(function (_a) {
181
- var rtl = _a.rtl;
182
- return _this.direction = rtl ? 'rtl' : 'ltr';
183
- });
184
- };
185
- ChipComponent.prototype.ngOnDestroy = function () {
186
- if (this.dynamicRTLSubscription) {
187
- this.dynamicRTLSubscription.unsubscribe();
188
- }
189
- if (this.detachDomEvents) {
190
- this.detachDomEvents();
191
- }
192
- };
193
- ChipComponent.prototype.ngAfterViewInit = function () {
194
- var _this = this;
195
- var chip = this.element.nativeElement;
196
- var stylingOptions = ['size', 'rounded', 'fillMode'];
197
- stylingOptions.forEach(function (input) {
198
- _this.handleClasses(_this[input], input);
199
- });
200
- this.attachElementEventHandlers(chip);
201
- };
202
- Object.defineProperty(ChipComponent.prototype, "kendoIconClass", {
203
- /**
204
- * @hidden
205
- */
206
- get: function () {
207
- this.verifyIconSettings([this.iconClass, this.avatarClass]);
208
- return "k-i-" + this.icon;
209
- },
210
- enumerable: true,
211
- configurable: true
212
- });
213
- Object.defineProperty(ChipComponent.prototype, "customIconClass", {
214
- /**
215
- * @hidden
216
- */
217
- get: function () {
218
- this.verifyIconSettings([this.icon, this.avatarClass]);
219
- return "" + this.iconClass;
220
- },
221
- enumerable: true,
222
- configurable: true
223
- });
224
- Object.defineProperty(ChipComponent.prototype, "chipAvatarClass", {
225
- /**
226
- * @hidden
227
- */
228
- get: function () {
229
- this.verifyIconSettings([this.icon, this.iconClass]);
230
- return "" + this.avatarClass;
231
- },
232
- enumerable: true,
233
- configurable: true
234
- });
235
- Object.defineProperty(ChipComponent.prototype, "removeIconClass", {
236
- /**
237
- * @hidden
238
- */
239
- get: function () {
240
- if (this.removeIcon) {
241
- return "" + this.removeIcon;
242
- }
243
- return "k-i-close-circle";
244
- },
245
- enumerable: true,
246
- configurable: true
247
- });
248
- /**
249
- * Focuses the Chip component.
250
- */
251
- ChipComponent.prototype.focus = function () {
252
- if (isDocumentAvailable()) {
253
- this.element.nativeElement.focus();
254
- }
255
- };
256
- /**
257
- * Blurs the Chip component.
258
- */
259
- ChipComponent.prototype.blur = function () {
260
- if (isDocumentAvailable()) {
261
- this.element.nativeElement.blur();
262
- }
263
- };
264
- /**
265
- * @hidden
266
- */
267
- ChipComponent.prototype.onRemoveClick = function (e) {
268
- if (this.removable) {
269
- this.remove.emit({ sender: this, originalEvent: e });
270
- }
271
- };
272
- ChipComponent.prototype.attachElementEventHandlers = function (chip) {
273
- var _this = this;
274
- this.ngZone.runOutsideAngular(function () {
275
- var focusListener = _this.renderer.listen(chip, 'focus', function () {
276
- _this.renderer.addClass(chip, 'k-focus');
277
- });
278
- var blurListener = _this.renderer.listen(chip, 'blur', function () {
279
- _this.renderer.removeClass(chip, 'k-focus');
280
- });
281
- var contentClickListener = _this.renderer.listen(chip, 'click', function (e) {
282
- var isRemoveClicked = closest(e.target, '.k-chip-remove-action');
283
- if (!isRemoveClicked) {
284
- _this.ngZone.run(function () {
285
- _this.contentClick.emit({ sender: _this, originalEvent: e });
286
- });
287
- }
288
- });
289
- _this.detachDomEvents = function () {
290
- focusListener();
291
- blurListener();
292
- contentClickListener();
293
- };
294
- });
295
- };
296
- /**
297
- * @hidden
298
- */
299
- ChipComponent.prototype.verifyIconSettings = function (iconsToCheck) {
300
- if (isDevMode()) {
301
- if (iconsToCheck.filter(function (icon) { return icon !== null && icon !== undefined; }).length > 0) {
302
- this.renderer.removeClass(this.element.nativeElement, 'k-chip-has-icon');
303
- throw new Error('Invalid configuration: Having multiple icons is not supported. Only a single icon on a chip can be displayed.');
304
- }
305
- }
306
- };
307
- ChipComponent.prototype.handleClasses = function (value, input) {
308
- var elem = this.element.nativeElement;
309
- var classes = getStylingClasses('chip', input, this[input], value);
310
- if (input === 'fillMode') {
311
- this.handleThemeColor(this.themeColor, this[input], value);
312
- }
313
- if (classes.toRemove) {
314
- this.renderer.removeClass(elem, classes.toRemove);
315
- }
316
- if (classes.toAdd) {
317
- this.renderer.addClass(elem, classes.toAdd);
318
- }
319
- };
320
- ChipComponent.prototype.handleThemeColor = function (value, prevFillMode, fillMode) {
321
- var elem = this.element.nativeElement;
322
- var removeFillMode = prevFillMode ? prevFillMode : this.fillMode;
323
- var addFillMode = fillMode ? fillMode : this.fillMode;
324
- var themeColorClass = getThemeColorClasses('chip', removeFillMode, addFillMode, this.themeColor, value);
325
- this.renderer.removeClass(elem, themeColorClass.toRemove);
326
- if (addFillMode !== null && fillMode !== null) {
327
- if (themeColorClass.toAdd) {
328
- this.renderer.addClass(elem, themeColorClass.toAdd);
329
- }
330
- }
331
- };
332
- tslib_1.__decorate([
333
- Input(),
334
- tslib_1.__metadata("design:type", String)
335
- ], ChipComponent.prototype, "label", void 0);
336
- tslib_1.__decorate([
337
- Input(),
338
- tslib_1.__metadata("design:type", String)
339
- ], ChipComponent.prototype, "icon", void 0);
340
- tslib_1.__decorate([
341
- Input(),
342
- tslib_1.__metadata("design:type", String)
343
- ], ChipComponent.prototype, "iconClass", void 0);
344
- tslib_1.__decorate([
345
- Input(),
346
- tslib_1.__metadata("design:type", String)
347
- ], ChipComponent.prototype, "avatarClass", void 0);
348
- tslib_1.__decorate([
349
- Input(),
350
- tslib_1.__metadata("design:type", Boolean)
351
- ], ChipComponent.prototype, "selected", void 0);
352
- tslib_1.__decorate([
353
- Input(),
354
- tslib_1.__metadata("design:type", Boolean)
355
- ], ChipComponent.prototype, "removable", void 0);
356
- tslib_1.__decorate([
357
- Input(),
358
- tslib_1.__metadata("design:type", String)
359
- ], ChipComponent.prototype, "removeIcon", void 0);
360
- tslib_1.__decorate([
361
- Input(),
362
- tslib_1.__metadata("design:type", Boolean)
363
- ], ChipComponent.prototype, "disabled", void 0);
364
- tslib_1.__decorate([
365
- Input(),
366
- tslib_1.__metadata("design:type", String),
367
- tslib_1.__metadata("design:paramtypes", [String])
368
- ], ChipComponent.prototype, "size", null);
369
- tslib_1.__decorate([
370
- Input(),
371
- tslib_1.__metadata("design:type", String),
372
- tslib_1.__metadata("design:paramtypes", [String])
373
- ], ChipComponent.prototype, "rounded", null);
374
- tslib_1.__decorate([
375
- Input(),
376
- tslib_1.__metadata("design:type", String),
377
- tslib_1.__metadata("design:paramtypes", [String])
378
- ], ChipComponent.prototype, "fillMode", null);
379
- tslib_1.__decorate([
380
- Input(),
381
- tslib_1.__metadata("design:type", String),
382
- tslib_1.__metadata("design:paramtypes", [String])
383
- ], ChipComponent.prototype, "themeColor", null);
384
- tslib_1.__decorate([
385
- Output(),
386
- tslib_1.__metadata("design:type", EventEmitter)
387
- ], ChipComponent.prototype, "remove", void 0);
388
- tslib_1.__decorate([
389
- Output(),
390
- tslib_1.__metadata("design:type", EventEmitter)
391
- ], ChipComponent.prototype, "contentClick", void 0);
392
- tslib_1.__decorate([
393
- HostBinding('attr.tabindex'),
394
- tslib_1.__metadata("design:type", Number)
395
- ], ChipComponent.prototype, "tabIndex", void 0);
396
- tslib_1.__decorate([
397
- HostBinding('attr.aria-checked'),
398
- tslib_1.__metadata("design:type", Boolean),
399
- tslib_1.__metadata("design:paramtypes", [])
400
- ], ChipComponent.prototype, "ariaChecked", null);
401
- tslib_1.__decorate([
402
- HostBinding('class.k-chip'),
403
- tslib_1.__metadata("design:type", Boolean)
404
- ], ChipComponent.prototype, "hostClass", void 0);
405
- tslib_1.__decorate([
406
- HostBinding('class.k-chip-has-icon'),
407
- tslib_1.__metadata("design:type", Boolean),
408
- tslib_1.__metadata("design:paramtypes", [])
409
- ], ChipComponent.prototype, "hasIconClass", null);
410
- tslib_1.__decorate([
411
- HostBinding('attr.aria-disabled'),
412
- HostBinding('class.k-disabled'),
413
- tslib_1.__metadata("design:type", Boolean),
414
- tslib_1.__metadata("design:paramtypes", [])
415
- ], ChipComponent.prototype, "disabledClass", null);
416
- tslib_1.__decorate([
417
- HostBinding('class.k-selected'),
418
- tslib_1.__metadata("design:type", Boolean),
419
- tslib_1.__metadata("design:paramtypes", [])
420
- ], ChipComponent.prototype, "selectedClass", null);
421
- tslib_1.__decorate([
422
- HostBinding('class.k-focus'),
423
- tslib_1.__metadata("design:type", Boolean),
424
- tslib_1.__metadata("design:paramtypes", [])
425
- ], ChipComponent.prototype, "focusedClass", null);
426
- tslib_1.__decorate([
427
- HostBinding('attr.dir'),
428
- tslib_1.__metadata("design:type", String)
429
- ], ChipComponent.prototype, "direction", void 0);
430
- ChipComponent = tslib_1.__decorate([
431
- Component({
432
- selector: 'kendo-chip',
433
- template: "\n <span\n *ngIf=\"icon\"\n class=\"k-chip-icon k-icon\"\n [ngClass]=\"kendoIconClass\"\n >\n </span>\n\n <span\n *ngIf=\"iconClass\"\n class=\"k-chip-icon\"\n [ngClass]=\"customIconClass\"\n >\n </span>\n\n <span\n *ngIf=\"avatarClass\"\n class=\"k-chip-avatar k-avatar k-rounded-full\"\n >\n <span class=\"k-avatar-image\" [ngClass]=\"chipAvatarClass\"></span>\n </span>\n\n <span class=\"k-chip-content\">\n <span class=\"k-chip-label\" *ngIf=\"label\">\n {{ label }}\n </span>\n <ng-content *ngIf=\"!label\"></ng-content>\n </span>\n\n <span class=\"k-chip-actions\">\n <span class=\"k-chip-action k-chip-remove-action\"\n *ngIf=\"removable\"\n (click)=\"onRemoveClick($event)\"\n >\n <span\n class=\"k-icon\"\n [ngClass]=\"removeIconClass\"\n >\n </span>\n </span>\n </span>\n ",
434
- providers: [
435
- LocalizationService,
436
- {
437
- provide: L10N_PREFIX,
438
- useValue: 'kendo.chip'
439
- }
440
- ]
441
- }),
442
- tslib_1.__metadata("design:paramtypes", [ElementRef,
443
- Renderer2,
444
- NgZone,
445
- LocalizationService])
446
- ], ChipComponent);
447
- return ChipComponent;
448
- }());
449
- export { ChipComponent };
@@ -1,55 +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 { ChipComponent } from '../chip/chip.component';
9
- import { ChipListComponent } from './chip-list.component';
10
- var exportedModules = [
11
- ChipComponent,
12
- ChipListComponent
13
- ];
14
- var declarations = exportedModules.slice();
15
- /**
16
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
17
- * definition for the Chip and ChipList components.
18
- *
19
- * @example
20
- *
21
- * ```ts-no-run
22
- * // Import the Chip module
23
- * import { ChipModule } 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, ChipModule], // import Chip module
37
- * bootstrap: [AppComponent]
38
- * })
39
- * export class AppModule {}
40
- *
41
- * ```
42
- */
43
- var ChipModule = /** @class */ (function () {
44
- function ChipModule() {
45
- }
46
- ChipModule = tslib_1.__decorate([
47
- NgModule({
48
- declarations: [declarations],
49
- exports: [exportedModules],
50
- imports: [CommonModule]
51
- })
52
- ], ChipModule);
53
- return ChipModule;
54
- }());
55
- export { ChipModule };
@@ -1,4 +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
- *-------------------------------------------------------------------------------------------*/