@inera/ids-angular 3.0.0 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/bundles/inera-ids-angular.umd.js +57 -12
  2. package/bundles/inera-ids-angular.umd.js.map +1 -1
  3. package/esm2015/lib/classes/icon/IDIcon.js +4 -1
  4. package/esm2015/lib/classes/icon/IDIconProps.js +1 -1
  5. package/esm2015/lib/classes/mobile/MobileMenuItem.js +7 -1
  6. package/esm2015/lib/classes/mobile/MobileMenuItemProps.js +1 -1
  7. package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +1 -1
  8. package/esm2015/lib/components/button/button.component.js +11 -2
  9. package/esm2015/lib/components/button/button.module.js +1 -1
  10. package/esm2015/lib/components/card/card.component.js +5 -2
  11. package/esm2015/lib/components/date-label/date-label.component.js +2 -2
  12. package/esm2015/lib/components/dialog/dialog.component.js +5 -2
  13. package/esm2015/lib/components/footer/footer.component.js +1 -1
  14. package/esm2015/lib/components/footer/footer.module.js +1 -1
  15. package/esm2015/lib/components/header/header.component.js +1 -1
  16. package/esm2015/lib/components/icon/icon.component.js +1 -1
  17. package/esm2015/lib/components/link/link.module.js +1 -1
  18. package/esm2015/lib/components/mobile/menu/mobile-menu.component.js +2 -2
  19. package/esm2015/lib/components/popover/popover.component.js +6 -3
  20. package/esm2015/lib/internals/anchor.component.js +9 -3
  21. package/fesm2015/inera-ids-angular.js +45 -12
  22. package/fesm2015/inera-ids-angular.js.map +1 -1
  23. package/lib/classes/icon/IDIcon.d.ts +1 -0
  24. package/lib/classes/icon/IDIconProps.d.ts +1 -0
  25. package/lib/classes/mobile/MobileMenuItem.d.ts +3 -0
  26. package/lib/classes/mobile/MobileMenuItemProps.d.ts +3 -0
  27. package/lib/components/button/button.component.d.ts +3 -1
  28. package/lib/components/card/card.component.d.ts +2 -1
  29. package/lib/components/dialog/dialog.component.d.ts +2 -1
  30. package/lib/components/popover/popover.component.d.ts +2 -1
  31. package/lib/internals/anchor.component.d.ts +2 -1
  32. package/package.json +1 -1
@@ -269,6 +269,10 @@
269
269
  this.disabled = false;
270
270
  this.type = undefined;
271
271
  this.color = undefined;
272
+ //For Dialog
273
+ this.trigger = '';
274
+ // General props
275
+ this.tabindex = '';
272
276
  // Internal Icon
273
277
  this.iconobject = undefined;
274
278
  this.onClicked = new i0.EventEmitter();
@@ -276,13 +280,14 @@
276
280
  return IDButtonComponent;
277
281
  }());
278
282
  IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
279
- IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit(true)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
283
+ IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [attr.trigger]=\"trigger ? 'true' : null\"\r\n [attr.tabindex]=\"tabindex ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit(true)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
280
284
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
281
285
  type: i0.Component,
282
286
  args: [{
283
287
  selector: 'id-button',
284
288
  templateUrl: './button.component.html',
285
289
  styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
290
+ host: { 'class': 'ids-contains-clickable' },
286
291
  encapsulation: i0.ViewEncapsulation.None,
287
292
  }]
288
293
  }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -315,6 +320,10 @@
315
320
  type: i0.Input
316
321
  }], color: [{
317
322
  type: i0.Input
323
+ }], trigger: [{
324
+ type: i0.Input
325
+ }], tabindex: [{
326
+ type: i0.Input
318
327
  }], iconobject: [{
319
328
  type: i0.Input
320
329
  }], onClicked: [{
@@ -989,6 +998,7 @@
989
998
  this.isLinkFunction = false;
990
999
  this.classes = '';
991
1000
  this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
1001
+ this.noOutline = false;
992
1002
  /** Apply classes to <a> element */
993
1003
  this.contextClasses = [];
994
1004
  }
@@ -1045,16 +1055,21 @@
1045
1055
  return IDAnchorComponent;
1046
1056
  }());
1047
1057
  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 });
