@inera/ids-angular 3.0.1 → 3.0.2

package/bundles/inera-ids-angular.umd.js

@@ -998,6 +998,7 @@
             this.isLinkFunction = false;
             this.classes = '';
             this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
+            this.noOutline = false;
             /** Apply classes to <a> element */
             this.contextClasses = [];
         }
@@ -1054,16 +1055,21 @@
         return IDAnchorComponent;
     }());
     IDAnchorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, deps: [{ token: i1__namespace.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0__namespace, template: "<a *ngIf=\"isLinkRoute\" \r\n    [attr.id]=\"linkRoute.id\"\r\n    [class]=\"classes\"  \r\n    [routerLink]=\"linkRoute.route\"\r\n    routerLinkActive=\"selected\"\r\n    [queryParams]=\"linkRoute.queries\">\r\n        {{linkRoute.label}}\r\n</a>\r\n<a *ngIf=\"isLinkWeb\" \r\n    [attr.id]=\"linkWeb.id\"\r\n    [class]=\"classes\"  \r\n    [href]=\"linkWeb.url\"\r\n    [attr.target]=\"linkWeb.target\"\r\n    [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\r\n        {{linkWeb.label}}\r\n</a>\r\n<a *ngIf=\"isLinkFunction\" \r\n    [attr.id]=\"linkFunction.id\"\r\n    [class]=\"classes\"  \r\n    [attr.href]=\"scriptHref\"\r\n    (click)=\"linkFunction.click()\">\r\n        {{linkFunction.label}}\r\n</a>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }] });
+    IDAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", noOutline: "noOutline", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0__namespace, template: "<a *ngIf=\"isLinkRoute\" \r\n  [class.no-outline]=\"noOutline\"\r\n  [attr.id]=\"linkRoute.id\"\r\n  [class]=\"classes\"  \r\n  [routerLink]=\"linkRoute.route\"\r\n  routerLinkActive=\"selected\"\r\n  [queryParams]=\"linkRoute.queries\">\r\n    <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n      {{linkRoute.label}}\r\n    <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkWeb\" \r\n  [class.no-outline]=\"noOutline\"\r\n  [attr.id]=\"linkWeb.id\"\r\n  [class]=\"classes\"  \r\n  [href]=\"linkWeb.url\"\r\n  [attr.target]=\"linkWeb.target\"\r\n  [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\r\n    <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n      {{linkWeb.label}}\r\n    <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkFunction\" \r\n  [class.no-outline]=\"noOutline\"\r\n  [attr.id]=\"linkFunction.id\"\r\n  [class]=\"classes\"  \r\n  [attr.href]=\"scriptHref\"\r\n  (click)=\"linkFunction.click()\">\r\n    <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n      {{linkFunction.label}}\r\n    <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n\r\n<ng-template #prependTemplate>\r\n  <ng-content select=\"[prepend]\"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #appendTemplate>\r\n  <ng-content select=\"[append]\"></ng-content>\r\n</ng-template>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }", ".no-outline:focus { outline: none;}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-anchor',
                         templateUrl: './anchor.component.html',
-                        styles: ['a { color: inherit; text-decoration: inherit; font-size: inherit }',]
+                        styles: [
+                            'a { color: inherit; text-decoration: inherit; font-size: inherit }',
+                            '.no-outline:focus { outline: none;}'
+                        ]
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }]; }, propDecorators: { link: [{
                     type: i0.Input
+                }], noOutline: [{
+                    type: i0.Input
                 }], contextClasses: [{
                     type: i0.Input
                 }] } });
