@eui/mobile-core 10.0.0-pre.13 → 10.0.0-pre.17

package/bundles/eui-mobile-core.umd.js

@@ -574,8 +574,8 @@
                 }] });
     })();
 
-    var _c0$l = ["euimLabel", ""];
-    var _c1$7 = ["*"];
+    var _c0$k = ["euimLabel", ""];
+    var _c1$6 = ["*"];
     var EuimLabelComponent = /** @class */ (function (_super) {
         __extends(EuimLabelComponent, _super);
         function EuimLabelComponent() {
@@ -625,12 +625,12 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.cssClasses);
             }
-        }, inputs: { euimLabelTitle: "euimLabelTitle", euimLabelSubTitle: "euimLabelSubTitle", euimLabelMeta: "euimLabelMeta" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$l, ngContentSelectors: _c1$7, decls: 1, vars: 0, template: function EuimLabelComponent_Template(rf, ctx) {
+        }, inputs: { euimLabelTitle: "euimLabelTitle", euimLabelSubTitle: "euimLabelSubTitle", euimLabelMeta: "euimLabelMeta" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$k, ngContentSelectors: _c1$6, decls: 1, vars: 0, template: function EuimLabelComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
             }
-        }, styles: [".euim-label{align-items:center;display:flex;margin:0;padding:0}.euim-label__title{color:var(--eui-base-color-text);font:normal normal 400 1rem/1.25rem Arial,sans-serif;font-style:normal;font-weight:700}.euim-label__title ion-icon{height:var(--eui-base-spacing-m);margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-spacing-m)}.euim-label__meta,.euim-label__sub-title{color:var(--eui-base-color-grey-75);font:normal normal 400 .875rem/1rem Arial,sans-serif}.euim-label__meta ion-icon{color:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-m);margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-spacing-m)}.euim-label__meta+.euim-label__meta,.euim-label__meta+.euim-label__sub-title,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__title+.euim-label__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}"], encapsulation: 2 });
+        }, styles: [".euim-label{align-items:center;display:flex;margin:0;padding:0}.euim-label__title{color:var(--eui-base-color-text);font:normal normal 400 1rem/1.25rem Arial,sans-serif;font-style:normal;font-weight:700}.euim-label__title ion-icon{height:var(--eui-base-spacing-m);margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-spacing-m)}.euim-label__meta,.euim-label__sub-title{color:var(--eui-base-color-grey-75);font:normal normal 400 .875rem/1rem Arial,sans-serif}.euim-label__meta ion-icon{height:var(--eui-base-spacing-m);margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-spacing-m)}.euim-label__meta+.euim-label__meta,.euim-label__meta+.euim-label__sub-title,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__title+.euim-label__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{color:var(--eui-base-font-size-2xs)}.euim-label--size-xs{color:var(--eui-base-font-size-xs)}.euim-label--size-s{color:var(--eui-base-font-size-s)}.euim-label--size-m{color:var(--eui-base-font-size-m)}.euim-label--size-l{color:var(--eui-base-font-size-l)}.euim-label--size-xl{color:var(--eui-base-font-size-xl)}.euim-label--size-2xl{color:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{color:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{color:var(--eui-base-font-size-4xl)}"], encapsulation: 2 });
     var ɵEuimLabelComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimLabelComponent);
     /*@__PURE__*/ (function () {
         i0__namespace.ɵsetClassMetadata(EuimLabelComponent, [{
@@ -685,7 +685,7 @@
             }], null, null);
     })();
 
-    var _c0$k = ["*"];
+    var _c0$j = ["*"];
     var EuimControlFeedbackComponent = /** @class */ (function (_super) {
         __extends(EuimControlFeedbackComponent, _super);
         function EuimControlFeedbackComponent() {
@@ -791,7 +791,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.cssClasses);
             }
-        }, inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$k, decls: 2, vars: 0, consts: [[1, "euim-control-feedback"]], template: function EuimControlFeedbackComponent_Template(rf, ctx) {
+        }, inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$j, decls: 2, vars: 0, consts: [[1, "euim-control-feedback"]], template: function EuimControlFeedbackComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -954,8 +954,8 @@
                 }] });
     })();
 
-    var _c0$j = [[["euim-app-sidebar"]]];
-    var _c1$6 = ["euim-app-sidebar"];
+    var _c0$i = [[["euim-app-sidebar"]]];
+    var _c1$5 = ["euim-app-sidebar"];
     var EuimAppComponent = /** @class */ (function (_super) {
         __extends(EuimAppComponent, _super);
         function EuimAppComponent(asService) {
@@ -967,9 +967,9 @@
         return EuimAppComponent;
     }(EuimBaseDirective));
     /** @nocollapse */ EuimAppComponent.ɵfac = function EuimAppComponent_Factory(t) { return new (t || EuimAppComponent)(i0__namespace.ɵɵdirectiveInject(EuimAppService)); };
-    /** @nocollapse */ EuimAppComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppComponent, selectors: [["euim-app"]], inputs: { ionMenuId: "ionMenuId" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$6, decls: 4, vars: 1, consts: [[3, "id"]], template: function EuimAppComponent_Template(rf, ctx) {
+    /** @nocollapse */ EuimAppComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppComponent, selectors: [["euim-app"]], inputs: { ionMenuId: "ionMenuId" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$5, decls: 4, vars: 1, consts: [[3, "id"]], template: function EuimAppComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$j);
+                i0__namespace.ɵɵprojectionDef(_c0$i);
                 i0__namespace.ɵɵelementStart(0, "ion-app");
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵelement(2, "ion-router-outlet", 0);
@@ -1250,8 +1250,8 @@
         return EuimMenuItem;
     }());
 
-    var _c0$i = [[["euim-app-sidebar-header"]], [["euim-app-sidebar-menu"]], [["euim-app-sidebar-footer"]]];
-    var _c1$5 = ["euim-app-sidebar-header", "euim-app-sidebar-menu", "euim-app-sidebar-footer"];
+    var _c0$h = [[["euim-app-sidebar-header"]], [["euim-app-sidebar-menu"]], [["euim-app-sidebar-footer"]]];
+    var _c1$4 = ["euim-app-sidebar-header", "euim-app-sidebar-menu", "euim-app-sidebar-footer"];
     var EuimAppSidebarComponent = /** @class */ (function (_super) {
         __extends(EuimAppSidebarComponent, _super);
         function EuimAppSidebarComponent() {
@@ -1262,14 +1262,16 @@
         return EuimAppSidebarComponent;
     }(EuimBaseDirective));
     /** @nocollapse */ EuimAppSidebarComponent.ɵfac = function EuimAppSidebarComponent_Factory(t) { return ɵEuimAppSidebarComponent_BaseFactory(t || EuimAppSidebarComponent); };
-    /** @nocollapse */ EuimAppSidebarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarComponent, selectors: [["euim-app-sidebar"]], inputs: { ionMenuId: "ionMenuId", sidebarItems: "sidebarItems" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$5, decls: 5, vars: 2, consts: [["side", "start", 3, "contentId", "menuId"]], template: function EuimAppSidebarComponent_Template(rf, ctx) {
+    /** @nocollapse */ EuimAppSidebarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarComponent, selectors: [["euim-app-sidebar"]], inputs: { ionMenuId: "ionMenuId", sidebarItems: "sidebarItems" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$4, decls: 6, vars: 2, consts: [["side", "start", 3, "contentId", "menuId"]], template: function EuimAppSidebarComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$i);
+                i0__namespace.ɵɵprojectionDef(_c0$h);
                 i0__namespace.ɵɵelementStart(0, "ion-menu", 0);
-                i0__namespace.ɵɵelementStart(1, "ion-content");
+                i0__namespace.ɵɵelementStart(1, "ion-toolbar");
                 i0__namespace.ɵɵprojection(2);
-                i0__namespace.ɵɵprojection(3, 1);
-                i0__namespace.ɵɵprojection(4, 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(3, "ion-content");
+                i0__namespace.ɵɵprojection(4, 1);
+                i0__namespace.ɵɵprojection(5, 2);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
@@ -1277,7 +1279,7 @@
                 i0__namespace.ɵɵpropertyInterpolate("contentId", ctx.ionMenuId);
                 i0__namespace.ɵɵpropertyInterpolate("menuId", ctx.ionMenuId);
             }
-        }, directives: [i1__namespace$1.IonMenu, i1__namespace$1.IonContent], encapsulation: 2 });
+        }, directives: [i1__namespace$1.IonMenu, i1__namespace$1.IonToolbar, i1__namespace$1.IonContent], encapsulation: 2 });
     var ɵEuimAppSidebarComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimAppSidebarComponent);
     /*@__PURE__*/ (function () {
         i0__namespace.ɵsetClassMetadata(EuimAppSidebarComponent, [{
@@ -1293,14 +1295,14 @@
                 }] });
     })();
 
-    var _c0$h = ["*"];
+    var _c0$g = ["*"];
     var EuimAppSidebarHeaderComponent = /** @class */ (function () {
         function EuimAppSidebarHeaderComponent() {
         }
         return EuimAppSidebarHeaderComponent;
     }());
     /** @nocollapse */ EuimAppSidebarHeaderComponent.ɵfac = function EuimAppSidebarHeaderComponent_Factory(t) { return new (t || EuimAppSidebarHeaderComponent)(); };
-    /** @nocollapse */ EuimAppSidebarHeaderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarHeaderComponent, selectors: [["euim-app-sidebar-header"]], ngContentSelectors: _c0$h, decls: 1, vars: 0, template: function EuimAppSidebarHeaderComponent_Template(rf, ctx) {
+    /** @nocollapse */ EuimAppSidebarHeaderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarHeaderComponent, selectors: [["euim-app-sidebar-header"]], ngContentSelectors: _c0$g, decls: 1, vars: 0, template: function EuimAppSidebarHeaderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
@@ -1354,7 +1356,7 @@
                 }] });
     })();
 
-    var _c0$g = ["*"];
+    var _c0$f = ["*"];
     var EuimAppSidebarFooterComponent = /** @class */ (function () {
         function EuimAppSidebarFooterComponent() {
         }
@@ -1363,7 +1365,7 @@
         return EuimAppSidebarFooterComponent;
     }());
     /** @nocollapse */ EuimAppSidebarFooterComponent.ɵfac = function EuimAppSidebarFooterComponent_Factory(t) { return new (t || EuimAppSidebarFooterComponent)(); };
-    /** @nocollapse */ EuimAppSidebarFooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarFooterComponent, selectors: [["euim-app-sidebar-footer"]], ngContentSelectors: _c0$g, decls: 1, vars: 0, template: function EuimAppSidebarFooterComponent_Template(rf, ctx) {
+    /** @nocollapse */ EuimAppSidebarFooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimAppSidebarFooterComponent, selectors: [["euim-app-sidebar-footer"]], ngContentSelectors: _c0$f, decls: 1, vars: 0, template: function EuimAppSidebarFooterComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
@@ -1628,298 +1630,8 @@
             }], null, null);
     })();
 
-    var _c0$f = [[["euim-page-header"]], "*"];
-    var _c1$4 = ["euim-page-header", "*"];
-    var EuimPageComponent = /** @class */ (function (_super) {
-        __extends(EuimPageComponent, _super);
-        function EuimPageComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Object.defineProperty(EuimPageComponent.prototype, "cssClasses", {
-            get: function () {
-                return _super.prototype.getCssClasses.call(this, 'euim-page');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return EuimPageComponent;
-    }(EuimBaseDirective));
-    /** @nocollapse */ EuimPageComponent.ɵfac = function EuimPageComponent_Factory(t) { return ɵEuimPageComponent_BaseFactory(t || EuimPageComponent); };
-    /** @nocollapse */ EuimPageComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimPageComponent, selectors: [["euim-page"]], hostVars: 2, hostBindings: function EuimPageComponent_HostBindings(rf, ctx) {
-            if (rf & 2) {
-                i0__namespace.ɵɵclassMap(ctx.cssClasses);
-            }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$4, decls: 4, vars: 0, consts: [[1, "euim-page__wrapper"], [1, "euim-page__content"]], template: function EuimPageComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$f);
-                i0__namespace.ɵɵprojection(0);
-                i0__namespace.ɵɵelementStart(1, "ion-content", 0);
-                i0__namespace.ɵɵelementStart(2, "div", 1);
-                i0__namespace.ɵɵprojection(3, 1);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-        }, directives: [i1__namespace$1.IonContent], styles: [".euim-page{min-height:100%}.euim-page__content{padding:var(--eui-base-spacing-m)}.euim-page__wrapper{position:absolute}"], encapsulation: 2 });
-    var ɵEuimPageComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimPageComponent);
-    /*@__PURE__*/ (function () {
-        i0__namespace.ɵsetClassMetadata(EuimPageComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'euim-page',
-                        templateUrl: 'euim-page.component.html',
-                        styleUrls: ['./styles/_index.scss'],
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], null, { cssClasses: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] });
-    })();
-
-    function EuimPageHeaderComponent_ion_menu_button_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ion-menu-button");
-        }
-    }
-    function EuimPageHeaderComponent_ion_back_button_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "ion-back-button", 5);
-            i0__namespace.ɵɵlistener("pointerdown", function EuimPageHeaderComponent_ion_back_button_4_Template_ion_back_button_pointerdown_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onBackButtonClick($event); });
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵpropertyInterpolate("defaultHref", ctx_r1.backButtonDefaultHref);
-        }
-    }
-    function EuimPageHeaderComponent_ng_container_10_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "euim-language-selector");
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-    }
-    var _c0$e = ["*", [["euim-page-header-title"]], [["euim-page-header-action-items"]]];
-    var _c1$3 = ["*", "euim-page-header-title", "euim-page-header-action-items"];
-    var EuimPageHeaderComponent = /** @class */ (function (_super) {
-        __extends(EuimPageHeaderComponent, _super);
-        function EuimPageHeaderComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.hasBackButton = true;
-            _this.backButtonDefaultHref = '/';
-            _this.hasSidebarTrigger = false;
-            _this.hasLanguageSelector = false;
-            _this.backButtonClick = new i0.EventEmitter();
-            return _this;
-        }
-        EuimPageHeaderComponent.prototype.ngOnInit = function () {
-            if (this.hasSidebarTrigger) {
-                this.hasBackButton = false;
-            }
-        };
-        EuimPageHeaderComponent.prototype.onBackButtonClick = function (event) {
-            this.backButtonClick.emit(event);
-        };
-        Object.defineProperty(EuimPageHeaderComponent.prototype, "cssClasses", {
-            get: function () {
-                return _super.prototype.getCssClasses.call(this, 'euim-page-header');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return EuimPageHeaderComponent;
-    }(EuimBaseDirective));
-    /** @nocollapse */ EuimPageHeaderComponent.ɵfac = function EuimPageHeaderComponent_Factory(t) { return ɵEuimPageHeaderComponent_BaseFactory(t || EuimPageHeaderComponent); };
-    /** @nocollapse */ EuimPageHeaderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimPageHeaderComponent, selectors: [["euim-page-header"]], hostVars: 2, hostBindings: function EuimPageHeaderComponent_HostBindings(rf, ctx) {
-            if (rf & 2) {
-                i0__namespace.ɵɵclassMap(ctx.cssClasses);
-            }
-        }, inputs: { hasBackButton: "hasBackButton", backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: "hasSidebarTrigger", hasLanguageSelector: "hasLanguageSelector" }, outputs: { backButtonClick: "backButtonClick" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$3, decls: 11, vars: 3, consts: [["color", "primary"], ["slot", "start"], [4, "ngIf"], [3, "defaultHref", "pointerdown", 4, "ngIf"], ["slot", "primary"], [3, "defaultHref", "pointerdown"]], template: function EuimPageHeaderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$e);
-                i0__namespace.ɵɵelementStart(0, "ion-header");
-                i0__namespace.ɵɵelementStart(1, "ion-toolbar", 0);
-                i0__namespace.ɵɵelementStart(2, "ion-buttons", 1);
-                i0__namespace.ɵɵtemplate(3, EuimPageHeaderComponent_ion_menu_button_3_Template, 1, 0, "ion-menu-button", 2);
-                i0__namespace.ɵɵtemplate(4, EuimPageHeaderComponent_ion_back_button_4_Template, 1, 1, "ion-back-button", 3);
-                i0__namespace.ɵɵprojection(5);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "ion-title");
-                i0__namespace.ɵɵprojection(7, 1);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(8, "ion-buttons", 4);
-                i0__namespace.ɵɵprojection(9, 2);
-                i0__namespace.ɵɵtemplate(10, EuimPageHeaderComponent_ng_container_10_Template, 2, 0, "ng-container", 2);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.hasSidebarTrigger);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.hasBackButton);
-                i0__namespace.ɵɵadvance(6);
-                i0__namespace.ɵɵproperty("ngIf", ctx.hasLanguageSelector);
-            }
-        }, directives: [i1__namespace$1.IonHeader, i1__namespace$1.IonToolbar, i1__namespace$1.IonButtons, i2__namespace$1.NgIf, i1__namespace$1.IonTitle, i1__namespace$1.IonMenuButton, i1__namespace$1.IonBackButton, i1__namespace$1.IonBackButtonDelegate, EuimLanguageSelectorComponent], encapsulation: 2 });
-    var ɵEuimPageHeaderComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimPageHeaderComponent);
-    /*@__PURE__*/ (function () {
-        i0__namespace.ɵsetClassMetadata(EuimPageHeaderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'euim-page-header',
-                        templateUrl: 'euim-page-header.component.html',
-                    }]
-            }], null, { hasBackButton: [{
-                    type: i0.Input
-                }], backButtonDefaultHref: [{
-                    type: i0.Input
-                }], hasSidebarTrigger: [{
-                    type: i0.Input
-                }], hasLanguageSelector: [{
-                    type: i0.Input
-                }], backButtonClick: [{
-                    type: i0.Output
-                }], cssClasses: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] });
-    })();
-
-    var _c0$d = ["*"];
-    var EuimPageHeaderActionItemsComponent = /** @class */ (function (_super) {
-        __extends(EuimPageHeaderActionItemsComponent, _super);
-        function EuimPageHeaderActionItemsComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Object.defineProperty(EuimPageHeaderActionItemsComponent.prototype, "cssClasses", {
-            get: function () {
-                return _super.prototype.getCssClasses.call(this, 'euim-page-header-action-items');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return EuimPageHeaderActionItemsComponent;
-    }(EuimBaseDirective));
-    /** @nocollapse */ EuimPageHeaderActionItemsComponent.ɵfac = function EuimPageHeaderActionItemsComponent_Factory(t) { return ɵEuimPageHeaderActionItemsComponent_BaseFactory(t || EuimPageHeaderActionItemsComponent); };
-    /** @nocollapse */ EuimPageHeaderActionItemsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimPageHeaderActionItemsComponent, selectors: [["euim-page-header-action-items"]], hostVars: 2, hostBindings: function EuimPageHeaderActionItemsComponent_HostBindings(rf, ctx) {
-            if (rf & 2) {
-                i0__namespace.ɵɵclassMap(ctx.cssClasses);
-            }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 1, vars: 0, template: function EuimPageHeaderActionItemsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵprojection(0);
-            }
-        }, encapsulation: 2 });
-    var ɵEuimPageHeaderActionItemsComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimPageHeaderActionItemsComponent);
-    /*@__PURE__*/ (function () {
-        i0__namespace.ɵsetClassMetadata(EuimPageHeaderActionItemsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'euim-page-header-action-items',
-                        templateUrl: 'euim-page-header-action-items.component.html',
-                    }]
-            }], null, { cssClasses: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] });
-    })();
-
-    var _c0$c = ["*"];
-    var EuimPageHeaderTitleComponent = /** @class */ (function (_super) {
-        __extends(EuimPageHeaderTitleComponent, _super);
-        function EuimPageHeaderTitleComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Object.defineProperty(EuimPageHeaderTitleComponent.prototype, "cssClasses", {
-            get: function () {
-                return _super.prototype.getCssClasses.call(this, 'euim-page-header-title');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return EuimPageHeaderTitleComponent;
-    }(EuimBaseDirective));
-    /** @nocollapse */ EuimPageHeaderTitleComponent.ɵfac = function EuimPageHeaderTitleComponent_Factory(t) { return ɵEuimPageHeaderTitleComponent_BaseFactory(t || EuimPageHeaderTitleComponent); };
-    /** @nocollapse */ EuimPageHeaderTitleComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimPageHeaderTitleComponent, selectors: [["euim-page-header-title"]], hostVars: 2, hostBindings: function EuimPageHeaderTitleComponent_HostBindings(rf, ctx) {
-            if (rf & 2) {
-                i0__namespace.ɵɵclassMap(ctx.cssClasses);
-            }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 1, vars: 0, template: function EuimPageHeaderTitleComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵprojection(0);
-            }
-        }, encapsulation: 2 });
-    var ɵEuimPageHeaderTitleComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimPageHeaderTitleComponent);
-    /*@__PURE__*/ (function () {
-        i0__namespace.ɵsetClassMetadata(EuimPageHeaderTitleComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'euim-page-header-title',
-                        templateUrl: 'euim-page-header-title.component.html',
-                    }]
-            }], null, { cssClasses: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] });
-    })();
-
-    var EuimPageComponentModule = /** @class */ (function () {
-        function EuimPageComponentModule() {
-        }
-        return EuimPageComponentModule;
-    }());
-    /** @nocollapse */ EuimPageComponentModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EuimPageComponentModule });
-    /** @nocollapse */ EuimPageComponentModule.ɵinj = i0__namespace.ɵɵdefineInjector({ factory: function EuimPageComponentModule_Factory(t) { return new (t || EuimPageComponentModule)(); }, imports: [[
-                i2.CommonModule,
-                i1.IonicModule,
-                i1$1.TranslateModule,
-                EuimLanguageSelectorModule,
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EuimPageComponentModule, { declarations: [EuimPageComponent,
-                EuimPageHeaderComponent,
-                EuimPageHeaderTitleComponent,
-                EuimPageHeaderActionItemsComponent], imports: [i2.CommonModule,
-                i1.IonicModule,
-                i1$1.TranslateModule,
-                EuimLanguageSelectorModule], exports: [EuimPageComponent,
-                EuimPageHeaderComponent,
-                EuimPageHeaderTitleComponent,
-                EuimPageHeaderActionItemsComponent] });
-    })();
-    /*@__PURE__*/ (function () {
-        i0__namespace.ɵsetClassMetadata(EuimPageComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i1.IonicModule,
-                            i1$1.TranslateModule,
-                            EuimLanguageSelectorModule,
-                        ],
-                        exports: [
-                            EuimPageComponent,
-                            EuimPageHeaderComponent,
-                            EuimPageHeaderTitleComponent,
-                            EuimPageHeaderActionItemsComponent,
-                        ],
-                        declarations: [
-                            EuimPageComponent,
-                            EuimPageHeaderComponent,
-                            EuimPageHeaderTitleComponent,
-                            EuimPageHeaderActionItemsComponent,
-                        ],
-                    }]
-            }], null, null);
-    })();
-
-    var _c0$b = [[["euim-user-profile-avatar"]], [["euim-user-profile-infos"]], [["euim-user-profile-action"]]];
-    var _c1$2 = ["euim-user-profile-avatar", "euim-user-profile-infos", "euim-user-profile-action"];
+    var _c0$e = [[["euim-user-profile-avatar"]], [["euim-user-profile-infos"]], [["euim-user-profile-action"]]];
+    var _c1$3 = ["euim-user-profile-avatar", "euim-user-profile-infos", "euim-user-profile-action"];
     var EuimUserProfileComponent = /** @class */ (function (_super) {
         __extends(EuimUserProfileComponent, _super);
         function EuimUserProfileComponent() {
@@ -1934,9 +1646,9 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.string);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$2, decls: 3, vars: 0, template: function EuimUserProfileComponent_Template(rf, ctx) {
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$3, decls: 3, vars: 0, template: function EuimUserProfileComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$b);
+                i0__namespace.ɵɵprojectionDef(_c0$e);
                 i0__namespace.ɵɵprojection(0);
                 i0__namespace.ɵɵprojection(1, 1);
                 i0__namespace.ɵɵprojection(2, 2);
@@ -1959,7 +1671,7 @@
                 }] });
     })();
 
