@inera/ids-angular 4.0.0 → 4.1.1

package/fesm2015/inera-ids-angular.js

@@ -859,8 +859,8 @@ class IDDialogComponent {
         this.dismissible = false;
         this.srclosetext = '';
         this.nofocustrap = false;
+        this.keepscrollbar = false;
         this.autofocus = false;
-        this.headline = '';
         this.overlay = false;
         this.persistent = false;
         this.show = false;
@@ -872,7 +872,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", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ids-dialog \r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.headline]=\"headline\"\r\n  [attr.overlay]=\"overlay ? true : null\"\r\n  [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n  [attr.autofocus]=\"autofocus ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"nofocustrap\"\r\n  [srclosetext]=\"srclosetext\"\r\n  (closed)=\"emitOnClosed\">\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", keepscrollbar: "keepscrollbar", autofocus: "autofocus", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ids-dialog \r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.overlay]=\"overlay ? true : null\"\r\n  [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n  [attr.autofocus]=\"autofocus ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [attr.keepscrollbar]=\"keepscrollbar ? true : null\"\r\n  [attr.show]=\"show ? 'true' : 'false'\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"nofocustrap\"\r\n  [srclosetext]=\"srclosetext\"\r\n  (closed)=\"emitOnClosed\">\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: [{
@@ -886,9 +886,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], nofocustrap: [{
                 type: Input
-            }], autofocus: [{
+            }], keepscrollbar: [{
                 type: Input
-            }], headline: [{
+            }], autofocus: [{
                 type: Input
             }], overlay: [{
                 type: Input
@@ -902,37 +902,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }] } });
 
-class IDDialogActionsComponent {
-    constructor() { }
-}
-IDDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogActionsComponent, selector: "id-dialog-actions", ngImport: i0, template: "<ids-dialog-actions>\r\n  <ng-content></ng-content>\r\n</ids-dialog-actions>", encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogActionsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'id-dialog-actions',
-                    templateUrl: './dialog-actions.component.html',
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class IDDialogModule {
 }
 IDDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, declarations: [IDDialogComponent,
-        IDDialogActionsComponent], exports: [IDDialogComponent,
-        IDDialogActionsComponent] });
+IDDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, declarations: [IDDialogComponent], exports: [IDDialogComponent] });
 IDDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        IDDialogComponent,