1048
- 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"] }] });
1058
+ 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"] }] });
1049
1059
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
1050
1060
  type: i0.Component,
1051
1061
  args: [{
1052
1062
  selector: 'id-anchor',
1053
1063
  templateUrl: './anchor.component.html',
1054
- styles: ['a { color: inherit; text-decoration: inherit; font-size: inherit }',]
1064
+ styles: [
1065
+ 'a { color: inherit; text-decoration: inherit; font-size: inherit }',
1066
+ '.no-outline:focus { outline: none;}'
1067
+ ]
1055
1068
  }]
1056
1069
  }], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }]; }, propDecorators: { link: [{
1057
1070
  type: i0.Input
1071
+ }], noOutline: [{
1072
+ type: i0.Input
1058
1073
  }], contextClasses: [{
1059
1074
  type: i0.Input
1060
1075
  }] } });
@@ -1069,7 +1084,7 @@
1069
1084
  return IDBreadcrumbsComponent;
1070
1085
  }());
1071
1086
  IDBreadcrumbsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1072
- 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 });
1087
+ 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 });
1073
1088
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, decorators: [{
1074
1089
  type: i0.Component,
1075
1090
  args: [{
@@ -1142,11 +1157,12 @@
1142
1157
  var IDCardComponent = /** @class */ (function () {
1143
1158
  function IDCardComponent() {
1144
1159
  this.fill = false;
1160
+ this.lean = false;
1145
1161
  }
1146
1162
  return IDCardComponent;
1147
1163
  }());
1148
1164
  IDCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1149
- 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; }"] });
1165
+ 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; }"] });
1150
1166
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, decorators: [{
1151
1167
  type: i0.Component,
1152
1168
  args: [{
@@ -1156,6 +1172,8 @@
1156
1172
  }]
1157
1173
  }], ctorParameters: function () { return []; }, propDecorators: { fill: [{
1158
1174
  type: i0.Input
1175
+ }], lean: [{
1176
+ type: i0.Input
1159
1177
  }] } });
1160
1178
 
1161
1179
  var IDCardModule = /** @class */ (function () {
@@ -1190,7 +1208,7 @@
1190
1208
  return IDDateLabelComponent;
1191
1209
  }());
1192
1210
  IDDateLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDateLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1193
- IDDateLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0__namespace, template: "<ids-date-label \n [date]=\"date?.toString()\"\n [year]=\"year\"\n [month]=\"month\"\n [monthlabel]=\"monthlabel\"\n [day]=\"day\">\n <ng-content></ng-content>\n</ids-date-label>", encapsulation: i0__namespace.ViewEncapsulation.None });
1211
+ IDDateLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0__namespace, template: "<ids-date-label \r\n [date]=\"date?.toString()\"\r\n [year]=\"year\"\r\n [month]=\"month\"\r\n [monthlabel]=\"monthlabel\"\r\n [day]=\"day\">\r\n <ng-content></ng-content>\r\n</ids-date-label>", encapsulation: i0__namespace.ViewEncapsulation.None });
1194
1212
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDateLabelComponent, decorators: [{
1195
1213
  type: i0.Component,
1196
1214
  args: [{
@@ -1236,6 +1254,7 @@
1236
1254
  this.dismissible = false;
1237
1255
  this.srclosetext = '';
1238
1256
  this.nofocustrap = false;
1257
+ this.autofocus = false;
1239
1258
  this.headline = '';
1240
1259
  this.overlay = false;
1241
1260
  this.persistent = false;
@@ -1249,7 +1268,7 @@
1249
1268
  return IDDialogComponent;
1250
1269
  }());
1251
1270
  IDDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1252
- IDDialogComponent.ɵcmp = i0__namespace.ɵɵ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" }, outputs: { onClosed: "onClosed" }, ngImport: i0__namespace, 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.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__namespace.ViewEncapsulation.None });
1271
+ IDDialogComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ViewEncapsulation.None });
1253
1272
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, decorators: [{
1254
1273
  type: i0.Component,
1255
1274
  args: [{
@@ -1263,6 +1282,8 @@
1263
1282
  type: i0.Input
1264
1283
  }], nofocustrap: [{
1265
1284
  type: i0.Input
1285
+ }], autofocus: [{
1286
+ type: i0.Input
1266
1287
  }], headline: [{
1267
1288
  type: i0.Input
1268
1289
  }], overlay: [{
@@ -1385,6 +1406,13 @@
1385
1406
  enumerable: false,
1386
1407
  configurable: true
1387
1408
  });
1409
+ Object.defineProperty(IDIcon.prototype, "inline", {
1410
+ get: function () {
1411
+ return this._props.inline;
1412
+ },
1413
+ enumerable: false,
1414
+ configurable: true
1415
+ });
1388
1416
  Object.defineProperty(IDIcon.prototype, "color", {
1389
1417
  get: function () {
1390
1418
  return this._props.color;
@@ -2477,7 +2505,7 @@
2477
2505
  return IDMobileMenuComponent;
2478
2506
  }());
2479
2507
  IDMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2480
- 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"] }] });
2508
+ 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"] }] });
2481
2509
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, decorators: [{
2482
2510
  type: i0.Component,
2483
2511
  args: [{
@@ -2532,6 +2560,20 @@
2532
2560
  enumerable: false,
2533
2561
  configurable: true
2534
2562
  });
2563
+ Object.defineProperty(IDMobileMenuItem.prototype, "prependIcon", {
2564
+ get: function () {
2565
+ return this._props.prependIcon;
2566
+ },
2567
+ enumerable: false,
2568
+ configurable: true
2569
+ });
2570
+ Object.defineProperty(IDMobileMenuItem.prototype, "appendIcon", {
2571
+ get: function () {
2572
+ return this._props.appendIcon;
2573
+ },
2574
+ enumerable: false,
2575
+ configurable: true
2576
+ });
2535
2577
  Object.defineProperty(IDMobileMenuItem.prototype, "items", {
2536
2578
  get: function () {
2537
2579
  return this._props.items;
@@ -2584,6 +2626,7 @@
2584
2626
 
2585
2627
  var IDPopoverComponent = /** @class */ (function () {
2586
2628
  function IDPopoverComponent() {
2629
+ this.autofocus = false;
2587
2630
  this.maxwidth = '260px';
2588
2631
  this.maxheight = '260px';
2589
2632
  this.cathegory = undefined;
@@ -2592,14 +2635,16 @@
2592
2635
  return IDPopoverComponent;
2593
2636
  }());
2594
2637
  IDPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2595
- IDPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0__namespace, template: "<ids-popover \r\n [attr.cathegory]=\"cathegory\"\r\n [attr.position]=\"position\">\r\n <ng-content></ng-content>\r\n <ids-popover-content \r\n [attr.maxwidth]=\"maxwidth\"\r\n [attr.maxheight]=\"maxheight\">\r\n <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
2638
+ IDPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { autofocus: "autofocus", maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0__namespace, template: "<ids-popover \r\n [attr.cathegory]=\"cathegory\"\r\n [attr.position]=\"position\">\r\n <ng-content></ng-content>\r\n <ids-popover-content \r\n [attr.autofocus]=\"autofocus ? 'true' : null\"\r\n [attr.maxwidth]=\"maxwidth\"\r\n [attr.maxheight]=\"maxheight\">\r\n <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
2596
2639
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2597
2640
  type: i0.Component,
2598
2641
  args: [{
2599
2642
  selector: 'id-popover',
2600
2643
  templateUrl: './popover.component.html',
2601
2644
  }]
2602
- }], ctorParameters: function () { return []; }, propDecorators: { maxwidth: [{
2645
+ }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
2646
+ type: i0.Input
2647
+ }], maxwidth: [{
2603
2648
  type: i0.Input
2604
2649
  }], maxheight: [{
2605
2650
  type: i0.Input
@@ -2687,7 +2732,7 @@
2687
2732
  return IDFooterComponent;
2688
2733
  }());
2689
2734
  IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2690
- 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"] }] });
2735
+ 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"] }] });
2691
2736
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
2692
2737
  type: i0.Component,
2693
2738
  args: [{
@@ -2753,7 +2798,7 @@
2753
2798
  return IDHeaderComponent;
2754
2799
  }());
2755
2800
  IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2756
- 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"] }] });
2801
+ 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"] }] });
2757
2802
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2758
2803
  type: i0.Component,
2759
2804
  args: [{