-    var _c0$a = ["*"];
+    var _c0$d = ["*"];
     var EuiMUserProfileAvatarComponent = /** @class */ (function (_super) {
         __extends(EuiMUserProfileAvatarComponent, _super);
         function EuiMUserProfileAvatarComponent() {
@@ -1974,7 +1686,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.class);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 1, vars: 0, template: function EuiMUserProfileAvatarComponent_Template(rf, ctx) {
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 1, vars: 0, template: function EuiMUserProfileAvatarComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
@@ -1994,7 +1706,7 @@
                 }] });
     })();
 
-    var _c0$9 = ["*"];
+    var _c0$c = ["*"];
     var EuiMUserProfileInfosComponent = /** @class */ (function (_super) {
         __extends(EuiMUserProfileInfosComponent, _super);
         function EuiMUserProfileInfosComponent() {
@@ -2009,7 +1721,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.class);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$9, decls: 1, vars: 0, template: function EuiMUserProfileInfosComponent_Template(rf, ctx) {
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 1, vars: 0, template: function EuiMUserProfileInfosComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
@@ -2029,7 +1741,7 @@
                 }] });
     })();
 
-    var _c0$8 = ["*"];
+    var _c0$b = ["*"];
     var EuiMUserProfileInfosItemComponent = /** @class */ (function (_super) {
         __extends(EuiMUserProfileInfosItemComponent, _super);
         function EuiMUserProfileInfosItemComponent() {
@@ -2044,7 +1756,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.class);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 1, vars: 0, template: function EuiMUserProfileInfosItemComponent_Template(rf, ctx) {
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 1, vars: 0, template: function EuiMUserProfileInfosItemComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵprojection(0);
@@ -2065,7 +1777,7 @@
                 }] });
     })();
 
-    var _c0$7 = ["*"];
+    var _c0$a = ["*"];
     var EuiMUserProfileActionComponent = /** @class */ (function (_super) {
         __extends(EuiMUserProfileActionComponent, _super);
         function EuiMUserProfileActionComponent() {
@@ -2080,7 +1792,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵclassMap(ctx.class);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 2, vars: 0, template: function EuiMUserProfileActionComponent_Template(rf, ctx) {
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 0, template: function EuiMUserProfileActionComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "ion-buttons");
@@ -2145,6 +1857,242 @@
             }], null, null);
     })();
 
+    function EuimToolbarComponent_ion_menu_button_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "ion-menu-button");
+        }
+    }
+    function EuimToolbarComponent_ion_back_button_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "ion-back-button", 4);
+            i0__namespace.ɵɵlistener("pointerdown", function EuimToolbarComponent_ion_back_button_2_Template_ion_back_button_pointerdown_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onBackButtonClick($event); });
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵpropertyInterpolate("defaultHref", ctx_r1.backButtonDefaultHref);
+        }
+    }
+    function EuimToolbarComponent_ng_container_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "euim-language-selector");
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    var _c0$9 = ["*", [["euim-toolbar-title"]], [["euim-toolbar-action-items"]]];
+    var _c1$2 = ["*", "euim-toolbar-title", "euim-toolbar-action-items"];
+    var EuimToolbarComponent = /** @class */ (function (_super) {
+        __extends(EuimToolbarComponent, _super);
+        function EuimToolbarComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.hasBackButton = true;
+            _this.backButtonDefaultHref = '/';
+            _this.hasSidebarTrigger = false;
+            _this.hasLanguageSelector = false;
+            _this.backButtonClick = new i0.EventEmitter();
+            return _this;
+        }
+        EuimToolbarComponent.prototype.ngOnInit = function () {
+            if (this.hasSidebarTrigger) {
+                this.hasBackButton = false;
+            }
+        };
+        EuimToolbarComponent.prototype.onBackButtonClick = function (event) {
+            this.backButtonClick.emit(event);
+        };
+        Object.defineProperty(EuimToolbarComponent.prototype, "cssClasses", {
+            get: function () {
+                return _super.prototype.getCssClasses.call(this, 'euim-toolbar');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return EuimToolbarComponent;
+    }(EuimBaseDirective));
+    /** @nocollapse */ EuimToolbarComponent.ɵfac = function EuimToolbarComponent_Factory(t) { return ɵEuimToolbarComponent_BaseFactory(t || EuimToolbarComponent); };
+    /** @nocollapse */ EuimToolbarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimToolbarComponent, selectors: [["euim-toolbar"]], hostVars: 2, hostBindings: function EuimToolbarComponent_HostBindings(rf, ctx) {
+            if (rf & 2) {
+                i0__namespace.ɵɵclassMap(ctx.cssClasses);
+            }
+        }, inputs: { hasBackButton: "hasBackButton", backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: "hasSidebarTrigger", hasLanguageSelector: "hasLanguageSelector" }, outputs: { backButtonClick: "backButtonClick" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$2, decls: 9, vars: 3, consts: [["slot", "start"], [4, "ngIf"], [3, "defaultHref", "pointerdown", 4, "ngIf"], ["slot", "primary"], [3, "defaultHref", "pointerdown"]], template: function EuimToolbarComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵprojectionDef(_c0$9);
+                i0__namespace.ɵɵelementStart(0, "ion-buttons", 0);
+                i0__namespace.ɵɵtemplate(1, EuimToolbarComponent_ion_menu_button_1_Template, 1, 0, "ion-menu-button", 1);
+                i0__namespace.ɵɵtemplate(2, EuimToolbarComponent_ion_back_button_2_Template, 1, 1, "ion-back-button", 2);
+                i0__namespace.ɵɵprojection(3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(4, "ion-title");
+                i0__namespace.ɵɵprojection(5, 1);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "ion-buttons", 3);
+                i0__namespace.ɵɵprojection(7, 2);
+                i0__namespace.ɵɵtemplate(8, EuimToolbarComponent_ng_container_8_Template, 2, 0, "ng-container", 1);
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.hasSidebarTrigger);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.hasBackButton);
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("ngIf", ctx.hasLanguageSelector);
+            }
+        }, directives: [i1__namespace$1.IonButtons, i2__namespace$1.NgIf, i1__namespace$1.IonTitle, i1__namespace$1.IonMenuButton, i1__namespace$1.IonBackButton, i1__namespace$1.IonBackButtonDelegate, EuimLanguageSelectorComponent], styles: [".euim-toolbar{display:flex}"], encapsulation: 2 });
+    var ɵEuimToolbarComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimToolbarComponent);
+    /*@__PURE__*/ (function () {
+        i0__namespace.ɵsetClassMetadata(EuimToolbarComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'euim-toolbar',
+                        templateUrl: 'euim-toolbar.component.html',
+                        styleUrls: ['./styles/_index.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }], null, { hasBackButton: [{
+                    type: i0.Input
+                }], backButtonDefaultHref: [{
+                    type: i0.Input
+                }], hasSidebarTrigger: [{
+                    type: i0.Input
+                }], hasLanguageSelector: [{
+                    type: i0.Input
+                }], backButtonClick: [{
+                    type: i0.Output
+                }], cssClasses: [{
+                    type: i0.HostBinding,
+                    args: ['class']
+                }] });
+    })();
+
+    var _c0$8 = ["*"];
+    var EuimToolbarTitleComponent = /** @class */ (function (_super) {
+        __extends(EuimToolbarTitleComponent, _super);
+        function EuimToolbarTitleComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Object.defineProperty(EuimToolbarTitleComponent.prototype, "cssClasses", {
+            get: function () {
+                return _super.prototype.getCssClasses.call(this, 'euim-toolbar-title');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return EuimToolbarTitleComponent;
+    }(EuimBaseDirective));
+    /** @nocollapse */ EuimToolbarTitleComponent.ɵfac = function EuimToolbarTitleComponent_Factory(t) { return ɵEuimToolbarTitleComponent_BaseFactory(t || EuimToolbarTitleComponent); };
+    /** @nocollapse */ EuimToolbarTitleComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimToolbarTitleComponent, selectors: [["euim-toolbar-title"]], hostVars: 2, hostBindings: function EuimToolbarTitleComponent_HostBindings(rf, ctx) {
+            if (rf & 2) {
+                i0__namespace.ɵɵclassMap(ctx.cssClasses);
+            }
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 1, vars: 0, template: function EuimToolbarTitleComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵprojectionDef();
+                i0__namespace.ɵɵprojection(0);
+            }
+        }, encapsulation: 2 });
+    var ɵEuimToolbarTitleComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimToolbarTitleComponent);
+    /*@__PURE__*/ (function () {
+        i0__namespace.ɵsetClassMetadata(EuimToolbarTitleComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'euim-toolbar-title',
+                        templateUrl: 'euim-toolbar-title.component.html',
+                    }]
+            }], null, { cssClasses: [{
+                    type: i0.HostBinding,
+                    args: ['class']
+                }] });
+    })();
+
+    var _c0$7 = ["*"];
+    var EuimToolbarActionItemsComponent = /** @class */ (function (_super) {
+        __extends(EuimToolbarActionItemsComponent, _super);
+        function EuimToolbarActionItemsComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Object.defineProperty(EuimToolbarActionItemsComponent.prototype, "cssClasses", {
+            get: function () {
+                return _super.prototype.getCssClasses.call(this, 'euim-toolbar-action-items');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return EuimToolbarActionItemsComponent;
+    }(EuimBaseDirective));
+    /** @nocollapse */ EuimToolbarActionItemsComponent.ɵfac = function EuimToolbarActionItemsComponent_Factory(t) { return ɵEuimToolbarActionItemsComponent_BaseFactory(t || EuimToolbarActionItemsComponent); };
+    /** @nocollapse */ EuimToolbarActionItemsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EuimToolbarActionItemsComponent, selectors: [["euim-toolbar-action-items"]], hostVars: 2, hostBindings: function EuimToolbarActionItemsComponent_HostBindings(rf, ctx) {
+            if (rf & 2) {
+                i0__namespace.ɵɵclassMap(ctx.cssClasses);
+            }
+        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 1, vars: 0, template: function EuimToolbarActionItemsComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵprojectionDef();
+                i0__namespace.ɵɵprojection(0);
+            }
+        }, encapsulation: 2 });
+    var ɵEuimToolbarActionItemsComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(EuimToolbarActionItemsComponent);
+    /*@__PURE__*/ (function () {
+        i0__namespace.ɵsetClassMetadata(EuimToolbarActionItemsComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'euim-toolbar-action-items',
+                        templateUrl: 'euim-toolbar-action-items.component.html',
+                    }]
+            }], null, { cssClasses: [{
+                    type: i0.HostBinding,
+                    args: ['class']
+                }] });
+    })();
+
+    var EuimToolbarComponentModule = /** @class */ (function () {
+        function EuimToolbarComponentModule() {
+        }
+        return EuimToolbarComponentModule;
+    }());
+    /** @nocollapse */ EuimToolbarComponentModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EuimToolbarComponentModule });
+    /** @nocollapse */ EuimToolbarComponentModule.ɵinj = i0__namespace.ɵɵdefineInjector({ factory: function EuimToolbarComponentModule_Factory(t) { return new (t || EuimToolbarComponentModule)(); }, imports: [[
+                i2.CommonModule,
+                i1.IonicModule,
+                i1$1.TranslateModule,
+                EuimLanguageSelectorModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EuimToolbarComponentModule, { declarations: [EuimToolbarComponent,
+                EuimToolbarTitleComponent,
+                EuimToolbarActionItemsComponent], imports: [i2.CommonModule,
+                i1.IonicModule,
+                i1$1.TranslateModule,
+                EuimLanguageSelectorModule], exports: [EuimToolbarComponent,
+                EuimToolbarTitleComponent,
+                EuimToolbarActionItemsComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0__namespace.ɵsetClassMetadata(EuimToolbarComponentModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i1.IonicModule,
+                            i1$1.TranslateModule,
+                            EuimLanguageSelectorModule,
+                        ],
+                        exports: [
+                            EuimToolbarComponent,
+                            EuimToolbarTitleComponent,
+                            EuimToolbarActionItemsComponent,
+                        ],
+                        declarations: [
+                            EuimToolbarComponent,
+                            EuimToolbarTitleComponent,
+                            EuimToolbarActionItemsComponent,
+                        ],
+                    }]
+            }], null, null);
+    })();
+
     var _c0$6 = ["*"];
     var EuimAvatarComponent = /** @class */ (function (_super) {
         __extends(EuimAvatarComponent, _super);
@@ -2978,7 +2926,6 @@
         // Layout
         EuimAppModule,
         EuimAppSidebarModule,
-        EuimPageComponentModule,
         // Components
         EuimEmptyListPlaceholderModule,
         EuimLanguageSelectorModule,
@@ -2990,6 +2937,7 @@
         EuimMenuModule,
         EuimControlFeedbackModule,
         EuimFieldsetModule,
+        EuimToolbarComponentModule,
         // Directives
         EuimListHeaderModule,
     ];
@@ -3003,7 +2951,6 @@
             // Layout
             EuimAppModule,
             EuimAppSidebarModule,
-            EuimPageComponentModule,
             // Components
             EuimEmptyListPlaceholderModule,
             EuimLanguageSelectorModule,
@@ -3015,6 +2962,7 @@
             EuimMenuModule,
             EuimControlFeedbackModule,
             EuimFieldsetModule,
+            EuimToolbarComponentModule,
             // Directives
             EuimListHeaderModule] });
     (function () {
@@ -3022,7 +2970,6 @@
                 // Layout
                 EuimAppModule,
                 EuimAppSidebarModule,
-                EuimPageComponentModule,
                 // Components
                 EuimEmptyListPlaceholderModule,
                 EuimLanguageSelectorModule,
@@ -3034,13 +2981,13 @@
                 EuimMenuModule,
                 EuimControlFeedbackModule,
                 EuimFieldsetModule,
+                EuimToolbarComponentModule,
                 // Directives
                 EuimListHeaderModule
             ], exports: [
                 // Layout
                 EuimAppModule,
                 EuimAppSidebarModule,
-                EuimPageComponentModule,
                 // Components
                 EuimEmptyListPlaceholderModule,
                 EuimLanguageSelectorModule,
@@ -3052,6 +2999,7 @@
                 EuimMenuModule,
                 EuimControlFeedbackModule,
                 EuimFieldsetModule,
+                EuimToolbarComponentModule,
                 // Directives
                 EuimListHeaderModule
             ] });
@@ -3108,14 +3056,13 @@
     exports.EuimMessageComponent = EuimMessageComponent;
     exports.EuimMessageModule = EuimMessageModule;
     exports.EuimMessageTitleComponent = EuimMessageTitleComponent;
-    exports.EuimPageComponent = EuimPageComponent;
-    exports.EuimPageComponentModule = EuimPageComponentModule;
-    exports.EuimPageHeaderActionItemsComponent = EuimPageHeaderActionItemsComponent;
-    exports.EuimPageHeaderComponent = EuimPageHeaderComponent;
-    exports.EuimPageHeaderTitleComponent = EuimPageHeaderTitleComponent;
     exports.EuimStepperChangeEvent = EuimStepperChangeEvent;
     exports.EuimStepperComponent = EuimStepperComponent;
     exports.EuimStepperComponentModule = EuimStepperComponentModule;
+    exports.EuimToolbarActionItemsComponent = EuimToolbarActionItemsComponent;
+    exports.EuimToolbarComponent = EuimToolbarComponent;
+    exports.EuimToolbarComponentModule = EuimToolbarComponentModule;
+    exports.EuimToolbarTitleComponent = EuimToolbarTitleComponent;
     exports.EuimUserProfileComponent = EuimUserProfileComponent;
     exports.EuimUserProfileModule = EuimUserProfileModule;
     Object.keys(base).forEach(function (k) {