@inera/ids-angular 1.9.0 → 1.10.0

package/fesm2015/inera-ids-angular.js

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA, ViewEncapsulation, HostBinding } from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA, ViewEncapsulation, Injectable, HostBinding } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import '@inera/ids-core/components/alert/register';
 import '@inera/ids-core/components/alert-global/register';
+import '@inera/ids-core/components/agent/register';
 import '@inera/ids-core/components/button/register';
 import '@inera/ids-core/components/button-group/register';
 import * as i1 from '@angular/platform-browser';
@@ -140,6 +141,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+class IDAgentComponent {
+    constructor() {
+        this.expanded = true;
+        this.headline = '';
+        this.showText = '';
+        this.hideText = '';
+        this.didToggleExpansion = new EventEmitter();
+    }
+}
+IDAgentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDAgentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0, template: "<ids-agent\n  [showtext]=\"showText\"\n  [hidetext]=\"hideText\"\n  [expanded]=\"expanded\"\n  (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\n  <h3 slot=\"alert-headline\" *ngIf=\"headline\">\n    {{headline}}\n  </h3>\n  <ng-content></ng-content>\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-agent',
+                    templateUrl: './agent.component.html',
+                    styles: [':host { display: block; }']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { expanded: [{
+                type: Input
+            }], headline: [{
+                type: Input
+            }], showText: [{
+                type: Input
+            }], hideText: [{
+                type: Input
+            }], didToggleExpansion: [{
+                type: Output
+            }] } });
+
+class IDAgentModule {
+}
+IDAgentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDAgentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentModule, declarations: [IDAgentComponent], imports: [CommonModule], exports: [IDAgentComponent] });
+IDAgentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDAgentComponent
+                    ],
+                    exports: [
+                        IDAgentComponent
+                    ],
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDButtonComponent {
     constructor() {
         this.secondary = false;
@@ -564,6 +614,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDDialogComponent {
     constructor() {
         this.dismissible = false;
+        this.srCloseText = false;
+        this.noFocusTrap = false;
         this.headline = '';
         this.overlay = false;
         this.persistent = false;
@@ -572,7 +624,7 @@ class IDDialogComponent {
     }
 }
 IDDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, ngImport: i0, template: "<ids-dialog \r\n  [dismissible]=\"dismissible\"\r\n  [headline]=\"headline\"\r\n  [overlay]=\"overlay\"\r\n  [persistent]=\"persistent\"\r\n  [show]=\"show\"\r\n  [width]=\"width\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
+IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srCloseText: "srCloseText", noFocusTrap: "noFocusTrap", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, ngImport: i0, template: "<ids-dialog \r\n  [dismissible]=\"dismissible\"\r\n  [headline]=\"headline\"\r\n  [overlay]=\"overlay\"\r\n  [persistent]=\"persistent\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  [no-focus-trap]=\"noFocusTrap\"\r\n  [srclosetext]=\"srCloseText\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -582,6 +634,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { dismissible: [{
                 type: Input
+            }], srCloseText: [{
+                type: Input
+            }], noFocusTrap: [{
+                type: Input
             }], headline: [{
                 type: Input
             }], overlay: [{
@@ -720,13 +776,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDInputComponent {
+class IDFormBase {
     constructor() {
+        this.valid = true;
+        this.noValidation = false;
+    }
+}
+IDFormBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFormBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IDFormBase.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFormBase });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFormBase, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; }, propDecorators: { valid: [{
+                type: Input
+            }], noValidation: [{
+                type: Input
+            }] } });
+
+class IDInputComponent extends IDFormBase {
+    constructor() {
+        super();
         this.autofocus = false;
     }
 }
 IDInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, ngImport: i0, template: "<ids-input [autofocus]=\"autofocus\">\r\n  <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0.ViewEncapsulation.None });
+IDInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, usesInheritance: true, ngImport: i0, template: "<ids-input [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\" [attr.autofocus]=\"autofocus\">\r\n  <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -734,7 +807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './input.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], propDecorators: { autofocus: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
                 type: Input
             }] } });
 
