@eui/components 18.2.0-snapshot-1725457842618 → 18.2.0-snapshot-1725585671762

package/esm2022/eui-navbar/eui-navbar.component.mjs

@@ -0,0 +1,82 @@
+import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Output, EventEmitter, ContentChildren, forwardRef, } from '@angular/core';
+import { EuiNavbarItemComponent } from './eui-navbar-item/eui-navbar-item.component';
+import { EuiDropdownModule } from '@eui/components/eui-dropdown';
+import { EuiButtonModule } from '@eui/components/eui-button';
+import { EuiIconModule } from '@eui/components/eui-icon';
+import { AsyncPipe, NgFor, NgForOf } from '@angular/common';
+import { BaseStatesDirective } from '@eui/components/shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/core";
+import * as i2 from "@eui/components/shared";
+import * as i3 from "@eui/components/eui-dropdown";
+import * as i4 from "@eui/components/eui-button";
+import * as i5 from "@eui/components/eui-icon";
+export class EuiNavbarComponent {
+    get cssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('eui-navbar'),
+        ]
+            .join(' ')
+            .trim();
+    }
+    constructor(asService, elementRef, baseStatesDirective) {
+        this.asService = asService;
+        this.elementRef = elementRef;
+        this.baseStatesDirective = baseStatesDirective;
+        this.itemClick = new EventEmitter();
+        this.isDropdownView = false;
+    }
+    ngAfterContentInit() {
+        this.baseItemSelected = this.items.filter((i) => i.isActive)[0];
+    }
+    ngAfterViewInit() {
+        const parentWidth = this.elementRef.nativeElement.parentWidth;
+        const width = this.elementRef.nativeElement.clientWidth;
+        if (width > parentWidth) {
+            setTimeout(() => {
+                this.isDropdownView = true;
+            }, 1);
+        }
+    }
+    itemSelected(id) {
+        this.items.forEach((item) => {
+            if (item.id === id) {
+                item.isActive = true;
+            }
+            else {
+                item.isActive = false;
+            }
+        });
+        this.itemClick.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiNavbarComponent, isStandalone: true, selector: "eui-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiNavbarItemComponent) }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary"] }], ngImport: i0, template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n    <eui-dropdown isLabelUpdatedFromSelectedItem>\n        <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n            <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n        </button>\n        <eui-dropdown-content>\n            <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n                {{ item.label }}\n            </button>\n        </eui-dropdown-content>\n    </eui-dropdown>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [".eui-18 .eui-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-18 .eui-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-18 .eui-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"], dependencies: [{ kind: "ngmodule", type: EuiDropdownModule }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"], outputs: ["expand"] }, { kind: "component", type: i3.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-navbar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        EuiDropdownModule,
+                        EuiButtonModule,
+                        EuiIconModule,
+                        AsyncPipe,
+                        NgForOf,
+                        NgFor,
+                    ], hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euiPrimary',
+                                'euiSecondary',
+                            ],
+                        },
+                    ], template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n    <eui-dropdown isLabelUpdatedFromSelectedItem>\n        <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n            <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n        </button>\n        <eui-dropdown-content>\n            <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n                {{ item.label }}\n            </button>\n        </eui-dropdown-content>\n    </eui-dropdown>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [".eui-18 .eui-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-18 .eui-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-18 .eui-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ElementRef }, { type: i2.BaseStatesDirective }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], itemClick: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EuiNavbarItemComponent)]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktbmF2YmFyL2V1aS1uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLW5hdmJhci9ldWktbmF2YmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsTUFBTSxFQUNOLFlBQVksRUFDWixlQUFlLEVBQ2YsVUFBVSxHQUtiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXJGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7QUEyQjdELE1BQU0sT0FBTyxrQkFBa0I7SUFDM0IsSUFDVyxVQUFVO1FBQ2pCLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztTQUN2RDthQUNJLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBU0QsWUFDVyxTQUE2QixFQUM1QixVQUFzQixFQUN2QixtQkFBd0M7UUFGeEMsY0FBUyxHQUFULFNBQVMsQ0FBb0I7UUFDNUIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN2Qix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBVnpDLGNBQVMsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUt4RCxtQkFBYyxHQUFHLEtBQUssQ0FBQztJQU0zQixDQUFDO0lBRUosa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELGVBQWU7UUFDWCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7UUFDOUQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1FBRXhELElBQUksS0FBSyxHQUFHLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7WUFDL0IsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ1YsQ0FBQztJQUNMLENBQUM7SUFFTSxZQUFZLENBQUMsRUFBVTtRQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3hCLElBQUksSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQztnQkFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDekIsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQzFCLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7OEdBL0NRLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDJNQVlPLHNCQUFzQiw2SkMzRDVELDRzQkFlQSxzdkJEZVEsaUJBQWlCLHVsQkFDakIsZUFBZSxxU0FDZixhQUFhLGtVQUNiLFNBQVMsOENBQ1QsT0FBTzs7MkZBYUYsa0JBQWtCO2tCQXpCOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQO3dCQUNMLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxLQUFLO3FCQUNSLGtCQUNlO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixZQUFZO2dDQUNaLGNBQWM7NkJBQ2pCO3lCQUNKO3FCQUNKO2tKQUlVLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFTVixTQUFTO3NCQUFsQixNQUFNO2dCQUVvRCxLQUFLO3NCQUEvRCxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBBZnRlckNvbnRlbnRJbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aU5hdmJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS1uYXZiYXItaXRlbS9ldWktbmF2YmFyLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEV1aUFwcFNoZWxsU2VydmljZSB9IGZyb20gJ0BldWkvY29yZSc7XG5pbXBvcnQgeyBFdWlEcm9wZG93bk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktZHJvcGRvd24nO1xuaW1wb3J0IHsgRXVpQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1idXR0b24nO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBBc3luY1BpcGUsIE5nRm9yLCBOZ0Zvck9mIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktbmF2YmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW5hdmJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3N0eWxlcy9faW5kZXguc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIEV1aURyb3Bkb3duTW9kdWxlLFxuICAgICAgICBFdWlCdXR0b25Nb2R1bGUsXG4gICAgICAgIEV1aUljb25Nb2R1bGUsXG4gICAgICAgIEFzeW5jUGlwZSxcbiAgICAgICAgTmdGb3JPZixcbiAgICAgICAgTmdGb3IsXG4gICAgXSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpUHJpbWFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aU5hdmJhckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0luaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1uYXZiYXInKSxcbiAgICAgICAgXVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICAgICAgLnRyaW0oKTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgaXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlOYXZiYXJJdGVtQ29tcG9uZW50KSkgaXRlbXM6IFF1ZXJ5TGlzdDxFdWlOYXZiYXJJdGVtQ29tcG9uZW50PjtcblxuICAgIHB1YmxpYyBiYXNlSXRlbVNlbGVjdGVkOiBFdWlOYXZiYXJJdGVtQ29tcG9uZW50O1xuICAgIHB1YmxpYyBpc0Ryb3Bkb3duVmlldyA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBhc1NlcnZpY2U6IEV1aUFwcFNoZWxsU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICApIHt9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYmFzZUl0ZW1TZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmlsdGVyKChpKSA9PiBpLmlzQWN0aXZlKVswXTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHBhcmVudFdpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50V2lkdGg7XG4gICAgICAgIGNvbnN0IHdpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGg7XG5cbiAgICAgICAgaWYgKHdpZHRoID4gcGFyZW50V2lkdGgpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNEcm9wZG93blZpZXcgPSB0cnVlO1xuICAgICAgICAgICAgfSwgMSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgaXRlbVNlbGVjdGVkKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtcy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAoaXRlbS5pZCA9PT0gaWQpIHtcbiAgICAgICAgICAgICAgICBpdGVtLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaXRlbS5pc0FjdGl2ZSA9IGZhbHNlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdChpZCk7XG4gICAgfVxufVxuIiwiQGlmICggKGFzU2VydmljZS5icmVha3BvaW50cyQgfCBhc3luYykuaXNMdExhcmdlVGFibGV0IHx8IGlzRHJvcGRvd25WaWV3ICkge1xuICAgIDxldWktZHJvcGRvd24gaXNMYWJlbFVwZGF0ZWRGcm9tU2VsZWN0ZWRJdGVtPlxuICAgICAgICA8YnV0dG9uIGV1aUJ1dHRvbiBldWlTZWNvbmRhcnkgZXVpU2l6ZVMgW2F0dHIuYXJpYS1sYWJlbF09XCInQnV0dG9uIHRyaWdnZXInXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1sYWJlbFwiPnt7IGJhc2VJdGVtU2VsZWN0ZWQubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJjaGV2cm9uLWRvd246c2hhcnBcIiBzaXplPVwic1wiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGV1aS1kcm9wZG93bi1jb250ZW50PlxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGV1aURyb3Bkb3duSXRlbSAoY2xpY2spPVwiaXRlbVNlbGVjdGVkKGl0ZW0uaWQpXCIgYXJpYUxhYmVsPVwie3sgaXRlbS5sYWJlbCB9fVwiPlxuICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2V1aS1kcm9wZG93bi1jb250ZW50PlxuICAgIDwvZXVpLWRyb3Bkb3duPlxufSBAZWxzZSB7XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19

package/esm2022/eui-navbar/eui-navbar.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EuiNavbarComponent } from './eui-navbar.component';
+import { EuiNavbarItemComponent } from './eui-navbar-item/eui-navbar-item.component';
+import * as i0 from "@angular/core";
+export class EuiNavbarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, imports: [CommonModule, EuiNavbarComponent, EuiNavbarItemComponent], exports: [EuiNavbarComponent, EuiNavbarItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, imports: [CommonModule, EuiNavbarComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EuiNavbarComponent, EuiNavbarItemComponent],
+                    exports: [EuiNavbarComponent, EuiNavbarItemComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktbmF2YmFyL2V1aS1uYXZiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQU1yRixNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsWUFIZCxZQUFZLEVBQUUsa0JBQWtCLEVBQUUsc0JBQXNCLGFBQ3hELGtCQUFrQixFQUFFLHNCQUFzQjsrR0FFM0MsZUFBZSxZQUhkLFlBQVksRUFBRSxrQkFBa0I7OzJGQUdqQyxlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDbkUsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLENBQUM7aUJBQ3hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFdWlOYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL2V1aS1uYXZiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IEV1aU5hdmJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS1uYXZiYXItaXRlbS9ldWktbmF2YmFyLWl0ZW0uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFdWlOYXZiYXJDb21wb25lbnQsIEV1aU5hdmJhckl0ZW1Db21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtFdWlOYXZiYXJDb21wb25lbnQsIEV1aU5hdmJhckl0ZW1Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlOYXZiYXJNb2R1bGUge31cbiJdfQ==

package/esm2022/eui-navbar/index.mjs

@@ -0,0 +1,4 @@
+export * from './eui-navbar.component';
+export * from './eui-navbar-item/eui-navbar-item.component';
+export * from './eui-navbar.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktbmF2YmFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ldWktbmF2YmFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aS1uYXZiYXItaXRlbS9ldWktbmF2YmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLW5hdmJhci5tb2R1bGUnO1xuIl19

package/esm2022/layout/eui-toolbar/toolbar.component.mjs

@@ -35,7 +35,7 @@ export class EuiToolbarComponent {
         }, 1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n    <div class=\"eui-toolbar__left\">\n        @if ( ( asService.state$ | async).hasHeaderLogo ) {\n            <eui-toolbar-logo></eui-toolbar-logo>\n        }\n        @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n            <eui-toolbar-environment>\n                {{ (asService.state$ | async).environmentValue }}\n            </eui-toolbar-environment>\n        }\n        @if ( (asService.state$ | async).appName ) {\n            <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n        }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n    @if ( (asService.state$ | async).hasHeader ) {\n\n        @if ( hasMenu ) {\n            <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n        }\n        <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n    } @else {\n\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-logo\"></ng-content>\n            <ng-content select=\"eui-toolbar-app\"></ng-content>\n            <ng-content select=\"eui-toolbar-environment\"></ng-content>\n            <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n        <div class=\"eui-toolbar__right\">\n            <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n        </div>\n\n    }\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n    <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n    <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n    @if (hasMenu) {\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-menu\"></ng-content>\n        </div>\n    }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n    <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"], dependencies: [{ kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl", "logoUrl", "logoHeight", "logoWidth"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n    <div class=\"eui-toolbar__left\">\n        @if ( ( asService.state$ | async).hasHeaderLogo ) {\n            <eui-toolbar-logo></eui-toolbar-logo>\n        }\n        @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n            <eui-toolbar-environment>\n                {{ (asService.state$ | async).environmentValue }}\n            </eui-toolbar-environment>\n        }\n        @if ( (asService.state$ | async).appName ) {\n            <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n        }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n    @if ( (asService.state$ | async).hasHeader ) {\n\n        @if ( hasMenu ) {\n            <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n        }\n        <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n    } @else {\n\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-logo\"></ng-content>\n            <ng-content select=\"eui-toolbar-app\"></ng-content>\n            <ng-content select=\"eui-toolbar-environment\"></ng-content>\n            <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n        <div class=\"eui-toolbar__right\">\n            <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n        </div>\n\n    }\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n    <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n    <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n    @if (hasMenu) {\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-menu\"></ng-content>\n        </div>\n    }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n    <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-toolbar-environment{font:var(--eui-f-xs-compact);transform:rotate(0);top:0;height:var(--eui-s-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"], dependencies: [{ kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl", "logoUrl", "logoHeight", "logoWidth"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiToolbarComponent, decorators: [{
             type: Component,
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                         EuiToolbarAppComponent,
                         AsyncPipe,
                         NgTemplateOutlet,
-                    ], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n    <div class=\"eui-toolbar__left\">\n        @if ( ( asService.state$ | async).hasHeaderLogo ) {\n            <eui-toolbar-logo></eui-toolbar-logo>\n        }\n        @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n            <eui-toolbar-environment>\n                {{ (asService.state$ | async).environmentValue }}\n            </eui-toolbar-environment>\n        }\n        @if ( (asService.state$ | async).appName ) {\n            <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n        }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n    @if ( (asService.state$ | async).hasHeader ) {\n\n        @if ( hasMenu ) {\n            <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n        }\n        <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n    } @else {\n\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-logo\"></ng-content>\n            <ng-content select=\"eui-toolbar-app\"></ng-content>\n            <ng-content select=\"eui-toolbar-environment\"></ng-content>\n            <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n        <div class=\"eui-toolbar__right\">\n            <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n        </div>\n\n    }\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n    <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n    <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n    @if (hasMenu) {\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-menu\"></ng-content>\n        </div>\n    }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n    <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"] }]
+                    ], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n    <div class=\"eui-toolbar__left\">\n        @if ( ( asService.state$ | async).hasHeaderLogo ) {\n            <eui-toolbar-logo></eui-toolbar-logo>\n        }\n        @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n            <eui-toolbar-environment>\n                {{ (asService.state$ | async).environmentValue }}\n            </eui-toolbar-environment>\n        }\n        @if ( (asService.state$ | async).appName ) {\n            <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n        }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n    @if ( (asService.state$ | async).hasHeader ) {\n\n        @if ( hasMenu ) {\n            <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n        }\n        <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n    } @else {\n\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-logo\"></ng-content>\n            <ng-content select=\"eui-toolbar-app\"></ng-content>\n            <ng-content select=\"eui-toolbar-environment\"></ng-content>\n            <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n        <div class=\"eui-toolbar__right\">\n            <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n        </div>\n\n    }\n    <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n    <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n    <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n    @if (hasMenu) {\n        <div class=\"eui-toolbar__left\">\n            <ng-content select=\"eui-toolbar-menu\"></ng-content>\n        </div>\n    }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n    <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-toolbar-environment{font:var(--eui-f-xs-compact);transform:rotate(0);top:0;height:var(--eui-s-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                 type: ContentChild,
                 args: [forwardRef(() => EuiToolbarMenuComponent)]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBcUMsTUFBTSxlQUFlLENBQUM7QUFDaEssT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFnQjdFLE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILGFBQWE7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNoRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUM3RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBUUQsWUFDWSxLQUFpQixFQUNsQixTQUE2QjtRQUQ1QixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBUkEsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFHLElBQUksQ0FBQztJQVMxRCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzVCLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3ZFLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLFVBQVUsSUFBSSxVQUFVLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7Z0JBQ2hFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2dCQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUM1QixDQUFDO1FBQ0wsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs4R0FwQ1EsbUJBQW1CO2tHQUFuQixtQkFBbUIsd0dBVVIsZ0JBQWdCLDRDQUNoQixnQkFBZ0IsNElBRUwsdUJBQXVCLGlEQ25DMUQsMjRFQW9FQSxva0ZEckRRLHVCQUF1Qix3SEFDdkIsOEJBQThCLG9FQUM5QixzQkFBc0IsMkZBQ3RCLFNBQVMsOENBQ1QsZ0JBQWdCOzsyRkFHWCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0ksYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUDt3QkFDTCx1QkFBdUI7d0JBQ3ZCLDhCQUE4Qjt3QkFDOUIsc0JBQXNCO3dCQUN0QixTQUFTO3dCQUNULGdCQUFnQjtxQkFDbkI7Z0hBSUcsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBU29CLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHdEMsT0FBTztzQkFETixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBmb3J3YXJkUmVmLCBDb250ZW50Q2hpbGQsIGJvb2xlYW5BdHRyaWJ1dGUsIElucHV0LCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLW1lbnUvdG9vbGJhci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEV1aVRvb2xiYXJMb2dvQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLWxvZ28vdG9vbGJhci1sb2dvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlUb29sYmFyRW52aXJvbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXItZW52aXJvbm1lbnQvdG9vbGJhci1lbnZpcm9ubWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpVG9vbGJhckFwcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci1hcHAvdG9vbGJhci1hcHAuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBFdWlUb29sYmFyTG9nb0NvbXBvbmVudCxcbiAgICAgICAgRXVpVG9vbGJhckVudmlyb25tZW50Q29tcG9uZW50LFxuICAgICAgICBFdWlUb29sYmFyQXBwQ29tcG9uZW50LFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVG9vbGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktdG9vbGJhcicsXG4gICAgICAgICAgICB0aGlzLmV1aVNlY29uZGFyeSA/ICdldWktdG9vbGJhci0tc2Vjb25kYXJ5IGV1aS0tc2Vjb25kYXJ5JyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5ldWlQcmltYXJ5ID8gJ2V1aS10b29sYmFyLS1wcmltYXJ5IGV1aS0tcHJpbWFyeScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBldWlTZWNvbmRhcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpUHJpbWFyeSA9IHRydWU7XG5cbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRXVpVG9vbGJhck1lbnVDb21wb25lbnQpKVxuICAgIGhhc01lbnU6IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHB1YmxpYyBhc1NlcnZpY2U6IEV1aUFwcFNoZWxsU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZXVpU2Vjb25kYXJ5KSB7XG4gICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgYXBwVG9vbGJhciA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5jbG9zZXN0KCdldWktYXBwLXRvb2xiYXInKTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoYXBwVG9vbGJhciAmJiBhcHBUb29sYmFyLmNsYXNzTGlzdC5jb250YWlucygnZXVpLS1zZWNvbmRhcnknKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXVpU2Vjb25kYXJ5ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMSk7XG4gICAgfVxufVxuIiwiQGlmICggKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaGFzSGVhZGVyICYmIChhc1NlcnZpY2UuYnJlYWtwb2ludHMkIHwgYXN5bmMpLmlzTW9iaWxlICkge1xuXG4gICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJMb2dvICkge1xuICAgICAgICAgICAgPGV1aS10b29sYmFyLWxvZ28+PC9ldWktdG9vbGJhci1sb2dvPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJFbnZpcm9ubWVudCApIHtcbiAgICAgICAgICAgIDxldWktdG9vbGJhci1lbnZpcm9ubWVudD5cbiAgICAgICAgICAgICAgICB7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5lbnZpcm9ubWVudFZhbHVlIH19XG4gICAgICAgICAgICA8L2V1aS10b29sYmFyLWVudmlyb25tZW50PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoIChhc1NlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmFwcE5hbWUgKSB7XG4gICAgICAgICAgICA8ZXVpLXRvb2xiYXItYXBwIGFwcE5hbWU9XCJ7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5hcHBOYW1lIH19XCI+PC9ldWktdG9vbGJhci1hcHA+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTGFuZ3VhZ2VTZWxlY3RvclwiPjwvbmctY29udGFpbmVyPlxuXG59IEBlbHNlIHtcbiAgICBAaWYgKCAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXIgKSB7XG5cbiAgICAgICAgQGlmICggaGFzTWVudSApIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTWVudVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuXG4gICAgfSBAZWxzZSB7XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1sb2dvXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItYXBwXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItZW52aXJvbm1lbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1uYXZiYXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19yaWdodFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cblxuICAgIH1cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidG9vbGJhckxhbmd1YWdlU2VsZWN0b3JcIj48L25nLWNvbnRhaW5lcj5cbn1cblxuPG5nLXRlbXBsYXRlICN0b29sYmFyQ2VudGVyPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWNlbnRlclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdG9vbGJhckl0ZW1zPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWl0ZW1zXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sYmFyTWVudT5cbiAgICBAaWYgKGhhc01lbnUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1tZW51XCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3Rvb2xiYXJMYW5ndWFnZVNlbGVjdG9yPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1sYW5ndWFnZS1zZWxlY3RvclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBcUMsTUFBTSxlQUFlLENBQUM7QUFDaEssT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFnQjdFLE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILGFBQWE7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNoRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUM3RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBUUQsWUFDWSxLQUFpQixFQUNsQixTQUE2QjtRQUQ1QixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBUkEsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFHLElBQUksQ0FBQztJQVMxRCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzVCLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3ZFLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLFVBQVUsSUFBSSxVQUFVLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7Z0JBQ2hFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2dCQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUM1QixDQUFDO1FBQ0wsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs4R0FwQ1EsbUJBQW1CO2tHQUFuQixtQkFBbUIsd0dBVVIsZ0JBQWdCLDRDQUNoQixnQkFBZ0IsNElBRUwsdUJBQXVCLGlEQ25DMUQsMjRFQW9FQSwyc0ZEckRRLHVCQUF1Qix3SEFDdkIsOEJBQThCLG9FQUM5QixzQkFBc0IsMkZBQ3RCLFNBQVMsOENBQ1QsZ0JBQWdCOzsyRkFHWCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0ksYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUDt3QkFDTCx1QkFBdUI7d0JBQ3ZCLDhCQUE4Qjt3QkFDOUIsc0JBQXNCO3dCQUN0QixTQUFTO3dCQUNULGdCQUFnQjtxQkFDbkI7Z0hBSUcsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBU29CLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHdEMsT0FBTztzQkFETixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBmb3J3YXJkUmVmLCBDb250ZW50Q2hpbGQsIGJvb2xlYW5BdHRyaWJ1dGUsIElucHV0LCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLW1lbnUvdG9vbGJhci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEV1aVRvb2xiYXJMb2dvQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLWxvZ28vdG9vbGJhci1sb2dvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlUb29sYmFyRW52aXJvbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXItZW52aXJvbm1lbnQvdG9vbGJhci1lbnZpcm9ubWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpVG9vbGJhckFwcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci1hcHAvdG9vbGJhci1hcHAuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBFdWlUb29sYmFyTG9nb0NvbXBvbmVudCxcbiAgICAgICAgRXVpVG9vbGJhckVudmlyb25tZW50Q29tcG9uZW50LFxuICAgICAgICBFdWlUb29sYmFyQXBwQ29tcG9uZW50LFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVG9vbGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktdG9vbGJhcicsXG4gICAgICAgICAgICB0aGlzLmV1aVNlY29uZGFyeSA/ICdldWktdG9vbGJhci0tc2Vjb25kYXJ5IGV1aS0tc2Vjb25kYXJ5JyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5ldWlQcmltYXJ5ID8gJ2V1aS10b29sYmFyLS1wcmltYXJ5IGV1aS0tcHJpbWFyeScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBldWlTZWNvbmRhcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpUHJpbWFyeSA9IHRydWU7XG5cbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRXVpVG9vbGJhck1lbnVDb21wb25lbnQpKVxuICAgIGhhc01lbnU6IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHB1YmxpYyBhc1NlcnZpY2U6IEV1aUFwcFNoZWxsU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZXVpU2Vjb25kYXJ5KSB7XG4gICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgYXBwVG9vbGJhciA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5jbG9zZXN0KCdldWktYXBwLXRvb2xiYXInKTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoYXBwVG9vbGJhciAmJiBhcHBUb29sYmFyLmNsYXNzTGlzdC5jb250YWlucygnZXVpLS1zZWNvbmRhcnknKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXVpU2Vjb25kYXJ5ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMSk7XG4gICAgfVxufVxuIiwiQGlmICggKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaGFzSGVhZGVyICYmIChhc1NlcnZpY2UuYnJlYWtwb2ludHMkIHwgYXN5bmMpLmlzTW9iaWxlICkge1xuXG4gICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJMb2dvICkge1xuICAgICAgICAgICAgPGV1aS10b29sYmFyLWxvZ28+PC9ldWktdG9vbGJhci1sb2dvPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJFbnZpcm9ubWVudCApIHtcbiAgICAgICAgICAgIDxldWktdG9vbGJhci1lbnZpcm9ubWVudD5cbiAgICAgICAgICAgICAgICB7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5lbnZpcm9ubWVudFZhbHVlIH19XG4gICAgICAgICAgICA8L2V1aS10b29sYmFyLWVudmlyb25tZW50PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoIChhc1NlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmFwcE5hbWUgKSB7XG4gICAgICAgICAgICA8ZXVpLXRvb2xiYXItYXBwIGFwcE5hbWU9XCJ7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5hcHBOYW1lIH19XCI+PC9ldWktdG9vbGJhci1hcHA+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTGFuZ3VhZ2VTZWxlY3RvclwiPjwvbmctY29udGFpbmVyPlxuXG59IEBlbHNlIHtcbiAgICBAaWYgKCAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXIgKSB7XG5cbiAgICAgICAgQGlmICggaGFzTWVudSApIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTWVudVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuXG4gICAgfSBAZWxzZSB7XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1sb2dvXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItYXBwXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItZW52aXJvbm1lbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1uYXZiYXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19yaWdodFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cblxuICAgIH1cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidG9vbGJhckxhbmd1YWdlU2VsZWN0b3JcIj48L25nLWNvbnRhaW5lcj5cbn1cblxuPG5nLXRlbXBsYXRlICN0b29sYmFyQ2VudGVyPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWNlbnRlclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdG9vbGJhckl0ZW1zPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWl0ZW1zXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sYmFyTWVudT5cbiAgICBAaWYgKGhhc01lbnUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1tZW51XCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3Rvb2xiYXJMYW5ndWFnZVNlbGVjdG9yPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1sYW5ndWFnZS1zZWxlY3RvclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/eui-all/eui-all.module.d.ts

@@ -71,9 +71,10 @@ import * as i69 from "@eui/components/eui-icon-input";
 import * as i70 from "@eui/components/eui-icon-button";
 import * as i71 from "@eui/components/eui-icon-color";
 import * as i72 from "@eui/components/eui-icon-state";
+import * as i73 from "@eui/components/eui-navbar";
 export declare class EuiAllModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiAllModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.EuiTemplateDirectiveModule, typeof i4.EuiTooltipDirectiveModule, typeof i5.EuiInputNumberDirectiveModule, typeof i4.EuiMaxLengthDirectiveModule, typeof i4.EuiSmoothScrollDirectiveModule, typeof i4.EuiScrollHandlerDirectiveModule, typeof i4.EuiHasPermissionDirectiveModule, typeof i4.EuiResizableDirectiveModule, typeof i6.EuiLayoutModule, typeof i7.EuiPageModule, typeof i8.EuiOverlayModule, typeof i9.EuiDimmerModule, typeof i10.EuiBadgeModule, typeof i11.EuiIconModule, typeof i12.EuiLabelModule, typeof i13.EuiIconToggleModule, typeof i14.EuiAlertModule, typeof i15.EuiAutocompleteModule, typeof i16.EuiBlockDocumentModule, typeof i17.EuiBlockContentModule, typeof i18.EuiButtonModule, typeof i19.EuiButtonV2Module, typeof i20.EuiCardModule, typeof i21.EuiChipModule, typeof i22.EuiChipListModule, typeof i23.EuiDashboardButtonModule, typeof i24.EuiDashboardCardModule, typeof i25.EuiDatepickerModule, typeof i26.EuiDateRangeSelectorModule, typeof i27.EuiDropdownModule, typeof i28.EuiDialogModule, typeof i29.EuiGrowlModule, typeof i30.EuiSlideToggleModule, typeof i31.EuiTabsModule, typeof i32.EuiMenuModule, typeof i33.EuiMessageBoxModule, typeof i34.EuiListModule, typeof i35.EuiTableModule, typeof i36.EuiTableV2Module, typeof i37.EuiFileUploadModule, typeof i38.EuiPopoverModule, typeof i39.EuiFeedbackMessageModule, typeof i40.EuiTimepickerModule, typeof i41.EuiTreeModule, typeof i42.EuiInputCheckboxModule, typeof i43.EuiSelectModule, typeof i44.EuiInputRadioModule, typeof i45.EuiInputTextModule, typeof i46.EuiTextAreaModule, typeof i47.EuiInputGroupModule, typeof i48.EuiTruncatePipeModule, typeof i49.EuiFieldsetModule, typeof i50.EuiPaginatorModule, typeof i51.EuiButtonGroupModule, typeof i52.EuiProgressCircleModule, typeof i53.EuiDisableContentModule, typeof i54.EuiWizardModule, typeof i55.EuiTimelineModule, typeof i56.EuiTimebarModule, typeof i57.EuiDiscussionThreadModule, typeof i58.EuiSidebarMenuModule, typeof i59.EuiProgressBarModule, typeof i60.EuiTreeListModule, typeof i61.EuiAvatarModule, typeof i62.EuiSkeletonModule, typeof i63.EuiLanguageSelectorModule, typeof i64.EuiUserProfileModule, typeof i65.EuiAccordionModule, typeof i66.EuiSplitButtonModule, typeof i67.EuiBreadcrumbModule, typeof i68.EuiIconButtonExpanderModule, typeof i69.EuiIconInputModule, typeof i70.EuiIconButtonModule, typeof i71.EuiIconColorModule, typeof i72.EuiIconStateModule], [typeof i4.EuiTemplateDirectiveModule, typeof i4.EuiTooltipDirectiveModule, typeof i5.EuiInputNumberDirectiveModule, typeof i4.EuiMaxLengthDirectiveModule, typeof i4.EuiSmoothScrollDirectiveModule, typeof i4.EuiScrollHandlerDirectiveModule, typeof i4.EuiHasPermissionDirectiveModule, typeof i4.EuiResizableDirectiveModule, typeof i6.EuiLayoutModule, typeof i7.EuiPageModule, typeof i8.EuiOverlayModule, typeof i9.EuiDimmerModule, typeof i10.EuiBadgeModule, typeof i11.EuiIconModule, typeof i12.EuiLabelModule, typeof i13.EuiIconToggleModule, typeof i14.EuiAlertModule, typeof i15.EuiAutocompleteModule, typeof i16.EuiBlockDocumentModule, typeof i17.EuiBlockContentModule, typeof i18.EuiButtonModule, typeof i19.EuiButtonV2Module, typeof i20.EuiCardModule, typeof i21.EuiChipModule, typeof i22.EuiChipListModule, typeof i23.EuiDashboardButtonModule, typeof i24.EuiDashboardCardModule, typeof i25.EuiDatepickerModule, typeof i26.EuiDateRangeSelectorModule, typeof i27.EuiDropdownModule, typeof i28.EuiDialogModule, typeof i29.EuiGrowlModule, typeof i30.EuiSlideToggleModule, typeof i31.EuiTabsModule, typeof i32.EuiMenuModule, typeof i33.EuiMessageBoxModule, typeof i34.EuiListModule, typeof i35.EuiTableModule, typeof i36.EuiTableV2Module, typeof i37.EuiFileUploadModule, typeof i38.EuiPopoverModule, typeof i39.EuiFeedbackMessageModule, typeof i40.EuiTimepickerModule, typeof i41.EuiTreeModule, typeof i42.EuiInputCheckboxModule, typeof i43.EuiSelectModule, typeof i44.EuiInputRadioModule, typeof i45.EuiInputTextModule, typeof i46.EuiTextAreaModule, typeof i47.EuiInputGroupModule, typeof i48.EuiTruncatePipeModule, typeof i49.EuiFieldsetModule, typeof i50.EuiPaginatorModule, typeof i51.EuiButtonGroupModule, typeof i52.EuiProgressCircleModule, typeof i53.EuiDisableContentModule, typeof i54.EuiWizardModule, typeof i55.EuiTimelineModule, typeof i56.EuiTimebarModule, typeof i57.EuiDiscussionThreadModule, typeof i58.EuiSidebarMenuModule, typeof i59.EuiProgressBarModule, typeof i60.EuiTreeListModule, typeof i61.EuiAvatarModule, typeof i62.EuiSkeletonModule, typeof i63.EuiLanguageSelectorModule, typeof i64.EuiUserProfileModule, typeof i65.EuiAccordionModule, typeof i66.EuiSplitButtonModule, typeof i67.EuiBreadcrumbModule, typeof i68.EuiIconButtonExpanderModule, typeof i69.EuiIconInputModule, typeof i70.EuiIconButtonModule, typeof i71.EuiIconColorModule, typeof i72.EuiIconStateModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiAllModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.EuiTemplateDirectiveModule, typeof i4.EuiTooltipDirectiveModule, typeof i5.EuiInputNumberDirectiveModule, typeof i4.EuiMaxLengthDirectiveModule, typeof i4.EuiSmoothScrollDirectiveModule, typeof i4.EuiScrollHandlerDirectiveModule, typeof i4.EuiHasPermissionDirectiveModule, typeof i4.EuiResizableDirectiveModule, typeof i6.EuiLayoutModule, typeof i7.EuiPageModule, typeof i8.EuiOverlayModule, typeof i9.EuiDimmerModule, typeof i10.EuiBadgeModule, typeof i11.EuiIconModule, typeof i12.EuiLabelModule, typeof i13.EuiIconToggleModule, typeof i14.EuiAlertModule, typeof i15.EuiAutocompleteModule, typeof i16.EuiBlockDocumentModule, typeof i17.EuiBlockContentModule, typeof i18.EuiButtonModule, typeof i19.EuiButtonV2Module, typeof i20.EuiCardModule, typeof i21.EuiChipModule, typeof i22.EuiChipListModule, typeof i23.EuiDashboardButtonModule, typeof i24.EuiDashboardCardModule, typeof i25.EuiDatepickerModule, typeof i26.EuiDateRangeSelectorModule, typeof i27.EuiDropdownModule, typeof i28.EuiDialogModule, typeof i29.EuiGrowlModule, typeof i30.EuiSlideToggleModule, typeof i31.EuiTabsModule, typeof i32.EuiMenuModule, typeof i33.EuiMessageBoxModule, typeof i34.EuiListModule, typeof i35.EuiTableModule, typeof i36.EuiTableV2Module, typeof i37.EuiFileUploadModule, typeof i38.EuiPopoverModule, typeof i39.EuiFeedbackMessageModule, typeof i40.EuiTimepickerModule, typeof i41.EuiTreeModule, typeof i42.EuiInputCheckboxModule, typeof i43.EuiSelectModule, typeof i44.EuiInputRadioModule, typeof i45.EuiInputTextModule, typeof i46.EuiTextAreaModule, typeof i47.EuiInputGroupModule, typeof i48.EuiTruncatePipeModule, typeof i49.EuiFieldsetModule, typeof i50.EuiPaginatorModule, typeof i51.EuiButtonGroupModule, typeof i52.EuiProgressCircleModule, typeof i53.EuiDisableContentModule, typeof i54.EuiWizardModule, typeof i55.EuiTimelineModule, typeof i56.EuiTimebarModule, typeof i57.EuiDiscussionThreadModule, typeof i58.EuiSidebarMenuModule, typeof i59.EuiProgressBarModule, typeof i60.EuiTreeListModule, typeof i61.EuiAvatarModule, typeof i62.EuiSkeletonModule, typeof i63.EuiLanguageSelectorModule, typeof i64.EuiUserProfileModule, typeof i65.EuiAccordionModule, typeof i66.EuiSplitButtonModule, typeof i67.EuiBreadcrumbModule, typeof i68.EuiIconButtonExpanderModule, typeof i69.EuiIconInputModule, typeof i70.EuiIconButtonModule, typeof i71.EuiIconColorModule, typeof i72.EuiIconStateModule, typeof i73.EuiNavbarModule], [typeof i4.EuiTemplateDirectiveModule, typeof i4.EuiTooltipDirectiveModule, typeof i5.EuiInputNumberDirectiveModule, typeof i4.EuiMaxLengthDirectiveModule, typeof i4.EuiSmoothScrollDirectiveModule, typeof i4.EuiScrollHandlerDirectiveModule, typeof i4.EuiHasPermissionDirectiveModule, typeof i4.EuiResizableDirectiveModule, typeof i6.EuiLayoutModule, typeof i7.EuiPageModule, typeof i8.EuiOverlayModule, typeof i9.EuiDimmerModule, typeof i10.EuiBadgeModule, typeof i11.EuiIconModule, typeof i12.EuiLabelModule, typeof i13.EuiIconToggleModule, typeof i14.EuiAlertModule, typeof i15.EuiAutocompleteModule, typeof i16.EuiBlockDocumentModule, typeof i17.EuiBlockContentModule, typeof i18.EuiButtonModule, typeof i19.EuiButtonV2Module, typeof i20.EuiCardModule, typeof i21.EuiChipModule, typeof i22.EuiChipListModule, typeof i23.EuiDashboardButtonModule, typeof i24.EuiDashboardCardModule, typeof i25.EuiDatepickerModule, typeof i26.EuiDateRangeSelectorModule, typeof i27.EuiDropdownModule, typeof i28.EuiDialogModule, typeof i29.EuiGrowlModule, typeof i30.EuiSlideToggleModule, typeof i31.EuiTabsModule, typeof i32.EuiMenuModule, typeof i33.EuiMessageBoxModule, typeof i34.EuiListModule, typeof i35.EuiTableModule, typeof i36.EuiTableV2Module, typeof i37.EuiFileUploadModule, typeof i38.EuiPopoverModule, typeof i39.EuiFeedbackMessageModule, typeof i40.EuiTimepickerModule, typeof i41.EuiTreeModule, typeof i42.EuiInputCheckboxModule, typeof i43.EuiSelectModule, typeof i44.EuiInputRadioModule, typeof i45.EuiInputTextModule, typeof i46.EuiTextAreaModule, typeof i47.EuiInputGroupModule, typeof i48.EuiTruncatePipeModule, typeof i49.EuiFieldsetModule, typeof i50.EuiPaginatorModule, typeof i51.EuiButtonGroupModule, typeof i52.EuiProgressCircleModule, typeof i53.EuiDisableContentModule, typeof i54.EuiWizardModule, typeof i55.EuiTimelineModule, typeof i56.EuiTimebarModule, typeof i57.EuiDiscussionThreadModule, typeof i58.EuiSidebarMenuModule, typeof i59.EuiProgressBarModule, typeof i60.EuiTreeListModule, typeof i61.EuiAvatarModule, typeof i62.EuiSkeletonModule, typeof i63.EuiLanguageSelectorModule, typeof i64.EuiUserProfileModule, typeof i65.EuiAccordionModule, typeof i66.EuiSplitButtonModule, typeof i67.EuiBreadcrumbModule, typeof i68.EuiIconButtonExpanderModule, typeof i69.EuiIconInputModule, typeof i70.EuiIconButtonModule, typeof i71.EuiIconColorModule, typeof i72.EuiIconStateModule, typeof i73.EuiNavbarModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EuiAllModule>;
 }
 //# sourceMappingURL=eui-all.module.d.ts.map

