@inera/ids-angular 3.0.3 → 3.1.0

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 (33) hide show
  1. package/bundles/inera-ids-angular.umd.js +106 -21
  2. package/bundles/inera-ids-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +1 -1
  4. package/esm2015/lib/components/button/button.component.js +2 -2
  5. package/esm2015/lib/components/button-group/button-group.component.js +5 -2
  6. package/esm2015/lib/components/card/card.component.js +5 -2
  7. package/esm2015/lib/components/footer/footer.component.js +1 -1
  8. package/esm2015/lib/components/form/base/IDFormBase.js +6 -5
  9. package/esm2015/lib/components/form/input/input.component.js +2 -2
  10. package/esm2015/lib/components/form/select-multiple/select-multiple.component.js +8 -2
  11. package/esm2015/lib/components/header/header.component.js +5 -2
  12. package/esm2015/lib/components/link/link.component.js +26 -5
  13. package/esm2015/lib/components/list/item/list-item.component.js +5 -2
  14. package/esm2015/lib/components/mobile/menu/mobile-menu.component.js +1 -1
  15. package/esm2015/lib/components/navigation/local/navigation-local.component.js +19 -0
  16. package/esm2015/lib/components/navigation/local/navigation-local.module.js +22 -0
  17. package/esm2015/lib/internals/anchor.component.js +7 -3
  18. package/esm2015/public-api.js +4 -2
  19. package/fesm2015/inera-ids-angular.js +101 -21
  20. package/fesm2015/inera-ids-angular.js.map +1 -1
  21. package/lib/components/button/button.component.d.ts +1 -1
  22. package/lib/components/button-group/button-group.component.d.ts +2 -1
  23. package/lib/components/card/card.component.d.ts +2 -1
  24. package/lib/components/form/base/IDFormBase.d.ts +1 -1
  25. package/lib/components/form/select-multiple/select-multiple.component.d.ts +3 -1
  26. package/lib/components/header/header.component.d.ts +2 -1
  27. package/lib/components/link/link.component.d.ts +9 -2
  28. package/lib/components/list/item/list-item.component.d.ts +2 -1
  29. package/lib/components/navigation/local/navigation-local.component.d.ts +7 -0
  30. package/lib/components/navigation/local/navigation-local.module.d.ts +8 -0
  31. package/lib/internals/anchor.component.d.ts +2 -1
  32. package/package.json +2 -2
  33. package/public-api.d.ts +2 -0
@@ -1,6 +1,6 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/alert/register'), require('@angular/common'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/badge/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/button-group/register'), require('@inera/ids-core/components/carousel/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/breadcrumbs/register'), require('@inera/ids-core/components/card/register'), require('@inera/ids-core/components/date-label/register'), require('@inera/ids-core/components/dialog/register'), require('@inera/ids-core/components/expandable/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/list/register'), require('@inera/ids-core/components/navigation/content/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/popover/register'), require('@inera/ids-core/components/progressbar/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/stepper/register'), require('@inera/ids-core/components/tabs/register'), require('@inera/ids-core/components/tag/register'), require('@inera/ids-core/components/tooltip/register'), require('@inera/ids-core/components/form/toggle/register')) :
3
- typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@inera/ids-core/components/alert/register', '@angular/common', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/badge/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/button-group/register', '@inera/ids-core/components/carousel/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/expandable/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/navigation/content/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/popover/register', '@inera/ids-core/components/progressbar/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/stepper/register', '@inera/ids-core/components/tabs/register', '@inera/ids-core/components/tag/register', '@inera/ids-core/components/tooltip/register', '@inera/ids-core/components/form/toggle/register'], factory) :
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/alert/register'), require('@angular/common'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/badge/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/button-group/register'), require('@inera/ids-core/components/carousel/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/breadcrumbs/register'), require('@inera/ids-core/components/card/register'), require('@inera/ids-core/components/date-label/register'), require('@inera/ids-core/components/dialog/register'), require('@inera/ids-core/components/expandable/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/list/register'), require('@inera/ids-core/components/navigation/content/register'), require('@inera/ids-core/components/navigation/local/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/popover/register'), require('@inera/ids-core/components/progressbar/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/stepper/register'), require('@inera/ids-core/components/tabs/register'), require('@inera/ids-core/components/tag/register'), require('@inera/ids-core/components/tooltip/register'), require('@inera/ids-core/components/form/toggle/register')) :
3
+ typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@inera/ids-core/components/alert/register', '@angular/common', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/badge/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/button-group/register', '@inera/ids-core/components/carousel/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/expandable/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/navigation/content/register', '@inera/ids-core/components/navigation/local/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/popover/register', '@inera/ids-core/components/progressbar/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/stepper/register', '@inera/ids-core/components/tabs/register', '@inera/ids-core/components/tag/register', '@inera/ids-core/components/tooltip/register', '@inera/ids-core/components/form/toggle/register'], factory) :
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, null, global.ng.common, null, null, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
5
5
  })(this, (function (exports, i0, register, i2, register$1, register$2, register$3, register$4, register$5, register$6, register$7, i1, i3) { 'use strict';
6
6
 
@@ -280,7 +280,7 @@
280
280
  return IDButtonComponent;
281
281
  }());
282
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 });
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 });
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($event)\">\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 });
284
284
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
285
285
  type: i0.Component,
