@eui/components 18.0.0-next.19 → 18.0.0-next.20

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 (211) hide show
  1. package/docs/components/ChartComponent.html +2 -2
  2. package/docs/components/CollapsedBreadcrumbComponent.html +2 -2
  3. package/docs/components/DefaultComponent.html +2 -2
  4. package/docs/components/EuiAlertComponent.html +2 -2
  5. package/docs/components/EuiAlertTitleComponent.html +2 -2
  6. package/docs/components/EuiAppBreadcrumbComponent.html +2 -2
  7. package/docs/components/EuiAppComponent.html +2 -2
  8. package/docs/components/EuiAppFooterComponent.html +2 -2
  9. package/docs/components/EuiAppHeaderComponent.html +2 -2
  10. package/docs/components/EuiAppSidebarBodyComponent.html +2 -2
  11. package/docs/components/EuiAppSidebarComponent.html +2 -2
  12. package/docs/components/EuiAppSidebarDrawerComponent.html +2 -2
  13. package/docs/components/EuiAppSidebarFooterComponent.html +2 -2
  14. package/docs/components/EuiAppSidebarHeaderComponent.html +2 -2
  15. package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +2 -2
  16. package/docs/components/EuiAppSidebarMenuComponent.html +2 -2
  17. package/docs/components/EuiAppToolbarComponent.html +2 -2
  18. package/docs/components/EuiAppTopMessageComponent.html +2 -2
  19. package/docs/components/EuiAutocompleteAsyncTestComponent.html +2 -2
  20. package/docs/components/EuiAutocompleteChipsAsyncTestComponent.html +2 -2
  21. package/docs/components/EuiAutocompleteChipsTestComponent.html +2 -2
  22. package/docs/components/EuiAutocompleteComponent.html +2 -2
  23. package/docs/components/EuiAutocompleteOptionComponent.html +2 -2
  24. package/docs/components/EuiAutocompleteOptionGroupComponent.html +2 -2
  25. package/docs/components/EuiAutocompleteTestComponent.html +2 -2
  26. package/docs/components/EuiAvatarBadgeComponent.html +2 -2
  27. package/docs/components/EuiAvatarComponent.html +2 -2
  28. package/docs/components/EuiAvatarIconComponent.html +2 -2
  29. package/docs/components/EuiAvatarImageComponent.html +2 -2
  30. package/docs/components/EuiAvatarListComponent.html +2 -2
  31. package/docs/components/EuiAvatarTextComponent.html +2 -2
  32. package/docs/components/EuiBadgeComponent.html +3 -3
  33. package/docs/components/EuiBlockContentComponent.html +2 -2
  34. package/docs/components/EuiBlockDocumentComponent.html +2 -2
  35. package/docs/components/EuiBreadcrumbComponent.html +2 -2
  36. package/docs/components/EuiBreadcrumbItemComponent.html +2 -2
  37. package/docs/components/EuiButtonComponent.html +2 -2
  38. package/docs/components/EuiButtonGroupComponent.html +2 -2
  39. package/docs/components/EuiCardComponent.html +2 -2
  40. package/docs/components/EuiCardContentComponent.html +2 -2
  41. package/docs/components/EuiCardFooterActionButtonsComponent.html +2 -2
  42. package/docs/components/EuiCardFooterActionIconsComponent.html +2 -2
  43. package/docs/components/EuiCardFooterComponent.html +2 -2
  44. package/docs/components/EuiCardFooterMenuContentComponent.html +2 -2
  45. package/docs/components/EuiCardHeaderBodyComponent.html +2 -2
  46. package/docs/components/EuiCardHeaderComponent.html +2 -2
  47. package/docs/components/EuiCardHeaderLeftContentComponent.html +2 -2
  48. package/docs/components/EuiCardHeaderRightContentComponent.html +2 -2
  49. package/docs/components/EuiCardHeaderSubtitleComponent.html +2 -2
  50. package/docs/components/EuiCardHeaderTitleComponent.html +2 -2
  51. package/docs/components/EuiCardMediaComponent.html +2 -2
  52. package/docs/components/EuiChipComponent.html +2 -2
  53. package/docs/components/EuiChipListComponent.html +2 -2
  54. package/docs/components/EuiDashboardButtonComponent.html +2 -2
  55. package/docs/components/EuiDashboardCardComponent.html +2 -2
  56. package/docs/components/EuiDateRangeSelectorComponent.html +2 -2
  57. package/docs/components/EuiDatepickerComponent.html +2 -2
  58. package/docs/components/EuiDialogComponent.html +2 -2
  59. package/docs/components/EuiDialogContainerComponent.html +2 -2
  60. package/docs/components/EuiDimmerComponent.html +2 -2
  61. package/docs/components/EuiDisableContentComponent.html +2 -2
  62. package/docs/components/EuiDiscussionThreadComponent.html +2 -2
  63. package/docs/components/EuiDiscussionThreadItemComponent.html +2 -2
  64. package/docs/components/EuiDropdownComponent.html +2 -2
  65. package/docs/components/EuiDropdownItemComponent.html +2 -2
  66. package/docs/components/EuiEditorComponent.html +2 -2
  67. package/docs/components/EuiEditorCountersComponent.html +2 -2
  68. package/docs/components/EuiEditorHtmlViewComponent.html +2 -2
  69. package/docs/components/EuiEditorImageDialogComponent.html +2 -2
  70. package/docs/components/EuiEditorJsonViewComponent.html +2 -2
  71. package/docs/components/EuiFeedbackMessageComponent.html +2 -2
  72. package/docs/components/EuiFieldsetComponent.html +2 -2
  73. package/docs/components/EuiFilePreviewComponent.html +2 -2
  74. package/docs/components/EuiFileUploadComponent.html +2 -2
  75. package/docs/components/EuiFileUploadProgressComponent.html +2 -2
  76. package/docs/components/EuiFooterComponent.html +2 -2
  77. package/docs/components/EuiGrowlComponent.html +2 -2
  78. package/docs/components/EuiHeaderAppComponent.html +2 -2
  79. package/docs/components/EuiHeaderAppNameComponent.html +2 -2
  80. package/docs/components/EuiHeaderAppNameLogoComponent.html +2 -2
  81. package/docs/components/EuiHeaderAppSubtitleComponent.html +2 -2
  82. package/docs/components/EuiHeaderComponent.html +2 -2
  83. package/docs/components/EuiHeaderEnvironmentComponent.html +2 -2
  84. package/docs/components/EuiHeaderLogoComponent.html +2 -2
  85. package/docs/components/EuiHeaderRightContentComponent.html +2 -2
  86. package/docs/components/EuiHeaderUserProfileComponent.html +2 -2
  87. package/docs/components/EuiIconColorComponent.html +2 -2
  88. package/docs/components/EuiIconSvgButtonComponent.html +2 -2
  89. package/docs/components/EuiIconSvgComponent.html +2 -2
  90. package/docs/components/EuiIconToggleComponent.html +2 -2
  91. package/docs/components/EuiInputCheckboxComponent.html +2 -2
  92. package/docs/components/EuiInputGroupComponent.html +2 -2
  93. package/docs/components/EuiInputNumberComponent.html +2 -2
  94. package/docs/components/EuiInputRadioComponent.html +2 -2
  95. package/docs/components/EuiInputTextComponent.html +2 -2
  96. package/docs/components/EuiLabelComponent.html +2 -2
  97. package/docs/components/EuiLanguageSelectorComponent.html +2 -2
  98. package/docs/components/EuiListComponent.html +2 -2
  99. package/docs/components/EuiListItemComponent.html +2 -2
  100. package/docs/components/EuiMenuComponent.html +2 -2
  101. package/docs/components/EuiMenuItemComponent.html +2 -2
  102. package/docs/components/EuiMessageBoxComponent.html +2 -2
  103. package/docs/components/EuiModalSelectorComponent.html +2 -2
  104. package/docs/components/EuiNotificationItemComponent.html +2 -2
  105. package/docs/components/EuiNotificationItemV2Component.html +2 -2
  106. package/docs/components/EuiNotificationsComponent.html +2 -2
  107. package/docs/components/EuiNotificationsV2Component.html +2 -2
  108. package/docs/components/EuiOverlayBodyComponent.html +2 -2
  109. package/docs/components/EuiOverlayComponent.html +2 -2
  110. package/docs/components/EuiOverlayFooterComponent.html +2 -2
  111. package/docs/components/EuiOverlayHeaderComponent.html +2 -2
  112. package/docs/components/EuiOverlayHeaderTitleComponent.html +2 -2
  113. package/docs/components/EuiPageBreadcrumbComponent.html +2 -2
  114. package/docs/components/EuiPageColumnComponent.html +2 -2
  115. package/docs/components/EuiPageColumnsComponent.html +2 -2
  116. package/docs/components/EuiPageComponent.html +2 -2
  117. package/docs/components/EuiPageContentComponent.html +2 -2
  118. package/docs/components/EuiPageFooterComponent.html +2 -2
  119. package/docs/components/EuiPageHeaderComponent.html +2 -2
  120. package/docs/components/EuiPageHeroHeaderComponent.html +2 -2
  121. package/docs/components/EuiPageTopContentComponent.html +2 -2
  122. package/docs/components/EuiPaginatorComponent.html +2 -2
  123. package/docs/components/EuiPopoverComponent.html +2 -2
  124. package/docs/components/EuiProgressBarComponent.html +2 -2
  125. package/docs/components/EuiProgressCircleComponent.html +2 -2
  126. package/docs/components/EuiResizableComponent.html +2 -2
  127. package/docs/components/EuiSearchComponent.html +2 -2
  128. package/docs/components/EuiSelectComponent.html +2 -2
  129. package/docs/components/EuiSidebarMenuComponent.html +2 -2
  130. package/docs/components/EuiSidebarToggleComponent.html +2 -2
  131. package/docs/components/EuiSkeletonComponent.html +2 -2
  132. package/docs/components/EuiSlideToggleComponent.html +2 -2
  133. package/docs/components/EuiSlideToggleTestComponent.html +2 -2
  134. package/docs/components/EuiTabComponent.html +2 -2
  135. package/docs/components/EuiTabContentComponent.html +2 -2
  136. package/docs/components/EuiTabLabelComponent.html +2 -2
  137. package/docs/components/EuiTableComponent.html +2 -2
  138. package/docs/components/EuiTableExpandableRowComponent.html +2 -2
  139. package/docs/components/EuiTableFilterComponent.html +2 -2
  140. package/docs/components/EuiTableSelectableHeaderComponent.html +2 -2
  141. package/docs/components/EuiTableSelectableRowComponent.html +2 -2
  142. package/docs/components/EuiTableSortableColComponent.html +2 -2
  143. package/docs/components/EuiTabsComponent.html +2 -2
  144. package/docs/components/EuiTextareaComponent.html +2 -2
  145. package/docs/components/EuiTimebarComponent.html +2 -2
  146. package/docs/components/EuiTimelineComponent.html +2 -2
  147. package/docs/components/EuiTimelineItemComponent.html +2 -2
  148. package/docs/components/EuiTimepickerComponent.html +2 -2
  149. package/docs/components/EuiToolbarAppComponent.html +2 -2
  150. package/docs/components/EuiToolbarCenterComponent.html +2 -2
  151. package/docs/components/EuiToolbarComponent.html +2 -2
  152. package/docs/components/EuiToolbarEnvironmentComponent.html +2 -2
  153. package/docs/components/EuiToolbarItemComponent.html +2 -2
  154. package/docs/components/EuiToolbarItemsComponent.html +2 -2
  155. package/docs/components/EuiToolbarLogoComponent.html +2 -2
  156. package/docs/components/EuiToolbarMenuComponent.html +2 -2
  157. package/docs/components/EuiTooltipContainerComponent.html +2 -2
  158. package/docs/components/EuiTreeComponent.html +2 -2
  159. package/docs/components/EuiTreeListComponent.html +2 -2
  160. package/docs/components/EuiTreeListItemComponent.html +2 -2
  161. package/docs/components/EuiTreeListItemContentComponent.html +2 -2
  162. package/docs/components/EuiTreeListToolbarComponent.html +2 -2
  163. package/docs/components/EuiUserProfileCardComponent.html +2 -2
  164. package/docs/components/EuiUserProfileComponent.html +2 -2
  165. package/docs/components/EuiUserProfileMenuComponent.html +2 -2
  166. package/docs/components/EuiUserProfileMenuItemComponent.html +2 -2
  167. package/docs/components/EuiWizardComponent.html +2 -2
  168. package/docs/components/EuiWizardStepComponent.html +2 -2
  169. package/docs/components/PlaygroundComponent.html +2 -2
  170. package/docs/components/PlaygroundStickyLastColumnComponent.html +2 -2
  171. package/docs/components/QuillEditorComponent.html +2 -2
  172. package/docs/dependencies.html +1 -1
  173. package/docs/index.html +4 -4
  174. package/docs/js/menu-wc.js +6 -43
  175. package/docs/js/menu-wc_es5.js +1 -1
  176. package/docs/js/search/search_index.js +2 -2
  177. package/docs/miscellaneous/variables.html +0 -1
  178. package/docs/modules/EuiAllModule.html +0 -6
  179. package/docs/modules/EuiAppModule.html +0 -6
  180. package/docs/modules/EuiLayoutModule.html +0 -6
  181. package/docs/modules.html +0 -12
  182. package/esm2022/eui-all/eui-all.module.mjs +1 -6
  183. package/esm2022/eui-badge/eui-badge.component.mjs +5 -6
  184. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  185. package/eui-all/eui-all.module.d.ts +43 -44
  186. package/eui-all/eui-all.module.d.ts.map +1 -1
  187. package/eui-badge/eui-badge.component.d.ts +1 -1
  188. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  189. package/fesm2022/eui-components-eui-badge.mjs +4 -5
  190. package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
  191. package/fesm2022/eui-components-eui-button.mjs +2 -2
  192. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  193. package/fesm2022/eui-components.mjs +0 -5
  194. package/fesm2022/eui-components.mjs.map +2 -2
  195. package/package.json +3 -9
  196. package/docs/components/EuiButtonsComponent.html +0 -1613
  197. package/docs/directives/EuiButtonsActionsContentTagDirective.html +0 -342
  198. package/docs/directives/EuiButtonsLocalMenuContentTagDirective.html +0 -342
  199. package/docs/interfaces/BookmarkedEvent.html +0 -305
  200. package/docs/modules/EuiButtonsModule.html +0 -262
  201. package/esm2022/eui-buttons/eui-buttons.component.mjs +0 -143
  202. package/esm2022/eui-buttons/eui-components-eui-buttons.mjs +0 -5
  203. package/esm2022/eui-buttons/index.mjs +0 -2
  204. package/eui-buttons/eui-buttons.component.d.ts +0 -59
  205. package/eui-buttons/eui-buttons.component.d.ts.map +0 -1
  206. package/eui-buttons/eui-components-eui-buttons.d.ts.map +0 -1
  207. package/eui-buttons/index.d.ts +0 -2
  208. package/eui-buttons/index.d.ts.map +0 -1
  209. package/eui-buttons/package.json +0 -3
  210. package/fesm2022/eui-components-eui-buttons.mjs +0 -386
  211. package/fesm2022/eui-components-eui-buttons.mjs.map +0 -7
