@inera/ids-angular 9.2.1 → 9.4.0

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

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 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 { ID_HEADER_CONTEXT, useFocusTrap, useEscapeKey, IDClickOutsideDirective, IDUseIdService } from '@inera/ids-angular/common';
 import { IDRegionIconComponent } from '@inera/ids-angular/components/region-icon';
 
@@ -9,9 +9,9 @@ class IDHeader1177ItemComponent {
     keepTextOnMobile = 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: IDHeader1177ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177ItemComponent, isStandalone: true, selector: "id-header-1177-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], keepTextOnMobile: ["keepTextOnMobile", "keepTextOnMobile", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-1177-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-item--mobile": "mobile", "class.ids-header-1177-item--keep-text": "keepTextOnMobile" }, classAttribute: "ids-header-1177-item" }, ngImport: i0, template: `
-    <div class="ids-header-1177-item-icon">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDHeader1177ItemComponent, isStandalone: true, selector: "id-header-1177-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], keepTextOnMobile: ["keepTextOnMobile", "keepTextOnMobile", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-1177-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-item--mobile": "mobile", "class.ids-header-1177-item--keep-text": "keepTextOnMobile" }, classAttribute: "ids-header-1177-item" }, ngImport: i0, template: `
+    <div class="ids-header-1177-item__icon">
       <ng-content name="[icon]"></ng-content>
       <span
         class="ids-icon-{{ icon }}"