286
286
  args: [{
@@ -422,11 +422,12 @@
422
422
  var IDButtonGroupComponent = /** @class */ (function () {
423
423
  function IDButtonGroupComponent() {
424
424
  this.rtl = false;
425
+ this.unresponsive = false;
425
426
  }
426
427
  return IDButtonGroupComponent;
427
428
  }());
428
429
  IDButtonGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
429
- IDButtonGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonGroupComponent, selector: "id-button-group", inputs: { rtl: "rtl" }, ngImport: i0__namespace, template: "<ids-button-group [rtl]=\"rtl\">\n <ng-content></ng-content>\n</ids-button-group>", encapsulation: i0__namespace.ViewEncapsulation.None });
430
+ IDButtonGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonGroupComponent, selector: "id-button-group", inputs: { rtl: "rtl", unresponsive: "unresponsive" }, ngImport: i0__namespace, template: "<ids-button-group [unresponsive]=\"unresponsive\" [rtl]=\"rtl\">\n <ng-content></ng-content>\n</ids-button-group>", encapsulation: i0__namespace.ViewEncapsulation.None });
430
431
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonGroupComponent, decorators: [{
431
432
  type: i0.Component,
432
433
  args: [{
@@ -436,6 +437,8 @@
436
437
  }]
437
438
  }], ctorParameters: function () { return []; }, propDecorators: { rtl: [{
438
439
  type: i0.Input
440
+ }], unresponsive: [{
441
+ type: i0.Input
439
442
  }] } });
440
443
 
441
444
  var IDButtonGroupModule = /** @class */ (function () {
@@ -998,6 +1001,7 @@
998
1001
  this.isLinkFunction = false;
999
1002
  this.classes = '';
1000
1003
  this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
1004
+ this.block = false;
1001
1005
  this.noOutline = false;
1002
1006
  /** Apply classes to <a> element */
1003
1007
  this.contextClasses = [];
@@ -1055,7 +1059,7 @@
1055
1059
  return IDAnchorComponent;
1056
1060
  }());
1057
1061
  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 });
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"] }] });
1062
+ IDAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", block: "block", noOutline: "noOutline", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0__namespace, template: "<a *ngIf=\"isLinkRoute\" \r\n [class.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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 }", ".ids-no-outline:focus { outline: none;}", ".ids-block { display: block;}"], 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"] }] });
1059
1063
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
1060
1064
  type: i0.Component,
1061
1065
  args: [{
@@ -1063,11 +1067,14 @@
1063
1067
  templateUrl: './anchor.component.html',
1064
1068
  styles: [
1065
1069
  'a { color: inherit; text-decoration: inherit; font-size: inherit }',
1066
- '.no-outline:focus { outline: none;}'
1070
+ '.ids-no-outline:focus { outline: none;}',
1071
+ '.ids-block { display: block;}'
1067
1072
  ]
1068
1073
  }]
