@inera/ids-angular 9.0.2 → 9.2.0

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

@@ -1,11 +1,11 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, booleanAttribute, Output, Input, Component, TemplateRef, ViewChild, Directive, ContentChild, NgModule } from '@angular/core';
-import { IDUseIdService, ID_HEADER_CONTEXT, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
+import { EventEmitter, inject, booleanAttribute, ViewChild, Output, Input, Component, TemplateRef, Directive, ContentChild, NgModule } from '@angular/core';
+import { IDUseIdService, ID_HEADER_CONTEXT, useFocusTrap, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
 
 class IDHeader1177AdminAvatarComponent {
-    username = "";
-    unit = "";
+    username = '';
+    unit = '';
     persistent = false;
     expanded = false;
     expandedChange = new EventEmitter();
@@ -14,6 +14,8 @@ class IDHeader1177AdminAvatarComponent {
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-1177-admin-avatar');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    menuContent;
+    focusTrap = useFocusTrap(() => this.menuContent, { disabled: () => !this.expanded });
     constructor() {
         useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
     }
@@ -23,6 +25,7 @@ class IDHeader1177AdminAvatarComponent {
         }
     }
     closeAvatar() {
+        this.focusTrap.destroy();
         this.expanded = false;
         this.expandedChange.emit(false);
         this.closed.emit();
@@ -31,86 +34,123 @@ class IDHeader1177AdminAvatarComponent {
         this.expanded = !this.expanded;
         this.expandedChange.emit(this.expanded);
         if (this.expanded) {
+            this.focusTrap.create();
             this.opened.emit();
         }
         else {
+            this.focusTrap.destroy();
             this.closed.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarComponent, isStandalone: true, selector: "id-header-1177-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-avatar" }, ngImport: i0, template: `
-    <div class="ids-header-1177-admin-avatar__avatar"
-    idClickOutside
-    (idClickOutside)="handleCloseEvent()">
-      <div class="ids-header-1177-admin-avatar__menu-wrapper">
-        <button 
-        (click)="toggleAvatar()"
-        [attr.aria-controls]="contentId"
-        class="ids-header-1177-admin-avatar__button"
-        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
-        [attr.aria-expanded]="expanded">
-          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
-            {{username}}
-            @if(unit) {
-              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
-              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
-            }
+    ngOnDestroy() {
+        this.focusTrap.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminAvatarComponent, isStandalone: true, selector: "id-header-1177-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-avatar" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: `
+    <div
+      class="ids-header-1177-admin-avatar__avatar"
+      idClickOutside
+      (idClickOutside)="handleCloseEvent()"
+    >
+      <div
+        #menuContent
+        class="ids-header-1177-admin-avatar__menu-wrapper"
+      >
+        <button
+          (click)="toggleAvatar()"
+          [attr.aria-controls]="contentId"
+          class="ids-header-1177-admin-avatar__button"
+          [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+          [attr.aria-expanded]="expanded"
+        >
+          <div
+            class="ids-header-1177-admin-avatar__name"
+            [attr.title]="username"
+          >
+            {{ username }}
           </div>
+          @if (unit) {
+            <div
+              [attr.title]="unit"
+              class="ids-header-1177-admin-avatar__unit"
+            >
+              {{ unit }}
+            </div>
+          }
         </button>
-        @if(expanded){
-          <div [attr.id]="contentId"
-          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
-          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
-          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
-          <div class="ids-header-1177-admin-avatar__menu-links">
-            <ng-content></ng-content>
+        @if (expanded) {
+          <div
+            [attr.id]="contentId"
+            class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+            [class.ids-header-1177-admin-avatar__menu--expanded]="expanded"
+          >
+            <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+            <div class="ids-header-1177-admin-avatar__menu-links">
+              <ng-content></ng-content>
+            </div>
           </div>
-        </div>
         }
+      </div>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-admin-avatar",
+                    selector: 'id-header-1177-admin-avatar',
                     template: `
-    <div class="ids-header-1177-admin-avatar__avatar"
-    idClickOutside
-    (idClickOutside)="handleCloseEvent()">
-      <div class="ids-header-1177-admin-avatar__menu-wrapper">
-        <button 
-        (click)="toggleAvatar()"
-        [attr.aria-controls]="contentId"
-        class="ids-header-1177-admin-avatar__button"
-        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
-        [attr.aria-expanded]="expanded">
-          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
-            {{username}}
-            @if(unit) {
-              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
-              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
-            }
+    <div
+      class="ids-header-1177-admin-avatar__avatar"
+      idClickOutside
+      (idClickOutside)="handleCloseEvent()"
+    >
+      <div
+        #menuContent
+        class="ids-header-1177-admin-avatar__menu-wrapper"
+      >
+        <button
+          (click)="toggleAvatar()"
+          [attr.aria-controls]="contentId"
+          class="ids-header-1177-admin-avatar__button"
+          [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+          [attr.aria-expanded]="expanded"
+        >
+          <div
+            class="ids-header-1177-admin-avatar__name"
+            [attr.title]="username"
+          >
+            {{ username }}
           </div>
+          @if (unit) {
+            <div
+              [attr.title]="unit"
+              class="ids-header-1177-admin-avatar__unit"
+            >
+              {{ unit }}
+            </div>
+          }
         </button>
-        @if(expanded){
-          <div [attr.id]="contentId"
-          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
-          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
-          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
-          <div class="ids-header-1177-admin-avatar__menu-links">
-            <ng-content></ng-content>
+        @if (expanded) {
+          <div
+            [attr.id]="contentId"
+            class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+            [class.ids-header-1177-admin-avatar__menu--expanded]="expanded"
+          >
+            <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+            <div class="ids-header-1177-admin-avatar__menu-links">
+              <ng-content></ng-content>
+            </div>
           </div>
-        </div>
         }
+      </div>
     </div>
   `,
                     standalone: true,
                     imports: [IDClickOutsideDirective],
                     host: {
                         class: 'ids-header-1177-admin-avatar',
-                        '[class.ids-header-1177-admin-avatar--unresponsive]': 'header?.unresponsive'
-                    }
+                        '[class.ids-header-1177-admin-avatar--unresponsive]': 'header?.unresponsive',
+                    },
                 }]
         }], ctorParameters: () => [], propDecorators: { username: [{
                 type: Input
@@ -128,25 +168,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
+            }], menuContent: [{
+                type: ViewChild,
+                args: ['menuContent']
             }] } });
 
 class IDHeader1177AdminNavComponent {
     hideOnTablet = false;
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDHeader1177AdminNavComponent, isStandalone: true, selector: "id-header-1177-admin-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177AdminNavComponent, isStandalone: true, selector: "id-header-1177-admin-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <div class="ids-header-1177-admin-nav__inner">
         <div class="ids-header-1177-admin-nav__items">
           <ng-content></ng-content>
         </div>
       </div>
-    </ng-template>`, isInline: true });
+    </ng-template>
+  `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-header-1177-admin-nav",
+                    selector: 'id-header-1177-admin-nav',
                     template: `
     <ng-template>
       <div class="ids-header-1177-admin-nav__inner">
@@ -154,8 +198,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <ng-content></ng-content>
         </div>
       </div>
-    </ng-template>`,
-                    standalone: true
+    </ng-template>
+  `,
+                    standalone: true,
                 }]
         }], propDecorators: { hideOnTablet: [{
                 type: Input,
@@ -166,10 +211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDHeader1177AdminBrandLinkDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminBrandLinkDirective, isStandalone: true, selector: "a[idBrand1177AdminLink]", host: { classAttribute: "ids-header-1177-admin__logo-link" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177AdminBrandLinkDirective, isStandalone: true, selector: "a[idBrand1177AdminLink]", host: { classAttribute: "ids-header-1177-admin__logo-link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "a[idBrand1177AdminLink]",
@@ -190,22 +235,22 @@ class IDHeader1177AdminComponent {
     avatar;
     nav;
     brandLink;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminComponent, isStandalone: true, selector: "id-header-1177-admin", inputs: { brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], brandHref: "brandHref", srBrandLabel: "srBrandLabel" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminComponent, isStandalone: true, selector: "id-header-1177-admin", inputs: { brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], brandHref: "brandHref", srBrandLabel: "srBrandLabel" }, providers: [
             {
                 provide: ID_HEADER_CONTEXT,
                 useExisting: IDHeader1177AdminComponent,
             },
-        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177AdminBrandLinkDirective, descendants: true }], ngImport: i0, template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177AdminBrandLinkDirective, descendants: true }], ngImport: i0, template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\">\n        @if (brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a\n            [attr.href]=\"brandHref\"\n            class=\"ids-header-1177-admin__logo-link\"\n            [attr.aria-label]=\"srBrandLabel\"\n          ></a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if (brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextTop }}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{ brandText }}</div>\n        @if (brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextBottom }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\">\n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-1177-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-header-1177-admin", providers: [
                         {
                             provide: ID_HEADER_CONTEXT,
                             useExisting: IDHeader1177AdminComponent,
                         },
-                    ], standalone: true, imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>" }]
+                    ], standalone: true, imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\">\n        @if (brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a\n            [attr.href]=\"brandHref\"\n            class=\"ids-header-1177-admin__logo-link\"\n            [attr.aria-label]=\"srBrandLabel\"\n          ></a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if (brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextTop }}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{ brandText }}</div>\n        @if (brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{ brandTextBottom }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\">\n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if (nav) {\n    <nav\n      class=\"ids-header-1177-admin-nav\"\n      aria-label=\"Huvudmeny\"\n      [class.ids-header-1177-admin-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin-nav--hide-on-tablet]=\"nav.hideOnTablet\"\n    >\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>\n" }]
         }], propDecorators: { brandText: [{
                 type: Input
             }], brandTextTop: [{
@@ -231,10 +276,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDHeader1177AdminSkipToContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminSkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminSkipToContent, isStandalone: true, selector: "id-header-1177-admin-skip-to-content", host: { classAttribute: "ids-header-1177-admin__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminSkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177AdminSkipToContent, isStandalone: true, selector: "id-header-1177-admin-skip-to-content", host: { classAttribute: "ids-header-1177-admin__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminSkipToContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminSkipToContent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-skip-to-content",
@@ -250,15 +295,15 @@ class IDHeader1177AdminItemComponent {
     mobile = false;
     icon;
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDHeader1177AdminItemComponent, isStandalone: true, selector: "id-header-1177-admin-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-1177-admin-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-item--mobile": "mobile" }, classAttribute: "ids-header-1177-admin-item" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeader1177AdminItemComponent, isStandalone: true, selector: "id-header-1177-admin-item", inputs: { mobile: ["mobile", "mobile", booleanAttribute], icon: "icon" }, host: { properties: { "class.ids-header-1177-admin-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-item--mobile": "mobile" }, classAttribute: "ids-header-1177-admin-item" }, ngImport: i0, template: `
     <div class="ids-header-1177-admin-item-icon">
       <ng-content name=[icon]></ng-content>
       <span class="ids-icon-{{icon}}" aria-hidden="true"></span>
     </div>
     <ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-header-1177-admin-item',
@@ -288,8 +333,8 @@ class IDHeader1177AdminMenuMobileComponent {
     toggleExpansion() {
         this.expanded = !this.expanded;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminMenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminMenuMobileComponent, isStandalone: true, selector: "id-header-1177-admin-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { classAttribute: "ids-header-1177-admin__mobile-menu" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminMenuMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminMenuMobileComponent, isStandalone: true, selector: "id-header-1177-admin-menu-mobile", inputs: { expanded: ["expanded", "expanded", booleanAttribute] }, host: { classAttribute: "ids-header-1177-admin__mobile-menu" }, ngImport: i0, template: `
   <div 
     class="ids-header-1177-admin-menu-mobile"
     [class.ids-header-1177-admin-menu-mobile--unresponsive]="header?.unresponsive"
@@ -310,7 +355,7 @@ class IDHeader1177AdminMenuMobileComponent {
     }
   </div>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminMenuMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminMenuMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-menu-mobile",
@@ -355,6 +400,8 @@ class IDHeader1177AdminAvatarMobileComponent {
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-1177-admin-avatar');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    menuContent;
+    focusTrap = useFocusTrap(() => this.menuContent, { disabled: () => !this.expanded });
     constructor() {
         useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
     }
@@ -364,6 +411,7 @@ class IDHeader1177AdminAvatarMobileComponent {
         }
     }
     closeAvatar() {
+        this.focusTrap.destroy();
         this.expanded = false;
         this.expandedChange.emit(false);
         this.closed.emit();
@@ -372,15 +420,20 @@ class IDHeader1177AdminAvatarMobileComponent {
         this.expanded = !this.expanded;
         this.expandedChange.emit(this.expanded);
         if (this.expanded) {
+            this.focusTrap.create();
             this.opened.emit();
         }
         else {
+            this.focusTrap.destroy();
             this.closed.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarMobileComponent, isStandalone: true, selector: "id-header-1177-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: ["expanded", "expanded", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-1177-admin-avatar-mobile" }, ngImport: i0, template: `
-    <div class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
+    ngOnDestroy() {
+        this.focusTrap.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminAvatarMobileComponent, isStandalone: true, selector: "id-header-1177-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: ["expanded", "expanded", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-1177-admin-avatar-mobile" }, viewQueries: [{ propertyName: "menuContent", first: true, predicate: ["menuContent"], descendants: true }], ngImport: i0, template: `
+    <div #menuContent class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
     idClickOutside
     (idClickOutside)="handleCloseEvent()">
       <button
@@ -395,7 +448,7 @@ class IDHeader1177AdminAvatarMobileComponent {
             {{username}}
           </div>
       </button>
-      <div 
+      <div
         class="ids-header-1177-admin-avatar-mobile__menu"
         [attr.id]="contentId"
         [class.ids-header-1177-admin-avatar-mobile__menu--expanded]="expanded">
@@ -409,12 +462,12 @@ class IDHeader1177AdminAvatarMobileComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-avatar-mobile",
                     template: `
-    <div class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
+    <div #menuContent class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
     idClickOutside
     (idClickOutside)="handleCloseEvent()">
       <button
@@ -429,7 +482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             {{username}}
           </div>
       </button>
-      <div 
+      <div
         class="ids-header-1177-admin-avatar-mobile__menu"
         [attr.id]="contentId"
         [class.ids-header-1177-admin-avatar-mobile__menu--expanded]="expanded">
@@ -464,6 +517,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
+            }], menuContent: [{
+                type: ViewChild,
+                args: ['menuContent']
             }] } });
 
 class IDHeader1177AdminNavItemComponent {
@@ -492,19 +548,17 @@ class IDHeader1177AdminNavItemComponent {
         }
     }
     expandItem() {
-        this.active = true;
         this.expanded = true;
         this.expandedChange.emit(true);
         this.activeChange.emit(true);
     }
     closeItem() {
-        this.active = false;
         this.expanded = false;
         this.expandedChange.emit(false);
         this.activeChange.emit(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminNavItemComponent, isStandalone: true, selector: "id-header-1177-admin-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-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-nav-item--active": "active", "attr.aria-current": "active", "class.ids-header-1177-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-admin-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeader1177AdminNavItemComponent, isStandalone: true, selector: "id-header-1177-admin-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-admin-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-1177-admin-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-1177-admin-nav-item--expanded": "expanded" }, classAttribute: "ids-header-1177-admin-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
   <div
     idClickOutside
     (idClickOutside)="closeItem()">
@@ -541,7 +595,7 @@ class IDHeader1177AdminNavItemComponent {
     </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: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-nav-item",
@@ -586,7 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     host: {
                         class: 'ids-header-1177-admin-nav-item',
                         '[class.ids-header-1177-admin-nav-item--unresponsive]': 'header?.unresponsive',
-                        '[class.ids-header-1177-admin-nav-item--active]': 'active',
+                        '[class.ids-header-1177-admin-nav-item--active]': 'active || expanded',
                         '[attr.aria-current]': 'active',
                         '[class.ids-header-1177-admin-nav-item--expanded]': 'expanded'
                     }
@@ -620,10 +674,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDHeader1177AdminNavItemMenuLinkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminNavItemMenuLinkComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item-menu-link", host: { classAttribute: "ids-header-1177-admin-nav__menu-item-wrapper" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177AdminNavItemMenuLinkComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item-menu-link", host: { classAttribute: "ids-header-1177-admin-nav__menu-item-wrapper" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemMenuLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemMenuLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-nav-item-menu-link",
@@ -638,8 +692,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class IDHeader1177AdminNavItemMobileComponent {
     icon;
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminNavItemMobileComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-1177-admin-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-nav-item-mobile" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeader1177AdminNavItemMobileComponent, isStandalone: true, selector: "id-header-1177-admin-nav-item-mobile", inputs: { icon: "icon" }, host: { properties: { "class.ids-header-1177-admin-nav-item-mobile--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-nav-item-mobile" }, ngImport: i0, template: `
     <span class="ids-header-1177-admin-nav-item-mobile__icon">
       <span class="ids-icon-{{icon}}"></span>
       <ng-content select="[idNavItemMobileIcon]"></ng-content>
@@ -647,7 +701,7 @@ class IDHeader1177AdminNavItemMobileComponent {
     <ng-content></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminNavItemMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminNavItemMobileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-1177-admin-nav-item-mobile",
@@ -669,8 +723,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDHeader1177AdminModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminModule, imports: [IDHeader1177AdminComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminModule, imports: [IDHeader1177AdminComponent,
             IDHeader1177AdminAvatarComponent,
             IDHeader1177AdminAvatarMobileComponent,
             IDHeader1177AdminItemComponent,
@@ -691,9 +745,9 @@ class IDHeader1177AdminModule {
             IDHeader1177AdminSkipToContent,
             IDHeader1177AdminNavItemMenuLinkComponent,
             IDHeader1177AdminBrandLinkDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeader1177AdminModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [