@eui/components 18.0.0-next.25 → 18.0.0-next.27

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 (286) hide show
  1. package/docs/components/ChartComponent.html +1 -1
  2. package/docs/components/CollapsedBreadcrumbComponent.html +1 -1
  3. package/docs/components/DefaultComponent.html +1 -1
  4. package/docs/components/EuiAlertComponent.html +2 -2
  5. package/docs/components/EuiAlertTitleComponent.html +1 -1
  6. package/docs/components/EuiAppBreadcrumbComponent.html +1 -1
  7. package/docs/components/EuiAppComponent.html +1 -1
  8. package/docs/components/EuiAppFooterComponent.html +1 -1
  9. package/docs/components/EuiAppHeaderComponent.html +1 -1
  10. package/docs/components/EuiAppSidebarBodyComponent.html +1 -1
  11. package/docs/components/EuiAppSidebarComponent.html +1 -1
  12. package/docs/components/EuiAppSidebarDrawerComponent.html +1 -1
  13. package/docs/components/EuiAppSidebarFooterComponent.html +1 -1
  14. package/docs/components/EuiAppSidebarHeaderComponent.html +1 -1
  15. package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +1 -1
  16. package/docs/components/EuiAppSidebarMenuComponent.html +1 -1
  17. package/docs/components/EuiAppToolbarComponent.html +1 -1
  18. package/docs/components/EuiAppTopMessageComponent.html +1 -1
  19. package/docs/components/EuiAutocompleteAsyncTestComponent.html +1 -1
  20. package/docs/components/EuiAutocompleteChipsAsyncTestComponent.html +1 -1
  21. package/docs/components/EuiAutocompleteChipsTestComponent.html +1 -1
  22. package/docs/components/EuiAutocompleteComponent.html +1 -1
  23. package/docs/components/EuiAutocompleteOptionComponent.html +1 -1
  24. package/docs/components/EuiAutocompleteOptionGroupComponent.html +1 -1
  25. package/docs/components/EuiAutocompleteTestComponent.html +1 -1
  26. package/docs/components/EuiAvatarBadgeComponent.html +1 -1
  27. package/docs/components/EuiAvatarComponent.html +1 -1
  28. package/docs/components/EuiAvatarIconComponent.html +1 -1
  29. package/docs/components/EuiAvatarImageComponent.html +1 -1
  30. package/docs/components/EuiAvatarListComponent.html +1 -1
  31. package/docs/components/EuiAvatarTextComponent.html +1 -1
  32. package/docs/components/EuiBadgeComponent.html +2 -2
  33. package/docs/components/EuiBlockContentComponent.html +1 -1
  34. package/docs/components/EuiBlockDocumentComponent.html +1 -1
  35. package/docs/components/EuiBreadcrumbComponent.html +1 -1
  36. package/docs/components/EuiBreadcrumbItemComponent.html +1 -1
  37. package/docs/components/EuiButtonComponent.html +1 -1
  38. package/docs/components/EuiButtonGroupComponent.html +1 -1
  39. package/docs/components/EuiButtonV2Component.html +1 -1
  40. package/docs/components/EuiCardComponent.html +1 -1
  41. package/docs/components/EuiCardContentComponent.html +1 -1
  42. package/docs/components/EuiCardFooterActionButtonsComponent.html +1 -1
  43. package/docs/components/EuiCardFooterActionIconsComponent.html +1 -1
  44. package/docs/components/EuiCardFooterComponent.html +1 -1
  45. package/docs/components/EuiCardFooterMenuContentComponent.html +1 -1
  46. package/docs/components/EuiCardHeaderBodyComponent.html +1 -1
  47. package/docs/components/EuiCardHeaderComponent.html +1 -1
  48. package/docs/components/EuiCardHeaderLeftContentComponent.html +1 -1
  49. package/docs/components/EuiCardHeaderRightContentComponent.html +1 -1
  50. package/docs/components/EuiCardHeaderSubtitleComponent.html +1 -1
  51. package/docs/components/EuiCardHeaderTitleComponent.html +1 -1
  52. package/docs/components/EuiCardMediaComponent.html +1 -1
  53. package/docs/components/EuiChipComponent.html +102 -682
  54. package/docs/components/EuiChipListComponent.html +3 -2
  55. package/docs/components/EuiDashboardButtonComponent.html +1 -1
  56. package/docs/components/EuiDashboardCardComponent.html +1 -1
  57. package/docs/components/EuiDateRangeSelectorComponent.html +2 -2
  58. package/docs/components/EuiDatepickerComponent.html +1 -1
  59. package/docs/components/EuiDialogComponent.html +1 -1
  60. package/docs/components/EuiDialogContainerComponent.html +1 -1
  61. package/docs/components/EuiDimmerComponent.html +1 -1
  62. package/docs/components/EuiDisableContentComponent.html +1 -1
  63. package/docs/components/EuiDiscussionThreadComponent.html +1 -1
  64. package/docs/components/EuiDiscussionThreadItemComponent.html +1 -1
  65. package/docs/components/EuiDropdownComponent.html +1 -1
  66. package/docs/components/EuiDropdownItemComponent.html +1 -1
  67. package/docs/components/EuiEclLabelComponent.html +610 -0
  68. package/docs/components/EuiEditorComponent.html +1 -1
  69. package/docs/components/EuiEditorCountersComponent.html +1 -1
  70. package/docs/components/EuiEditorHtmlViewComponent.html +1 -1
  71. package/docs/components/EuiEditorImageDialogComponent.html +1 -1
  72. package/docs/components/EuiEditorJsonViewComponent.html +1 -1
  73. package/docs/components/EuiFeedbackMessageComponent.html +1 -1
  74. package/docs/components/EuiFieldsetComponent.html +1 -1
  75. package/docs/components/EuiFilePreviewComponent.html +1 -1
  76. package/docs/components/EuiFileUploadComponent.html +1 -1
  77. package/docs/components/EuiFileUploadProgressComponent.html +1 -1
  78. package/docs/components/EuiFooterComponent.html +1 -1
  79. package/docs/components/EuiGrowlComponent.html +1 -1
  80. package/docs/components/EuiHeaderAppComponent.html +1 -1
  81. package/docs/components/EuiHeaderAppNameComponent.html +1 -1
  82. package/docs/components/EuiHeaderAppNameLogoComponent.html +1 -1
  83. package/docs/components/EuiHeaderAppSubtitleComponent.html +1 -1
  84. package/docs/components/EuiHeaderComponent.html +1 -1
  85. package/docs/components/EuiHeaderEnvironmentComponent.html +1 -1
  86. package/docs/components/EuiHeaderLogoComponent.html +1 -1
  87. package/docs/components/EuiHeaderRightContentComponent.html +1 -1
  88. package/docs/components/EuiHeaderUserProfileComponent.html +1 -1
  89. package/docs/components/EuiIconColorComponent.html +1 -1
  90. package/docs/components/EuiIconSvgButtonComponent.html +1 -1
  91. package/docs/components/EuiIconSvgComponent.html +1 -1
  92. package/docs/components/EuiIconToggleComponent.html +1 -1
  93. package/docs/components/EuiInputCheckboxComponent.html +1 -1
  94. package/docs/components/EuiInputGroupComponent.html +1 -1
  95. package/docs/components/EuiInputNumberComponent.html +1 -1
  96. package/docs/components/EuiInputRadioComponent.html +1 -1
  97. package/docs/components/EuiInputTextComponent.html +1 -1
  98. package/docs/components/EuiLabelComponent.html +1 -1
  99. package/docs/components/EuiLanguageSelectorComponent.html +2 -2
  100. package/docs/components/EuiListComponent.html +1 -1
  101. package/docs/components/EuiListItemComponent.html +1 -1
  102. package/docs/components/EuiMenuComponent.html +1 -1
  103. package/docs/components/EuiMenuItemComponent.html +2 -2
  104. package/docs/components/EuiMessageBoxComponent.html +1 -1
  105. package/docs/components/EuiModalSelectorComponent.html +2 -6
  106. package/docs/components/EuiNotificationItemComponent.html +1 -1
  107. package/docs/components/EuiNotificationItemV2Component.html +1 -1
  108. package/docs/components/EuiNotificationsComponent.html +1 -1
  109. package/docs/components/EuiNotificationsV2Component.html +1 -1
  110. package/docs/components/EuiOverlayBodyComponent.html +1 -1
  111. package/docs/components/EuiOverlayComponent.html +1 -1
  112. package/docs/components/EuiOverlayFooterComponent.html +1 -1
  113. package/docs/components/EuiOverlayHeaderComponent.html +1 -1
  114. package/docs/components/EuiOverlayHeaderTitleComponent.html +1 -1
  115. package/docs/components/EuiPageBreadcrumbComponent.html +1 -1
  116. package/docs/components/EuiPageColumnComponent.html +1 -1
  117. package/docs/components/EuiPageColumnsComponent.html +1 -1
  118. package/docs/components/EuiPageComponent.html +1 -1
  119. package/docs/components/EuiPageContentComponent.html +1 -1
  120. package/docs/components/EuiPageFooterComponent.html +1 -1
  121. package/docs/components/EuiPageHeaderActionItemsComponent.html +1 -1
  122. package/docs/components/EuiPageHeaderBodyComponent.html +1 -1
  123. package/docs/components/EuiPageHeaderComponent.html +1 -1
  124. package/docs/components/EuiPageHeaderSubLabelComponent.html +1 -1
  125. package/docs/components/EuiPageHeroHeaderComponent.html +1 -1
  126. package/docs/components/EuiPageTopContentComponent.html +1 -1
  127. package/docs/components/EuiPaginatorComponent.html +1 -1
  128. package/docs/components/EuiPopoverComponent.html +1 -1
  129. package/docs/components/EuiProgressBarComponent.html +1 -1
  130. package/docs/components/EuiProgressCircleComponent.html +1 -1
  131. package/docs/components/EuiResizableComponent.html +1 -1
  132. package/docs/components/EuiSearchComponent.html +1 -1
  133. package/docs/components/EuiSelectComponent.html +1 -1
  134. package/docs/components/EuiSidebarMenuComponent.html +1 -1
  135. package/docs/components/EuiSidebarToggleComponent.html +1 -1
  136. package/docs/components/EuiSkeletonComponent.html +1 -1
  137. package/docs/components/EuiSlideToggleComponent.html +1 -1
  138. package/docs/components/EuiSlideToggleTestComponent.html +1 -1
  139. package/docs/components/EuiTabComponent.html +1 -1
  140. package/docs/components/EuiTabContentComponent.html +1 -1
  141. package/docs/components/EuiTabLabelComponent.html +1 -1
  142. package/docs/components/EuiTableComponent.html +1 -1
  143. package/docs/components/EuiTableExpandableRowComponent.html +1 -1
  144. package/docs/components/EuiTableFilterComponent.html +1 -1
  145. package/docs/components/EuiTableSelectableHeaderComponent.html +1 -1
  146. package/docs/components/EuiTableSelectableRowComponent.html +1 -1
  147. package/docs/components/EuiTableSortableColComponent.html +1 -1
  148. package/docs/components/EuiTabsComponent.html +1 -1
  149. package/docs/components/EuiTextareaComponent.html +1 -1
  150. package/docs/components/EuiTimebarComponent.html +1 -1
  151. package/docs/components/EuiTimelineComponent.html +1 -1
  152. package/docs/components/EuiTimelineItemComponent.html +1 -1
  153. package/docs/components/EuiTimepickerComponent.html +1 -1
  154. package/docs/components/EuiToolbarAppComponent.html +1 -1
  155. package/docs/components/EuiToolbarCenterComponent.html +1 -1
  156. package/docs/components/EuiToolbarComponent.html +1 -1
  157. package/docs/components/EuiToolbarEnvironmentComponent.html +1 -1
  158. package/docs/components/EuiToolbarItemComponent.html +1 -1
  159. package/docs/components/EuiToolbarItemsComponent.html +1 -1
  160. package/docs/components/EuiToolbarLogoComponent.html +1 -1
  161. package/docs/components/EuiToolbarMenuComponent.html +1 -1
  162. package/docs/components/EuiTooltipContainerComponent.html +1 -1
  163. package/docs/components/EuiTreeComponent.html +1 -1
  164. package/docs/components/EuiTreeListComponent.html +1 -1
  165. package/docs/components/EuiTreeListItemComponent.html +1 -1
  166. package/docs/components/EuiTreeListItemContentComponent.html +1 -1
  167. package/docs/components/EuiTreeListToolbarComponent.html +1 -1
  168. package/docs/components/EuiUserProfileCardComponent.html +1 -1
  169. package/docs/components/EuiUserProfileComponent.html +1 -1
  170. package/docs/components/EuiUserProfileMenuComponent.html +1 -1
  171. package/docs/components/EuiUserProfileMenuItemComponent.html +1 -1
  172. package/docs/components/EuiWizardComponent.html +1 -1
  173. package/docs/components/EuiWizardStepComponent.html +1 -1
  174. package/docs/components/PlaygroundComponent.html +1 -1
  175. package/docs/components/PlaygroundStickyLastColumnComponent.html +1 -1
  176. package/docs/components/QuillEditorComponent.html +1 -1
  177. package/docs/dependencies.html +1 -1
  178. package/docs/index.html +2 -2
  179. package/docs/js/menu-wc.js +64 -33
  180. package/docs/js/menu-wc_es5.js +1 -1
  181. package/docs/js/search/search_index.js +2 -2
  182. package/docs/miscellaneous/variables.html +2 -2
  183. package/docs/modules/EuiAllModule.html +12 -0
  184. package/docs/modules/EuiAppModule.html +12 -0
  185. package/docs/modules/EuiEclLabelModule.html +238 -0
  186. package/docs/modules/EuiLanguageSelectorModule.html +1 -1
  187. package/docs/modules/EuiLayoutModule.html +12 -0
  188. package/docs/modules.html +12 -0
  189. package/esm2022/eui-alert/eui-alert.component.mjs +3 -3
  190. package/esm2022/eui-all/eui-all.module.mjs +14 -4
  191. package/esm2022/eui-badge/eui-badge.component.mjs +4 -4
  192. package/esm2022/eui-chip/eui-chip.component.mjs +34 -21
  193. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +12 -3
  194. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +3 -3
  195. package/esm2022/eui-ecl-label/eui-components-eui-ecl-label.mjs +5 -0
  196. package/esm2022/eui-ecl-label/eui-ecl-label.component.mjs +58 -0
  197. package/esm2022/eui-ecl-label/eui-ecl-label.module.mjs +19 -0
  198. package/esm2022/eui-ecl-label/index.mjs +3 -0
  199. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
  200. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
  201. package/esm2022/eui-language-selector/eui-components-eui-language-selector.mjs +5 -0
  202. package/esm2022/eui-language-selector/index.mjs +4 -0
  203. package/esm2022/{layout/eui-language-selector → eui-language-selector}/language-selector.component.mjs +1 -1
  204. package/esm2022/eui-language-selector/language-selector.module.mjs +23 -0
  205. package/esm2022/eui-language-selector/modal-selector/modal-selector.component.mjs +58 -0
  206. package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
  207. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +2 -2
  208. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +1 -1
  209. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +2 -2
  210. package/esm2022/layout/eui-app/eui-app.module.mjs +1 -6
  211. package/esm2022/layout/eui-header/header.component.mjs +1 -1
  212. package/esm2022/layout/eui-header/header.module.mjs +2 -2
  213. package/esm2022/layout/eui-layout.module.mjs +1 -6
  214. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
  215. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +2 -2
  216. package/esm2022/layout/index.mjs +1 -2
  217. package/eui-all/eui-all.module.d.ts +3 -1
  218. package/eui-all/eui-all.module.d.ts.map +1 -1
  219. package/eui-badge/eui-badge.component.d.ts +1 -1
  220. package/eui-chip/eui-chip.component.d.ts +6 -4
  221. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  222. package/eui-chip-list/eui-chip-list.component.d.ts +3 -2
  223. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  224. package/eui-ecl-label/eui-components-eui-ecl-label.d.ts.map +1 -0
  225. package/eui-ecl-label/eui-ecl-label.component.d.ts +18 -0
  226. package/eui-ecl-label/eui-ecl-label.component.d.ts.map +1 -0
  227. package/eui-ecl-label/eui-ecl-label.module.d.ts +10 -0
  228. package/eui-ecl-label/eui-ecl-label.module.d.ts.map +1 -0
  229. package/eui-ecl-label/index.d.ts +3 -0
  230. package/eui-ecl-label/index.d.ts.map +1 -0
  231. package/eui-ecl-label/package.json +3 -0
  232. package/eui-language-selector/eui-components-eui-language-selector.d.ts.map +1 -0
  233. package/eui-language-selector/index.d.ts +4 -0
  234. package/eui-language-selector/index.d.ts.map +1 -0
  235. package/eui-language-selector/language-selector.component.d.ts.map +1 -0
  236. package/eui-language-selector/language-selector.module.d.ts.map +1 -0
  237. package/eui-language-selector/modal-selector/modal-selector.component.d.ts.map +1 -0
  238. package/eui-language-selector/package.json +3 -0
  239. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  240. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  241. package/fesm2022/eui-components-eui-badge.mjs +3 -3
  242. package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
  243. package/fesm2022/eui-components-eui-chip-list.mjs +17 -48
  244. package/fesm2022/eui-components-eui-chip-list.mjs.map +2 -2
  245. package/fesm2022/eui-components-eui-chip.mjs +33 -14
  246. package/fesm2022/eui-components-eui-chip.mjs.map +2 -2
  247. package/fesm2022/eui-components-eui-date-range-selector.mjs +6 -2
  248. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +2 -2
  249. package/fesm2022/eui-components-eui-ecl-label.mjs +92 -0
  250. package/fesm2022/eui-components-eui-ecl-label.mjs.map +7 -0
  251. package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
  252. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  253. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  254. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  255. package/fesm2022/eui-components-eui-language-selector.mjs +214 -0
  256. package/fesm2022/eui-components-eui-language-selector.mjs.map +7 -0
  257. package/fesm2022/eui-components-eui-menu.mjs +2 -2
  258. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  259. package/fesm2022/eui-components-layout.mjs +914 -1126
  260. package/fesm2022/eui-components-layout.mjs.map +4 -4
  261. package/fesm2022/eui-components.mjs +14 -4
  262. package/fesm2022/eui-components.mjs.map +2 -2
  263. package/layout/eui-app/eui-app-header/header.module.d.ts +1 -1
  264. package/layout/eui-app/eui-app-toolbar/toolbar.module.d.ts +1 -1
  265. package/layout/eui-app/eui-app.module.d.ts +12 -13
  266. package/layout/eui-app/eui-app.module.d.ts.map +1 -1
  267. package/layout/eui-header/header.module.d.ts +1 -1
  268. package/layout/eui-layout.module.d.ts +4 -5
  269. package/layout/eui-layout.module.d.ts.map +1 -1
  270. package/layout/eui-toolbar/toolbar.component.d.ts +1 -1
  271. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  272. package/layout/eui-toolbar/toolbar.module.d.ts +1 -1
  273. package/layout/index.d.ts +0 -1
  274. package/layout/index.d.ts.map +1 -1
  275. package/package.json +15 -3
  276. package/esm2022/layout/eui-language-selector/index.mjs +0 -3
  277. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +0 -23
  278. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +0 -58
  279. package/layout/eui-language-selector/index.d.ts +0 -3
  280. package/layout/eui-language-selector/index.d.ts.map +0 -1
  281. package/layout/eui-language-selector/language-selector.component.d.ts.map +0 -1
  282. package/layout/eui-language-selector/language-selector.module.d.ts.map +0 -1
  283. package/layout/eui-language-selector/modal-selector/modal-selector.component.d.ts.map +0 -1
  284. /package/{layout/eui-language-selector → eui-language-selector}/language-selector.component.d.ts +0 -0
  285. /package/{layout/eui-language-selector → eui-language-selector}/language-selector.module.d.ts +0 -0
  286. /package/{layout/eui-language-selector → eui-language-selector}/modal-selector/modal-selector.component.d.ts +0 -0