@@ -21,12 +21,12 @@ class IDHeader1177ItemComponent {
     <ng-content></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177ItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177ItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-1177-item',
                     template: `
-    <div class="ids-header-1177-item-icon">
+    <div class="ids-header-1177-item__icon">
       <ng-content name="[icon]"></ng-content>
       <span
         class="ids-icon-{{ icon }}"
@@ -61,8 +61,8 @@ class IDHeader1177AvatarComponent {
     opened = new EventEmitter();
     closed = new EventEmitter();
     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);
     }
@@ -92,8 +92,8 @@ class IDHeader1177AvatarComponent {
     ngOnDestroy() {
         this.focusTrap.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AvatarComponent, isStandalone: true, selector: "id-header-1177-avatar", inputs: { username: "username", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-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: IDHeader1177AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeader1177AvatarComponent, isStandalone: true, selector: "id-header-1177-avatar", inputs: { username: "username", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-avatar" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="ids-header-1177-avatar__avatar"
     idClickOutside
     (idClickOutside)="handleCloseEvent()">
@@ -119,7 +119,7 @@ class IDHeader1177AvatarComponent {
     </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: IDHeader1177AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177AvatarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-avatar",
@@ -169,51 +169,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], menuContent: [{
-                type: ViewChild,
-                args: ['menuContent']
             }] } });
 
 class IDHeader1177NavComponent {
     hideOnTablet = false;
-    template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177NavComponent, isStandalone: true, selector: "id-header-1177-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    template = viewChild.required(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDHeader1177NavComponent, isStandalone: true, selector: "id-header-1177-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
       <div class="ids-header-1177-nav__inner">
-        <div class="ids-header-1177-nav__content">
-          <ng-content></ng-content>
-        </div>
-      </div>
-      <div class="ids-header-1177-nav__inner-mobile">
-        <div class="ids-header-1177-nav__inner-mobile-left">
-          <ng-content select="id-header-1177-region-picker-mobile"></ng-content>
-        </div>
-        <div class="ids-header-1177-nav__inner-mobile-right">
-          <ng-content select="id-header-1177-nav-item-mobile"></ng-content>
-        </div>
+        <ng-content></ng-content>
+        <ng-content select="id-header-1177-region-picker-mobile"></ng-content>
+        <ng-content select="id-header-1177-nav-item-mobile"></ng-content>
       </div>
     </ng-template>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177NavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-1177-nav',
                     template: `
     <ng-template>
       <div class="ids-header-1177-nav__inner">
-        <div class="ids-header-1177-nav__content">
-          <ng-content></ng-content>
-        </div>
-      </div>
-      <div class="ids-header-1177-nav__inner-mobile">
-        <div class="ids-header-1177-nav__inner-mobile-left">
-          <ng-content select="id-header-1177-region-picker-mobile"></ng-content>
-        </div>
-        <div class="ids-header-1177-nav__inner-mobile-right">
-          <ng-content select="id-header-1177-nav-item-mobile"></ng-content>
-        </div>
+        <ng-content></ng-content>
+        <ng-content select="id-header-1177-region-picker-mobile"></ng-content>
+        <ng-content select="id-header-1177-nav-item-mobile"></ng-content>
       </div>
     </ng-template>
   `,
@@ -222,16 +203,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], propDecorators: { hideOnTablet: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 
 class IDHeader1177SkipToContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177SkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177SkipToContent, isStandalone: true, selector: "id-header-1177-skip-to-content", host: { classAttribute: "ids-header-1177__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: IDHeader1177SkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeader1177SkipToContent, isStandalone: true, selector: "id-header-1177-skip-to-content", host: { classAttribute: "ids-header-1177__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: IDHeader1177SkipToContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177SkipToContent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-skip-to-content",
@@ -244,10 +222,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDHeader1177BrandLinkDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177BrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177BrandLinkDirective, isStandalone: true, selector: "a[idBrand1177Link]", host: { classAttribute: "ids-header-1177__logo-link" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177BrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IDHeader1177BrandLinkDirective, isStandalone: true, selector: "a[idBrand1177Link]", host: { classAttribute: "ids-header-1177__logo-link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177BrandLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177BrandLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "a[idBrand1177Link]",
@@ -262,27 +240,27 @@ class IDHeader1177Component {
     srBrandLabel = "Logotyp";
     brandHref;
     unresponsive = false;
-    items;
-    avatar;
-    nav;
-    brandLink;
-    skipToContent;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177Component, isStandalone: true, selector: "id-header-1177", inputs: { srBrandLabel: "srBrandLabel", brandHref: "brandHref", unresponsive: ["unresponsive", "unresponsive", booleanAttribute] }, providers: [
+    items = contentChildren(IDHeader1177ItemComponent);
+    avatar = contentChild(IDHeader1177AvatarComponent);
+    nav = contentChild(IDHeader1177NavComponent);
+    brandLink = contentChild(IDHeader1177BrandLinkDirective);
+    skipToContent = contentChild(IDHeader1177SkipToContent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeader1177Component, isStandalone: true, selector: "id-header-1177", inputs: { srBrandLabel: "srBrandLabel", brandHref: "brandHref", unresponsive: ["unresponsive", "unresponsive", booleanAttribute] }, providers: [
             {
                 provide: ID_HEADER_CONTEXT,
                 useExisting: IDHeader1177Component,
             },
-        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177NavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177BrandLinkDirective, descendants: true }, { propertyName: "skipToContent", first: true, predicate: IDHeader1177SkipToContent, descendants: true }, { propertyName: "items", predicate: IDHeader1177ItemComponent }], ngImport: i0, template: "<header class=\"ids-header-1177\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177__container\">\n    <div class=\"ids-header-1177__left\"></div>\n    <div class=\"ids-header-1177__inner\">\n      <div class=\"ids-header-1177__inner-left\">\n        <div class=\"ids-header-1177__logo-wrapper\">\n          <div class=\"ids-header-1177__logo\">\n            @if (brandLink) {\n              <ng-content select=\"[idBrand1177Link]\"></ng-content>\n            } @else {\n              <a\n                [attr.href]=\"brandHref\"\n                class=\"ids-header-1177__logo-link\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></a>\n            }\n          </div>\n        </div>\n        <ng-content select=\"id-header-1177-region-picker\"></ng-content>\n      </div>\n      <div class=\"ids-header-1177__inner-right\">\n        <ng-content select=\"id-header-1177-avatar\"></ng-content>\n        <ng-content select=\"id-header-1177-menu-mobile\"></ng-content>\n        @if (items.length > 0) {\n          <div class=\"ids-header-1177__items\">\n            <ng-content select=\"id-header-1177-item\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177__right\"></div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-nav\"\n      [class.ids-header-1177-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-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: IDHeader1177ItemComponent, isSignal: true }, { propertyName: "avatar", first: true, predicate: IDHeader1177AvatarComponent, descendants: true, isSignal: true }, { propertyName: "nav", first: true, predicate: IDHeader1177NavComponent, descendants: true, isSignal: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177BrandLinkDirective, descendants: true, isSignal: true }, { propertyName: "skipToContent", first: true, predicate: IDHeader1177SkipToContent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"ids-header-1177\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177__container\">\n    <div class=\"ids-header-1177__left\"></div>\n    <div class=\"ids-header-1177__inner\">\n      <div class=\"ids-header-1177__inner-left\">\n        <div class=\"ids-header-1177__logo-wrapper\">\n          <div class=\"ids-header-1177__logo\">\n            @if (brandLink()) {\n              <ng-content select=\"[idBrand1177Link]\"></ng-content>\n            } @else {\n              <a\n                [attr.href]=\"brandHref\"\n                class=\"ids-header-1177__logo-link\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></a>\n            }\n          </div>\n        </div>\n        <ng-content select=\"id-header-1177-region-picker\"></ng-content>\n      </div>\n      <div class=\"ids-header-1177__inner-right\">\n        <ng-content select=\"id-header-1177-avatar\"></ng-content>\n        <ng-content select=\"id-header-1177-menu-mobile\"></ng-content>\n        @if (items().length > 0) {\n          <div class=\"ids-header-1177__items\">\n            <ng-content select=\"id-header-1177-item\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177__right\"></div>\n  </div>\n  @if (nav()) {\n    <nav\n      class=\"ids-header-1177-nav\"\n      [class.ids-header-1177-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Component, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Component, decorators: [{
             type: Component,
             args: [{ selector: "id-header-1177", standalone: true, providers: [
                         {
                             provide: ID_HEADER_CONTEXT,
                             useExisting: IDHeader1177Component,
                         },
-                    ], imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177__container\">\n    <div class=\"ids-header-1177__left\"></div>\n    <div class=\"ids-header-1177__inner\">\n      <div class=\"ids-header-1177__inner-left\">\n        <div class=\"ids-header-1177__logo-wrapper\">\n          <div class=\"ids-header-1177__logo\">\n            @if (brandLink) {\n              <ng-content select=\"[idBrand1177Link]\"></ng-content>\n            } @else {\n              <a\n                [attr.href]=\"brandHref\"\n                class=\"ids-header-1177__logo-link\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></a>\n            }\n          </div>\n        </div>\n        <ng-content select=\"id-header-1177-region-picker\"></ng-content>\n      </div>\n      <div class=\"ids-header-1177__inner-right\">\n        <ng-content select=\"id-header-1177-avatar\"></ng-content>\n        <ng-content select=\"id-header-1177-menu-mobile\"></ng-content>\n        @if (items.length > 0) {\n          <div class=\"ids-header-1177__items\">\n            <ng-content select=\"id-header-1177-item\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177__right\"></div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-nav\"\n      [class.ids-header-1177-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-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 class=\"ids-header-1177\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177__container\">\n    <div class=\"ids-header-1177__left\"></div>\n    <div class=\"ids-header-1177__inner\">\n      <div class=\"ids-header-1177__inner-left\">\n        <div class=\"ids-header-1177__logo-wrapper\">\n          <div class=\"ids-header-1177__logo\">\n            @if (brandLink()) {\n              <ng-content select=\"[idBrand1177Link]\"></ng-content>\n            } @else {\n              <a\n                [attr.href]=\"brandHref\"\n                class=\"ids-header-1177__logo-link\"\n                [attr.aria-label]=\"srBrandLabel\"\n              ></a>\n            }\n          </div>\n        </div>\n        <ng-content select=\"id-header-1177-region-picker\"></ng-content>\n      </div>\n      <div class=\"ids-header-1177__inner-right\">\n        <ng-content select=\"id-header-1177-avatar\"></ng-content>\n        <ng-content select=\"id-header-1177-menu-mobile\"></ng-content>\n        @if (items().length > 0) {\n          <div class=\"ids-header-1177__items\">\n            <ng-content select=\"id-header-1177-item\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177__right\"></div>\n  </div>\n  @if (nav()) {\n    <nav\n      class=\"ids-header-1177-nav\"\n      [class.ids-header-1177-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-nav--hide-on-tablet]=\"nav()!.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav()!.template()\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
         }], propDecorators: { srBrandLabel: [{
                 type: Input
             }], brandHref: [{
@@ -290,32 +268,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], unresponsive: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], items: [{
-                type: ContentChildren,
-                args: [IDHeader1177ItemComponent]
-            }], avatar: [{
-                type: ContentChild,
-                args: [IDHeader1177AvatarComponent]
-            }], nav: [{
-                type: ContentChild,
-                args: [IDHeader1177NavComponent]
-            }], brandLink: [{
-                type: ContentChild,
-                args: [IDHeader1177BrandLinkDirective]
-            }], skipToContent: [{
-                type: ContentChild,
-                args: [IDHeader1177SkipToContent]
             }] } });
 
 class IDHeader1177RegionPickerComponent {
-    text = "Välj region";
+    text = 'Välj region';
     expanded = false;
     regionSelected = false;
     expandedChange = new EventEmitter();
     opened = new EventEmitter();
     closed = new EventEmitter();
-    regionIcon;
-    template;
+    regionIcon = contentChild(IDRegionIconComponent);
+    template = viewChild.required(TemplateRef);
     toggleRegion() {
         this.expanded = !this.expanded;
         this.expandedChange.emit(this.expanded);
@@ -326,46 +289,56 @@ class IDHeader1177RegionPickerComponent {
             this.closed.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177RegionPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177RegionPickerComponent, isStandalone: true, selector: "id-header-1177-region-picker", inputs: { text: "text", expanded: ["expanded", "expanded", booleanAttribute], regionSelected: ["regionSelected", "regionSelected", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-1177__region-picker" }, queries: [{ propertyName: "regionIcon", first: true, predicate: IDRegionIconComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
-    <div class="ids-header-1177-region-picker"
-      [class.ids-header-1177-region-picker--selected-region]="regionIcon || regionSelected">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177RegionPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDHeader1177RegionPickerComponent, isStandalone: true, selector: "id-header-1177-region-picker", inputs: { text: "text", expanded: ["expanded", "expanded", booleanAttribute], regionSelected: ["regionSelected", "regionSelected", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-1177__region-picker" }, queries: [{ propertyName: "regionIcon", first: true, predicate: IDRegionIconComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      class="ids-header-1177-region-picker"
+      [class.ids-header-1177-region-picker--selected-region]="regionIcon() || regionSelected"
+    >
       <div class="ids-header-1177-region-picker__region-icon">
         <ng-content></ng-content>
       </div>
       <div class="ids-header-1177-region-picker__selector">
-        <button 
+        <button
           (click)="toggleRegion()"
           class="ids-header-1177-region-picker__button"
-          [class.ids-header-1177-region-picker__button--expanded]="expanded">
-          {{text}}
+          [attr.aria-expanded]="expanded ? 'true' : 'false'"
+          [class.ids-header-1177-region-picker__button--expanded]="expanded"
+        >
+          {{ text }}
         </button>
       </div>
-    </div>`, isInline: true });
+    </div>
+  `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177RegionPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177RegionPickerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-region-picker",
+                    selector: 'id-header-1177-region-picker',
                     template: `