@@ -1078,7 +1084,7 @@
         return IDBreadcrumbsComponent;
     }());
     IDBreadcrumbsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDBreadcrumbsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", current: "current", srlabel: "srlabel", links: "links", mobilelink: "mobilelink" }, ngImport: i0__namespace, template: "<ids-breadcrumbs\r\n  [current]=\"current\"\r\n  [lead]=\"lead\"\r\n  [srlabel]=\"srlabel\">\r\n  <ids-crumb *ngFor=\"let link of links\">\r\n    <id-anchor [link]=\"link\"></id-anchor>\r\n  </ids-crumb>\r\n  <ids-crumb mobile=\"true\" *ngIf=\"mobilelink\">\r\n    <id-anchor [link]=\"mobilelink\"></id-anchor>\r\n  </ids-crumb>\r\n</ids-breadcrumbs>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDBreadcrumbsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", current: "current", srlabel: "srlabel", links: "links", mobilelink: "mobilelink" }, ngImport: i0__namespace, template: "<ids-breadcrumbs\r\n  [current]=\"current\"\r\n  [lead]=\"lead\"\r\n  [srlabel]=\"srlabel\">\r\n  <ids-crumb *ngFor=\"let link of links\">\r\n    <id-anchor [link]=\"link\"></id-anchor>\r\n  </ids-crumb>\r\n  <ids-crumb mobile=\"true\" *ngIf=\"mobilelink\">\r\n    <id-anchor [link]=\"mobilelink\"></id-anchor>\r\n  </ids-crumb>\r\n</ids-breadcrumbs>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1151,11 +1157,12 @@
     var IDCardComponent = /** @class */ (function () {
         function IDCardComponent() {
             this.fill = false;
+            this.lean = false;
         }
         return IDCardComponent;
     }());
     IDCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill" }, ngImport: i0__namespace, template: "<ids-card \r\n  [fill]=\"fill\">\r\n  <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
