@inera/ids-angular 9.3.0 → 9.4.0

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

@@ -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 }}"
@@ -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, isSignal: 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",
@@ -174,43 +174,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDHeader1177NavComponent {
     hideOnTablet = false;
     template = viewChild.required(TemplateRef);
-    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: "17.2.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, isSignal: true }], ngImport: i0, template: `
+    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,10 +206,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 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",
@@ -238,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]",
@@ -261,22 +245,22 @@ class IDHeader1177Component {
     nav = contentChild(IDHeader1177NavComponent);
     brandLink = contentChild(IDHeader1177BrandLinkDirective);
     skipToContent = contentChild(IDHeader1177SkipToContent);
-    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: [
+    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: "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"] }] });
+        ], 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: [{
@@ -287,7 +271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDHeader1177RegionPickerComponent {
-    text = "Välj region";
+    text = 'Välj region';
     expanded = false;
     regionSelected = false;
     expandedChange = new EventEmitter();
@@ -305,48 +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: "17.2.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, 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">
+    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"
-          [attr.aria-expanded]='expanded ? "true" : "false"'
-          [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"
-          [attr.aria-expanded]='expanded ? "true" : "false"'
-          [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
@@ -382,8 +374,8 @@ 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: "17.2.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, isSignal: true }], ngImport: i0, template: `
+    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"
@@ -403,7 +395,7 @@ class IDHeader1177RegionPickerMobileComponent {
     </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',
@@ -445,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',
@@ -497,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, 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: `
+    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()">
@@ -535,7 +527,7 @@ class IDHeader1177NavItemComponent {
     </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",
@@ -604,8 +596,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 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>
@@ -613,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",
@@ -640,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"
@@ -657,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",
@@ -689,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",
@@ -705,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,
@@ -731,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: [