@@ -756,13 +829,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDCheckboxComponent {
+class IDCheckboxComponent extends IDFormBase {
     constructor() {
+        super();
         this.valid = true;
     }
 }
 IDCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { valid: "valid" }, ngImport: i0, template: "<ids-checkbox [valid]=\"valid\">\r\n  <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0.ViewEncapsulation.None });
+IDCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { valid: "valid" }, usesInheritance: true, ngImport: i0, template: "<ids-checkbox [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxComponent, decorators: [{
             type: Component,
             args: [{
@@ -792,15 +866,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDCheckboxGroupComponent {
+class IDCheckboxGroupComponent extends IDFormBase {
     constructor() {
+        super();
         this.errorMessage = undefined;
     }
     ngOnInit() {
     }
 }
 IDCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage" }, ngImport: i0, template: "<ids-checkbox-group>\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage" }, usesInheritance: true, ngImport: i0, template: "<ids-checkbox-group [valiid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -972,10 +1047,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDSelectComponent {
+class IDSelectComponent extends IDFormBase {
+    constructor() {
+        super();
+    }
 }
 IDSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", ngImport: i0, template: "<ids-select>\r\n  <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0.ViewEncapsulation.None });
+IDSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0, template: "<ids-select [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectComponent, decorators: [{
             type: Component,
             args: [{
@@ -983,7 +1061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './select.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }] });
+        }], ctorParameters: function () { return []; } });
 
 class IDSelectModule {
 }
@@ -1003,15 +1081,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDSelectMultipleComponent {
+class IDSelectMultipleComponent extends IDFormBase {
     constructor() {
+        super(...arguments);
         this.label = undefined;
         this.errorMessage = undefined;
         this.placeholder = '';
     }
 }
-IDSelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDSelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errorMessage: "errorMessage", placeholder: "placeholder" }, ngImport: i0, template: "<ids-select-multiple [label]=\"label\" [placeholder]=\"placeholder\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message  *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDSelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IDSelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errorMessage: "errorMessage", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0, template: "<ids-select-multiple [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\" [label]=\"label\" [placeholder]=\"placeholder\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message  *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
             type: Component,
             args: [{
@@ -1121,11 +1200,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDTextareaComponent {
-    constructor() { }
+class IDTextareaComponent extends IDFormBase {
+    constructor() {
+        super();
+    }
 }
 IDTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", ngImport: i0, template: "<ids-textarea>\r\n  <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0.ViewEncapsulation.None });
+IDTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", usesInheritance: true, ngImport: i0, template: "<ids-textarea [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTextareaComponent, decorators: [{
             type: Component,
             args: [{
@@ -1680,7 +1761,7 @@ class IDHeaderComponent {
     }
 }
 IDHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", hideRegionPicker: "hideRegionPicker", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", width: "width", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.brandtext]=\"brandText\"\r\n  [attr.brandtexttop]=\"brandTextTop\"\r\n  [attr.brandtextbottom]=\"brandTextBottom\"\r\n  [hideregionpicker]=\"hideRegionPicker\"\r\n  [hidebrand]=\"hideBrand\"\r\n  [pickregiontext]=\"pickRegionText\"\r\n  [regionicon]=\"regionIcon\"\r\n  [width]=\"width\"\r\n  [srlogolabel]=\"srLogoLabel\"\r\n  (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [icon]=\"item.iconName\" \r\n    [mobile]=\"item.mobile\">\r\n    <id-anchor [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav *ngIf=\"navItems || mobileItems\">\r\n    <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [label]=\"navItem.label\" [link]=\"navItem.link\">\r\n      <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n      <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link> \r\n      <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <div slot=\"col-4\">\r\n        <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"h2\">{{navItem.headline}}</h2>\r\n        <p class=\"body\">{{navItem.paragraph}}</p>\r\n        <id-anchor>{{navItem.paragraphLink}}</id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu *ngIf=\"mobileMenuItems\">\r\n      Menu\r\n      <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n                [attr.type]=\"type\"\r\n                [headline]=\"item?.headline\"\r\n                [expanded]=\"item?.expanded\"\r\n                [secondary]=\"item?.secondary\"\r\n                [active]=\"item?.active\"\r\n                (didToggleExpansion)=\"item.togleExpansion()\">\r\n                  <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                </ids-mobile-menu-item>\r\n            </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n      </ids-mobile-menu-item>\r\n    </ids-header-mobile-menu>\r\n  </ids-header-nav>\r\n\r\n  <ids-header-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n    <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n  </ids-header-avatar>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ids-header-mobile-menu \r\n    *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n    [type]=\"type\">\r\n    <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n      <ng-content select=\"[avatarMobile]\"></ng-content>\r\n    </ids-mobile-menu-avatar>\r\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      (didToggleExpansion)=\"item.togleExpansion()\">\r\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n              [attr.type]=\"type\"\r\n              [headline]=\"item?.headline\"\r\n              [expanded]=\"item?.expanded\"\r\n              (didToggleExpansion)=\"item.togleExpansion()\">\r\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n        </ids-mobile-menu-item>\r\n    </ids-mobile-menu-item>\r\n  </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", hideRegionPicker: "hideRegionPicker", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", width: "width", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.brandtext]=\"brandText\"\r\n  [attr.brandtexttop]=\"brandTextTop\"\r\n  [attr.brandtextbottom]=\"brandTextBottom\"\r\n  [hideregionpicker]=\"hideRegionPicker\"\r\n  [hidebrand]=\"hideBrand\"\r\n  [pickregiontext]=\"pickRegionText\"\r\n  [regionicon]=\"regionIcon\"\r\n  [width]=\"width\"\r\n  [srlogolabel]=\"srLogoLabel\"\r\n  (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [icon]=\"item.iconName\" \r\n    [mobile]=\"item.mobile\">\r\n    <id-anchor [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav *ngIf=\"navItems || mobileItems\">\r\n    <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n      <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n      <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link> \r\n      <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <div slot=\"col-4\">\r\n        <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"h2\">{{navItem.headline}}</h2>\r\n        <p class=\"body\">{{navItem.paragraph}}</p>\r\n        <id-anchor>{{navItem.paragraphLink}}</id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu *ngIf=\"mobileMenuItems\">\r\n      Menu\r\n      <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n                [attr.type]=\"type\"\r\n                [headline]=\"item?.headline\"\r\n                [expanded]=\"item?.expanded\"\r\n                [secondary]=\"item?.secondary\"\r\n                [active]=\"item?.active\"\r\n                (didToggleExpansion)=\"item.togleExpansion()\">\r\n                  <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                </ids-mobile-menu-item>\r\n            </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n      </ids-mobile-menu-item>\r\n    </ids-header-mobile-menu>\r\n  </ids-header-nav>\r\n\r\n  <ids-header-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n    <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n  </ids-header-avatar>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ids-header-mobile-menu \r\n    *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n    [type]=\"type\">\r\n    <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n      <ng-content select=\"[avatarMobile]\"></ng-content>\r\n      <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n    </ids-mobile-menu-avatar>\r\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      (didToggleExpansion)=\"item.togleExpansion()\">\r\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n              [attr.type]=\"type\"\r\n              [headline]=\"item?.headline\"\r\n              [expanded]=\"item?.expanded\"\r\n              (didToggleExpansion)=\"item.togleExpansion()\">\r\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n        </ids-mobile-menu-item>\r\n    </ids-mobile-menu-item>\r\n  </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -1771,6 +1852,9 @@ class IDHeaderAvatar {
     get serviceName() {
         return this._props.serviceName;
     }
+    get linkMobile() {
+        return this._props.linkMobile;
+    }
 }
 
 class IDHeaderNavItem {
@@ -1801,6 +1885,9 @@ class IDHeaderNavItem {
     get paragraphLink() {
         return this._props.pragraphLink;
     }
+    get active() {
+        return this._props.active;
+    }
 }
 
 class IDTabsComponent {
@@ -1892,5 +1979,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule };
+export { IDAgentComponent, IDAgentModule, IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule };
 //# sourceMappingURL=inera-ids-angular.js.map