1069
1074
  }], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }]; }, propDecorators: { link: [{
1070
1075
  type: i0.Input
1076
+ }], block: [{
1077
+ type: i0.Input
1071
1078
  }], noOutline: [{
1072
1079
  type: i0.Input
1073
1080
  }], contextClasses: [{
@@ -1084,7 +1091,7 @@
1084
1091
  return IDBreadcrumbsComponent;
1085
1092
  }());
1086
1093
  IDBreadcrumbsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
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 });
1094
+ 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", "block", "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 });
1088
1095
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, decorators: [{
1089
1096
  type: i0.Component,
1090
1097
  args: [{
@@ -1157,12 +1164,13 @@
1157
1164
  var IDCardComponent = /** @class */ (function () {
1158
1165
  function IDCardComponent() {
1159
1166
  this.fill = false;
1167
+ this.interactive = false;
1160
1168
  this.lean = false;
1161
1169
  }
1162
1170
  return IDCardComponent;
1163
1171
  }());
1164
1172
  IDCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
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; }"] });
1173
+ IDCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill", interactive: "interactive", lean: "lean" }, ngImport: i0__namespace, template: "<ids-card \r\n [lean]=\"lean\"\r\n [interactive]=\"interactive\"\r\n [fill]=\"fill\">\r\n <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
1166
1174
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, decorators: [{
1167
1175
  type: i0.Component,
1168
1176
  args: [{
@@ -1172,6 +1180,8 @@
1172
1180
  }]
1173
1181
  }], ctorParameters: function () { return []; }, propDecorators: { fill: [{
1174
1182
  type: i0.Input
1183
+ }], interactive: [{
1184
+ type: i0.Input
1175
1185
  }], lean: [{
1176
1186
  type: i0.Input
1177
1187
  }] } });
@@ -1480,10 +1490,11 @@
1480
1490
  }
1481
1491
  return IDFormBase;
1482
1492
  }());
