@inera/ids-angular 9.2.1 → 9.4.0

package/fesm2022/inera-ids-angular-components-header-inera-admin.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, booleanAttribute, Input, Component, EventEmitter, ViewChild, Output, TemplateRef, Directive, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { inject, booleanAttribute, Input, Component, EventEmitter, viewChild, Output, TemplateRef, Directive, contentChildren, contentChild, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { ID_HEADER_CONTEXT, IDUseIdService, useFocusTrap, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
 
@@ -8,15 +8,15 @@ class IDHeaderIneraAdminItemComponent {
     separatorLeft = false;
     icon;
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeaderIneraAdminItemComponent, isStandalone: true, selector: "id-header-inera-admin-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], separatorLeft: ["separatorLeft", "separatorLeft", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-inera-admin-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-admin-item--mobile": "mobile", "class.ids-header-inera-admin-item--separator": "separatorLeft" }, classAttribute: "ids-header-inera-admin-item" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDHeaderIneraAdminItemComponent, isStandalone: true, selector: "id-header-inera-admin-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], separatorLeft: ["separatorLeft", "separatorLeft", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-inera-admin-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-admin-item--mobile": "mobile", "class.ids-header-inera-admin-item--separator": "separatorLeft" }, classAttribute: "ids-header-inera-admin-item" }, ngImport: i0, template: `
     <div class="ids-header-inera-admin-item__icon">
         <ng-content name=[icon]></ng-content>
         <span class="ids-icon-{{icon}}" aria-hidden="true"></span>
     </div>
     <ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-inera-admin-item',
@@ -55,8 +55,8 @@ class IDHeaderIneraAdminAvatarComponent {
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-inera-admin-avatar');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    menuContent;
-    focusTrap = useFocusTrap(() => this.menuContent, { disabled: () => !this.expanded });
+    menuContent = viewChild('menuContent');
+    focusTrap = useFocusTrap(() => this.menuContent(), { disabled: () => !this.expanded });
     constructor() {
         useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
     }
@@ -86,8 +86,8 @@ class IDHeaderIneraAdminAvatarComponent {
     ngOnDestroy() {
         this.focusTrap.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraAdminAvatarComponent, isStandalone: true, selector: "id-header-inera-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-inera-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-inera-admin-avatar" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeaderIneraAdminAvatarComponent, isStandalone: true, selector: "id-header-inera-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-inera-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-inera-admin-avatar" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="ids-header-inera-admin-avatar__avatar"
       idClickOutside
       (idClickOutside)="handleCloseEvent()">
@@ -118,7 +118,7 @@ class IDHeaderIneraAdminAvatarComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminAvatarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-inera-admin-avatar",
@@ -175,50 +175,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], menuContent: [{
-                type: ViewChild,
-                args: ['menuContent']
             }] } });
 
 class IDHeaderIneraAdminNavComponent {
-    hideOnTablet = false;
-    template;
+    mobileOnly = false;
+    desktopOnly = false;
+    template = viewChild.required(TemplateRef);
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeaderIneraAdminNavComponent, isStandalone: true, selector: "id-header-inera-admin-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDHeaderIneraAdminNavComponent, isStandalone: true, selector: "id-header-inera-admin-nav", inputs: { mobileOnly: ["mobileOnly", "mobileOnly", booleanAttribute], desktopOnly: ["desktopOnly", "desktopOnly", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
-      <div class="ids-header-inera-admin-nav__nav-items">
+      <div class="ids-header-inera-admin-nav__inner">
         <ng-content></ng-content>
       </div>
     </ng-template>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-inera-admin-nav',
                     template: `
     <ng-template>