@@ -1,386 +0,0 @@
1
- // eui-buttons.component.mjs
2
- import { Component, Input, NgModule, Directive, ContentChild, forwardRef, ChangeDetectionStrategy, EventEmitter, Output, HostBinding, ViewEncapsulation } from "@angular/core";
3
- import { NavigationEnd } from "@angular/router";
4
- import { CommonModule } from "@angular/common";
5
- import { TranslateModule } from "@ngx-translate/core";
6
- import { BaseDirective } from "@eui/components/shared";
7
- import { EuiButtonModule } from "@eui/components/eui-button";
8
- import { EuiDropdownModule } from "@eui/components/eui-dropdown";
9
- import { EuiListModule } from "@eui/components/eui-list";
10
- import { EuiIconModule } from "@eui/components/eui-icon";
11
- import { EuiLabelModule } from "@eui/components/eui-label";
12
- import { coerceBooleanProperty } from "@angular/cdk/coercion";
13
- import * as i0 from "@angular/core";
14
- import * as i1 from "@eui/core";
15
- import * as i2 from "@angular/router";
16
- import * as i3 from "@angular/common";
17
- import * as i4 from "@eui/components/eui-button";
18
- import * as i5 from "@eui/components/eui-dropdown";
19
- import * as i6 from "@eui/components/eui-icon";
20
- import * as i7 from "@eui/components/eui-label";
21
- import * as i8 from "@eui/components/eui-list";
22
- import * as i9 from "@ngx-translate/core";
23
- var EuiButtonsComponent = class _EuiButtonsComponent extends BaseDirective {
24
- get cssClasses() {
25
- return [super.getCssClasses("eui-buttons")].join(" ").trim();
26
- }
27
- get hasLocalMenu() {
28
- return this._hasLocalMenu;
29
- }
30
- set hasLocalMenu(value) {
31
- this._hasLocalMenu = coerceBooleanProperty(value);
32
- }
33
- get isBookmarkable() {
34
- return this._isBookmarkable;
35
- }
36
- set isBookmarkable(value) {
37
- this._isBookmarkable = coerceBooleanProperty(value);
38
- }
39
- get isBookmarked() {
40
- return this._isBookmarked;
41
- }
42
- set isBookmarked(value) {
43
- this._isBookmarked = coerceBooleanProperty(value);
44
- }
45
- constructor(asService, router) {
46
- super();
47
- this.asService = asService;
48
- this.router = router;
49
- this.bookmark = new EventEmitter();
50
- this._hasLocalMenu = false;
51
- this._isBookmarkable = false;
52
- this._isBookmarked = false;
53
- this.currentRoute = this._getCurrentUrl(this.router.url);
54
- this.router.events.subscribe((event) => {
55
- if (event instanceof NavigationEnd) {
56
- this.currentRoute = this._getCurrentUrl(event.url);
57
- }
58
- });
59
- }
60
- ngAfterContentInit() {
61
- if (!this.e2eAttr) {
62
- this.e2eAttr = "eui-buttons";
63
- }
64
- }
65
- onBookmarkToggle() {
66
- this.isBookmarked = !this.isBookmarked;
67
- this.bookmark.emit({ isBookmarked: this.isBookmarked, url: this.currentRoute });
68
- }
69
- onPrint() {
70
- window.print();
71
- }
72
- _getCurrentUrl(currentRoute) {
73
- return window.location.origin + currentRoute;
74
- }
75
- static {
76
- this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
77
- }
78
- static {
79
- this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmark: "bookmark" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(() => EuiButtonsActionsContentTagDirective), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(() => EuiButtonsLocalMenuContentTagDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: `<div
80
- class="eui-buttons-wrapper"
81
- [class.eui-buttons-wrapper--mobile]="(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet">
82
- <div class="eui-buttons__actions-container">
83
- <!-- ACTION BUTTONS -->
84
- <ng-container *ngIf="!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)">
85
- <ng-container *ngTemplateOutlet="actionsButtons"></ng-container>
86
- </ng-container>
87
-
88
- <!-- BOOKMARK BUTTON -->
89
- <button
90
- *ngIf="isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)"
91
- euiButton
92
- euiOutline
93
- euiSecondary
94
- type="button"
95
- [title]="
96
- isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)
97
- "
98
- [attr.aria-label]="
99
- isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)
100
- "
101
- (click)="onBookmarkToggle()">
102
- <eui-icon-svg *ngIf="isBookmarked" icon="eui-bookmark"></eui-icon-svg>
103
- <eui-icon-svg *ngIf="!isBookmarked" icon="eui-bookmark-outline"></eui-icon-svg>
104
- <span *ngIf="isBookmarked">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>
105
- <span *ngIf="!isBookmarked">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>
106
- </button>
107
-
108
- <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->
109
- <div
110
- *ngIf="hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet"
111
- class="eui-buttons__local-menu"
112
- [class.eui-buttons__local-menu--mobile]="(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet"
113
- euiSizeS>
114
- <eui-dropdown>
115
- <button
116
- euiButton
117
- euiPrimary
118
- type="button"
119
- [euiOutline]="localMenuLabel"
120
- [euiBasicButton]="!localMenuLabel"
121
- [euiRounded]="!localMenuLabel"
122
- [euiIconButton]="!localMenuLabel">
123
- <span *ngIf="localMenuLabel" euiLabel>{{ localMenuLabel }}</span>
124
- <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg>
125
- </button>
126
- <eui-dropdown-content>
127
- <!-- Action buttons -->
128
- <ng-container
129
- *ngIf="
130
- customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)
131
- ">
132
- <ng-container *ngTemplateOutlet="actionsButtons"></ng-container>
133
- </ng-container>
134
-
135
- <!-- Local menu items -->
136
- <ng-container *ngIf="hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0">
137
- <ng-container *ngTemplateOutlet="localMenu"></ng-container>
138
- </ng-container>
139
-
140
- <!-- Extra menu items -->
141
- <ul euiList class="eui-buttons__local-menu-extras">
142
- <li
143
- *ngIf="
144
- isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)
145
- "
146
- euiListItem
147
- [title]="
148
- isBookmarked
149
- ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)
150
- : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)
151
- "
152
- [attr.aria-label]="
153
- isBookmarked
154
- ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)
155
- : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)
156
- "
157
- (click)="onBookmarkToggle()">
158
- <eui-icon-svg *ngIf="isBookmarked" icon="eui-bookmark" fillColor="info-100" size="s"></eui-icon-svg>
159
- <eui-icon-svg *ngIf="!isBookmarked" icon="eui-bookmark-outline" fillColor="info-100" size="s"></eui-icon-svg>
160
- <span *ngIf="isBookmarked" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>
161
- <span *ngIf="!isBookmarked" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>
162
- </li>
163
- </ul>
164
- </eui-dropdown-content>
165
- </eui-dropdown>
166
- </div>
167
- </div>
168
- </div>
169
-
170
- <ng-template #actionsButtons>
171
- <div
172
- class="eui-buttons__actions-content-wrapper"
173
- [class.eui-buttons__actions-content--mobile]="
174
- (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet
175
- ">
176
- <ng-content select="euiButtonsActionsContent"></ng-content>
177
- </div>
178
- </ng-template>
179
-
180
- <ng-template #localMenu>
181
- <div
182
- class="eui-buttons__local-menu-content-wrapper"
183
- [class.eui-buttons__local-menu-content--mobile]="
184
- (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet
185
- ">
186
- <ng-content select="euiButtonsLocalMenuContent"></ng-content>
187
- </div>
188
- </ng-template>
189
- `, styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
190
- }
191
- };
192
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsComponent, decorators: [{
193
- type: Component,
194
- args: [{ selector: "eui-buttons", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<div
195
- class="eui-buttons-wrapper"
196
- [class.eui-buttons-wrapper--mobile]="(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet">
197
- <div class="eui-buttons__actions-container">
198
- <!-- ACTION BUTTONS -->
199
- <ng-container *ngIf="!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)">
200
- <ng-container *ngTemplateOutlet="actionsButtons"></ng-container>
201
- </ng-container>
202
-
203
- <!-- BOOKMARK BUTTON -->
204
- <button
205
- *ngIf="isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)"
206
- euiButton
207
- euiOutline
208
- euiSecondary
209
- type="button"
210
- [title]="
211
- isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)
212
- "
213
- [attr.aria-label]="
214
- isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)
215
- "
216
- (click)="onBookmarkToggle()">
217
- <eui-icon-svg *ngIf="isBookmarked" icon="eui-bookmark"></eui-icon-svg>
218
- <eui-icon-svg *ngIf="!isBookmarked" icon="eui-bookmark-outline"></eui-icon-svg>
219
- <span *ngIf="isBookmarked">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>
220
- <span *ngIf="!isBookmarked">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>
221
- </button>
222
-
223
- <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->
224
- <div
225
- *ngIf="hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet"
226
- class="eui-buttons__local-menu"
227
- [class.eui-buttons__local-menu--mobile]="(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet"
228
- euiSizeS>
229
- <eui-dropdown>
230
- <button
231
- euiButton
232
- euiPrimary
233
- type="button"
234
- [euiOutline]="localMenuLabel"
235
- [euiBasicButton]="!localMenuLabel"
236
- [euiRounded]="!localMenuLabel"
237
- [euiIconButton]="!localMenuLabel">
238
- <span *ngIf="localMenuLabel" euiLabel>{{ localMenuLabel }}</span>
239
- <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg>
240
- </button>
241
- <eui-dropdown-content>
242
- <!-- Action buttons -->
243
- <ng-container
244
- *ngIf="
245
- customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)
246
- ">
247
- <ng-container *ngTemplateOutlet="actionsButtons"></ng-container>
248
- </ng-container>
249
-
250
- <!-- Local menu items -->
251
- <ng-container *ngIf="hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0">
252
- <ng-container *ngTemplateOutlet="localMenu"></ng-container>
253
- </ng-container>
254
-
255
- <!-- Extra menu items -->
256
- <ul euiList class="eui-buttons__local-menu-extras">
257
- <li
258
- *ngIf="
259
- isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)
260
- "
261
- euiListItem
262
- [title]="
263
- isBookmarked
264
- ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)
265
- : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)
266
- "
267
- [attr.aria-label]="
268
- isBookmarked
269
- ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)
270
- : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)
271
- "
272
- (click)="onBookmarkToggle()">
273
- <eui-icon-svg *ngIf="isBookmarked" icon="eui-bookmark" fillColor="info-100" size="s"></eui-icon-svg>
274
- <eui-icon-svg *ngIf="!isBookmarked" icon="eui-bookmark-outline" fillColor="info-100" size="s"></eui-icon-svg>
275
- <span *ngIf="isBookmarked" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>
276
- <span *ngIf="!isBookmarked" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>
277
- </li>
278
- </ul>
279
- </eui-dropdown-content>
280
- </eui-dropdown>
281
- </div>
282
- </div>
283
- </div>
284
-
285
- <ng-template #actionsButtons>
286
- <div
287
- class="eui-buttons__actions-content-wrapper"
288
- [class.eui-buttons__actions-content--mobile]="
289
- (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet
290
- ">
291
- <ng-content select="euiButtonsActionsContent"></ng-content>
292
- </div>
293
- </ng-template>
294
-
295
- <ng-template #localMenu>
296
- <div
297
- class="eui-buttons__local-menu-content-wrapper"
298
- [class.eui-buttons__local-menu-content--mobile]="
299
- (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet
300
- ">
301
- <ng-content select="euiButtonsLocalMenuContent"></ng-content>
302
- </div>
303
- </ng-template>
304
- `, styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"] }]
305
- }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i2.Router }], propDecorators: { cssClasses: [{
306
- type: HostBinding,
307
- args: ["class"]
308
- }], localMenuLabel: [{
309
- type: Input
310
- }], bookmark: [{
311
- type: Output
312
- }], customActionsContent: [{
313
- type: ContentChild,
314
- args: [forwardRef(() => EuiButtonsActionsContentTagDirective), { static: false }]
315
- }], customLocalMenuContent: [{
316
- type: ContentChild,
317
- args: [forwardRef(() => EuiButtonsLocalMenuContentTagDirective), { static: false }]
318
- }], hasLocalMenu: [{
319
- type: Input
320
- }], isBookmarkable: [{
321
- type: Input
322
- }], isBookmarked: [{
323
- type: Input
324
- }] } });
325
- var EuiButtonsActionsContentTagDirective = class _EuiButtonsActionsContentTagDirective {
326
- constructor() {
327
- this.klass = "eui-buttons__actions-content";
328
- }
329
- static {
330
- this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsActionsContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
331
- }
332
- static {
333
- this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiButtonsActionsContentTagDirective, selector: "euiButtonsActionsContent", host: { properties: { "class": "this.klass" } }, ngImport: i0 });
334
- }
335
- };
336
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsActionsContentTagDirective, decorators: [{
337
- type: Directive,
338
- args: [{ selector: "euiButtonsActionsContent" }]
339
- }], propDecorators: { klass: [{
340
- type: HostBinding,
341
- args: ["class"]
342
- }] } });
343
- var EuiButtonsLocalMenuContentTagDirective = class _EuiButtonsLocalMenuContentTagDirective {
344
- constructor() {
345
- this.klass = "eui-buttons__local-menu-content";
346
- }
347
- static {
348
- this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsLocalMenuContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
349
- }
350
- static {
351
- this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiButtonsLocalMenuContentTagDirective, selector: "euiButtonsLocalMenuContent", host: { properties: { "class": "this.klass" } }, ngImport: i0 });
352
- }
353
- };
354
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, decorators: [{
355
- type: Directive,
356
- args: [{ selector: "euiButtonsLocalMenuContent" }]
357
- }], propDecorators: { klass: [{
358
- type: HostBinding,
359
- args: ["class"]
360
- }] } });
361
- var EuiButtonsModule = class _EuiButtonsModule {
362
- static {
363
- this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
364
- }
365
- static {
366
- this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsModule, declarations: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective], imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule], exports: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective] });
367
- }
368
- static {
369
- this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonsModule, imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule] });
370
- }
371
- };
372
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonsModule, decorators: [{
373
- type: NgModule,
374
- args: [{
375
- imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule],
376
- declarations: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective],
377
- exports: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective]
378
- }]
379
- }] });
380
- export {
381
- EuiButtonsActionsContentTagDirective,
382
- EuiButtonsComponent,
383
- EuiButtonsLocalMenuContentTagDirective,
384
- EuiButtonsModule
385
- };
386
- //# sourceMappingURL=eui-components-eui-buttons.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../eui-buttons/eui-buttons.component.ts", "../../eui-buttons/eui-buttons.component.html"],
4
- "sourcesContent": ["import {\n Component,\n Input,\n NgModule,\n Directive,\n ContentChild,\n QueryList,\n forwardRef,\n AfterContentInit,\n ChangeDetectionStrategy,\n EventEmitter,\n Output,\n HostBinding,\n ViewEncapsulation,\n} from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiAppShellService } from '@eui/core';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiListModule } from '@eui/components/eui-list';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nexport interface BookmarkedEvent {\n isBookmarked:boolean,\n url: string\n}\n\n@Component({\n selector: 'eui-buttons',\n templateUrl: './eui-buttons.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonsComponent extends BaseDirective implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('eui-buttons')].join(' ').trim();\n }\n @Input() localMenuLabel: string;\n\n @Output() bookmark: EventEmitter<BookmarkedEvent> = new EventEmitter();\n /* eslint-disable max-len */\n @ContentChild(forwardRef(() => EuiButtonsActionsContentTagDirective), { static: false })\n customActionsContent: QueryList<EuiButtonsActionsContentTagDirective>;\n @ContentChild(forwardRef(() => EuiButtonsLocalMenuContentTagDirective), { static: false })\n customLocalMenuContent: QueryList<EuiButtonsLocalMenuContentTagDirective>;\n\n public currentRoute: string;\n\n @Input()\n get hasLocalMenu(): boolean {\n return this._hasLocalMenu;\n }\n set hasLocalMenu(value: BooleanInput) {\n this._hasLocalMenu = coerceBooleanProperty(value);\n }\n private _hasLocalMenu = false;\n @Input()\n get isBookmarkable(): boolean {\n return this._isBookmarkable;\n }\n set isBookmarkable(value: BooleanInput) {\n this._isBookmarkable = coerceBooleanProperty(value);\n }\n private _isBookmarkable = false;\n @Input()\n get isBookmarked(): boolean {\n return this._isBookmarked;\n }\n set isBookmarked(value: BooleanInput) {\n this._isBookmarked = coerceBooleanProperty(value);\n }\n private _isBookmarked = false;\n\n constructor(\n public asService: EuiAppShellService,\n private router: Router,\n ) {\n super();\n this.currentRoute = this._getCurrentUrl(this.router.url);\n this.router.events.subscribe((event) => {\n if (event instanceof NavigationEnd) {\n this.currentRoute = this._getCurrentUrl(event.url);\n }\n });\n }\n\n ngAfterContentInit(): void {\n if (!this.e2eAttr) {\n this.e2eAttr = 'eui-buttons';\n }\n }\n\n public onBookmarkToggle(): void {\n this.isBookmarked = !this.isBookmarked;\n this.bookmark.emit({ isBookmarked: this.isBookmarked, url: this.currentRoute });\n }\n\n public onPrint(): void {\n window.print();\n }\n\n private _getCurrentUrl(currentRoute: string): string {\n return window.location.origin + currentRoute;\n }\n}\n\n/* eslint-disable */\n@Directive({ selector: 'euiButtonsActionsContent' })\nexport class EuiButtonsActionsContentTagDirective {\n @HostBinding('class') klass = 'eui-buttons__actions-content'\n}\n\n@Directive({ selector: 'euiButtonsLocalMenuContent' })\nexport class EuiButtonsLocalMenuContentTagDirective {\n @HostBinding('class') klass = 'eui-buttons__local-menu-content'\n}\n/* eslint-enable */\n\n@NgModule({\n imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule],\n declarations: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective],\n exports: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective],\n})\nexport class EuiButtonsModule {}\n", "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content-wrapper\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content-wrapper\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n"],
5
- "mappings": "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",
6
- "names": []
7
- }