-                        IDDialogActionsComponent
+                        IDDialogComponent
                     ],
                     exports: [
-                        IDDialogComponent,
-                        IDDialogActionsComponent
+                        IDDialogComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
@@ -1675,7 +1657,7 @@ class IDLinkComponent {
     }
 }
 IDLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationbadge: "notificationbadge", prependicon: "prependicon", appendicon: "appendicon", underlined: "underlined", padding: "padding", outline: "outline", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", size: "size", activeicon: "activeicon", activeiconbackground: "activeiconbackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0, template: "<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [appendicongap]=\"appendicongap\"\r\n  [prependicongap]=\"prependicongap\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [colorpreset]=\"colorpreset\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependicon !== null && prependicon?.name\"\r\n    slot=\"prepend-icon\" \r\n    [attr.name]=\"prependicon?.name\"\r\n    [attr.title]=\"prependicon?.title\" \r\n    [attr.color]=\"prependicon?.color\" \r\n    [attr.color2]=\"prependicon?.color2\" \r\n    [attr.size]=\"prependicon?.size\" \r\n    [attr.padding]=\"prependicon?.padding\"  \r\n    [attr.rotate]=\"prependicon?.rotate\" \r\n    [attr.colorpreset]=\"prependicon?.colorpreset\"   \r\n    [attr.height]=\"prependicon?.height\"   \r\n    [attr.width]=\"prependicon?.width\"></ids-icon>\r\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n    <ng-content *ngIf=\"!link\"></ng-content>\r\n    <ids-icon *ngIf=\"appendicon !== null && appendicon?.name\" \r\n    slot=\"append-icon\" \r\n    [attr.name]=\"appendicon?.name\"\r\n    [attr.title]=\"appendicon?.title\" \r\n    [attr.color]=\"appendicon?.color\" \r\n    [attr.color2]=\"appendicon?.color2\"\r\n    [attr.size]=\"appendicon?.size\"  \r\n    [attr.padding]=\"appendicon?.padding\"  \r\n    [attr.rotate]=\"appendicon?.rotate\"  \r\n    [attr.colorpreset]=\"appendicon?.colorpreset\"   \r\n    [attr.height]=\"appendicon?.height\"   \r\n    [attr.width]=\"appendicon?.width\"></ids-icon>\r\n    <ids-notification-badge \r\n    *ngIf=\"notificationbadge !== null\"\r\n    [attr.type]=\"notificationbadge.type\"\r\n    [attr.size]=\"notificationbadge.size\">\r\n    {{notificationbadge.value}}\r\n  </ids-notification-badge>\r\n</ids-link>", styles: [":host { display: inline; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IDLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationbadge: "notificationbadge", prependicon: "prependicon", appendicon: "appendicon", underlined: "underlined", padding: "padding", outline: "outline", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", size: "size", activeicon: "activeicon", activeiconbackground: "activeiconbackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0, template: "<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [appendicongap]=\"appendicongap\"\r\n  [prependicongap]=\"prependicongap\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependicon !== null && prependicon?.name\"\r\n    slot=\"prepend-icon\" \r\n    [attr.name]=\"prependicon?.name\"\r\n    [attr.title]=\"prependicon?.title\" \r\n    [attr.color]=\"prependicon?.color\" \r\n    [attr.color2]=\"prependicon?.color2\" \r\n    [attr.size]=\"prependicon?.size\" \r\n    [attr.padding]=\"prependicon?.padding\"  \r\n    [attr.rotate]=\"prependicon?.rotate\" \r\n    [attr.colorpreset]=\"prependicon?.colorpreset\"   \r\n    [attr.height]=\"prependicon?.height\"   \r\n    [attr.width]=\"prependicon?.width\"></ids-icon>\r\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n    <ng-content *ngIf=\"!link\"></ng-content>\r\n    <ids-icon *ngIf=\"appendicon !== null && appendicon?.name\" \r\n    slot=\"append-icon\" \r\n    [attr.name]=\"appendicon?.name\"\r\n    [attr.title]=\"appendicon?.title\" \r\n    [attr.color]=\"appendicon?.color\" \r\n    [attr.color2]=\"appendicon?.color2\"\r\n    [attr.size]=\"appendicon?.size\"  \r\n    [attr.padding]=\"appendicon?.padding\"  \r\n    [attr.rotate]=\"appendicon?.rotate\"  \r\n    [attr.colorpreset]=\"appendicon?.colorpreset\"   \r\n    [attr.height]=\"appendicon?.height\"   \r\n    [attr.width]=\"appendicon?.width\"></ids-icon>\r\n    <ids-notification-badge \r\n    *ngIf=\"notificationbadge !== null\"\r\n    [attr.type]=\"notificationbadge.type\"\r\n    [attr.size]=\"notificationbadge.size\">\r\n    {{notificationbadge.value}}\r\n  </ids-notification-badge>\r\n</ids-link>", styles: [":host { display: inline; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkComponent, decorators: [{
             type: Component,
             args: [{
@@ -2244,7 +2226,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", fluid: "fluid", unresponsive: "unresponsive", hidebrand: "hidebrand", logohref: "logohref", pickregiontext: "pickregiontext", regionicon: "regionicon", regionicontitle: "regionicontitle", srlogolabel: "srlogolabel", items: "items", avatar: "avatar", avatarmaxwidth: "avatarmaxwidth", navitems: "navitems", persistentmobilemenu: "persistentmobilemenu", mobileitems: "mobileitems", mobilemenulabel: "mobilemenulabel", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.fluid]=\"fluid ? true : null\"\r\n  [attr.brandtext]=\"brandtext\"\r\n  [attr.brandtexttop]=\"brandtexttop\"\r\n  [attr.brandtextbottom]=\"brandtextbottom\"\r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [hideregionpicker]=\"hideregionpicker ? true : null\"\r\n  [logohref]=\"logohref\"\r\n  [hidebrand]=\"hidebrand\"\r\n  [pickregiontext]=\"pickregiontext\"\r\n  [srlogolabel]=\"srlogolabel\"\r\n  (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\r\n  <ids-icon *ngIf=\"regionicon\" slot=\"region\" [name]=\"regionicon\" [title]=\"regionicontitle\"></ids-icon>\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [attr.type]=\"type\"\r\n    [mobile]=\"item.mobile\"\r\n    [attr.separatorleft]=\"item.separatorLeft\">\r\n    <ids-icon [name]=\"item.iconName\"></ids-icon>\r\n    <id-anchor class=\"ids-link\" [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav slot=\"header-nav\" *ngIf=\"navitems || mobileitems\" [attr.type]=\"type\">\r\n    <ids-header-nav-item *ngFor=\"let navitem of navitems; let i = index\" [attr.type]=\"type\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n      <id-anchor class=\"ids-link\" *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 class=\"ids-link\" [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 class=\"ids-link\" [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 class=\"ids-link\" [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=\"ids-heading-2\">{{navitem.headline}}</h2>\r\n        <p class=\"body\">{{navitem.paragraph}}</p>\r\n        <id-anchor [link]=\"navitem.paragraphLink\"></id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileitems\">\r\n      <ids-icon [name]=\"mobileItem.iconName\"></ids-icon>\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu \r\n      [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n      [attr.type]=\"type\" *ngIf=\"mobilemenuitems\">\r\n      {{mobilemenulabel}}\r\n      <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobilemenuitems\"\r\n        slot=\"menu-link\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [showtext]=\"item?.showtext\"\r\n        [hidetext]=\"item?.hidetext\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [showtext]=\"item?.showtext\"\r\n          [hidetext]=\"item?.hidetext\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [showtext]=\"item?.showtext\"\r\n            [hidetext]=\"item?.hidetext\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item [attr.type]=\"type\" *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 [maxwidth]=\"avatar.maxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\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    [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n    *ngIf=\"type !== '1177' && (mobilemenuitems || avatar)\"\r\n    [type]=\"type\">\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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 [noOutline]=\"true\" [block]=\"true\" *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-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\" [unit]=\"avatar.unit\">\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-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+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", fluid: "fluid", unresponsive: "unresponsive", hidebrand: "hidebrand", logohref: "logohref", pickregiontext: "pickregiontext", regionicon: "regionicon", regionicontitle: "regionicontitle", srlogolabel: "srlogolabel", items: "items", avatar: "avatar", avatarmaxwidth: "avatarmaxwidth", navitems: "navitems", persistentmobilemenu: "persistentmobilemenu", mobileitems: "mobileitems", mobilemenulabel: "mobilemenulabel", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.fluid]=\"fluid ? true : null\"\r\n  [attr.brandtext]=\"brandtext\"\r\n  [attr.brandtexttop]=\"brandtexttop\"\r\n  [attr.brandtextbottom]=\"brandtextbottom\"\r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [hideregionpicker]=\"hideregionpicker ? true : null\"\r\n  [logohref]=\"logohref\"\r\n  [hidebrand]=\"hidebrand\"\r\n  [pickregiontext]=\"pickregiontext\"\r\n  [srlogolabel]=\"srlogolabel\"\r\n  (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\r\n  <ids-icon *ngIf=\"regionicon\" slot=\"region\" [name]=\"regionicon\" [title]=\"regionicontitle\"></ids-icon>\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [attr.type]=\"type\"\r\n    [mobile]=\"item.mobile\"\r\n    [attr.separatorleft]=\"item.separatorLeft\">\r\n    <ids-icon *ngIf=\"item.iconName\" [name]=\"item.iconName\"></ids-icon>\r\n    <id-anchor class=\"ids-link\" [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav slot=\"header-nav\" *ngIf=\"navitems || mobileitems\" [attr.type]=\"type\">\r\n    <ids-header-nav-item *ngFor=\"let navitem of navitems; let i = index\" [attr.type]=\"type\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n      <id-anchor class=\"ids-link\" *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 class=\"ids-link\" [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 class=\"ids-link\" [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 class=\"ids-link\" [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=\"ids-heading-2\">{{navitem.headline}}</h2>\r\n        <p class=\"body\">{{navitem.paragraph}}</p>\r\n        <id-anchor [link]=\"navitem.paragraphLink\"></id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileitems\">\r\n      <ids-icon *ngIf=\"mobileItem.iconName\" [name]=\"mobileItem.iconName\"></ids-icon>\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu \r\n      [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n      [attr.type]=\"type\" *ngIf=\"mobilemenuitems\">\r\n      {{mobilemenulabel}}\r\n      <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobilemenuitems\"\r\n        slot=\"menu-link\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [showtext]=\"item?.showtext\"\r\n        [hidetext]=\"item?.hidetext\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [showtext]=\"item?.showtext\"\r\n          [hidetext]=\"item?.hidetext\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [showtext]=\"item?.showtext\"\r\n            [hidetext]=\"item?.hidetext\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item [attr.type]=\"type\" *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 [maxwidth]=\"avatar.maxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\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    [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n    *ngIf=\"type !== '1177' && (mobilemenuitems || avatar)\"\r\n    [type]=\"type\">\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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 [noOutline]=\"true\" [block]=\"true\" *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-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\" [unit]=\"avatar.unit\">\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-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -2915,5 +2897,5 @@ export * from './lib/components/icons/warning/icon-warning.component';
  * Generated bundle index. Do not edit.
  */
 
-export { IDAgentComponent, IDAgentModule, IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBadgeComponent, IDBadgeModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCarouselComponent, IDCarouselItemComponent, IDCarouselModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDExpandableComponent, IDExpandableModule, 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, IDNavigationContentComponent, IDNavigationContentModule, IDNavigationLocalComponent, IDNavigationLocalModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDPopoverComponent, IDPopoverModule, IDProgressbarComponent, IDProgressbarModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDStepComponent, IDStepperComponent, IDStepperModule, IDTab, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTagComponent, IDTagModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule, IDToggleComponent, IDToggleModule, IDTooltipComponent, IDTooltipModule };
+export { IDAgentComponent, IDAgentModule, IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBadgeComponent, IDBadgeModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCarouselComponent, IDCarouselItemComponent, IDCarouselModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDExpandableComponent, IDExpandableModule, 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, IDNavigationContentComponent, IDNavigationContentModule, IDNavigationLocalComponent, IDNavigationLocalModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDPopoverComponent, IDPopoverModule, IDProgressbarComponent, IDProgressbarModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDStepComponent, IDStepperComponent, IDStepperModule, IDTab, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTagComponent, IDTagModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule, IDToggleComponent, IDToggleModule, IDTooltipComponent, IDTooltipModule };
 //# sourceMappingURL=inera-ids-angular.js.map