-      <div class="ids-header-inera-admin-nav__nav-items">
+      <div class="ids-header-inera-admin-nav__inner">
         <ng-content></ng-content>
       </div>
     </ng-template>
   `,
                     standalone: true,
                 }]
-        }], propDecorators: { hideOnTablet: [{
+        }], propDecorators: { mobileOnly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], desktopOnly: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 
 class IDHeaderIneraAdminSkipToContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminSkipToContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraAdminSkipToContentComponent, isStandalone: true, selector: "id-header-inera-admin-skip-to-content", host: { classAttribute: "ids-header-inera-admin__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminSkipToContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderIneraAdminSkipToContentComponent, isStandalone: true, selector: "id-header-inera-admin-skip-to-content", host: { classAttribute: "ids-header-inera-admin__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminSkipToContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminSkipToContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-inera-admin-skip-to-content",
@@ -231,10 +229,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDHeaderIneraAdminBrandLinkDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraAdminBrandLinkDirective, isStandalone: true, selector: "a[idBrandIneraAdminLink]", host: { classAttribute: "ids-header-inera-admin__logo-link" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderIneraAdminBrandLinkDirective, isStandalone: true, selector: "a[idBrandIneraAdminLink]", host: { classAttribute: "ids-header-inera-admin__logo-link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminBrandLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminBrandLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "a[idBrandIneraAdminLink]",
@@ -251,27 +249,27 @@ class IDHeaderIneraAdminComponent {
     brandText;
     unresponsive = false;
     showBrand = false;
-    items;
-    avatar;
-    nav;
-    brandLink;
-    skipToContent;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraAdminComponent, isStandalone: true, selector: "id-header-inera-admin", inputs: { srBrandLabel: "srBrandLabel", brandHref: "brandHref", brandText: "brandText", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], showBrand: ["showBrand", "showBrand", booleanAttribute] }, providers: [
+    items = contentChildren(IDHeaderIneraAdminItemComponent);
+    avatar = contentChild(IDHeaderIneraAdminAvatarComponent);
+    nav = contentChild(IDHeaderIneraAdminNavComponent);
+    brandLink = contentChild(IDHeaderIneraAdminBrandLinkDirective);
+    skipToContent = contentChild(IDHeaderIneraAdminSkipToContentComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeaderIneraAdminComponent, isStandalone: true, selector: "id-header-inera-admin", inputs: { srBrandLabel: "srBrandLabel", brandHref: "brandHref", brandText: "brandText", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], showBrand: ["showBrand", "showBrand", booleanAttribute] }, providers: [
             {
                 provide: ID_HEADER_CONTEXT,
                 useExisting: IDHeaderIneraAdminComponent,
             },
-        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeaderIneraAdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeaderIneraAdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeaderIneraAdminBrandLinkDirective, descendants: true }, { propertyName: "skipToContent", first: true, predicate: IDHeaderIneraAdminSkipToContentComponent, descendants: true }, { propertyName: "items", predicate: IDHeaderIneraAdminItemComponent }], ngImport: i0, template: "<header\n  class=\"ids-header-inera-admin\"\n  [class.ids-header-inera-admin--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-admin__container\">\n    <div class=\"ids-header-inera-admin__inner\">\n      <div class=\"ids-header-inera-admin__main\">\n        <div class=\"ids-header-inera-admin__service-wrapper\">\n          <div class=\"ids-header-inera-admin__brand\">\n            @if (showBrand) {\n              <div\n                class=\"ids-header-inera-admin__logo\"\n                role=\"img\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></div>\n            }\n            <div class=\"ids-header-inera-admin__brand-inner\">\n              <span class=\"ids-header-inera-admin__brand-link\">\n                @if (brandLink) {\n                  <ng-content select=\"[idBrandIneraAdminLink]\"></ng-content>\n                } @else {\n                  <a\n                    [attr.href]=\"brandHref\"\n                    [attr.aria-label]=\"srBrandLabel\"\n                  ></a>\n                }\n              </span>\n              <h1 class=\"ids-header-inera-admin__brand-text\">{{ brandText }}</h1>\n              <h2 class=\"ids-header-inera-admin__service-name\">EN TJ\u00C4NST FR\u00C5N INERA</h2>\n            </div>\n          </div>\n        </div>\n        @if (items) {\n          <div class=\"ids-header-inera-admin__items\">\n            <ng-content select=\"id-header-inera-admin-item\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-menu-mobile\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-avatar\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-inera-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-inera-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-admin-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], queries: [{ propertyName: "items", predicate: IDHeaderIneraAdminItemComponent, isSignal: true }, { propertyName: "avatar", first: true, predicate: IDHeaderIneraAdminAvatarComponent, descendants: true, isSignal: true }, { propertyName: "nav", first: true, predicate: IDHeaderIneraAdminNavComponent, descendants: true, isSignal: true }, { propertyName: "brandLink", first: true, predicate: IDHeaderIneraAdminBrandLinkDirective, descendants: true, isSignal: true }, { propertyName: "skipToContent", first: true, predicate: IDHeaderIneraAdminSkipToContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header\n  class=\"ids-header-inera-admin\"\n  [class.ids-header-inera-admin--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-admin__container\">\n    <div class=\"ids-header-inera-admin__inner\">\n      <div class=\"ids-header-inera-admin__main\">\n        <div class=\"ids-header-inera-admin__service-wrapper\">\n          <div class=\"ids-header-inera-admin__brand\">\n            @if (showBrand) {\n              <div\n                class=\"ids-header-inera-admin__logo\"\n                role=\"img\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></div>\n            }\n            <div class=\"ids-header-inera-admin__brand-inner\">\n              <span class=\"ids-header-inera-admin__brand-link\">\n                @if (brandLink()) {\n                  <ng-content select=\"[idBrandIneraAdminLink]\"></ng-content>\n                } @else {\n                  <a\n                    [attr.href]=\"brandHref\"\n                    [attr.aria-label]=\"srBrandLabel\"\n                  ></a>\n                }\n              </span>\n              <h1 class=\"ids-header-inera-admin__brand-text\">{{ brandText }}</h1>\n              <h2 class=\"ids-header-inera-admin__service-name\">EN TJ\u00C4NST FR\u00C5N INERA</h2>\n            </div>\n          </div>\n        </div>\n        @if (items()) {\n          <div class=\"ids-header-inera-admin__items\">\n            <ng-content select=\"id-header-inera-admin-item\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-menu-mobile\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-avatar\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav(); as headerNav) {\n    <nav\n      class=\"ids-header-inera-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-inera-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-admin-nav--mobile-only]=\"headerNav.mobileOnly\"\n      [class.ids-header-inera-admin-nav--desktop-only]=\"headerNav.desktopOnly\"\n    >\n      <ng-container *ngTemplateOutlet=\"headerNav.template()\"></ng-container>\n    </nav>\n  }\n</header>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-header-inera-admin", standalone: true, providers: [
+            args: [{ selector: 'id-header-inera-admin', standalone: true, providers: [
                         {
                             provide: ID_HEADER_CONTEXT,
                             useExisting: IDHeaderIneraAdminComponent,
                         },
-                    ], imports: [NgTemplateOutlet], template: "<header\n  class=\"ids-header-inera-admin\"\n  [class.ids-header-inera-admin--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-admin__container\">\n    <div class=\"ids-header-inera-admin__inner\">\n      <div class=\"ids-header-inera-admin__main\">\n        <div class=\"ids-header-inera-admin__service-wrapper\">\n          <div class=\"ids-header-inera-admin__brand\">\n            @if (showBrand) {\n              <div\n                class=\"ids-header-inera-admin__logo\"\n                role=\"img\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></div>\n            }\n            <div class=\"ids-header-inera-admin__brand-inner\">\n              <span class=\"ids-header-inera-admin__brand-link\">\n                @if (brandLink) {\n                  <ng-content select=\"[idBrandIneraAdminLink]\"></ng-content>\n                } @else {\n                  <a\n                    [attr.href]=\"brandHref\"\n                    [attr.aria-label]=\"srBrandLabel\"\n                  ></a>\n                }\n              </span>\n              <h1 class=\"ids-header-inera-admin__brand-text\">{{ brandText }}</h1>\n              <h2 class=\"ids-header-inera-admin__service-name\">EN TJ\u00C4NST FR\u00C5N INERA</h2>\n            </div>\n          </div>\n        </div>\n        @if (items) {\n          <div class=\"ids-header-inera-admin__items\">\n            <ng-content select=\"id-header-inera-admin-item\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-menu-mobile\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-avatar\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-inera-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-inera-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-admin-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
+                    ], imports: [NgTemplateOutlet], template: "<header\n  class=\"ids-header-inera-admin\"\n  [class.ids-header-inera-admin--unresponsive]=\"unresponsive\"\n>\n  <ng-content select=\"id-header-inera-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera-admin__container\">\n    <div class=\"ids-header-inera-admin__inner\">\n      <div class=\"ids-header-inera-admin__main\">\n        <div class=\"ids-header-inera-admin__service-wrapper\">\n          <div class=\"ids-header-inera-admin__brand\">\n            @if (showBrand) {\n              <div\n                class=\"ids-header-inera-admin__logo\"\n                role=\"img\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></div>\n            }\n            <div class=\"ids-header-inera-admin__brand-inner\">\n              <span class=\"ids-header-inera-admin__brand-link\">\n                @if (brandLink()) {\n                  <ng-content select=\"[idBrandIneraAdminLink]\"></ng-content>\n                } @else {\n                  <a\n                    [attr.href]=\"brandHref\"\n                    [attr.aria-label]=\"srBrandLabel\"\n                  ></a>\n                }\n              </span>\n              <h1 class=\"ids-header-inera-admin__brand-text\">{{ brandText }}</h1>\n              <h2 class=\"ids-header-inera-admin__service-name\">EN TJ\u00C4NST FR\u00C5N INERA</h2>\n            </div>\n          </div>\n        </div>\n        @if (items()) {\n          <div class=\"ids-header-inera-admin__items\">\n            <ng-content select=\"id-header-inera-admin-item\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-menu-mobile\"></ng-content>\n            <ng-content select=\"id-header-inera-admin-avatar\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if (nav(); as headerNav) {\n    <nav\n      class=\"ids-header-inera-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-inera-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-admin-nav--mobile-only]=\"headerNav.mobileOnly\"\n      [class.ids-header-inera-admin-nav--desktop-only]=\"headerNav.desktopOnly\"\n    >\n      <ng-container *ngTemplateOutlet=\"headerNav.template()\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
         }], propDecorators: { srBrandLabel: [{
                 type: Input
             }], brandHref: [{
@@ -284,21 +282,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], showBrand: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], items: [{
-                type: ContentChildren,
-                args: [IDHeaderIneraAdminItemComponent]
-            }], avatar: [{
-                type: ContentChild,
-                args: [IDHeaderIneraAdminAvatarComponent]
-            }], nav: [{
-                type: ContentChild,
-                args: [IDHeaderIneraAdminNavComponent]
-            }], brandLink: [{
-                type: ContentChild,
-                args: [IDHeaderIneraAdminBrandLinkDirective]
-            }], skipToContent: [{
-                type: ContentChild,
-                args: [IDHeaderIneraAdminSkipToContentComponent]
             }] } });
 
 class IDHeaderIneraAdminAvatarMobileComponent {
@@ -312,8 +295,8 @@ class IDHeaderIneraAdminAvatarMobileComponent {
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-inera-admin-avatar');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    menuContent;
-    focusTrap = useFocusTrap(() => this.menuContent, { disabled: () => !this.expanded });
+    menuContent = viewChild('menuContent');
+    focusTrap = useFocusTrap(() => this.menuContent(), { disabled: () => !this.expanded });
     constructor() {
         useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
     }
@@ -343,8 +326,8 @@ class IDHeaderIneraAdminAvatarMobileComponent {
     ngOnDestroy() {
         this.focusTrap.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminAvatarMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraAdminAvatarMobileComponent, isStandalone: true, selector: "id-header-inera-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: ["expanded", "expanded", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-inera-admin-avatar-mobile" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminAvatarMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeaderIneraAdminAvatarMobileComponent, isStandalone: true, selector: "id-header-inera-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: ["expanded", "expanded", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-inera-admin-avatar-mobile" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div #menuContent class="ids-header-inera-admin-avatar-mobile__menu-wrapper"
     idClickOutside
     (idClickOutside)="handleCloseEvent()">
@@ -374,7 +357,7 @@ class IDHeaderIneraAdminAvatarMobileComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminAvatarMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminAvatarMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-inera-admin-avatar-mobile",
@@ -429,9 +412,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], menuContent: [{
-                type: ViewChild,
-                args: ['menuContent']
             }] } });
 
 class IDHeaderIneraAdminNavItemComponent {
@@ -440,10 +420,10 @@ class IDHeaderIneraAdminNavItemComponent {
     activeChange = new EventEmitter();
     expanded = false;
     expandedChange = new EventEmitter();
-    col1 = null;
-    col2 = null;
-    col3 = null;
-    col4 = null;
+    col1 = contentChild('col1');
+    col2 = contentChild('col2');
+    col3 = contentChild('col3');
+    col4 = contentChild('col4');
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-inera-admin-nav-item');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
@@ -468,8 +448,8 @@ class IDHeaderIneraAdminNavItemComponent {
         this.expandedChange.emit(false);
         this.activeChange.emit(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraAdminNavItemComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-admin-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-admin-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeaderIneraAdminNavItemComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-admin-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-admin-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true, isSignal: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true, isSignal: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true, isSignal: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true, isSignal: true }], ngImport: i0, template: `
   <div
     idClickOutside
     (idClickOutside)="closeItem()">