package/eui-all/eui-all.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-all.module.d.ts","sourceRoot":"","sources":["../../eui-all/eui-all.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLA,qBAIa,YAAY;yCAAZ,YAAY;0CAAZ,YAAY;0CAAZ,YAAY;CAAG"}
+{"version":3,"file":"eui-all.module.d.ts","sourceRoot":"","sources":["../../eui-all/eui-all.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqLA,qBAIa,YAAY;yCAAZ,YAAY;0CAAZ,YAAY;0CAAZ,YAAY;CAAG"}

package/eui-navbar/eui-components-eui-navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-eui-navbar.d.ts","sourceRoot":"","sources":["../../eui-navbar/eui-components-eui-navbar.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,SAAS,CAAC"}

package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts

@@ -0,0 +1,18 @@
+import { EuiNavbarComponent } from '../eui-navbar.component';
+import * as i0 from "@angular/core";
+export declare class EuiNavbarItemComponent {
+    get cssClasses(): string;
+    tabindex: number;
+    id: string;
+    label: string;
+    isActive: boolean;
+    navBarComponentParent: EuiNavbarComponent;
+    constructor(navBarComponent: any);
+    protected onClick(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private _click;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiNavbarItemComponent, [{ optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiNavbarItemComponent, "eui-navbar-item", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_isActive: unknown;
+}
+//# sourceMappingURL=eui-navbar-item.component.d.ts.map

package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-navbar-item.component.d.ts","sourceRoot":"","sources":["../../../eui-navbar/eui-navbar-item/eui-navbar-item.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,qBAMa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CAKvB;IAE6B,QAAQ,SAAK;IAElC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACiB,QAAQ,UAAS;IAEzD,qBAAqB,EAAE,kBAAkB,CAAC;gBAEoC,eAAe,KAAA;IAK7F,SAAS,CAAC,OAAO,IAAI,IAAI;IAKzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAW/C,OAAO,CAAC,MAAM;yCAtCL,sBAAsB;2CAAtB,sBAAsB;uCA0Cw2jC,OAAQ;CADl5jC"}

package/eui-navbar/eui-navbar.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, QueryList, ElementRef, AfterViewInit, AfterContentInit } from '@angular/core';
+import { EuiNavbarItemComponent } from './eui-navbar-item/eui-navbar-item.component';
+import { EuiAppShellService } from '@eui/core';
+import { BaseStatesDirective } from '@eui/components/shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/components/shared";
+export declare class EuiNavbarComponent implements AfterContentInit, AfterViewInit {
+    asService: EuiAppShellService;
+    private elementRef;
+    baseStatesDirective: BaseStatesDirective;
+    get cssClasses(): string;
+    itemClick: EventEmitter<string>;
+    items: QueryList<EuiNavbarItemComponent>;
+    baseItemSelected: EuiNavbarItemComponent;
+    isDropdownView: boolean;
+    constructor(asService: EuiAppShellService, elementRef: ElementRef, baseStatesDirective: BaseStatesDirective);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    itemSelected(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiNavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiNavbarComponent, "eui-navbar", never, {}, { "itemClick": "itemClick"; }, ["items"], ["*"], true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; }; outputs: {}; }]>;
+}
+//# sourceMappingURL=eui-navbar.component.d.ts.map

package/eui-navbar/eui-navbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-navbar.component.d.ts","sourceRoot":"","sources":["../../eui-navbar/eui-navbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAGZ,SAAS,EACT,UAAU,EACV,aAAa,EACb,gBAAgB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAK/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAyBa,kBAAmB,YAAW,gBAAgB,EAAE,aAAa;IAkB3D,SAAS,EAAE,kBAAkB;IACpC,OAAO,CAAC,UAAU;IACX,mBAAmB,EAAE,mBAAmB;IAnBnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAES,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAsB;IAEJ,KAAK,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAE7F,gBAAgB,EAAE,sBAAsB,CAAC;IACzC,cAAc,UAAS;gBAGnB,SAAS,EAAE,kBAAkB,EAC5B,UAAU,EAAE,UAAU,EACvB,mBAAmB,EAAE,mBAAmB;IAGnD,kBAAkB,IAAI,IAAI;IAI1B,eAAe,IAAI,IAAI;IAWhB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;yCAtC5B,kBAAkB;2CAAlB,kBAAkB;CAgD9B"}

package/eui-navbar/eui-navbar.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./eui-navbar.component";
+import * as i3 from "./eui-navbar-item/eui-navbar-item.component";
+export declare class EuiNavbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiNavbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiNavbarModule, never, [typeof i1.CommonModule, typeof i2.EuiNavbarComponent, typeof i3.EuiNavbarItemComponent], [typeof i2.EuiNavbarComponent, typeof i3.EuiNavbarItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EuiNavbarModule>;
+}
+//# sourceMappingURL=eui-navbar.module.d.ts.map

package/eui-navbar/eui-navbar.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-navbar.module.d.ts","sourceRoot":"","sources":["../../eui-navbar/eui-navbar.module.ts"],"names":[],"mappings":";;;;AAKA,qBAIa,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAAG"}

package/eui-navbar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './eui-navbar.component';
+export * from './eui-navbar-item/eui-navbar-item.component';
+export * from './eui-navbar.module';
+//# sourceMappingURL=index.d.ts.map

package/eui-navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../eui-navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qBAAqB,CAAC"}

package/eui-navbar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/eui-components-eui-navbar.mjs"
+}