-    <div class="ids-header-1177-region-picker"
-      [class.ids-header-1177-region-picker--selected-region]="regionIcon || regionSelected">
+    <div
+      class="ids-header-1177-region-picker"
+      [class.ids-header-1177-region-picker--selected-region]="regionIcon() || regionSelected"
+    >
       <div class="ids-header-1177-region-picker__region-icon">
         <ng-content></ng-content>
       </div>
       <div class="ids-header-1177-region-picker__selector">
-        <button 
+        <button
           (click)="toggleRegion()"
           class="ids-header-1177-region-picker__button"
-          [class.ids-header-1177-region-picker__button--expanded]="expanded">
-          {{text}}
+          [attr.aria-expanded]="expanded ? 'true' : 'false'"
+          [class.ids-header-1177-region-picker__button--expanded]="expanded"
+        >
+          {{ text }}
         </button>
       </div>
-    </div>`,
+    </div>
+  `,
                     standalone: true,
                     host: {
-                        class: 'ids-header-1177__region-picker'
-                    }
+                        class: 'ids-header-1177__region-picker',
+                    },
                 }]
         }], propDecorators: { text: [{
                 type: Input
@@ -381,19 +354,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], regionIcon: [{
-                type: ContentChild,
-                args: [IDRegionIconComponent]
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 
 class IDHeader1177RegionPickerMobileComponent {
-    text = "Välj region";
+    text = 'Välj region';
     expanded = false;
     regionSelected = false;
-    regionIcon;
+    regionIcon = contentChild(IDRegionIconComponent);
     expandedChange = new EventEmitter();
     opened = new EventEmitter();
     closed = new EventEmitter();
@@ -407,41 +374,51 @@ class IDHeader1177RegionPickerMobileComponent {
             this.closed.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177RegionPickerMobileComponent, isStandalone: true, selector: "id-header-1177-region-picker-mobile", inputs: { text: "text", expanded: ["expanded", "expanded", booleanAttribute], regionSelected: ["regionSelected", "regionSelected", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "regionIcon", first: true, predicate: IDRegionIconComponent, descendants: true }], ngImport: i0, template: `
-  <div class="ids-header-1177-region-picker-mobile"
-    [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon || regionSelected">
-    <button 
-      (click)="toggleExpansion()"
-      class="ids-header-1177-region-picker-mobile__button"
-      [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
-      [attr.aria-label]="text">
-      <div class="ids-header-1177-region-picker-mobile__region-icon">
-        <ng-content></ng-content>
-      </div>
-      <span class="ids-header-1177-region-picker-mobile__button-text"> {{text}}</span>
-    </button>
-  </div>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDHeader1177RegionPickerMobileComponent, isStandalone: true, selector: "id-header-1177-region-picker-mobile", inputs: { text: "text", expanded: ["expanded", "expanded", booleanAttribute], regionSelected: ["regionSelected", "regionSelected", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "regionIcon", first: true, predicate: IDRegionIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      class="ids-header-1177-region-picker-mobile"
+      [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon() || regionSelected"
+    >
+      <button
+        (click)="toggleExpansion()"
+        class="ids-header-1177-region-picker-mobile__button"
+        [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded ? 'true' : 'false'"
+        [attr.aria-label]="text"
+      >
+        <div class="ids-header-1177-region-picker-mobile__region-icon">
+          <ng-content></ng-content>
+        </div>
+        <span class="ids-header-1177-region-picker-mobile__button-text">{{ text }}</span>
+      </button>
+    </div>
+  `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-region-picker-mobile",
+                    selector: 'id-header-1177-region-picker-mobile',
                     template: `
-  <div class="ids-header-1177-region-picker-mobile"
-    [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon || regionSelected">
-    <button 
-      (click)="toggleExpansion()"
-      class="ids-header-1177-region-picker-mobile__button"
-      [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
-      [attr.aria-label]="text">
-      <div class="ids-header-1177-region-picker-mobile__region-icon">
-        <ng-content></ng-content>
-      </div>
-      <span class="ids-header-1177-region-picker-mobile__button-text"> {{text}}</span>
-    </button>
-  </div>`,
-                    standalone: true
+    <div
+      class="ids-header-1177-region-picker-mobile"
+      [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon() || regionSelected"
+    >
+      <button
+        (click)="toggleExpansion()"
+        class="ids-header-1177-region-picker-mobile__button"
+        [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded ? 'true' : 'false'"
+        [attr.aria-label]="text"
+      >
+        <div class="ids-header-1177-region-picker-mobile__region-icon">
+          <ng-content></ng-content>
+        </div>
+        <span class="ids-header-1177-region-picker-mobile__button-text">{{ text }}</span>
+      </button>
+    </div>
+  `,
+                    standalone: true,
                 }]
         }], propDecorators: { text: [{
                 type: Input
@@ -451,9 +428,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], regionSelected: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], regionIcon: [{
-                type: ContentChild,
-                args: [IDRegionIconComponent]
             }], expandedChange: [{
                 type: Output
             }], opened: [{
@@ -463,11 +437,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDHeader1177AvatarAgentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AvatarAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177AvatarAgentComponent, isStandalone: true, selector: "id-header-1177-avatar-agent", host: { classAttribute: "ids-header-1177-avatar__agent" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177AvatarAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeader1177AvatarAgentComponent, isStandalone: true, selector: "id-header-1177-avatar-agent", host: { classAttribute: "ids-header-1177-avatar__agent" }, ngImport: i0, template: `
     <ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AvatarAgentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177AvatarAgentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-1177-avatar-agent',
@@ -487,10 +461,10 @@ class IDHeader1177NavItemComponent {
     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-1177-nav-item');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
@@ -515,8 +489,8 @@ class IDHeader1177NavItemComponent {
         this.expandedChange.emit(false);
         this.activeChange.emit(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177NavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177NavItemComponent, isStandalone: true, selector: "id-header-1177-nav-item", inputs: { label: "label", notifications: "notifications", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-1177-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-1177-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-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: IDHeader1177NavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeader1177NavItemComponent, isStandalone: true, selector: "id-header-1177-nav-item", inputs: { label: "label", notifications: "notifications", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-1177-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-1177-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-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()">
@@ -538,22 +512,22 @@ class IDHeader1177NavItemComponent {
       [class.ids-header-1177-nav-item__menu--expanded]="expanded">
       <div class="ids-header-1177-nav-item__menu-content">
         <div class="ids-header-1177-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-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: IDHeader1177NavItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-nav-item",
@@ -579,16 +553,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       [class.ids-header-1177-nav-item__menu--expanded]="expanded">
       <div class="ids-header-1177-nav-item__menu-content">
         <div class="ids-header-1177-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-1177-nav-item__menu-col-4">
-          <ng-container *ngTemplateOutlet="col4"></ng-container>
+          <ng-container *ngTemplateOutlet="col4() ?? null"></ng-container>
         </div>
       </div>
     </div>
@@ -617,25 +591,13 @@ 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 IDHeader1177NavItemMobileComponent {
     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: IDHeader1177NavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177NavItemMobileComponent, isStandalone: true, selector: "id-header-1177-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-1177-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-nav-item-mobile" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeader1177NavItemMobileComponent, isStandalone: true, selector: "id-header-1177-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-1177-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-nav-item-mobile" }, ngImport: i0, template: `
     <span class="ids-header-1177-nav-item-mobile__icon">
       <span class="ids-icon-{{icon}}"></span>
       <ng-content select="[idNavItemMobileIcon]"></ng-content>
@@ -643,7 +605,7 @@ class IDHeader1177NavItemMobileComponent {
     <ng-content></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177NavItemMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavItemMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-nav-item-mobile",
@@ -670,8 +632,8 @@ class IDHeader1177MenuMobileComponent {
     toggleExpansion() {
         this.expanded = !this.expanded;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177MenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177MenuMobileComponent, isStandalone: true, selector: "id-header-1177-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { properties: { "class.ids-header-1177-menu-mobile--unresponsive": "header?.unresponsive", "class.ids-header-1177-menu-mobile--expanded": "expanded" }, classAttribute: "ids-header-1177-menu-mobile" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177MenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDHeader1177MenuMobileComponent, isStandalone: true, selector: "id-header-1177-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { properties: { "class.ids-header-1177-menu-mobile--unresponsive": "header?.unresponsive", "class.ids-header-1177-menu-mobile--expanded": "expanded" }, classAttribute: "ids-header-1177-menu-mobile" }, ngImport: i0, template: `
   <button 
     (click)="toggleExpansion()"
     aria-label="Meny"
@@ -687,7 +649,7 @@ class IDHeader1177MenuMobileComponent {
     </nav>
     }`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177MenuMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177MenuMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-menu-mobile",
@@ -719,10 +681,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDHeader1177NavItemMenuLinkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177NavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177NavItemMenuLinkComponent, isStandalone: true, selector: "id-header-1177-nav-item-menu-link", host: { classAttribute: "ids-header-1177-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: IDHeader1177NavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeader1177NavItemMenuLinkComponent, isStandalone: true, selector: "id-header-1177-nav-item-menu-link", host: { classAttribute: "ids-header-1177-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: IDHeader1177NavItemMenuLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177NavItemMenuLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-nav-item-menu-link",
@@ -735,8 +697,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDHeader1177Module {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Module, imports: [IDHeader1177Component,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Module, imports: [IDHeader1177Component,
             IDHeader1177RegionPickerComponent,
             IDHeader1177RegionPickerMobileComponent,
             IDHeader1177AvatarComponent,
@@ -761,9 +723,9 @@ class IDHeader1177Module {
             IDHeader1177SkipToContent,
             IDHeader1177NavItemMenuLinkComponent,
             IDHeader1177BrandLinkDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Module });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Module });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177Module, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeader1177Module, decorators: [{
             type: NgModule,
             args: [{
                     imports: [