@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.
- package/docs/components/ChartComponent.html +2 -2
- package/docs/components/CollapsedBreadcrumbComponent.html +2 -2
- package/docs/components/DefaultComponent.html +2 -2
- package/docs/components/EuiAlertComponent.html +2 -2
- package/docs/components/EuiAlertTitleComponent.html +2 -2
- package/docs/components/EuiAppBreadcrumbComponent.html +2 -2
- package/docs/components/EuiAppComponent.html +2 -2
- package/docs/components/EuiAppFooterComponent.html +2 -2
- package/docs/components/EuiAppHeaderComponent.html +2 -2
- package/docs/components/EuiAppSidebarBodyComponent.html +2 -2
- package/docs/components/EuiAppSidebarComponent.html +2 -2
- package/docs/components/EuiAppSidebarDrawerComponent.html +2 -2
- package/docs/components/EuiAppSidebarFooterComponent.html +2 -2
- package/docs/components/EuiAppSidebarHeaderComponent.html +2 -2
- package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +2 -2
- package/docs/components/EuiAppSidebarMenuComponent.html +2 -2
- package/docs/components/EuiAppToolbarComponent.html +2 -2
- package/docs/components/EuiAppTopMessageComponent.html +2 -2
- package/docs/components/EuiAutocompleteAsyncTestComponent.html +2 -2
- package/docs/components/EuiAutocompleteChipsAsyncTestComponent.html +2 -2
- package/docs/components/EuiAutocompleteChipsTestComponent.html +2 -2
- package/docs/components/EuiAutocompleteComponent.html +2 -2
- package/docs/components/EuiAutocompleteOptionComponent.html +2 -2
- package/docs/components/EuiAutocompleteOptionGroupComponent.html +2 -2
- package/docs/components/EuiAutocompleteTestComponent.html +2 -2
- package/docs/components/EuiAvatarBadgeComponent.html +2 -2
- package/docs/components/EuiAvatarComponent.html +2 -2
- package/docs/components/EuiAvatarIconComponent.html +2 -2
- package/docs/components/EuiAvatarImageComponent.html +2 -2
- package/docs/components/EuiAvatarListComponent.html +2 -2
- package/docs/components/EuiAvatarTextComponent.html +2 -2
- package/docs/components/EuiBadgeComponent.html +3 -3
- package/docs/components/EuiBlockContentComponent.html +2 -2
- package/docs/components/EuiBlockDocumentComponent.html +2 -2
- package/docs/components/EuiBreadcrumbComponent.html +2 -2
- package/docs/components/EuiBreadcrumbItemComponent.html +2 -2
- package/docs/components/EuiButtonComponent.html +2 -2
- package/docs/components/EuiButtonGroupComponent.html +2 -2
- package/docs/components/EuiCardComponent.html +2 -2
- package/docs/components/EuiCardContentComponent.html +2 -2
- package/docs/components/EuiCardFooterActionButtonsComponent.html +2 -2
- package/docs/components/EuiCardFooterActionIconsComponent.html +2 -2
- package/docs/components/EuiCardFooterComponent.html +2 -2
- package/docs/components/EuiCardFooterMenuContentComponent.html +2 -2
- package/docs/components/EuiCardHeaderBodyComponent.html +2 -2
- package/docs/components/EuiCardHeaderComponent.html +2 -2
- package/docs/components/EuiCardHeaderLeftContentComponent.html +2 -2
- package/docs/components/EuiCardHeaderRightContentComponent.html +2 -2
- package/docs/components/EuiCardHeaderSubtitleComponent.html +2 -2
- package/docs/components/EuiCardHeaderTitleComponent.html +2 -2
- package/docs/components/EuiCardMediaComponent.html +2 -2
- package/docs/components/EuiChipComponent.html +2 -2
- package/docs/components/EuiChipListComponent.html +2 -2
- package/docs/components/EuiDashboardButtonComponent.html +2 -2
- package/docs/components/EuiDashboardCardComponent.html +2 -2
- package/docs/components/EuiDateRangeSelectorComponent.html +2 -2
- package/docs/components/EuiDatepickerComponent.html +2 -2
- package/docs/components/EuiDialogComponent.html +2 -2
- package/docs/components/EuiDialogContainerComponent.html +2 -2
- package/docs/components/EuiDimmerComponent.html +2 -2
- package/docs/components/EuiDisableContentComponent.html +2 -2
- package/docs/components/EuiDiscussionThreadComponent.html +2 -2
- package/docs/components/EuiDiscussionThreadItemComponent.html +2 -2
- package/docs/components/EuiDropdownComponent.html +2 -2
- package/docs/components/EuiDropdownItemComponent.html +2 -2
- package/docs/components/EuiEditorComponent.html +2 -2
- package/docs/components/EuiEditorCountersComponent.html +2 -2
- package/docs/components/EuiEditorHtmlViewComponent.html +2 -2
- package/docs/components/EuiEditorImageDialogComponent.html +2 -2
- package/docs/components/EuiEditorJsonViewComponent.html +2 -2
- package/docs/components/EuiFeedbackMessageComponent.html +2 -2
- package/docs/components/EuiFieldsetComponent.html +2 -2
- package/docs/components/EuiFilePreviewComponent.html +2 -2
- package/docs/components/EuiFileUploadComponent.html +2 -2
- package/docs/components/EuiFileUploadProgressComponent.html +2 -2
- package/docs/components/EuiFooterComponent.html +2 -2
- package/docs/components/EuiGrowlComponent.html +2 -2
- package/docs/components/EuiHeaderAppComponent.html +2 -2
- package/docs/components/EuiHeaderAppNameComponent.html +2 -2
- package/docs/components/EuiHeaderAppNameLogoComponent.html +2 -2
- package/docs/components/EuiHeaderAppSubtitleComponent.html +2 -2
- package/docs/components/EuiHeaderComponent.html +2 -2
- package/docs/components/EuiHeaderEnvironmentComponent.html +2 -2
- package/docs/components/EuiHeaderLogoComponent.html +2 -2
- package/docs/components/EuiHeaderRightContentComponent.html +2 -2
- package/docs/components/EuiHeaderUserProfileComponent.html +2 -2
- package/docs/components/EuiIconColorComponent.html +2 -2
- package/docs/components/EuiIconSvgButtonComponent.html +2 -2
- package/docs/components/EuiIconSvgComponent.html +2 -2
- package/docs/components/EuiIconToggleComponent.html +2 -2
- package/docs/components/EuiInputCheckboxComponent.html +2 -2
- package/docs/components/EuiInputGroupComponent.html +2 -2
- package/docs/components/EuiInputNumberComponent.html +2 -2
- package/docs/components/EuiInputRadioComponent.html +2 -2
- package/docs/components/EuiInputTextComponent.html +2 -2
- package/docs/components/EuiLabelComponent.html +2 -2
- package/docs/components/EuiLanguageSelectorComponent.html +2 -2
- package/docs/components/EuiListComponent.html +2 -2
- package/docs/components/EuiListItemComponent.html +2 -2
- package/docs/components/EuiMenuComponent.html +2 -2
- package/docs/components/EuiMenuItemComponent.html +2 -2
- package/docs/components/EuiMessageBoxComponent.html +2 -2
- package/docs/components/EuiModalSelectorComponent.html +2 -2
- package/docs/components/EuiNotificationItemComponent.html +2 -2
- package/docs/components/EuiNotificationItemV2Component.html +2 -2
- package/docs/components/EuiNotificationsComponent.html +2 -2
- package/docs/components/EuiNotificationsV2Component.html +2 -2
- package/docs/components/EuiOverlayBodyComponent.html +2 -2
- package/docs/components/EuiOverlayComponent.html +2 -2
- package/docs/components/EuiOverlayFooterComponent.html +2 -2
- package/docs/components/EuiOverlayHeaderComponent.html +2 -2
- package/docs/components/EuiOverlayHeaderTitleComponent.html +2 -2
- package/docs/components/EuiPageBreadcrumbComponent.html +2 -2
- package/docs/components/EuiPageColumnComponent.html +2 -2
- package/docs/components/EuiPageColumnsComponent.html +2 -2
- package/docs/components/EuiPageComponent.html +2 -2
- package/docs/components/EuiPageContentComponent.html +2 -2
- package/docs/components/EuiPageFooterComponent.html +2 -2
- package/docs/components/EuiPageHeaderComponent.html +2 -2
- package/docs/components/EuiPageHeroHeaderComponent.html +2 -2
- package/docs/components/EuiPageTopContentComponent.html +2 -2
- package/docs/components/EuiPaginatorComponent.html +2 -2
- package/docs/components/EuiPopoverComponent.html +2 -2
- package/docs/components/EuiProgressBarComponent.html +2 -2
- package/docs/components/EuiProgressCircleComponent.html +2 -2
- package/docs/components/EuiResizableComponent.html +2 -2
- package/docs/components/EuiSearchComponent.html +2 -2
- package/docs/components/EuiSelectComponent.html +2 -2
- package/docs/components/EuiSidebarMenuComponent.html +2 -2
- package/docs/components/EuiSidebarToggleComponent.html +2 -2
- package/docs/components/EuiSkeletonComponent.html +2 -2
- package/docs/components/EuiSlideToggleComponent.html +2 -2
- package/docs/components/EuiSlideToggleTestComponent.html +2 -2
- package/docs/components/EuiTabComponent.html +2 -2
- package/docs/components/EuiTabContentComponent.html +2 -2
- package/docs/components/EuiTabLabelComponent.html +2 -2
- package/docs/components/EuiTableComponent.html +2 -2
- package/docs/components/EuiTableExpandableRowComponent.html +2 -2
- package/docs/components/EuiTableFilterComponent.html +2 -2
- package/docs/components/EuiTableSelectableHeaderComponent.html +2 -2
- package/docs/components/EuiTableSelectableRowComponent.html +2 -2
- package/docs/components/EuiTableSortableColComponent.html +2 -2
- package/docs/components/EuiTabsComponent.html +2 -2
- package/docs/components/EuiTextareaComponent.html +2 -2
- package/docs/components/EuiTimebarComponent.html +2 -2
- package/docs/components/EuiTimelineComponent.html +2 -2
- package/docs/components/EuiTimelineItemComponent.html +2 -2
- package/docs/components/EuiTimepickerComponent.html +2 -2
- package/docs/components/EuiToolbarAppComponent.html +2 -2
- package/docs/components/EuiToolbarCenterComponent.html +2 -2
- package/docs/components/EuiToolbarComponent.html +2 -2
- package/docs/components/EuiToolbarEnvironmentComponent.html +2 -2
- package/docs/components/EuiToolbarItemComponent.html +2 -2
- package/docs/components/EuiToolbarItemsComponent.html +2 -2
- package/docs/components/EuiToolbarLogoComponent.html +2 -2
- package/docs/components/EuiToolbarMenuComponent.html +2 -2
- package/docs/components/EuiTooltipContainerComponent.html +2 -2
- package/docs/components/EuiTreeComponent.html +2 -2
- package/docs/components/EuiTreeListComponent.html +2 -2
- package/docs/components/EuiTreeListItemComponent.html +2 -2
- package/docs/components/EuiTreeListItemContentComponent.html +2 -2
- package/docs/components/EuiTreeListToolbarComponent.html +2 -2
- package/docs/components/EuiUserProfileCardComponent.html +2 -2
- package/docs/components/EuiUserProfileComponent.html +2 -2
- package/docs/components/EuiUserProfileMenuComponent.html +2 -2
- package/docs/components/EuiUserProfileMenuItemComponent.html +2 -2
- package/docs/components/EuiWizardComponent.html +2 -2
- package/docs/components/EuiWizardStepComponent.html +2 -2
- package/docs/components/PlaygroundComponent.html +2 -2
- package/docs/components/PlaygroundStickyLastColumnComponent.html +2 -2
- package/docs/components/QuillEditorComponent.html +2 -2
- package/docs/dependencies.html +1 -1
- package/docs/index.html +4 -4
- package/docs/js/menu-wc.js +6 -43
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +0 -1
- package/docs/modules/EuiAllModule.html +0 -6
- package/docs/modules/EuiAppModule.html +0 -6
- package/docs/modules/EuiLayoutModule.html +0 -6
- package/docs/modules.html +0 -12
- package/esm2022/eui-all/eui-all.module.mjs +1 -6
- package/esm2022/eui-badge/eui-badge.component.mjs +5 -6
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/eui-all/eui-all.module.d.ts +43 -44
- package/eui-all/eui-all.module.d.ts.map +1 -1
- package/eui-badge/eui-badge.component.d.ts +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +4 -5
- package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components.mjs +0 -5
- package/fesm2022/eui-components.mjs.map +2 -2
- package/package.json +3 -9
- package/docs/components/EuiButtonsComponent.html +0 -1613
- package/docs/directives/EuiButtonsActionsContentTagDirective.html +0 -342
- package/docs/directives/EuiButtonsLocalMenuContentTagDirective.html +0 -342
- package/docs/interfaces/BookmarkedEvent.html +0 -305
- package/docs/modules/EuiButtonsModule.html +0 -262
- package/esm2022/eui-buttons/eui-buttons.component.mjs +0 -143
- package/esm2022/eui-buttons/eui-components-eui-buttons.mjs +0 -5
- package/esm2022/eui-buttons/index.mjs +0 -2
- package/eui-buttons/eui-buttons.component.d.ts +0 -59
- package/eui-buttons/eui-buttons.component.d.ts.map +0 -1
- package/eui-buttons/eui-components-eui-buttons.d.ts.map +0 -1
- package/eui-buttons/index.d.ts +0 -2
- package/eui-buttons/index.d.ts.map +0 -1
- package/eui-buttons/package.json +0 -3
- package/fesm2022/eui-components-eui-buttons.mjs +0 -386
- 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
|
-
}
|