1483
- IDFormBase.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFormBase, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
1484
- IDFormBase.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFormBase });
1493
+ IDFormBase.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFormBase, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1494
+ IDFormBase.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFormBase, selector: "ng-component", inputs: { valid: "valid", light: "light", novalidation: "novalidation" }, ngImport: i0__namespace, template: '', isInline: true });
1485
1495
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFormBase, decorators: [{
1486
- type: i0.Injectable
1496
+ type: i0.Component,
1497
+ args: [{ template: '' }]
1487
1498
  }], ctorParameters: function () { return []; }, propDecorators: { valid: [{
1488
1499
  type: i0.Input
1489
1500
  }], light: [{
@@ -1502,7 +1513,7 @@
1502
1513
  return IDInputComponent;
1503
1514
  }(IDFormBase));
1504
1515
  IDInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1505
- IDInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-input [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"novalidation ? true : null\"\r\n [attr.light]=\"light ? light : null\"\r\n [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0__namespace.ViewEncapsulation.None });
1516
+ IDInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-input \r\n [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"novalidation ? true : null\"\r\n [attr.light]=\"light ? light : null\"\r\n [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0__namespace.ViewEncapsulation.None });
1506
1517
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, decorators: [{
1507
1518
  type: i0.Component,
1508
1519
  args: [{
@@ -1835,12 +1846,14 @@
1835
1846
  _this.errormessage = undefined;
1836
1847
  _this.maxHeight = undefined;
1837
1848
  _this.placeholder = '';
1849
+ _this.selectedlabel = '';
1850
+ _this.multiselectedlabel = '';
1838
1851
  return _this;
1839
1852
  }
1840
1853
  return IDSelectMultipleComponent;
1841
1854
  }(IDFormBase));
1842
1855
  IDSelectMultipleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
1843
- IDSelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errormessage: "errormessage", maxHeight: "maxHeight", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-select-multiple \r\n [attr.light]=\"light ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"novalidation ? true : null\" \r\n [label]=\"label\" \r\n [placeholder]=\"placeholder\"\r\n [maxheight]=\"maxHeight\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errormessage\">{{errormessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1856
+ IDSelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errormessage: "errormessage", maxHeight: "maxHeight", placeholder: "placeholder", selectedlabel: "selectedlabel", multiselectedlabel: "multiselectedlabel" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-select-multiple \r\n [attr.light]=\"light ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"novalidation ? true : null\" \r\n [label]=\"label\" \r\n [placeholder]=\"placeholder\"\r\n [selectedlabel]=\"selectedlabel\"\r\n [multiselectedlabel]=\"multiselectedlabel\"\r\n [maxheight]=\"maxHeight\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errormessage\">{{errormessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1844
1857
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, decorators: [{
1845
1858
  type: i0.Component,
1846
1859
  args: [{
@@ -1856,6 +1869,10 @@
1856
1869
  type: i0.Input
1857
1870
  }], placeholder: [{
1858
1871
  type: i0.Input
1872
+ }], selectedlabel: [{
1873
+ type: i0.Input
1874
+ }], multiselectedlabel: [{
1875
+ type: i0.Input
1859
1876
  }] } });
1860
1877
 
1861
1878
  var IDSelectMultipleModule = /** @class */ (function () {
@@ -2181,8 +2198,15 @@
2181
2198
  this.underlined = false;
2182
2199
  this.padding = null;
2183
2200
  this.outline = null;
2184
- this.block = false;
2185
2201
  this.color = undefined;
2202
+ this.active = false;
2203
+ this.colorpreset = 0;
2204
+ this.hovercolor = null;
2205
+ this.light = null;
2206
+ this.bold = false;
2207
+ this.appendicongap = null;
2208
+ this.prependicongap = null;
2209
+ this.block = false;
2186
2210
  this.size = undefined;
2187
2211
  this.activeicon = false;
2188
2212
  this.activeiconbackground = undefined;
@@ -2192,7 +2216,7 @@
2192
2216
  return IDLinkComponent;
2193
2217
  }());
2194
2218
  IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2195
- IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationbadge: "notificationbadge", prependicon: "prependicon", appendicon: "appendicon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", activeiconbackground: "activeiconbackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.activeicon]=\"activeicon ? true : null\"\r\n [activeiconbackground]=\"activeiconbackground\"\r\n [padding]=\"padding\"\r\n [outline]=\"outline\"\r\n [block]=\"block ? true : null\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependicon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependicon?.name\"\r\n [attr.title]=\"prependicon?.title\" \r\n [attr.color]=\"prependicon?.color\" \r\n [attr.color2]=\"prependicon?.color2\" \r\n [attr.size]=\"prependicon?.size\" \r\n [attr.padding]=\"prependicon?.padding\" \r\n [attr.rotate]=\"prependicon?.rotate\" \r\n [attr.colorpreset]=\"prependicon?.colorpreset\" \r\n [attr.height]=\"prependicon?.height\" \r\n [attr.width]=\"prependicon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendicon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendicon?.name\"\r\n [attr.title]=\"appendicon?.title\" \r\n [attr.color]=\"appendicon?.color\" \r\n [attr.color2]=\"appendicon?.color2\"\r\n [attr.size]=\"appendicon?.size\" \r\n [attr.padding]=\"appendicon?.padding\" \r\n [attr.rotate]=\"appendicon?.rotate\" \r\n [attr.colorpreset]=\"appendicon?.colorpreset\" \r\n [attr.height]=\"appendicon?.height\" \r\n [attr.width]=\"appendicon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationbadge !== null\"\r\n [attr.type]=\"notificationbadge.type\"\r\n [attr.size]=\"notificationbadge.size\">\r\n {{notificationbadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", styles: [":host { display: inline; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2219
+ IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationbadge: "notificationbadge", prependicon: "prependicon", appendicon: "appendicon", underlined: "underlined", padding: "padding", outline: "outline", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", size: "size", activeicon: "activeicon", activeiconbackground: "activeiconbackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [appendicongap]=\"appendicongap\"\r\n [prependicongap]=\"prependicongap\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.bold]=\"bold ? true : null\"\r\n [attr.activeicon]=\"activeicon ? true : null\"\r\n [attr.active]=\"active ? true : null\"\r\n [activeiconbackground]=\"activeiconbackground\"\r\n [padding]=\"padding\"\r\n [colorpreset]=\"colorpreset\"\r\n [hovercolor]=\"hovercolor\"\r\n [light]=\"light ? true : null\"\r\n [outline]=\"outline\"\r\n [block]=\"block ? true : null\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependicon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependicon?.name\"\r\n [attr.title]=\"prependicon?.title\" \r\n [attr.color]=\"prependicon?.color\" \r\n [attr.color2]=\"prependicon?.color2\" \r\n [attr.size]=\"prependicon?.size\" \r\n [attr.padding]=\"prependicon?.padding\" \r\n [attr.rotate]=\"prependicon?.rotate\" \r\n [attr.colorpreset]=\"prependicon?.colorpreset\" \r\n [attr.height]=\"prependicon?.height\" \r\n [attr.width]=\"prependicon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendicon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendicon?.name\"\r\n [attr.title]=\"appendicon?.title\" \r\n [attr.color]=\"appendicon?.color\" \r\n [attr.color2]=\"appendicon?.color2\"\r\n [attr.size]=\"appendicon?.size\" \r\n [attr.padding]=\"appendicon?.padding\" \r\n [attr.rotate]=\"appendicon?.rotate\" \r\n [attr.colorpreset]=\"appendicon?.colorpreset\" \r\n [attr.height]=\"appendicon?.height\" \r\n [attr.width]=\"appendicon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationbadge !== null\"\r\n [attr.type]=\"notificationbadge.type\"\r\n [attr.size]=\"notificationbadge.size\">\r\n {{notificationbadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", styles: [":host { display: inline; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2196
2220
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
2197
2221
  type: i0.Component,
2198
2222
  args: [{
@@ -2214,13 +2238,27 @@
2214
2238
  type: i0.Input
2215
2239
  }], outline: [{
2216
2240
  type: i0.Input
2241
+ }], color: [{
2242
+ type: i0.Input
2243
+ }], active: [{
2244
+ type: i0.Input
2245
+ }], colorpreset: [{
2246
+ type: i0.Input
2247
+ }], hovercolor: [{
2248
+ type: i0.Input
2249
+ }], light: [{
2250
+ type: i0.Input
2251
+ }], bold: [{
2252
+ type: i0.Input
2253
+ }], appendicongap: [{
2254
+ type: i0.Input
2255
+ }], prependicongap: [{
2256
+ type: i0.Input
2217
2257
  }], block: [{
2218
2258
  type: i0.Input
2219
2259
  }, {
2220
2260
  type: i0.HostBinding,
2221
2261
  args: ['class.ids-block']
2222
- }], color: [{
2223
- type: i0.Input
2224
2262
  }], size: [{
2225
2263
  type: i0.Input
2226
2264
  }], activeicon: [{
@@ -2301,11 +2339,12 @@
2301
2339
  this.monthlabel = null;
2302
2340
  this.day = null;
2303
2341
  this.showdatelabel = false;
2342
+ this.interactive = false;
2304
2343
  }
2305
2344
  return IDListItemComponent;
2306
2345
  }());
2307
2346
  IDListItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDListItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2308
- IDListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDListItemComponent, selector: "id-list-item", inputs: { headline: "headline", date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day", showdatelabel: "showdatelabel" }, ngImport: i0__namespace, template: "<ids-list-item\r\n[headline]=\"headline\"\r\n[date]=\"date\"\r\n[year]=\"year\"\r\n[month]=\"month\"\r\n[monthlabel]=\"monthlabel\"\r\n[day]=\"day\"\r\n[showdatelabel]=\"showdatelabel\">\r\n <ng-content></ng-content>\r\n</ids-list-item>", encapsulation: i0__namespace.ViewEncapsulation.None });
2347
+ IDListItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDListItemComponent, selector: "id-list-item", inputs: { headline: "headline", date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day", showdatelabel: "showdatelabel", interactive: "interactive" }, ngImport: i0__namespace, template: "<ids-list-item\r\n[headline]=\"headline\"\r\n[date]=\"date\"\r\n[interactive]=\"interactive\"\r\n[year]=\"year\"\r\n[month]=\"month\"\r\n[monthlabel]=\"monthlabel\"\r\n[day]=\"day\"\r\n[showdatelabel]=\"showdatelabel\">\r\n <ng-content></ng-content>\r\n</ids-list-item>", encapsulation: i0__namespace.ViewEncapsulation.None });
2309
2348
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDListItemComponent, decorators: [{
2310
2349
  type: i0.Component,
2311
2350
  args: [{
@@ -2327,6 +2366,8 @@
2327
2366
  type: i0.Input
2328
2367
  }], showdatelabel: [{
2329
2368
  type: i0.Input
2369
+ }], interactive: [{
2370
+ type: i0.Input
2330
2371
  }] } });
2331
2372
 
2332
2373
  var IDListItemModule = /** @class */ (function () {
@@ -2426,6 +2467,45 @@
2426
2467
  }]
2427
2468
  }] });