+    IDCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill", lean: "lean" }, ngImport: i0__namespace, template: "<ids-card \r\n  [lean]=\"lean\"\r\n  [fill]=\"fill\">\r\n  <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1165,6 +1172,8 @@
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { fill: [{
                     type: i0.Input
+                }], lean: [{
+                    type: i0.Input
                 }] } });
 
     var IDCardModule = /** @class */ (function () {
@@ -1397,6 +1406,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IDIcon.prototype, "inline", {
+            get: function () {
+                return this._props.inline;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IDIcon.prototype, "color", {
             get: function () {
                 return this._props.color;
@@ -2489,7 +2505,7 @@
         return IDMobileMenuComponent;
     }());
     IDMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ids-mobile-menu-item *ngFor=\"let item of items\"\r\n    [attr.type]=\"type\"\r\n    [headline]=\"item?.headline\"\r\n    [expanded]=\"item?.expanded\"\r\n    [secondary]=\"item?.secondary\"\r\n    [variation]=\"variation\"\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      [variation]=\"variation\"\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        [variation]=\"variation\"\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            [variation]=\"variation\"\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-mobile-menu>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ids-mobile-menu-item *ngFor=\"let item of items\"\r\n    [attr.type]=\"type\"\r\n    [headline]=\"item?.headline\"\r\n    [expanded]=\"item?.expanded\"\r\n    [secondary]=\"item?.secondary\"\r\n    [variation]=\"variation\"\r\n    [active]=\"item?.active\"\r\n    (didToggleExpansion)=\"item.togleExpansion()\">\r\n      <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n        <ids-icon prepend\r\n        slot=\"link\"\r\n        *ngIf=\"item.prependIcon\"\r\n        [attr.name]=\"item.prependIcon?.name\"\r\n        [attr.inline]=\"item.prependIcon?.inline\"\r\n        [attr.title]=\"item.prependIcon?.title\" \r\n        [attr.color]=\"item.prependIcon?.color\" \r\n        [attr.color2]=\"item.prependIcon?.color2\" \r\n        [attr.size]=\"item.prependIcon?.size\" \r\n        [attr.padding]=\"item.prependIcon?.padding\"  \r\n        [attr.rotate]=\"item.prependIcon?.rotate\" \r\n        [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n        [attr.height]=\"item.prependIcon?.height\"   \r\n        [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n        <ids-icon append\r\n          *ngIf=\"item.appendIcon\"\r\n          [attr.name]=\"item.appendIcon?.name\"\r\n          [attr.inline]=\"item.appendIcon?.inline\"\r\n          [attr.title]=\"item.appendIcon?.title\" \r\n          [attr.color]=\"item.appendIcon?.color\" \r\n          [attr.color2]=\"item.appendIcon?.color2\" \r\n          [attr.size]=\"item.appendIcon?.size\" \r\n          [attr.padding]=\"item.appendIcon?.padding\"  \r\n          [attr.rotate]=\"item.appendIcon?.rotate\" \r\n          [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n          [attr.height]=\"item.appendIcon?.height\"   \r\n          [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n      </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      [variation]=\"variation\"\r\n      (didToggleExpansion)=\"item.togleExpansion()\">\r\n      <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n        <ids-icon prepend\r\n        slot=\"link\"\r\n        *ngIf=\"item.prependIcon\"\r\n        [attr.name]=\"item.prependIcon?.name\"\r\n        [attr.inline]=\"item.prependIcon?.inline\"\r\n        [attr.title]=\"item.prependIcon?.title\" \r\n        [attr.color]=\"item.prependIcon?.color\" \r\n        [attr.color2]=\"item.prependIcon?.color2\" \r\n        [attr.size]=\"item.prependIcon?.size\" \r\n        [attr.padding]=\"item.prependIcon?.padding\"  \r\n        [attr.rotate]=\"item.prependIcon?.rotate\" \r\n        [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n        [attr.height]=\"item.prependIcon?.height\"   \r\n        [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n        <ids-icon append\r\n          *ngIf=\"item.appendIcon\"\r\n          [attr.name]=\"item.appendIcon?.name\"\r\n          [attr.inline]=\"item.appendIcon?.inline\"\r\n          [attr.title]=\"item.appendIcon?.title\" \r\n          [attr.color]=\"item.appendIcon?.color\" \r\n          [attr.color2]=\"item.appendIcon?.color2\" \r\n          [attr.size]=\"item.appendIcon?.size\" \r\n          [attr.padding]=\"item.appendIcon?.padding\"  \r\n          [attr.rotate]=\"item.appendIcon?.rotate\" \r\n          [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n          [attr.height]=\"item.appendIcon?.height\"   \r\n          [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n      </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        [variation]=\"variation\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n        <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n          <ids-icon prepend\r\n          slot=\"link\"\r\n          *ngIf=\"item.prependIcon\"\r\n          [attr.name]=\"item.prependIcon?.name\"\r\n          [attr.inline]=\"item.prependIcon?.inline\"\r\n          [attr.title]=\"item.prependIcon?.title\" \r\n          [attr.color]=\"item.prependIcon?.color\" \r\n          [attr.color2]=\"item.prependIcon?.color2\" \r\n          [attr.size]=\"item.prependIcon?.size\" \r\n          [attr.padding]=\"item.prependIcon?.padding\"  \r\n          [attr.rotate]=\"item.prependIcon?.rotate\" \r\n          [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n          [attr.height]=\"item.prependIcon?.height\"   \r\n          [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n          <ids-icon append\r\n            *ngIf=\"item.appendIcon\"\r\n            [attr.name]=\"item.appendIcon?.name\"\r\n            [attr.inline]=\"item.appendIcon?.inline\"\r\n            [attr.title]=\"item.appendIcon?.title\" \r\n            [attr.color]=\"item.appendIcon?.color\" \r\n            [attr.color2]=\"item.appendIcon?.color2\" \r\n            [attr.size]=\"item.appendIcon?.size\" \r\n            [attr.padding]=\"item.appendIcon?.padding\"  \r\n            [attr.rotate]=\"item.appendIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n            [attr.height]=\"item.appendIcon?.height\"   \r\n            [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n        </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          [variation]=\"variation\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n            <ids-icon prepend\r\n            slot=\"link\"\r\n            *ngIf=\"item.prependIcon\"\r\n            [attr.name]=\"item.prependIcon?.name\"\r\n            [attr.inline]=\"item.prependIcon?.inline\"\r\n            [attr.title]=\"item.prependIcon?.title\" \r\n            [attr.color]=\"item.prependIcon?.color\" \r\n            [attr.color2]=\"item.prependIcon?.color2\" \r\n            [attr.size]=\"item.prependIcon?.size\" \r\n            [attr.padding]=\"item.prependIcon?.padding\"  \r\n            [attr.rotate]=\"item.prependIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n            [attr.height]=\"item.prependIcon?.height\"   \r\n            [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n            <ids-icon append\r\n              *ngIf=\"item.appendIcon\"\r\n              [attr.name]=\"item.appendIcon?.name\"\r\n              [attr.inline]=\"item.appendIcon?.inline\"\r\n              [attr.title]=\"item.appendIcon?.title\" \r\n              [attr.color]=\"item.appendIcon?.color\" \r\n              [attr.color2]=\"item.appendIcon?.color2\" \r\n              [attr.size]=\"item.appendIcon?.size\" \r\n              [attr.padding]=\"item.appendIcon?.padding\"  \r\n              [attr.rotate]=\"item.appendIcon?.rotate\" \r\n              [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n              [attr.height]=\"item.appendIcon?.height\"   \r\n              [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n          </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>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2544,6 +2560,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IDMobileMenuItem.prototype, "prependIcon", {
+            get: function () {
+                return this._props.prependIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IDMobileMenuItem.prototype, "appendIcon", {
+            get: function () {
+                return this._props.appendIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IDMobileMenuItem.prototype, "items", {
             get: function () {
                 return this._props.items;
@@ -2702,7 +2732,7 @@
         return IDFooterComponent;
     }());
     IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDFooterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobilemenuitems: "mobilemenuitems" }, ngImport: i0__namespace, template: "<ids-footer \r\n  [type]=\"type\"\r\n  [headline]=\"headline\"\r\n  [subheadline]=\"subheadline\"\r\n  [servicename]=\"servicename\"\r\n  [cols]=\"cols\"\r\n  [linkcol1]=\"linkcol1\"\r\n  [linkcol2]=\"linkcol2\"\r\n  [linkcol3]=\"linkcol3\">\r\n  <ng-content></ng-content>\r\n  <ids-mobile-menu \r\n  slot=\"mobile-menu\"\r\n  variation=\"2\"\r\n  *ngIf=\"mobilemenuitems\"\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      [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-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    IDFooterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobilemenuitems: "mobilemenuitems" }, ngImport: i0__namespace, template: "<ids-footer \r\n  [type]=\"type\"\r\n  [headline]=\"headline\"\r\n  [subheadline]=\"subheadline\"\r\n  [servicename]=\"servicename\"\r\n  [cols]=\"cols\"\r\n  [linkcol1]=\"linkcol1\"\r\n  [linkcol2]=\"linkcol2\"\r\n  [linkcol3]=\"linkcol3\">\r\n  <ng-content></ng-content>\r\n  <ids-mobile-menu \r\n  slot=\"mobile-menu\"\r\n  variation=\"2\"\r\n  *ngIf=\"mobilemenuitems\"\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      [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-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2768,7 +2798,7 @@
         return IDHeaderComponent;
     }());
     IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDHeaderComponent.ɵcmp = i0__namespace.ɵɵ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", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0__namespace, 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 [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 *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=\"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      <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        [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 [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 [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 [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 *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-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", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    IDHeaderComponent.ɵcmp = i0__namespace.ɵɵ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", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0__namespace, 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 [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 *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=\"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      <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        [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 [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 [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 [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 *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-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", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{