@eui/components 17.0.0-next.10 → 17.0.0-next.12

package/fesm2022/eui-components-eui-buttons.mjs

@@ -46,7 +46,7 @@ class EuiButtonsComponent extends BaseDirective {
         super();
         this.asService = asService;
         this.router = router;
-        this.bookmarked = new EventEmitter();
+        this.bookmark = new EventEmitter();
         this._hasLocalMenu = false;
         this._isBookmarkable = false;
         this._isBookmarked = false;
@@ -64,7 +64,7 @@ class EuiButtonsComponent extends BaseDirective {
     }
     onBookmarkToggle() {
         this.isBookmarked = !this.isBookmarked;
-        this.bookmarked.emit({ isBookmarked: this.isBookmarked, url: this.currentRoute });
+        this.bookmark.emit({ isBookmarked: this.isBookmarked, url: this.currentRoute });
     }
     onPrint() {
         window.print();
@@ -72,10 +72,10 @@ class EuiButtonsComponent extends BaseDirective {
     _getCurrentUrl(currentRoute) {
         return window.location.origin + currentRoute;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmarked: "bookmarked" }, 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\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\"\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\"\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", 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{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent 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{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent 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--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", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", 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\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\"\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\"\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", 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{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent 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{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent 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--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", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-buttons', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<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\"\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\"\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", 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{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent 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{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent 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--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"] }]
         }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i2.Router }], propDecorators: { cssClasses: [{
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
                 args: ['class']
             }], localMenuLabel: [{
                 type: Input
-            }], bookmarked: [{
+            }], bookmark: [{
                 type: Output
             }], customActionsContent: [{
                 type: ContentChild,
@@ -100,28 +100,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
             }] } });
 /* eslint-disable */
 class EuiButtonsActionsContentTagDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsActionsContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiButtonsActionsContentTagDirective, selector: "euiButtonsActionsContent", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsActionsContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiButtonsActionsContentTagDirective, selector: "euiButtonsActionsContent", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsActionsContentTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsActionsContentTagDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'euiButtonsActionsContent' }]
         }] });
 class EuiButtonsLocalMenuContentTagDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiButtonsLocalMenuContentTagDirective, selector: "euiButtonsLocalMenuContent", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiButtonsLocalMenuContentTagDirective, selector: "euiButtonsLocalMenuContent", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'euiButtonsLocalMenuContent' }]
         }] });
 /* eslint-enable */
 class EuiButtonsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsModule, declarations: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective], imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule], exports: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsModule, imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsModule, declarations: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective], imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule], exports: [EuiButtonsComponent, EuiButtonsActionsContentTagDirective, EuiButtonsLocalMenuContentTagDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsModule, imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EuiButtonModule, EuiDropdownModule, EuiIconModule, EuiLabelModule, EuiListModule],

package/fesm2022/eui-components-eui-buttons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-buttons.mjs","sources":["../../eui-buttons/eui-buttons.component.ts","../../eui-buttons/eui-buttons.component.html","../../eui-buttons/eui-components-eui-buttons.ts"],"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\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() bookmarked: EventEmitter<any> = 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.bookmarked.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\n@Directive({ selector: 'euiButtonsLocalMenuContent' })\nexport class EuiButtonsLocalMenuContentTagDirective {}\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\"\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\"\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-buttons.mjs","sources":["../../eui-buttons/eui-buttons.component.ts","../../eui-buttons/eui-buttons.component.html","../../eui-buttons/eui-components-eui-buttons.ts"],"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\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    @Output() bookmark: EventEmitter<{isBookmarked: boolean; url: string}> = new EventEmitter();\n\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\n@Directive({ selector: 'euiButtonsLocalMenuContent' })\nexport class EuiButtonsLocalMenuContentTagDirective {}\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\"\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\"\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}