@@ -491,22 +471,22 @@ class IDHeaderIneraAdminNavItemComponent {
       [class.ids-header-inera-admin-nav-item__menu--expanded]="expanded">
       <div class="ids-header-inera-admin-nav-item__menu-content">
         <div class="ids-header-inera-admin-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-4">
-          <ng-container *ngTemplateOutlet="col4"></ng-container>
+          <ng-container *ngTemplateOutlet="col4() ?? null"></ng-container>
         </div>
       </div>
     </div>
   </div>`, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-inera-admin-nav-item",
@@ -532,16 +512,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       [class.ids-header-inera-admin-nav-item__menu--expanded]="expanded">
       <div class="ids-header-inera-admin-nav-item__menu-content">
         <div class="ids-header-inera-admin-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-admin-nav-item__menu-col-4">
-          <ng-container *ngTemplateOutlet="col4"></ng-container>
+          <ng-container *ngTemplateOutlet="col4() ?? null"></ng-container>
         </div>
       </div>
     </div>
@@ -568,18 +548,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], expandedChange: [{
                 type: Output
-            }], col1: [{
-                type: ContentChild,
-                args: ['col1']
-            }], col2: [{
-                type: ContentChild,
-                args: ['col2']
-            }], col3: [{
-                type: ContentChild,
-                args: ['col3']
-            }], col4: [{
-                type: ContentChild,
-                args: ['col4']
+            }] } });
+
+class IDHeaderIneraAdminNavItemMobileComponent {
+    icon;
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderIneraAdminNavItemMobileComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-inera-admin-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-inera-admin-nav-item-mobile" }, ngImport: i0, template: `
+    <span class="ids-header-inera-admin-nav-item-mobile__icon">
+      <span class="ids-icon-{{icon}}"></span>
+      <ng-content select="[idNavItemMobileIcon]"></ng-content>
+    </span>
+    <ng-content></ng-content>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemMobileComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-inera-admin-nav-item-mobile",
+                    template: `
+    <span class="ids-header-inera-admin-nav-item-mobile__icon">
+      <span class="ids-icon-{{icon}}"></span>
+      <ng-content select="[idNavItemMobileIcon]"></ng-content>
+    </span>
+    <ng-content></ng-content>
+  `,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-inera-admin-nav-item-mobile',
+                        '[class.ids-header-inera-admin-nav-item-mobile--unresponsive]': 'header?.unresponsive'
+                    }
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
             }] } });
 
 class IDHeaderIneraAdminMenuMobileComponent {
@@ -588,8 +589,8 @@ class IDHeaderIneraAdminMenuMobileComponent {
     toggleExpansion() {
         this.expanded = !this.expanded;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminMenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraAdminMenuMobileComponent, isStandalone: true, selector: "id-header-inera-admin-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { classAttribute: "ids-header-inera-admin__mobile-menu" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminMenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeaderIneraAdminMenuMobileComponent, isStandalone: true, selector: "id-header-inera-admin-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { classAttribute: "ids-header-inera-admin__mobile-menu" }, ngImport: i0, template: `
     <div
       class="ids-header-inera-admin-menu-mobile"
       [class.ids-header-inera-admin-menu-mobile--unresponsive]="header?.unresponsive"
@@ -613,7 +614,7 @@ class IDHeaderIneraAdminMenuMobileComponent {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminMenuMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminMenuMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-inera-admin-menu-mobile',
@@ -651,10 +652,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDHeaderIneraAdminNavItemMenuLinkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraAdminNavItemMenuLinkComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item-menu-link", host: { classAttribute: "ids-header-inera-admin-nav__menu-item-wrapper" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderIneraAdminNavItemMenuLinkComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item-menu-link", host: { classAttribute: "ids-header-inera-admin-nav__menu-item-wrapper" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemMenuLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminNavItemMenuLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-inera-admin-nav-item-menu-link",
@@ -666,42 +667,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }]
         }] });
 
-class IDHeaderIneraAdminNavItemMobileComponent {
-    icon;
-    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderIneraAdminNavItemMobileComponent, isStandalone: true, selector: "id-header-inera-admin-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-inera-admin-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-inera-admin-nav-item-mobile" }, ngImport: i0, template: `
-    <span class="ids-header-inera-admin-nav-item-mobile__icon">
-      <span class="ids-icon-{{icon}}"></span>
-      <ng-content select="[idNavItemMobileIcon]"></ng-content>
-    </span>
-    <ng-content></ng-content>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminNavItemMobileComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "id-header-inera-admin-nav-item-mobile",
-                    template: `
-    <span class="ids-header-inera-admin-nav-item-mobile__icon">
-      <span class="ids-icon-{{icon}}"></span>
-      <ng-content select="[idNavItemMobileIcon]"></ng-content>
-    </span>
-    <ng-content></ng-content>
-  `,
-                    standalone: true,
-                    host: {
-                        class: 'ids-header-inera-admin-nav-item-mobile',
-                        '[class.ids-header-inera-admin-nav-item-mobile--unresponsive]': 'header?.unresponsive'
-                    }
-                }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }] } });
-
 class IDHeaderIneraAdminModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminModule, imports: [IDHeaderIneraAdminComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminModule, imports: [IDHeaderIneraAdminComponent,
             IDHeaderIneraAdminAvatarComponent,
             IDHeaderIneraAdminAvatarMobileComponent,
             IDHeaderIneraAdminItemComponent,
@@ -722,9 +690,9 @@ class IDHeaderIneraAdminModule {
             IDHeaderIneraAdminSkipToContentComponent,
             IDHeaderIneraAdminNavItemMenuLinkComponent,
             IDHeaderIneraAdminBrandLinkDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraAdminModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderIneraAdminModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [