@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

package/fesm2022/eui-eds-eds-shell.mjs

@@ -0,0 +1,481 @@
+import * as i0 from '@angular/core';
+import { input, Component, inject, DOCUMENT, output, signal, contentChild, computed, HostListener } from '@angular/core';
+import { EdsMenu } from '@eui/eds/eds-menu';
+import * as i1 from '@eui/eds/eds-icon-button';
+import { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1$1 from '@eui/eds/shared';
+import { EdsBaseColorVariantsDirective } from '@eui/eds/shared';
+
+class EdsShellSidebar {
+    constructor() {
+        /** Width of the sidebar (CSS value). */
+        this.width = input('260px', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /** Collapse mode: 'hidden' fully hides, 'icons' shows icon rail, 'icons-labels' shows icons + labels. */
+        this.collapseMode = input('hidden', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapseMode" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsShellSidebar, isStandalone: true, selector: "eds-shell-sidebar", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, collapseMode: { classPropertyName: "collapseMode", publicName: "collapseMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-content select=\"eds-shell-sidebar-header\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-bottom-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-footer\"></ng-content>\n", styles: [".eui-21 :host{display:contents}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-sidebar', template: "<ng-content select=\"eds-shell-sidebar-header\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-bottom-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-footer\"></ng-content>\n", styles: [".eui-21 :host{display:contents}\n"] }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], collapseMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseMode", required: false }] }] } });
+
+const BREAKPOINT = 1024;
+class EdsShell {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        /** Whether the sidebar starts open on desktop. */
+        this.sidebarOpen = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sidebarOpen" }] : /* istanbul ignore next */ []));
+        /** Emits when sidebar open state changes. */
+        this.sidebarOpenChange = output();
+        /** Internal open state signal. */
+        this.isOpen = signal(window.innerWidth > BREAKPOINT, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        /** Whether we're in overlay mode (tablet/mobile). */
+        this.isOverlay = signal(window.innerWidth <= BREAKPOINT, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOverlay" }] : /* istanbul ignore next */ []));
+        /** Whether the header is hidden due to scroll. */
+        this.isHeaderHidden = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isHeaderHidden" }] : /* istanbul ignore next */ []));
+        /** Reference to the projected sidebar to read its collapseMode. */
+        this.sidebarChild = contentChild(EdsShellSidebar, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sidebarChild" }] : /* istanbul ignore next */ []));
+        /** Whether a sidebar is projected. */
+        this.hasSidebar = computed(() => !!this.sidebarChild(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasSidebar" }] : /* istanbul ignore next */ []));
+        this.lastScrollTop = 0;
+        this.collapseMode = computed(() => this.sidebarChild()?.collapseMode() ?? 'hidden', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapseMode" }] : /* istanbul ignore next */ []));
+        this.sidebarClasses = computed(() => {
+            const overlay = this.isOverlay();
+            const open = this.isOpen();
+            const mode = this.collapseMode();
+            if (overlay) {
+                return { open, collapsed: false, collapsedIcons: false, collapsedIconsLabels: false };
+            }
+            return {
+                open: false,
+                collapsed: !open && mode === 'hidden',
+                collapsedIcons: !open && mode === 'icons',
+                collapsedIconsLabels: !open && mode === 'icons-labels',
+            };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sidebarClasses" }] : /* istanbul ignore next */ []));
+        /** Whether the sidebar nav should render in collapsed/icon-only mode. */
+        this.isSidebarCollapsed = computed(() => !this.isOpen() && !this.isOverlay(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSidebarCollapsed" }] : /* istanbul ignore next */ []));
+        /** Whether collapsed mode should show labels under icons. */
+        this.isSidebarCollapsedWithLabels = computed(() => !this.isOpen() && !this.isOverlay() && this.collapseMode() === 'icons-labels', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSidebarCollapsedWithLabels" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        this.document.documentElement.classList.add('eui-21');
+    }
+    ngOnDestroy() {
+        this.document.documentElement.classList.remove('eui-21');
+    }
+    onScroll(event) {
+        if (this.isOverlay())
+            return;
+        const el = event.target;
+        const scrollTop = el.scrollTop;
+        if (scrollTop > 100) {
+            this.isHeaderHidden.set(true);
+        }
+        else {
+            this.isHeaderHidden.set(false);
+        }
+        this.lastScrollTop = scrollTop;
+    }
+    onResize() {
+        const isDesktop = window.innerWidth > BREAKPOINT;
+        this.isOverlay.set(!isDesktop);
+        if (isDesktop) {
+            this.isOpen.set(true);
+        }
+        else {
+            this.isOpen.set(false);
+            this.isHeaderHidden.set(false);
+        }
+    }
+    onKeydown(event) {
+        if (event.key === 'Escape' && this.isOpen() && this.isOverlay()) {
+            this.toggleSidebar();
+        }
+    }
+    toggleSidebar() {
+        this.isOpen.update(v => !v);
+        this.sidebarOpenChange.emit(this.isOpen());
+    }
+    closeSidebar() {
+        if (this.isOverlay()) {
+            this.isOpen.set(false);
+            this.sidebarOpenChange.emit(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShell, isStandalone: true, selector: "eds-shell", inputs: { sidebarOpen: { classPropertyName: "sidebarOpen", publicName: "sidebarOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sidebarOpenChange: "sidebarOpenChange" }, host: { listeners: { "window:resize": "onResize()", "window:keydown": "onKeydown($event)" } }, queries: [{ propertyName: "sidebarChild", first: true, predicate: EdsShellSidebar, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Top message slot (above header/toolbar) -->\n<ng-content select=\"eds-shell-top-message\"></ng-content>\n\n<!-- Header slot (branding bar \u2014 collapses on scroll) -->\n<div class=\"header-wrapper\" [class.header-hidden]=\"isHeaderHidden()\">\n  <ng-content select=\"eds-shell-header\"></ng-content>\n</div>\n\n<!-- Toolbar slot (navigation bar) -->\n<ng-content select=\"eds-shell-toolbar\"></ng-content>\n\n<!-- Content area: sidebar + main + footer -->\n<div class=\"content-area\">\n  <!-- Sidebar slot (only rendered if eds-shell-sidebar is projected) -->\n  @if (hasSidebar()) {\n    <!-- Overlay backdrop for tablet/mobile -->\n    @if (isOverlay()) {\n      <div\n        class=\"sidebar-overlay\"\n        [class.visible]=\"isOpen()\"\n        (click)=\"closeSidebar()\">\n      </div>\n    }\n\n    <aside\n      class=\"sidebar\"\n      [class.collapsed]=\"sidebarClasses().collapsed\"\n      [class.collapsed-icons]=\"sidebarClasses().collapsedIcons\"\n      [class.collapsed-icons-labels]=\"sidebarClasses().collapsedIconsLabels\"\n      [class.open]=\"sidebarClasses().open\"\n      [class.overlay-mode]=\"isOverlay()\">\n      <ng-content select=\"eds-shell-sidebar\"></ng-content>\n    </aside>\n  }\n\n  <!-- Main content + footer wrapper (scrollable) -->\n  <div class=\"main-area\" (scroll)=\"onScroll($event)\">\n    <ng-content select=\"eds-shell-content\"></ng-content>\n    <ng-content select=\"eds-shell-footer\"></ng-content>\n  </div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:100vw}.eui-21 :host .header-wrapper{transition:margin-top .3s ease;margin-top:0;flex-shrink:0}.eui-21 :host .header-wrapper.header-hidden{margin-top:var(--header-negative-height, -64px)}.eui-21 :host .content-area{display:flex;flex:1;overflow:hidden;position:relative}.eui-21 :host .sidebar{width:260px;min-width:260px;height:100%;display:flex;flex-direction:column;background:var(--eds-c-surface-elevation);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider);transition:width .3s ease,min-width .3s ease,transform .3s ease;overflow:hidden;flex-shrink:0;max-width:260px}.eui-21 :host .sidebar.collapsed{width:0;min-width:0;border-right:none}.eui-21 :host .sidebar.collapsed-icons{width:56px;min-width:56px}.eui-21 :host .sidebar.collapsed-icons-labels{width:80px;min-width:80px}.eui-21 :host .sidebar.overlay-mode{position:absolute;top:0;left:0;z-index:100;box-shadow:var(--eds-sh-3);transform:translate(-100%)}.eui-21 :host .sidebar.overlay-mode.open{transform:translate(0);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host .sidebar-overlay{display:block;position:absolute;inset:0;z-index:99;background:var(--eds-c-alpha-backdrop);opacity:var(--eds-op-none);transition:opacity .3s ease;pointer-events:none}.eui-21 :host .sidebar-overlay.visible{opacity:var(--eds-op-100);pointer-events:auto}.eui-21 :host .main-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .sidebar.overlay-mode{width:50%;min-width:50%}}@media screen and (max-width:767px){.eui-21 :host .sidebar.overlay-mode{width:85%;min-width:85%}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShell, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell', template: "<!-- Top message slot (above header/toolbar) -->\n<ng-content select=\"eds-shell-top-message\"></ng-content>\n\n<!-- Header slot (branding bar \u2014 collapses on scroll) -->\n<div class=\"header-wrapper\" [class.header-hidden]=\"isHeaderHidden()\">\n  <ng-content select=\"eds-shell-header\"></ng-content>\n</div>\n\n<!-- Toolbar slot (navigation bar) -->\n<ng-content select=\"eds-shell-toolbar\"></ng-content>\n\n<!-- Content area: sidebar + main + footer -->\n<div class=\"content-area\">\n  <!-- Sidebar slot (only rendered if eds-shell-sidebar is projected) -->\n  @if (hasSidebar()) {\n    <!-- Overlay backdrop for tablet/mobile -->\n    @if (isOverlay()) {\n      <div\n        class=\"sidebar-overlay\"\n        [class.visible]=\"isOpen()\"\n        (click)=\"closeSidebar()\">\n      </div>\n    }\n\n    <aside\n      class=\"sidebar\"\n      [class.collapsed]=\"sidebarClasses().collapsed\"\n      [class.collapsed-icons]=\"sidebarClasses().collapsedIcons\"\n      [class.collapsed-icons-labels]=\"sidebarClasses().collapsedIconsLabels\"\n      [class.open]=\"sidebarClasses().open\"\n      [class.overlay-mode]=\"isOverlay()\">\n      <ng-content select=\"eds-shell-sidebar\"></ng-content>\n    </aside>\n  }\n\n  <!-- Main content + footer wrapper (scrollable) -->\n  <div class=\"main-area\" (scroll)=\"onScroll($event)\">\n    <ng-content select=\"eds-shell-content\"></ng-content>\n    <ng-content select=\"eds-shell-footer\"></ng-content>\n  </div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:100vw}.eui-21 :host .header-wrapper{transition:margin-top .3s ease;margin-top:0;flex-shrink:0}.eui-21 :host .header-wrapper.header-hidden{margin-top:var(--header-negative-height, -64px)}.eui-21 :host .content-area{display:flex;flex:1;overflow:hidden;position:relative}.eui-21 :host .sidebar{width:260px;min-width:260px;height:100%;display:flex;flex-direction:column;background:var(--eds-c-surface-elevation);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider);transition:width .3s ease,min-width .3s ease,transform .3s ease;overflow:hidden;flex-shrink:0;max-width:260px}.eui-21 :host .sidebar.collapsed{width:0;min-width:0;border-right:none}.eui-21 :host .sidebar.collapsed-icons{width:56px;min-width:56px}.eui-21 :host .sidebar.collapsed-icons-labels{width:80px;min-width:80px}.eui-21 :host .sidebar.overlay-mode{position:absolute;top:0;left:0;z-index:100;box-shadow:var(--eds-sh-3);transform:translate(-100%)}.eui-21 :host .sidebar.overlay-mode.open{transform:translate(0);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host .sidebar-overlay{display:block;position:absolute;inset:0;z-index:99;background:var(--eds-c-alpha-backdrop);opacity:var(--eds-op-none);transition:opacity .3s ease;pointer-events:none}.eui-21 :host .sidebar-overlay.visible{opacity:var(--eds-op-100);pointer-events:auto}.eui-21 :host .main-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .sidebar.overlay-mode{width:50%;min-width:50%}}@media screen and (max-width:767px){.eui-21 :host .sidebar.overlay-mode{width:85%;min-width:85%}}\n"] }]
+        }], propDecorators: { sidebarOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarOpen", required: false }] }], sidebarOpenChange: [{ type: i0.Output, args: ["sidebarOpenChange"] }], sidebarChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EdsShellSidebar), { isSignal: true }] }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['window:keydown', ['$event']]
+            }] } });
+
+class EdsShellHeader {
+    constructor() {
+        /** Whether the header shrinks on scroll. */
+        this.isShrinkOnScroll = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isShrinkOnScroll" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsShellHeader, isStandalone: true, selector: "eds-shell-header", inputs: { isShrinkOnScroll: { classPropertyName: "isShrinkOnScroll", publicName: "isShrinkOnScroll", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"logo-wrapper\">\n  <ng-content select=\"eds-shell-header-logo\"></ng-content>\n  <ng-content select=\"eds-shell-header-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-header-app\"></ng-content>\n<ng-content select=\"eds-shell-header-start\"></ng-content>\n<div class=\"spacer\"></div>\n<ng-content select=\"eds-shell-header-end\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m);height:var(--eds-si-9xl);padding:0 var(--eds-sp-xl);background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host .spacer{flex:1}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{display:none}}@media screen and (max-width:767px){.eui-21 :host{display:none}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header', template: "<div class=\"logo-wrapper\">\n  <ng-content select=\"eds-shell-header-logo\"></ng-content>\n  <ng-content select=\"eds-shell-header-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-header-app\"></ng-content>\n<ng-content select=\"eds-shell-header-start\"></ng-content>\n<div class=\"spacer\"></div>\n<ng-content select=\"eds-shell-header-end\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m);height:var(--eds-si-9xl);padding:0 var(--eds-sp-xl);background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host .spacer{flex:1}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{display:none}}@media screen and (max-width:767px){.eui-21 :host{display:none}}\n"] }]
+        }], propDecorators: { isShrinkOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "isShrinkOnScroll", required: false }] }] } });
+
+class EdsShellHeaderLogo {
+    constructor() {
+        /** Custom logo URL. If not provided, uses the EC logo for the given language. */
+        this.logoUrl = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "logoUrl" }] : /* istanbul ignore next */ []));
+        /** Current language code (used to resolve the EC logo variant). Default: 'en'. */
+        this.language = input('en', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
+        /** Route to navigate on logo click. */
+        this.homeUrl = input('/', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "homeUrl" }] : /* istanbul ignore next */ []));
+        /** Logo height CSS value. */
+        this.logoHeight = input('56px', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "logoHeight" }] : /* istanbul ignore next */ []));
+        /** Logo width CSS value. */
+        this.logoWidth = input('auto', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "logoWidth" }] : /* istanbul ignore next */ []));
+        /** Resolved logo URL — custom or language-based EC logo. */
+        this.resolvedLogoUrl = computed(() => {
+            if (this.logoUrl())
+                return this.logoUrl();
+            return `assets/logos/ec/positive/logo-ec--${this.language()}.svg`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedLogoUrl" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderLogo, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsShellHeaderLogo, isStandalone: true, selector: "eds-shell-header-logo", inputs: { logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, logoHeight: { classPropertyName: "logoHeight", publicName: "logoHeight", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a [attr.href]=\"homeUrl()\" class=\"logo-link\">\n  <img\n    [src]=\"resolvedLogoUrl()\"\n    [style.height]=\"logoHeight()\"\n    [style.width]=\"logoWidth()\"\n    alt=\"European Commission - Home\" />\n</a>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;flex-shrink:0}.eui-21 :host .logo-link{display:flex;align-items:center}.eui-21 :host img{display:block}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderLogo, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header-logo', template: "<a [attr.href]=\"homeUrl()\" class=\"logo-link\">\n  <img\n    [src]=\"resolvedLogoUrl()\"\n    [style.height]=\"logoHeight()\"\n    [style.width]=\"logoWidth()\"\n    alt=\"European Commission - Home\" />\n</a>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;flex-shrink:0}.eui-21 :host .logo-link{display:flex;align-items:center}.eui-21 :host img{display:block}\n"] }]
+        }], propDecorators: { logoUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoUrl", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], logoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoHeight", required: false }] }], logoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWidth", required: false }] }] } });
+
+class EdsShellHeaderEnvironment {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderEnvironment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellHeaderEnvironment, isStandalone: true, selector: "eds-shell-header-environment", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderEnvironment, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header-environment', template: '<ng-content/>', styles: [".eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }]
+        }] });
+
+class EdsShellHeaderApp {
+    constructor() {
+        /** Full application name. */
+        this.appName = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []));
+        /** Short name for responsive/compact layouts. */
+        this.appShortName = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appShortName" }] : /* istanbul ignore next */ []));
+        /** Subtitle/description below the app name. */
+        this.appSubTitle = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appSubTitle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderApp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShellHeaderApp, isStandalone: true, selector: "eds-shell-header-app", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appShortName: { classPropertyName: "appShortName", publicName: "appShortName", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (appName()) {\n  <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n  <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-paragraph-xl);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderApp, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header-app', template: "@if (appName()) {\n  <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n  <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-paragraph-xl);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], propDecorators: { appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appShortName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appShortName", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }] } });
+
+class EdsShellHeaderStart {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderStart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellHeaderStart, isStandalone: true, selector: "eds-shell-header-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderStart, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header-start', template: '<ng-content></ng-content>', styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }]
+        }] });
+
+class EdsShellHeaderEnd {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderEnd, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellHeaderEnd, isStandalone: true, selector: "eds-shell-header-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellHeaderEnd, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-header-end', template: '<ng-content></ng-content>', styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }]
+        }] });
+
+class EdsShellToolbar {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellToolbar, isStandalone: true, selector: "eds-shell-toolbar", ngImport: i0, template: "<ng-content select=\"eds-shell-menu-toggle\"></ng-content>\n<div class=\"logo-wrapper\">\n  <ng-content select=\"eds-shell-toolbar-logo\"></ng-content>\n  <ng-content select=\"eds-shell-toolbar-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-toolbar-app\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-start\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-end\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;height:var(--eds-si-7xl);padding:0 var(--eds-sp-xl) 0 var(--eds-sp-m);background:var(--eds-c-surface-brand);color:var(--eds-c-foreground-inverted);flex-shrink:0;gap:var(--eds-sp-m)}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host ::ng-deep .toolbar-app-name{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}@media screen and (max-width:767px){.eui-21 :host{padding:0 var(--eds-sp-m)}.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar', template: "<ng-content select=\"eds-shell-menu-toggle\"></ng-content>\n<div class=\"logo-wrapper\">\n  <ng-content select=\"eds-shell-toolbar-logo\"></ng-content>\n  <ng-content select=\"eds-shell-toolbar-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-toolbar-app\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-start\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-end\"></ng-content>\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;height:var(--eds-si-7xl);padding:0 var(--eds-sp-xl) 0 var(--eds-sp-m);background:var(--eds-c-surface-brand);color:var(--eds-c-foreground-inverted);flex-shrink:0;gap:var(--eds-sp-m)}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host ::ng-deep .toolbar-app-name{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}@media screen and (max-width:767px){.eui-21 :host{padding:0 var(--eds-sp-m)}.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}\n"] }]
+        }] });
+
+class EdsShellToolbarStart {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarStart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellToolbarStart, isStandalone: true, selector: "eds-shell-toolbar-start", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarStart, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar-start', template: '<ng-content/>', styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }]
+        }] });
+
+class EdsShellToolbarEnd {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarEnd, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellToolbarEnd, isStandalone: true, selector: "eds-shell-toolbar-end", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);color:var(--eds-c-on-surface-primary);margin-left:auto}.eui-21 :host ::ng-deep .toolbar-user-profile{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}@media screen and (max-width:767px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarEnd, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar-end', template: '<ng-content/>', styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);color:var(--eds-c-on-surface-primary);margin-left:auto}.eui-21 :host ::ng-deep .toolbar-user-profile{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}@media screen and (max-width:767px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}\n"] }]
+        }] });
+
+class EdsShellToolbarLogo {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellToolbarLogo, isStandalone: true, selector: "eds-shell-toolbar-logo", ngImport: i0, template: "<img src=\"assets/logos/ec/logo-ec--mute-negative.svg\" alt=\"European Commission\" />\n", styles: [".eui-21 :host{display:inline-flex;align-items:center;flex-shrink:0}.eui-21 :host img{height:40px;width:auto;display:block}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarLogo, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar-logo', template: "<img src=\"assets/logos/ec/logo-ec--mute-negative.svg\" alt=\"European Commission\" />\n", styles: [".eui-21 :host{display:inline-flex;align-items:center;flex-shrink:0}.eui-21 :host img{height:40px;width:auto;display:block}\n"] }]
+        }] });
+
+class EdsShellToolbarEnvironment {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarEnvironment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellToolbarEnvironment, isStandalone: true, selector: "eds-shell-toolbar-environment", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarEnvironment, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar-environment', template: '<ng-content/>', styles: [".eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }]
+        }] });
+
+class EdsShellToolbarApp {
+    constructor() {
+        /** Full application name. */
+        this.appName = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []));
+        /** Short name for responsive/compact layouts. */
+        this.appShortName = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appShortName" }] : /* istanbul ignore next */ []));
+        /** Subtitle/description below the app name. */
+        this.appSubTitle = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appSubTitle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarApp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShellToolbarApp, isStandalone: true, selector: "eds-shell-toolbar-app", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appShortName: { classPropertyName: "appShortName", publicName: "appShortName", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (appName()) {\n  <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n  <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-label-m-semi-bold);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellToolbarApp, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-toolbar-app', template: "@if (appName()) {\n  <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n  <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-label-m-semi-bold);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], propDecorators: { appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appShortName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appShortName", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }] } });
+
+class EdsShellSidebarHeader {
+    constructor() {
+        /** Brand/title text displayed in the sidebar header. */
+        this.brand = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []));
+        /** Whether to show the close button (shown on overlay mode). */
+        this.showClose = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showClose" }] : /* istanbul ignore next */ []));
+        /** Emits when the close button is clicked. */
+        this.closeClick = output();
+    }
+    onClose() {
+        this.closeClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShellSidebarHeader, isStandalone: true, selector: "eds-shell-sidebar-header", inputs: { brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: "@if (brand()) {\n  <span class=\"sidebar-brand\">{{ brand() }}</span>\n}\n<ng-content></ng-content>\n@if (showClose()) {\n  <button\n    class=\"sidebar-close-btn\"\n    (click)=\"onClose()\"\n    aria-label=\"Close sidebar\">\n    &times;\n  </button>\n}\n", styles: [".eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);min-height:var(--eds-si-7xl);white-space:nowrap}.eui-21 :host .sidebar-brand{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-primary)}.eui-21 :host .sidebar-close-btn{display:flex;align-items:center;justify-content:center;font-size:var(--eds-f-s-xl);width:var(--eds-is-l);height:var(--eds-is-l);border:none;background:none;border-radius:var(--eds-br-s);cursor:pointer;color:var(--eds-c-foreground)}.eui-21 :host .sidebar-close-btn:hover{background:var(--eds-c-surface-elevation-sunken)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-sidebar-header', template: "@if (brand()) {\n  <span class=\"sidebar-brand\">{{ brand() }}</span>\n}\n<ng-content></ng-content>\n@if (showClose()) {\n  <button\n    class=\"sidebar-close-btn\"\n    (click)=\"onClose()\"\n    aria-label=\"Close sidebar\">\n    &times;\n  </button>\n}\n", styles: [".eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);min-height:var(--eds-si-7xl);white-space:nowrap}.eui-21 :host .sidebar-brand{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-primary)}.eui-21 :host .sidebar-close-btn{display:flex;align-items:center;justify-content:center;font-size:var(--eds-f-s-xl);width:var(--eds-is-l);height:var(--eds-is-l);border:none;background:none;border-radius:var(--eds-br-s);cursor:pointer;color:var(--eds-c-foreground)}.eui-21 :host .sidebar-close-btn:hover{background:var(--eds-c-surface-elevation-sunken)}\n"] }]
+        }], propDecorators: { brand: [{ type: i0.Input, args: [{ isSignal: true, alias: "brand", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }] } });
+
+class EdsShellSidebarNav {
+    constructor() {
+        /** Array of menu items to render. */
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Whether to show icons alongside labels. */
+        this.hasIcons = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasIcons" }] : /* istanbul ignore next */ []));
+        /** Whether the menu is in collapsed/icon-only mode. */
+        this.isCollapsed = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
+        /** Whether to show labels underneath icons in collapsed mode. */
+        this.hasCollapsedLabels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasCollapsedLabels" }] : /* istanbul ignore next */ []));
+        /** Emits when a menu item is clicked. */
+        this.itemClick = output();
+    }
+    onItemClick(item) {
+        this.itemClick.emit(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarNav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsShellSidebarNav, isStandalone: true, selector: "eds-shell-sidebar-nav", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<eds-menu\n  [items]=\"items()\"\n  [hasIcons]=\"hasIcons()\"\n  [isCollapsed]=\"isCollapsed()\"\n  [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n  (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: [".eui-21 :host{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"], dependencies: [{ kind: "component", type: EdsMenu, selector: "eds-menu", inputs: ["items", "hasIcons", "isCollapsed", "hasCollapsedLabels"], outputs: ["itemClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarNav, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-sidebar-nav', imports: [EdsMenu], template: "<eds-menu\n  [items]=\"items()\"\n  [hasIcons]=\"hasIcons()\"\n  [isCollapsed]=\"isCollapsed()\"\n  [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n  (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: [".eui-21 :host{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], hasIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasIcons", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], hasCollapsedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCollapsedLabels", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+
+class EdsShellSidebarFooter {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellSidebarFooter, isStandalone: true, selector: "eds-shell-sidebar-footer", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:block;padding:var(--eds-sp-s) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);white-space:nowrap}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-sidebar-footer', template: '<ng-content/>', styles: [".eui-21 :host{display:block;padding:var(--eds-sp-s) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);white-space:nowrap}\n"] }]
+        }] });
+
+class EdsShellSidebarBottomNav {
+    constructor() {
+        /** Array of menu items to render. */
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Whether to show icons alongside labels. */
+        this.hasIcons = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasIcons" }] : /* istanbul ignore next */ []));
+        /** Whether the menu is in collapsed/icon-only mode. */
+        this.isCollapsed = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
+        /** Whether to show labels underneath icons in collapsed mode. */
+        this.hasCollapsedLabels = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasCollapsedLabels" }] : /* istanbul ignore next */ []));
+        /** Emits when a menu item is clicked. */
+        this.itemClick = output();
+    }
+    onItemClick(item) {
+        this.itemClick.emit(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarBottomNav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsShellSidebarBottomNav, isStandalone: true, selector: "eds-shell-sidebar-bottom-nav", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<eds-menu\n  [items]=\"items()\"\n  [hasIcons]=\"hasIcons()\"\n  [isCollapsed]=\"isCollapsed()\"\n  [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n  (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: [".eui-21 :host{display:block;flex-shrink:0;border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"], dependencies: [{ kind: "component", type: EdsMenu, selector: "eds-menu", inputs: ["items", "hasIcons", "isCollapsed", "hasCollapsedLabels"], outputs: ["itemClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellSidebarBottomNav, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-sidebar-bottom-nav', imports: [EdsMenu], template: "<eds-menu\n  [items]=\"items()\"\n  [hasIcons]=\"hasIcons()\"\n  [isCollapsed]=\"isCollapsed()\"\n  [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n  (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: [".eui-21 :host{display:block;flex-shrink:0;border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], hasIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasIcons", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], hasCollapsedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCollapsedLabels", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+
+class EdsShellContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellContent, isStandalone: true, selector: "eds-shell-content", ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host{display:block;flex:1;padding:var(--eds-sp-xl)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-m)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-content', template: '<ng-content/>', styles: [".eui-21 :host{display:block;flex:1;padding:var(--eds-sp-xl)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-m)}}\n"] }]
+        }] });
+
+class EdsShellFooter {
+    constructor() {
+        /** Copyright text displayed on the left. */
+        this.copyright = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "copyright" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShellFooter, isStandalone: true, selector: "eds-shell-footer", inputs: { copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (copyright()) {\n  <span class=\"copyright\">{{ copyright() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-xl);min-height:var(--eds-si-6xl);background:var(--eds-c-surface-elevation);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);flex-shrink:0}.eui-21 :host .copyright{white-space:nowrap}@media screen and (max-width:767px){.eui-21 :host{flex-direction:column;gap:var(--eds-sp-xs);text-align:center;padding:var(--eds-sp-m)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-footer', template: "@if (copyright()) {\n  <span class=\"copyright\">{{ copyright() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-xl);min-height:var(--eds-si-6xl);background:var(--eds-c-surface-elevation);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);flex-shrink:0}.eui-21 :host .copyright{white-space:nowrap}@media screen and (max-width:767px){.eui-21 :host{flex-direction:column;gap:var(--eds-sp-xs);text-align:center;padding:var(--eds-sp-m)}}\n"] }]
+        }], propDecorators: { copyright: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyright", required: false }] }] } });
+
+class EdsShellMenuToggle {
+    constructor() {
+        /** Emits when the toggle button is clicked. */
+        this.menuToggle = output();
+    }
+    onClick() {
+        this.menuToggle.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellMenuToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsShellMenuToggle, isStandalone: true, selector: "eds-shell-menu-toggle", outputs: { menuToggle: "menuToggle" }, ngImport: i0, template: "<button\n  edsIconButton\n  edsBrand\n  icon=\"list\"\n  ariaLabel=\"Toggle sidebar\"\n  (click)=\"onClick()\">\n</button>\n", styles: [".eui-21 :host{display:inline-flex;color:var(--eds-c-on-surface-primary)}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellMenuToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-menu-toggle', imports: [...EDS_ICON_BUTTON], template: "<button\n  edsIconButton\n  edsBrand\n  icon=\"list\"\n  ariaLabel=\"Toggle sidebar\"\n  (click)=\"onClick()\">\n</button>\n", styles: [".eui-21 :host{display:inline-flex;color:var(--eds-c-on-surface-primary)}\n"] }]
+        }], propDecorators: { menuToggle: [{ type: i0.Output, args: ["menuToggle"] }] } });
+
+class EdsShellTopMessage {
+    constructor() {
+        /** Whether the close button is shown. */
+        this.isDismissible = input(true, { ...(ngDevMode ? { debugName: "isDismissible" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+        /** Emits when the message is dismissed. */
+        this.dismissed = output();
+        /** Internal visibility state. */
+        this.isVisible = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
+    }
+    dismiss() {
+        this.isVisible.set(false);
+        setTimeout(() => this.dismissed.emit(), 300);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellTopMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsShellTopMessage, isStandalone: true, selector: "eds-shell-top-message", inputs: { isDismissible: { classPropertyName: "isDismissible", publicName: "isDismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "class.eds-top-message": "true", "class.eds-top-message--hidden": "!isVisible()" } }, hostDirectives: [{ directive: i1$1.EdsBaseColorVariantsDirective, inputs: ["edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"top-message-content\">\n  <ng-content></ng-content>\n</div>\n@if (isDismissible()) {\n  <button edsIconButton icon=\"x\" ariaLabel=\"Dismiss\" edsSizeS (click)=\"dismiss()\"></button>\n}\n", styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m);padding:var(--eds-sp-xs) var(--eds-sp-xl);font:var(--eds-f-paragraph-s);flex-shrink:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;max-height:80px;opacity:1;background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host .top-message-content{flex:1}.eui-21 :host(.eds-color-variant--warning){background:var(--eds-c-surface-warning-subtler);color:var(--eds-c-on-surface-warning-subtler)}.eui-21 :host(.eds-color-variant--critical){background:var(--eds-c-surface-critical-subtler);color:var(--eds-c-on-surface-critical-subtler)}.eui-21 :host(.eds-color-variant--success){background:var(--eds-c-surface-success-subtler);color:var(--eds-c-on-surface-success-subtler)}.eui-21 :host(.eds-color-variant--info){background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host(.eds-top-message--hidden){max-height:0;padding-top:0;padding-bottom:0;opacity:0}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsShellTopMessage, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-shell-top-message', imports: [...EDS_ICON_BUTTON], hostDirectives: [
+                        {
+                            directive: EdsBaseColorVariantsDirective,
+                            inputs: ['edsWarning', 'edsCritical', 'edsInfo', 'edsSuccess', 'edsColorVariant'],
+                        },
+                    ], host: {
+                        '[class.eds-top-message]': 'true',
+                        '[class.eds-top-message--hidden]': '!isVisible()',
+                    }, template: "<div class=\"top-message-content\">\n  <ng-content></ng-content>\n</div>\n@if (isDismissible()) {\n  <button edsIconButton icon=\"x\" ariaLabel=\"Dismiss\" edsSizeS (click)=\"dismiss()\"></button>\n}\n", styles: [".eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-m);padding:var(--eds-sp-xs) var(--eds-sp-xl);font:var(--eds-f-paragraph-s);flex-shrink:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;max-height:80px;opacity:1;background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host .top-message-content{flex:1}.eui-21 :host(.eds-color-variant--warning){background:var(--eds-c-surface-warning-subtler);color:var(--eds-c-on-surface-warning-subtler)}.eui-21 :host(.eds-color-variant--critical){background:var(--eds-c-surface-critical-subtler);color:var(--eds-c-on-surface-critical-subtler)}.eui-21 :host(.eds-color-variant--success){background:var(--eds-c-surface-success-subtler);color:var(--eds-c-on-surface-success-subtler)}.eui-21 :host(.eds-color-variant--info){background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host(.eds-top-message--hidden){max-height:0;padding-top:0;padding-bottom:0;opacity:0}\n"] }]
+        }], propDecorators: { isDismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
+
+/** Convenience array for importing all eds-shell components. */
+const EDS_SHELL = [
+    EdsShell,
+    EdsShellHeader,
+    EdsShellHeaderLogo,
+    EdsShellHeaderEnvironment,
+    EdsShellHeaderApp,
+    EdsShellHeaderStart,
+    EdsShellHeaderEnd,
+    EdsShellToolbar,
+    EdsShellToolbarStart,
+    EdsShellToolbarEnd,
+    EdsShellToolbarLogo,
+    EdsShellToolbarEnvironment,
+    EdsShellToolbarApp,
+    EdsShellSidebar,
+    EdsShellSidebarHeader,
+    EdsShellSidebarNav,
+    EdsShellSidebarBottomNav,
+    EdsShellSidebarFooter,
+    EdsShellContent,
+    EdsShellFooter,
+    EdsShellMenuToggle,
+    EdsShellTopMessage,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EDS_SHELL, EdsShell, EdsShellContent, EdsShellFooter, EdsShellHeader, EdsShellHeaderApp, EdsShellHeaderEnd, EdsShellHeaderEnvironment, EdsShellHeaderLogo, EdsShellHeaderStart, EdsShellMenuToggle, EdsShellSidebar, EdsShellSidebarBottomNav, EdsShellSidebarFooter, EdsShellSidebarHeader, EdsShellSidebarNav, EdsShellToolbar, EdsShellToolbarApp, EdsShellToolbarEnd, EdsShellToolbarEnvironment, EdsShellToolbarLogo, EdsShellToolbarStart, EdsShellTopMessage };
+//# sourceMappingURL=eui-eds-eds-shell.mjs.map