@@ -19,7 +19,7 @@ var EuiBadgeComponent = class _EuiBadgeComponent {
19
19
  this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
20
20
  }
21
21
  static {
22
- this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
22
+ this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
23
23
  }
24
24
  };
25
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiBadgeComponent, decorators: [{
@@ -37,15 +37,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
37
37
  "euiDanger",
38
38
  "euiAccent",
39
39
  "euiVariant",
40
+ "euiSizeXS",
40
41
  "euiSizeS",
41
42
  "euiSizeM",
42
43
  "euiSizeL",
43
- "euiSizeXL",
44
44
  "euiSizeVariant",
45
45
  "euiOutline"
46
46
  ]
47
47
  }
48
- ], styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"] }]
48
+ ], styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"] }]
49
49
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
50
50
  type: HostBinding,
51
51
  args: ["class"]
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../eui-badge/eui-badge.component.ts", "../../eui-badge/eui-badge.module.ts"],
4
- "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSecondaryLight',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n ].join(' ').trim();\n }\n\n // TODO check if feasible : 99+ to be displayed f.e.\n // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n // @Input() maxNumber = 99;\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n"],
5
- "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,i3PAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA6B5B,mBAAiB,YAAA,CAAA;QA/B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,i3PAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AChDvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
4
+ "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSecondaryLight',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n ].join(' ').trim();\n }\n\n // TODO check if feasible : 99+ to be displayed f.e.\n // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n // @Input() maxNumber = 99;\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n"],
5
+ "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,i3PAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA6B5B,mBAAiB,YAAA,CAAA;QA/B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,i3PAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AChDvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
6
6
  "names": ["BaseStatesDirective"]
7
7
  }
@@ -156,6 +156,14 @@ var EuiChipListComponent = class _EuiChipListComponent extends BaseDirective {
156
156
  tooltip: new EuiChipTooltip(chip.tooltip)
157
157
  }));
158
158
  }
159
+ ngAfterContentInit() {
160
+ console.log(this.chips);
161
+ this.chips = this.chips?.map((chip) => ({
162
+ ...chip,
163
+ tooltip: new EuiChipTooltip(chip.tooltip)
164
+ }));
165
+ console.log(this.chips);
166
+ }
159
167
  ngAfterViewInit() {
160
168
  this.chipsInit.emit(this.chipListDragAndDropItems);
161
169
  if (this.isChipsSorted && this.chips) {
@@ -184,6 +192,7 @@ var EuiChipListComponent = class _EuiChipListComponent extends BaseDirective {
184
192
  this.chips = this.orderItems(this.chips, this.chipsSortOrder);
185
193
  }
186
194
  this.cd.detectChanges();
195
+ console.log(this.chips);
187
196
  }
188
197
  });
189
198
  }
@@ -352,20 +361,10 @@ var EuiChipListComponent = class _EuiChipListComponent extends BaseDirective {
352
361
  [euiInternalId]="chip.euiInternalId"
353
362
  [isChipRemovable]="chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false"
354
363
  [euiOutline]="chip.euiOutline || euiOutline || chip.isOutline"
355
- [euiSizeS]="chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'"
356
- [euiSizeM]="chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'"
357
- [euiSizeL]="chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'"
358
- [euiSizeXL]="chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'"
359
- [euiSize2XL]="chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'"
364
+ [euiVariant]="chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant"
365
+ [euiSizeVariant]="chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant"
360
366
  [isSquared]="chip.isSquared || isSquared"
361
367
  [euiDisabled]="chip.euiDisabled || euiDisabled || chip.isDisabled"
362
- [euiPrimary]="chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass"
363
- [euiSecondary]="chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'"
364
- [euiInfo]="chip.euiInfo || euiInfo || chip.typeClass === 'info'"
365
- [euiSuccess]="chip.euiSuccess || euiSuccess || chip.typeClass === 'success'"
366
- [euiWarning]="chip.euiWarning || euiWarning || chip.typeClass === 'warning'"
367
- [euiDanger]="chip.euiDanger || euiDanger || chip.typeClass === 'danger'"
368
- [euiAccent]="chip.euiAccent || euiAccent || chip.typeClass === 'accent'"
369
368
  [euiTooltip]="chip.tooltipMessage"
370
369
  [position]="chip.tooltip?.position"
371
370
  [contentAlignment]="chip.tooltip?.contentAlignment"
@@ -419,20 +418,10 @@ var EuiChipListComponent = class _EuiChipListComponent extends BaseDirective {
419
418
  [euiInternalId]="chip.euiInternalId"
420
419
  [isChipRemovable]="chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false"
421
420
  [euiOutline]="chip.euiOutline || euiOutline || chip.isOutline"
422
- [euiSizeS]="chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'"
423
- [euiSizeM]="chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'"
424
- [euiSizeL]="chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'"
425
- [euiSizeXL]="chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'"
426
- [euiSize2XL]="chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'"
421
+ [euiVariant]="chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant"
422
+ [euiSizeVariant]="chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant"
427
423
  [isSquared]="chip.isSquared || isSquared"
428
424
  [euiDisabled]="chip.euiDisabled || euiDisabled || chip.isDisabled"
429
- [euiPrimary]="chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass"
430
- [euiSecondary]="chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'"
431
- [euiInfo]="chip.euiInfo || euiInfo || chip.typeClass === 'info'"
432
- [euiSuccess]="chip.euiSuccess || euiSuccess || chip.typeClass === 'success'"
433
- [euiWarning]="chip.euiWarning || euiWarning || chip.typeClass === 'warning'"
434
- [euiDanger]="chip.euiDanger || euiDanger || chip.typeClass === 'danger'"
435
- [euiAccent]="chip.euiAccent || euiAccent || chip.typeClass === 'accent'"
436
425
  [euiTooltip]="chip.tooltipMessage"
437
426
  [position]="chip.tooltip?.position"
438
427
  [contentAlignment]="chip.tooltip?.contentAlignment"
@@ -526,20 +515,10 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
526
515
  [euiInternalId]="chip.euiInternalId"
527
516
  [isChipRemovable]="chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false"
528
517
  [euiOutline]="chip.euiOutline || euiOutline || chip.isOutline"
529
- [euiSizeS]="chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'"
530
- [euiSizeM]="chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'"
531
- [euiSizeL]="chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'"
532
- [euiSizeXL]="chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'"
533
- [euiSize2XL]="chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'"
518
+ [euiVariant]="chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant"
519
+ [euiSizeVariant]="chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant"
534
520
  [isSquared]="chip.isSquared || isSquared"
535
521
  [euiDisabled]="chip.euiDisabled || euiDisabled || chip.isDisabled"
536
- [euiPrimary]="chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass"
537
- [euiSecondary]="chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'"
538
- [euiInfo]="chip.euiInfo || euiInfo || chip.typeClass === 'info'"
539
- [euiSuccess]="chip.euiSuccess || euiSuccess || chip.typeClass === 'success'"
540
- [euiWarning]="chip.euiWarning || euiWarning || chip.typeClass === 'warning'"
541
- [euiDanger]="chip.euiDanger || euiDanger || chip.typeClass === 'danger'"
542
- [euiAccent]="chip.euiAccent || euiAccent || chip.typeClass === 'accent'"
543
522
  [euiTooltip]="chip.tooltipMessage"
544
523
  [position]="chip.tooltip?.position"
545
524
  [contentAlignment]="chip.tooltip?.contentAlignment"
@@ -593,20 +572,10 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
593
572
  [euiInternalId]="chip.euiInternalId"
594
573
  [isChipRemovable]="chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false"
595
574
  [euiOutline]="chip.euiOutline || euiOutline || chip.isOutline"
596
- [euiSizeS]="chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'"
597
- [euiSizeM]="chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'"
598
- [euiSizeL]="chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'"
599
- [euiSizeXL]="chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'"
600
- [euiSize2XL]="chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'"
575
+ [euiVariant]="chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant"
576
+ [euiSizeVariant]="chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant"
601
577
  [isSquared]="chip.isSquared || isSquared"
602
578
  [euiDisabled]="chip.euiDisabled || euiDisabled || chip.isDisabled"
603
- [euiPrimary]="chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass"
604
- [euiSecondary]="chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'"
605
- [euiInfo]="chip.euiInfo || euiInfo || chip.typeClass === 'info'"
606
- [euiSuccess]="chip.euiSuccess || euiSuccess || chip.typeClass === 'success'"
607
- [euiWarning]="chip.euiWarning || euiWarning || chip.typeClass === 'warning'"
608
- [euiDanger]="chip.euiDanger || euiDanger || chip.typeClass === 'danger'"
609
- [euiAccent]="chip.euiAccent || euiAccent || chip.typeClass === 'accent'"
610
579
  [euiTooltip]="chip.tooltipMessage"
611
580
  [position]="chip.tooltip?.position"
612
581
  [contentAlignment]="chip.tooltip?.contentAlignment"
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../eui-chip-list/services/eui-chip-list-drag.service.ts", "../../eui-chip-list/eui-chip-list.component.ts", "../../eui-chip-list/eui-chip-list.component.html", "../../eui-chip-list/eui-chip-list.module.ts"],
4
- "sourcesContent": ["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable()\nexport class EuiChipListDragService {\n public componentConnector: CdkDropList[] = [];\n public droppableArea: CdkDropList[] = [];\n public removedFromDroppable = new BehaviorSubject(null);\n\n public setComponentConnector(sourceName: string): void {\n if (!this.componentConnector[sourceName]) {\n this.componentConnector[sourceName] = [];\n }\n }\n\n public setDroppableArea(componentRef: CdkDropList, sourceNames: string[]): void {\n sourceNames.forEach((sourceName) => {\n if (!this.droppableArea[sourceName]) {\n this.droppableArea[sourceName] = [];\n }\n\n this.droppableArea[sourceName].push(componentRef);\n\n if (!this.componentConnector[sourceName]) {\n this.setComponentConnector(sourceName);\n }\n\n this.componentConnector[sourceName].push(componentRef);\n });\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public removeFromDroppable(item: any | null): void {\n this.removedFromDroppable.next(item);\n }\n\n public resetConnector(): void {\n this.componentConnector = [];\n this.droppableArea = [];\n }\n}\n", "import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ViewChild,\n QueryList,\n forwardRef,\n ContentChildren,\n OnInit,\n ChangeDetectorRef,\n AfterViewInit,\n EventEmitter,\n Output,\n OnDestroy,\n Directive,\n OnChanges,\n SimpleChanges,\n ElementRef,\n ViewChildren,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { coerceBooleanProperty, coerceNumberProperty, BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport {\n CdkDragDrop,\n moveItemInArray,\n CdkDropList,\n transferArrayItem,\n CdkDrag,\n CdkDragStart,\n CdkDragEnter,\n CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@Component({\n templateUrl: './eui-chip-list.component.html',\n selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipListComponent extends BaseDirective implements AfterViewInit, OnDestroy, OnChanges, OnInit {\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() chips: any[];\n @Input() toggleLinkMoreLabel: string = null;\n @Input() toggleLinkLessLabel: string = null;\n @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n @Input() dragAndDropSourceName: string;\n @Input() dragAndDropConnectedTo: string[] = [];\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n @Output() chipsInit = new EventEmitter<CdkDropList>();\n @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n @Output() chiplistFocus = new EventEmitter<boolean>();\n\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('eui-chip-list')].join(' ').trim();\n }\n\n public droppableArea: (CdkDropList | string)[];\n public connectComponent: CdkDropList[] = [];\n public e2eAttr = 'eui-chip-list';\n\n @ContentChildren(forwardRef(() => EuiChipComponent)) euiChipsContent: QueryList<EuiChipComponent>;\n @ViewChild('chipListDropList', { read: CdkDropList }) chipListDropList: CdkDropList;\n @ViewChild('chipListDragAndDropItems', { read: CdkDropList }) chipListDragAndDropItems: CdkDropList;\n @ViewChildren('euiChipItem', { read: ElementRef }) euiChipItems: QueryList<ElementRef>;\n\n @Input()\n get isSquared(): boolean {\n return this._isSquared;\n }\n set isSquared(value: BooleanInput) {\n this._isSquared = coerceBooleanProperty(value);\n }\n private _isSquared = false;\n\n @Input()\n get isChipsRemovable(): boolean {\n return this._isChipsRemovable;\n }\n set isChipsRemovable(value: BooleanInput) {\n this._isChipsRemovable = coerceBooleanProperty(value);\n }\n private _isChipsRemovable = false;\n\n @Input()\n get maxVisibleChipsCount(): number {\n return this._maxVisibleChipsCount;\n }\n set maxVisibleChipsCount(value: NumberInput) {\n this._maxVisibleChipsCount = coerceNumberProperty(value);\n }\n private _maxVisibleChipsCount = null;\n\n @Input()\n get chipsLabelTruncateCount(): number {\n return this._chipsLabelTruncateCount;\n }\n set chipsLabelTruncateCount(value: NumberInput) {\n this._chipsLabelTruncateCount = coerceNumberProperty(value);\n }\n private _chipsLabelTruncateCount = null;\n\n @Input()\n get isMaxVisibleChipsOpened(): boolean {\n return this._isMaxVisibleChipsOpened;\n }\n set isMaxVisibleChipsOpened(value: BooleanInput) {\n this._isMaxVisibleChipsOpened = coerceBooleanProperty(value);\n }\n private _isMaxVisibleChipsOpened = false;\n\n @Input()\n get isChipsSorted(): boolean {\n return this._isChipsSorted;\n }\n set isChipsSorted(value: BooleanInput) {\n this._isChipsSorted = coerceBooleanProperty(value);\n }\n private _isChipsSorted = false;\n\n @Input()\n get isChipsDragAndDrop(): boolean {\n return this._isChipsDragAndDrop;\n }\n set isChipsDragAndDrop(value: BooleanInput) {\n this._isChipsDragAndDrop = coerceBooleanProperty(value);\n }\n private _isChipsDragAndDrop = false;\n\n @Input()\n get isGrid(): boolean {\n return this._isGrid;\n }\n set isGrid(value: BooleanInput) {\n this._isGrid = coerceBooleanProperty(value);\n }\n private _isGrid = false;\n\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n private cd: ChangeDetectorRef,\n private euiChipListDragService: EuiChipListDragService,\n private domSanitizer: DomSanitizer,\n ) {\n super();\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c.chips && this.isChipsSorted) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n }\n\n ngOnInit(): void {\n this.chips = this.chips?.map((chip) => ({\n ...chip,\n tooltip: new EuiChipTooltip(chip.tooltip),\n }));\n }\n\n ngAfterViewInit(): void {\n this.chipsInit.emit(this.chipListDragAndDropItems);\n if (this.isChipsSorted && this.chips) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n\n if (this.dragAndDropSourceName) {\n this.euiChipListDragService.setComponentConnector(this.dragAndDropSourceName);\n }\n\n if (this.dragAndDropConnectedTo) {\n this.euiChipListDragService.setDroppableArea(this.chipListDropList, this.dragAndDropConnectedTo);\n this.dragAndDropConnectedTo.forEach((connectTo) => {\n this.connectComponent = this.euiChipListDragService.componentConnector[connectTo];\n });\n }\n\n setTimeout(() => {\n this.droppableArea = this.euiChipListDragService.droppableArea[this.dragAndDropSourceName];\n this.cd.detectChanges();\n });\n\n Object.keys(this.euiChipListDragService.componentConnector).map((connectTo) => {\n this.euiChipListDragService.componentConnector[connectTo].push(this.chipListDragAndDropItems);\n });\n\n this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {\n if (this.euiChipsContent.toArray().length > 0) {\n this.chips = this.euiChipsContent.toArray().map((chip) => Object.assign(chip, { euiInternalId: this.generateId() }));\n\n if (this.isChipsSorted) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n this.cd.detectChanges();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.euiChipListDragService.resetConnector();\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n public toggleTags(): void {\n this.isMaxVisibleChipsOpened = !this.isMaxVisibleChipsOpened;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipContent(euiChip: any): string {\n return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipLabel(euiChip: any): string {\n return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipIconBefore(euiChip: any): boolean {\n return euiChip.iconBefore;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipIconAfter(euiChip: any): boolean {\n return euiChip.iconAfter;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public onRemove(removed: EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event } | any): void {\n const chips = this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips;\n const removedChip = removed as { chip: EuiChip; event: Event };\n let index = removedChip instanceof EuiChip ? chips.indexOf(removedChip) : chips.indexOf(removedChip.chip);\n\n if (index === -1 && removed.id) {\n index = chips.map((chip) => chip.id).indexOf(removed.id);\n }\n\n this.chips.splice(index, 1);\n\n this.chipRemove.emit({\n chips: this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips,\n removed: removedChip,\n });\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public trackByFn(index: number, euiChip: any): string {\n return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n }\n\n public onDragEnter(event: CdkDragEnter): void {\n const dropList = event.container;\n const phContainer = dropList.element.nativeElement;\n const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n phContainer.parentElement.insertBefore(phElement, phContainer);\n moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n }\n\n public onDropGrid(e: CdkDragDrop<{ chip: EuiChip; index: number }>): void {\n this.chipDrop.emit(\n {\n type: 'dropped',\n sourceName: this.dragAndDropSourceName,\n chip: e.item.data.chip,\n chips: this.chips,\n },\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public drop(e: CdkDragDrop<{ chips: any[] }>): void {\n if (e.previousContainer === e.container) {\n moveItemInArray(e.container.data['chips'], e.previousIndex, e.currentIndex);\n } else {\n transferArrayItem(\n e.previousContainer.data['chips'],\n e.container.data['chips'],\n e.previousContainer.data['chips'].indexOf(e.item.data),\n e.currentIndex,\n );\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n this.chips = e.container.data['chips'].map((item: any) => item);\n }\n\n this.chipDrop.emit(\n {\n type: 'dropped',\n sourceName: this.dragAndDropSourceName,\n chip: e.item.data,\n chips: e.container.data['chips'],\n },\n );\n }\n\n public onDragStarted(event: CdkDragStart): void {\n this.chipDragStart.emit(\n {\n type: 'started',\n sourceName: this.dragAndDropSourceName,\n chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n chips: this.chips,\n },\n );\n }\n\n public onDragReleased(event: CdkDragRelease): void {\n this.chipDragRelease.emit(\n {\n type: 'released',\n sourceName: this.dragAndDropSourceName,\n chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n chips: this.chips,\n },\n );\n }\n\n onFocus(): void {\n this.chiplistFocus.emit(true);\n }\n\n private generateId(): string {\n return '_' + Math.random().toString(36).substr(2, 9);\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private orderItems(tab: any, sortOrder: string): any[] {\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n tab.sort((a: any, b: any) => {\n const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n if (sortOrder === 'ASC') {\n if (aObj < bObj) {\n return -1;\n }\n if (aObj > bObj) {\n return 1;\n }\n return 0;\n } else {\n if (aObj > bObj) {\n return -1;\n }\n if (aObj < bObj) {\n return 1;\n }\n return 0;\n }\n });\n\n return tab;\n }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n", "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n <div class=\"eui-chip-list-wrapper\">\n <div\n role=\"list\"\n #chipList\n #chipListDropList\n #chipListDragAndDropItems\n cdkDropList\n [cdkDropListOrientation]=\"dropListOrientation\"\n [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n [cdkDropListData]=\"{ chips }\"\n [cdkDropListConnectedTo]=\"droppableArea\"\n (cdkDropListDropped)=\"drop($event)\"\n (focus)=\"onFocus()\"\n class=\"eui-chip-list__list\">\n <div\n class=\"eui-chip-list__chip-container\"\n *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n cdkDrag\n [cdkDragData]=\"chip\"\n (cdkDragStarted)=\"onDragStarted($event)\"\n (cdkDragReleased)=\"onDragReleased($event)\">\n <eui-chip\n #euiChipItem\n *ngIf=\"\n (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n !maxVisibleChipsCount\n \"\n [data]=\"chip.data ? chip.data : chip\"\n [attr.role]=\"'listitem'\"\n ariaLabel=\"{{ getChipLabel(chip) }}\"\n [euiInternalId]=\"chip.euiInternalId\"\n [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n [isSquared]=\"chip.isSquared || isSquared\"\n [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n [euiTooltip]=\"chip.tooltipMessage\"\n [position]=\"chip.tooltip?.position\"\n [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n (remove)=\"onRemove($event)\">\n <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n }}</span>\n </eui-chip>\n </div>\n <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n <div class=\"eui-chip-list-wrapper\">\n <div class=\"eui-chip-list__group\" cdkDropListGroup>\n <div\n role=\"list\"\n #chipList\n #chipListDropList\n #chipListDragAndDropItems\n cdkDropList\n *ngFor=\"let chip of chips; let i = index\"\n [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n [cdkDropListData]=\"{ chip: chip, index: i }\"\n (focus)=\"onFocus()\"\n (cdkDropListDropped)=\"onDropGrid($event)\"\n class=\"eui-chip-list__custom\">\n <div\n class=\"eui-chip-list__chip-container\"\n cdkDrag\n [cdkDragData]=\"{ chip: chip, index: i }\"\n (cdkDragStarted)=\"onDragStarted($event)\"\n (cdkDragReleased)=\"onDragReleased($event)\"\n (cdkDragEntered)=\"onDragEnter($event)\">\n <eui-chip\n #euiChipItem\n *ngIf=\"\n (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n !maxVisibleChipsCount\n \"\n [data]=\"chip.data ? chip.data : chip\"\n [id]=\"chip.id\"\n [attr.role]=\"'listitem'\"\n ariaLabel=\"{{ getChipLabel(chip) }}\"\n [euiInternalId]=\"chip.euiInternalId\"\n [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n [euiSizeS]=\"chip.euiSizeS || euiSizeS || chip.sizeClass === 'euiSizeS'\"\n [euiSizeM]=\"chip.euiSizeM || euiSizeM || chip.sizeClass === 'euiSizeM'\"\n [euiSizeL]=\"chip.euiSizeL || euiSizeL || chip.sizeClass === 'euiSizeL'\"\n [euiSizeXL]=\"chip.euiSizeXL || euiSizeXL || chip.sizeClass === 'euiSizeXL'\"\n [euiSize2XL]=\"chip.euiSize2XL || euiSize2XL || chip.sizeClass === 'euiSize2XL'\"\n [isSquared]=\"chip.isSquared || isSquared\"\n [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n [euiPrimary]=\"chip.euiPrimary || euiPrimary || chip.typeClass === 'primary' || !chip.typeClass\"\n [euiSecondary]=\"chip.euiSecondary || euiSecondary || chip.typeClass === 'secondary'\"\n [euiInfo]=\"chip.euiInfo || euiInfo || chip.typeClass === 'info'\"\n [euiSuccess]=\"chip.euiSuccess || euiSuccess || chip.typeClass === 'success'\"\n [euiWarning]=\"chip.euiWarning || euiWarning || chip.typeClass === 'warning'\"\n [euiDanger]=\"chip.euiDanger || euiDanger || chip.typeClass === 'danger'\"\n [euiAccent]=\"chip.euiAccent || euiAccent || chip.typeClass === 'accent'\"\n [euiTooltip]=\"chip.tooltipMessage\"\n [position]=\"chip.tooltip?.position\"\n [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n (remove)=\"onRemove($event)\">\n <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n }}</span>\n </eui-chip>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n <div class=\"eui-chip-list__expand-button-wrapper\">\n <button\n euiButton\n euiBasicButton\n euiButtonSecondary\n euiSizeS\n type=\"button\"\n class=\"eui-chip-list__expand-button\"\n (click)=\"toggleTags()\"\n *ngIf=\"isMaxVisibleChipsOpened\">\n <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n </button>\n <button\n euiButton\n euiBasicButton\n euiButtonSecondary\n euiSizeS\n type=\"button\"\n aria-haspopup=\"true\"\n class=\"eui-chip-list__expand-button\"\n (click)=\"toggleTags()\"\n *ngIf=\"!isMaxVisibleChipsOpened\">\n <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n </button>\n </div>\n </ng-container>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiChipModule,\n EuiButtonModule,\n EuiIconModule,\n EuiLabelModule,\n DragDropModule,\n TranslateModule,\n EuiTruncatePipeModule,\n EuiTooltipDirectiveModule,\n ],\n declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { Injectable } from '@angular/core';\nimport { CdkDropList } from '@angular/cdk/drag-drop';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable()\nexport class EuiChipListDragService {\n public componentConnector: CdkDropList[] = [];\n public droppableArea: CdkDropList[] = [];\n public removedFromDroppable = new BehaviorSubject(null);\n\n public setComponentConnector(sourceName: string): void {\n if (!this.componentConnector[sourceName]) {\n this.componentConnector[sourceName] = [];\n }\n }\n\n public setDroppableArea(componentRef: CdkDropList, sourceNames: string[]): void {\n sourceNames.forEach((sourceName) => {\n if (!this.droppableArea[sourceName]) {\n this.droppableArea[sourceName] = [];\n }\n\n this.droppableArea[sourceName].push(componentRef);\n\n if (!this.componentConnector[sourceName]) {\n this.setComponentConnector(sourceName);\n }\n\n this.componentConnector[sourceName].push(componentRef);\n });\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public removeFromDroppable(item: any | null): void {\n this.removedFromDroppable.next(item);\n }\n\n public resetConnector(): void {\n this.componentConnector = [];\n this.droppableArea = [];\n }\n}\n", "import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ViewChild,\n QueryList,\n forwardRef,\n ContentChildren,\n OnInit,\n ChangeDetectorRef,\n AfterContentInit,\n AfterViewInit,\n EventEmitter,\n Output,\n OnDestroy,\n Directive,\n OnChanges,\n SimpleChanges,\n ElementRef,\n ViewChildren,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { coerceBooleanProperty, coerceNumberProperty, BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { startWith, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport {\n CdkDragDrop,\n moveItemInArray,\n CdkDropList,\n transferArrayItem,\n CdkDrag,\n CdkDragStart,\n CdkDragEnter,\n CdkDragRelease,\n} from '@angular/cdk/drag-drop';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiChipComponent, EuiChip, EuiChipTooltip } from '@eui/components/eui-chip';\n\nimport { EuiChipDragDrop } from './models/eui-chip-drag-drop.model';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@Component({\n templateUrl: './eui-chip-list.component.html',\n selector: 'eui-chip-list, div[euiChipList], ul[euiChipList]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipListComponent extends BaseDirective implements AfterViewInit, AfterContentInit, OnDestroy, OnChanges, OnInit {\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() chips: any[];\n @Input() toggleLinkMoreLabel: string = null;\n @Input() toggleLinkLessLabel: string = null;\n @Input() chipsSortOrder: 'ASC' | 'DESC' = 'ASC';\n @Input() dragAndDropSourceName: string;\n @Input() dragAndDropConnectedTo: string[] = [];\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Chip List';\n @Input() dropListOrientation: 'horizontal' | 'vertical' = 'horizontal';\n\n @Output() chipsInit = new EventEmitter<CdkDropList>();\n @Output() chipRemove = new EventEmitter<{ chips: EuiChip[]; removed: EuiChip | { chip: EuiChip; event: Event } }>();\n @Output() chipDragStart = new EventEmitter<EuiChipDragDrop>();\n @Output() chipDragRelease = new EventEmitter<EuiChipDragDrop>();\n @Output() chipDrop = new EventEmitter<EuiChipDragDrop>();\n @Output() chiplistFocus = new EventEmitter<boolean>();\n\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('eui-chip-list')].join(' ').trim();\n }\n\n public droppableArea: (CdkDropList | string)[];\n public connectComponent: CdkDropList[] = [];\n public e2eAttr = 'eui-chip-list';\n\n @ContentChildren(forwardRef(() => EuiChipComponent)) euiChipsContent: QueryList<EuiChipComponent>;\n @ViewChild('chipListDropList', { read: CdkDropList }) chipListDropList: CdkDropList;\n @ViewChild('chipListDragAndDropItems', { read: CdkDropList }) chipListDragAndDropItems: CdkDropList;\n @ViewChildren('euiChipItem', { read: ElementRef }) euiChipItems: QueryList<ElementRef>;\n\n @Input()\n get isSquared(): boolean {\n return this._isSquared;\n }\n set isSquared(value: BooleanInput) {\n this._isSquared = coerceBooleanProperty(value);\n }\n private _isSquared = false;\n\n @Input()\n get isChipsRemovable(): boolean {\n return this._isChipsRemovable;\n }\n set isChipsRemovable(value: BooleanInput) {\n this._isChipsRemovable = coerceBooleanProperty(value);\n }\n private _isChipsRemovable = false;\n\n @Input()\n get maxVisibleChipsCount(): number {\n return this._maxVisibleChipsCount;\n }\n set maxVisibleChipsCount(value: NumberInput) {\n this._maxVisibleChipsCount = coerceNumberProperty(value);\n }\n private _maxVisibleChipsCount = null;\n\n @Input()\n get chipsLabelTruncateCount(): number {\n return this._chipsLabelTruncateCount;\n }\n set chipsLabelTruncateCount(value: NumberInput) {\n this._chipsLabelTruncateCount = coerceNumberProperty(value);\n }\n private _chipsLabelTruncateCount = null;\n\n @Input()\n get isMaxVisibleChipsOpened(): boolean {\n return this._isMaxVisibleChipsOpened;\n }\n set isMaxVisibleChipsOpened(value: BooleanInput) {\n this._isMaxVisibleChipsOpened = coerceBooleanProperty(value);\n }\n private _isMaxVisibleChipsOpened = false;\n\n @Input()\n get isChipsSorted(): boolean {\n return this._isChipsSorted;\n }\n set isChipsSorted(value: BooleanInput) {\n this._isChipsSorted = coerceBooleanProperty(value);\n }\n private _isChipsSorted = false;\n\n @Input()\n get isChipsDragAndDrop(): boolean {\n return this._isChipsDragAndDrop;\n }\n set isChipsDragAndDrop(value: BooleanInput) {\n this._isChipsDragAndDrop = coerceBooleanProperty(value);\n }\n private _isChipsDragAndDrop = false;\n\n @Input()\n get isGrid(): boolean {\n return this._isGrid;\n }\n set isGrid(value: BooleanInput) {\n this._isGrid = coerceBooleanProperty(value);\n }\n private _isGrid = false;\n\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n private cd: ChangeDetectorRef,\n private euiChipListDragService: EuiChipListDragService,\n private domSanitizer: DomSanitizer,\n ) {\n super();\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c.chips && this.isChipsSorted) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n }\n\n ngOnInit(): void {\n this.chips = this.chips?.map((chip) => ({\n ...chip,\n tooltip: new EuiChipTooltip(chip.tooltip),\n }));\n }\n\n ngAfterContentInit(): void {\n console.log(this.chips);\n\n this.chips = this.chips?.map((chip) => ({\n ...chip,\n tooltip: new EuiChipTooltip(chip.tooltip),\n }));\n\n console.log(this.chips);\n }\n\n ngAfterViewInit(): void {\n this.chipsInit.emit(this.chipListDragAndDropItems);\n if (this.isChipsSorted && this.chips) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n\n if (this.dragAndDropSourceName) {\n this.euiChipListDragService.setComponentConnector(this.dragAndDropSourceName);\n }\n\n if (this.dragAndDropConnectedTo) {\n this.euiChipListDragService.setDroppableArea(this.chipListDropList, this.dragAndDropConnectedTo);\n this.dragAndDropConnectedTo.forEach((connectTo) => {\n this.connectComponent = this.euiChipListDragService.componentConnector[connectTo];\n });\n }\n\n setTimeout(() => {\n this.droppableArea = this.euiChipListDragService.droppableArea[this.dragAndDropSourceName];\n this.cd.detectChanges();\n });\n\n Object.keys(this.euiChipListDragService.componentConnector).map((connectTo) => {\n this.euiChipListDragService.componentConnector[connectTo].push(this.chipListDragAndDropItems);\n });\n\n this.euiChipsContent.changes.pipe(startWith(true), takeUntil(this.destroy$)).subscribe(() => {\n if (this.euiChipsContent.toArray().length > 0) {\n this.chips = this.euiChipsContent.toArray().map((chip) => Object.assign(chip, { euiInternalId: this.generateId() }));\n\n if (this.isChipsSorted) {\n this.chips = this.orderItems(this.chips, this.chipsSortOrder);\n }\n this.cd.detectChanges();\n console.log(this.chips);\n }\n });\n }\n\n ngOnDestroy(): void {\n this.euiChipListDragService.resetConnector();\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n public toggleTags(): void {\n this.isMaxVisibleChipsOpened = !this.isMaxVisibleChipsOpened;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipContent(euiChip: any): string {\n return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipLabel(euiChip: any): string {\n return euiChip.chipLabel ? euiChip.chipLabel.nativeElement.textContent : euiChip.label;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipIconBefore(euiChip: any): boolean {\n return euiChip.iconBefore;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public getChipIconAfter(euiChip: any): boolean {\n return euiChip.iconAfter;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public onRemove(removed: EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event } | any): void {\n const chips = this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips;\n const removedChip = removed as { chip: EuiChip; event: Event };\n let index = removedChip instanceof EuiChip ? chips.indexOf(removedChip) : chips.indexOf(removedChip.chip);\n\n if (index === -1 && removed.id) {\n index = chips.map((chip) => chip.id).indexOf(removed.id);\n }\n\n this.chips.splice(index, 1);\n\n this.chipRemove.emit({\n chips: this.euiChipsContent.toArray().length > 0 ? this.chips.map((c) => c.data) : this.chips,\n removed: removedChip,\n });\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public trackByFn(index: number, euiChip: any): string {\n return euiChip.euiInternalId ? euiChip.euiInternalId : euiChip.id;\n }\n\n public onDragEnter(event: CdkDragEnter): void {\n const dropList = event.container;\n const phContainer = dropList.element.nativeElement;\n const phElement = phContainer.querySelector('.cdk-drag-placeholder');\n phContainer.parentElement.insertBefore(phElement, phContainer);\n moveItemInArray(this.chips, event.item.data.index, event.container.data.index);\n }\n\n public onDropGrid(e: CdkDragDrop<{ chip: EuiChip; index: number }>): void {\n this.chipDrop.emit(\n {\n type: 'dropped',\n sourceName: this.dragAndDropSourceName,\n chip: e.item.data.chip,\n chips: this.chips,\n },\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public drop(e: CdkDragDrop<{ chips: any[] }>): void {\n if (e.previousContainer === e.container) {\n moveItemInArray(e.container.data['chips'], e.previousIndex, e.currentIndex);\n } else {\n transferArrayItem(\n e.previousContainer.data['chips'],\n e.container.data['chips'],\n e.previousContainer.data['chips'].indexOf(e.item.data),\n e.currentIndex,\n );\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n this.chips = e.container.data['chips'].map((item: any) => item);\n }\n\n this.chipDrop.emit(\n {\n type: 'dropped',\n sourceName: this.dragAndDropSourceName,\n chip: e.item.data,\n chips: e.container.data['chips'],\n },\n );\n }\n\n public onDragStarted(event: CdkDragStart): void {\n this.chipDragStart.emit(\n {\n type: 'started',\n sourceName: this.dragAndDropSourceName,\n chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n chips: this.chips,\n },\n );\n }\n\n public onDragReleased(event: CdkDragRelease): void {\n this.chipDragRelease.emit(\n {\n type: 'released',\n sourceName: this.dragAndDropSourceName,\n chip: event['source'].data instanceof EuiChipComponent ? event['source'].data : event['source'].data.chip,\n chips: this.chips,\n },\n );\n }\n\n onFocus(): void {\n this.chiplistFocus.emit(true);\n }\n\n private generateId(): string {\n return '_' + Math.random().toString(36).substr(2, 9);\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private orderItems(tab: any, sortOrder: string): any[] {\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n tab.sort((a: any, b: any) => {\n const aObj = a.chipLabel ? a.chipLabel.nativeElement.textContent.toLowerCase() : a.label.toLowerCase();\n const bObj = b.chipLabel ? b.chipLabel.nativeElement.textContent.toLowerCase() : b.label.toLowerCase();\n\n if (sortOrder === 'ASC') {\n if (aObj < bObj) {\n return -1;\n }\n if (aObj > bObj) {\n return 1;\n }\n return 0;\n } else {\n if (aObj > bObj) {\n return -1;\n }\n if (aObj < bObj) {\n return 1;\n }\n return 0;\n }\n });\n\n return tab;\n }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiChipListAppendContent' })\nexport class EuiChipListAppendContentDirective {}\n/* eslint-enable */\n", "<div *ngIf=\"!isGrid\" class=\"eui-chip-list-container\">\n <div class=\"eui-chip-list-wrapper\">\n <div\n role=\"list\"\n #chipList\n #chipListDropList\n #chipListDragAndDropItems\n cdkDropList\n [cdkDropListOrientation]=\"dropListOrientation\"\n [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n [cdkDropListData]=\"{ chips }\"\n [cdkDropListConnectedTo]=\"droppableArea\"\n (cdkDropListDropped)=\"drop($event)\"\n (focus)=\"onFocus()\"\n class=\"eui-chip-list__list\">\n <div\n class=\"eui-chip-list__chip-container\"\n *ngFor=\"let chip of chips; let i = index; trackBy: trackByFn\"\n cdkDrag\n [cdkDragData]=\"chip\"\n (cdkDragStarted)=\"onDragStarted($event)\"\n (cdkDragReleased)=\"onDragReleased($event)\">\n <eui-chip\n #euiChipItem\n *ngIf=\"\n (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n !maxVisibleChipsCount\n \"\n [data]=\"chip.data ? chip.data : chip\"\n [attr.role]=\"'listitem'\"\n ariaLabel=\"{{ getChipLabel(chip) }}\"\n [euiInternalId]=\"chip.euiInternalId\"\n [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n [euiVariant]=\"chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant\"\n [euiSizeVariant]=\"chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n [isSquared]=\"chip.isSquared || isSquared\"\n [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n [euiTooltip]=\"chip.tooltipMessage\"\n [position]=\"chip.tooltip?.position\"\n [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n (remove)=\"onRemove($event)\">\n <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n }}</span>\n </eui-chip>\n </div>\n <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<div *ngIf=\"isGrid\" class=\"eui-chip-list-container\">\n <div class=\"eui-chip-list-wrapper\">\n <div class=\"eui-chip-list__group\" cdkDropListGroup>\n <div\n role=\"list\"\n #chipList\n #chipListDropList\n #chipListDragAndDropItems\n cdkDropList\n *ngFor=\"let chip of chips; let i = index\"\n [cdkDropListDisabled]=\"!isChipsDragAndDrop\"\n [cdkDropListData]=\"{ chip: chip, index: i }\"\n (focus)=\"onFocus()\"\n (cdkDropListDropped)=\"onDropGrid($event)\"\n class=\"eui-chip-list__custom\">\n <div\n class=\"eui-chip-list__chip-container\"\n cdkDrag\n [cdkDragData]=\"{ chip: chip, index: i }\"\n (cdkDragStarted)=\"onDragStarted($event)\"\n (cdkDragReleased)=\"onDragReleased($event)\"\n (cdkDragEntered)=\"onDragEnter($event)\">\n <eui-chip\n #euiChipItem\n *ngIf=\"\n (maxVisibleChipsCount && isMaxVisibleChipsOpened) ||\n (maxVisibleChipsCount && maxVisibleChipsCount > i) ||\n !maxVisibleChipsCount\n \"\n [data]=\"chip.data ? chip.data : chip\"\n [id]=\"chip.id\"\n [attr.role]=\"'listitem'\"\n ariaLabel=\"{{ getChipLabel(chip) }}\"\n [euiInternalId]=\"chip.euiInternalId\"\n [isChipRemovable]=\"chip.isChipRemovable || (isChipsRemovable && chip.isRemovable) !== false\"\n [euiOutline]=\"chip.euiOutline || euiOutline || chip.isOutline\"\n [euiVariant]=\"chip.typeClass || euiVariant || chip.baseStatesDirective?.euiVariant\"\n [euiSizeVariant]=\"chip.sizeClass || euiSizeVariant || chip.baseStatesDirective?.euiSizeVariant\"\n [isSquared]=\"chip.isSquared || isSquared\"\n [euiDisabled]=\"chip.euiDisabled || euiDisabled || chip.isDisabled\"\n [euiTooltip]=\"chip.tooltipMessage\"\n [position]=\"chip.tooltip?.position\"\n [contentAlignment]=\"chip.tooltip?.contentAlignment\"\n (remove)=\"onRemove($event)\">\n <eui-icon-svg *ngIf=\"chip.iconSvgName\" [icon]=\"chip.iconSvgName\"></eui-icon-svg>\n <span *ngIf=\"!chipsLabelTruncateCount\" [innerHTML]=\"getChipContent(chip)\"></span>\n <span *ngIf=\"chipsLabelTruncateCount\" title=\"{{ getChipLabel(chip) }}\">{{\n getChipLabel(chip) | euiTruncate: chipsLabelTruncateCount\n }}</span>\n </eui-chip>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"euiChipListAppendContent\"></ng-container>\n </div>\n </div>\n <ng-container *ngTemplateOutlet=\"additionalContent\"></ng-container>\n</div>\n\n<ng-template #euiChipListAppendContent>\n <ng-content select=\"euiChipListAppendContent\"></ng-content>\n</ng-template>\n\n<ng-template #additionalContent>\n <ng-container *ngIf=\"maxVisibleChipsCount && chips && chips.length > maxVisibleChipsCount\">\n <div class=\"eui-chip-list__expand-button-wrapper\">\n <button\n euiButton\n euiBasicButton\n euiButtonSecondary\n euiSizeS\n type=\"button\"\n class=\"eui-chip-list__expand-button\"\n (click)=\"toggleTags()\"\n *ngIf=\"isMaxVisibleChipsOpened\">\n <eui-icon-svg icon=\"eui-chevron-back\" aria-label=\"Collapse icon\"></eui-icon-svg>\n <span euiLabel *ngIf=\"toggleLinkLessLabel\">{{ toggleLinkLessLabel | translate }}</span>\n </button>\n <button\n euiButton\n euiBasicButton\n euiButtonSecondary\n euiSizeS\n type=\"button\"\n aria-haspopup=\"true\"\n class=\"eui-chip-list__expand-button\"\n (click)=\"toggleTags()\"\n *ngIf=\"!isMaxVisibleChipsOpened\">\n <span euiLabel *ngIf=\"toggleLinkMoreLabel\">{{ toggleLinkMoreLabel | translate }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" aria-label=\"Expand icon\"></eui-icon-svg>\n </button>\n </div>\n </ng-container>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiChipModule } from '@eui/components/eui-chip';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiTruncatePipeModule } from '@eui/components/pipes';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipListComponent, EuiChipListAppendContentDirective } from './eui-chip-list.component';\nimport { EuiChipListDragService } from './services/eui-chip-list-drag.service';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiChipModule,\n EuiButtonModule,\n EuiIconModule,\n EuiLabelModule,\n DragDropModule,\n TranslateModule,\n EuiTruncatePipeModule,\n EuiTooltipDirectiveModule,\n ],\n declarations: [EuiChipListComponent, EuiChipListAppendContentDirective],\n exports: [EuiChipListComponent, EuiChipListAppendContentDirective],\n providers: [EuiChipListDragService],\n})\nexport class EuiChipListModule {}\n"],
5
+ "mappings": "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",
6
6
  "names": ["i0"]
7
7
  }