package/fesm2022/eui-components-eui-block-content.mjs

@@ -66,11 +66,11 @@ class EuiBlockContentComponent {
         return this.elRef.nativeElement.querySelector(':focus');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-block-content{display:block;position:relative}.eui-18 .eui-block-content--blocked{min-height:100px}.eui-18 .eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-18 .eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-block-content{display:block;position:relative}.eui-18 .eui-block-content--blocked{min-height:114px}.eui-18 .eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-18 .eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-block-content{display:block;position:relative}.eui-18 .eui-block-content--blocked{min-height:100px}.eui-18 .eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-18 .eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
+            args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-block-content{display:block;position:relative}.eui-18 .eui-block-content--blocked{min-height:114px}.eui-18 .eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-18 .eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -0,0 +1,168 @@
+import * as i0 from '@angular/core';
+import { forwardRef, booleanAttribute, Component, ChangeDetectionStrategy, Host, Optional, Inject, HostBinding, Input, HostListener, EventEmitter, ViewEncapsulation, Output, ContentChildren, NgModule } from '@angular/core';
+import * as i3 from '@eui/components/eui-dropdown';
+import { EuiDropdownModule } from '@eui/components/eui-dropdown';
+import * as i4 from '@eui/components/eui-button';
+import { EuiButtonModule } from '@eui/components/eui-button';
+import * as i5 from '@eui/components/eui-icon';
+import { EuiIconModule } from '@eui/components/eui-icon';
+import { AsyncPipe, NgForOf, NgFor, CommonModule } from '@angular/common';
+import * as i2 from '@eui/components/shared';
+import { BaseStatesDirective } from '@eui/components/shared';
+import * as i1 from '@eui/core';
+
+class EuiNavbarItemComponent {
+    get cssClasses() {
+        return [
+            'eui-navbar-item',
+            this.isActive ? 'eui-navbar-item--active' : '',
+        ].join(' ').trim();
+    }
+    constructor(navBarComponent) {
+        this.tabindex = 0;
+        this.isActive = false;
+        this.navBarComponentParent = navBarComponent;
+    }
+    onClick() {
+        this._click();
+    }
+    onKeydown(event) {
+        switch (event.code) {
+            case 'Enter':
+            case 'Space':
+                event.preventDefault();
+                event.stopPropagation();
+                this._click();
+                break;
+        }
+    }
+    _click() {
+        this.navBarComponentParent.itemSelected(this.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarItemComponent, deps: [{ token: forwardRef(() => EuiNavbarComponent), host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiNavbarItemComponent, isStandalone: true, selector: "eui-navbar-item", inputs: { id: "id", label: "label", isActive: ["isActive", "isActive", booleanAttribute] }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: '{{ label }}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eui-navbar-item',
+                    template: '{{ label }}',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [forwardRef(() => EuiNavbarComponent)]
+                }] }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isActive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class EuiNavbarComponent {
+    get cssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('eui-navbar'),
+        ]
+            .join(' ')
+            .trim();
+    }
+    constructor(asService, elementRef, baseStatesDirective) {
+        this.asService = asService;
+        this.elementRef = elementRef;
+        this.baseStatesDirective = baseStatesDirective;
+        this.itemClick = new EventEmitter();
+        this.isDropdownView = false;
+    }
+    ngAfterContentInit() {
+        this.baseItemSelected = this.items.filter((i) => i.isActive)[0];
+    }
+    ngAfterViewInit() {
+        const parentWidth = this.elementRef.nativeElement.parentWidth;
+        const width = this.elementRef.nativeElement.clientWidth;
+        if (width > parentWidth) {
+            setTimeout(() => {
+                this.isDropdownView = true;
+            }, 1);
+        }
+    }
+    itemSelected(id) {
+        this.items.forEach((item) => {
+            if (item.id === id) {
+                item.isActive = true;
+            }
+            else {
+                item.isActive = false;
+            }
+        });
+        this.itemClick.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiNavbarComponent, isStandalone: true, selector: "eui-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiNavbarItemComponent) }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary"] }], ngImport: i0, template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n    <eui-dropdown isLabelUpdatedFromSelectedItem>\n        <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n            <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n        </button>\n        <eui-dropdown-content>\n            <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n                {{ item.label }}\n            </button>\n        </eui-dropdown-content>\n    </eui-dropdown>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [".eui-18 .eui-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-18 .eui-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-18 .eui-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"], dependencies: [{ kind: "ngmodule", type: EuiDropdownModule }, { kind: "component", type: i3.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"], outputs: ["expand"] }, { kind: "component", type: i3.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i3.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "ngmodule", type: EuiButtonModule }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-navbar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        EuiDropdownModule,
+                        EuiButtonModule,
+                        EuiIconModule,
+                        AsyncPipe,
+                        NgForOf,
+                        NgFor,
+                    ], hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euiPrimary',
+                                'euiSecondary',
+                            ],
+                        },
+                    ], template: "@if ( (asService.breakpoints$ | async).isLtLargeTablet || isDropdownView ) {\n    <eui-dropdown isLabelUpdatedFromSelectedItem>\n        <button euiButton euiSecondary euiSizeS [attr.aria-label]=\"'Button trigger'\">\n            <span class=\"eui-label\">{{ baseItemSelected.label }}</span>\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"s\"></eui-icon-svg>\n        </button>\n        <eui-dropdown-content>\n            <button *ngFor=\"let item of items\" euiDropdownItem (click)=\"itemSelected(item.id)\" ariaLabel=\"{{ item.label }}\">\n                {{ item.label }}\n            </button>\n        </eui-dropdown-content>\n    </eui-dropdown>\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [".eui-18 .eui-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-18 .eui-navbar-item{display:flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:2px solid transparent;font:var(--eui-f-bold);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.eui-18 .eui-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ElementRef }, { type: i2.BaseStatesDirective }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], itemClick: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EuiNavbarItemComponent)]
+            }] } });
+
+class EuiNavbarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, imports: [CommonModule, EuiNavbarComponent, EuiNavbarItemComponent], exports: [EuiNavbarComponent, EuiNavbarItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, imports: [CommonModule, EuiNavbarComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EuiNavbarComponent, EuiNavbarItemComponent],
+                    exports: [EuiNavbarComponent, EuiNavbarItemComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiNavbarComponent, EuiNavbarItemComponent, EuiNavbarModule };
+//# sourceMappingURL=eui-components-eui-navbar.mjs.map