2428
2469
 
2470
+ var IDNavigationLocalComponent = /** @class */ (function () {
2471
+ function IDNavigationLocalComponent() {
2472
+ this.headline = '';
2473
+ }
2474
+ return IDNavigationLocalComponent;
2475
+ }());
2476
+ IDNavigationLocalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2477
+ IDNavigationLocalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNavigationLocalComponent, selector: "id-navigation-local", inputs: { headline: "headline" }, ngImport: i0__namespace, template: "<ids-navigation-local\r\n [headline]=\"headline\">\r\n <ng-content></ng-content>\r\n</ids-navigation-local>" });
2478
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalComponent, decorators: [{
2479
+ type: i0.Component,
2480
+ args: [{
2481
+ selector: 'id-navigation-local',
2482
+ templateUrl: './navigation-local.component.html'
2483
+ }]
2484
+ }], ctorParameters: function () { return []; }, propDecorators: { headline: [{
2485
+ type: i0.Input
2486
+ }] } });
2487
+
2488
+ var IDNavigationLocalModule = /** @class */ (function () {
2489
+ function IDNavigationLocalModule() {
2490
+ }
2491
+ return IDNavigationLocalModule;
2492
+ }());
2493
+ IDNavigationLocalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2494
+ IDNavigationLocalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalModule, declarations: [IDNavigationLocalComponent], exports: [IDNavigationLocalComponent] });
2495
+ IDNavigationLocalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalModule });
2496
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationLocalModule, decorators: [{
2497
+ type: i0.NgModule,
2498
+ args: [{
2499
+ declarations: [
2500
+ IDNavigationLocalComponent
2501
+ ],
2502
+ exports: [
2503
+ IDNavigationLocalComponent
2504
+ ],
2505
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2506
+ }]
2507
+ }] });
2508
+
2429
2509
  var IDNotificationBadgeComponent = /** @class */ (function () {
2430
2510
  function IDNotificationBadgeComponent() {
2431
2511
  this.outlined = false;
@@ -2505,7 +2585,7 @@
2505
2585
  return IDMobileMenuComponent;
2506
2586
  }());
2507
2587
  IDMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
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"] }] });
2588
+ 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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2509
2589
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, decorators: [{
2510
2590
  type: i0.Component,
2511
2591
  args: [{
@@ -2732,7 +2812,7 @@
2732
2812
  return IDFooterComponent;
2733
2813
  }());
2734
2814
  IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
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"] }] });
2815
+ 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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
2736
2816
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
2737
2817
  type: i0.Component,
2738
2818
  args: [{
@@ -2793,12 +2873,13 @@
2793
2873
  this.srlogolabel = 'Logotyp';
2794
2874
  this.avatarmaxwidth = '';
2795
2875
  this.persistentmobilemenu = false;
2876
+ this.mobilemenulabel = '';
2796
2877
  this.onDidToggleRegion = new i0.EventEmitter();
2797
2878
  }
2798
2879
  return IDHeaderComponent;
2799
2880
  }());
2800
2881
  IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
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"] }] });
2882
+ 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", mobilemenulabel: "mobilemenulabel", 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 {{mobilemenulabel}}\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobilemenuitems\"\r\n slot=\"menu-link\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n </ids-header-nav>\r\n\r\n <ids-header-avatar [maxwidth]=\"avatar.maxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n *ngIf=\"type !== '1177' && (mobilemenuitems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-item *ngFor=\"let item of mobilemenuitems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
2802
2883
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2803
2884
  type: i0.Component,
2804
2885
  args: [{
@@ -2843,6 +2924,8 @@
2843
2924
  type: i0.Input
2844
2925
  }], mobileitems: [{
2845
2926
  type: i0.Input
2927
+ }], mobilemenulabel: [{
2928
+ type: i0.Input
2846
2929
  }], mobilemenuitems: [{
2847
2930
  type: i0.Input
2848
2931
  }], onDidToggleRegion: [{
@@ -3618,6 +3701,8 @@
3618
3701
  exports.IDMobileMenuModule = IDMobileMenuModule;
3619
3702
  exports.IDNavigationContentComponent = IDNavigationContentComponent;
3620
3703
  exports.IDNavigationContentModule = IDNavigationContentModule;
3704
+ exports.IDNavigationLocalComponent = IDNavigationLocalComponent;
3705
+ exports.IDNavigationLocalModule = IDNavigationLocalModule;
3621
3706
  exports.IDNotificationBadge = IDNotificationBadge;
3622
3707
  exports.IDNotificationBadgeComponent = IDNotificationBadgeComponent;
3623
3708
  exports.IDNotificationBadgeModule = IDNotificationBadgeModule;