@inera/ids-angular 2.4.0 → 2.6.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 (41) hide show
  1. package/bundles/inera-ids-angular.umd.js +95 -23
  2. package/bundles/inera-ids-angular.umd.js.map +1 -1
  3. package/esm2015/lib/classes/header/IDHeaderAvatar.js +3 -3
  4. package/esm2015/lib/classes/header/IDHeaderAvatarProps.js +1 -1
  5. package/esm2015/lib/classes/header/IDHeaderItem.js +4 -1
  6. package/esm2015/lib/classes/header/IDHeaderItemProps.js +1 -1
  7. package/esm2015/lib/components/alert/alert.component.js +5 -2
  8. package/esm2015/lib/components/alert-global/alert-global.component.js +5 -2
  9. package/esm2015/lib/components/button/button.component.js +3 -3
  10. package/esm2015/lib/components/carousel/carousel.component.js +2 -2
  11. package/esm2015/lib/components/dialog/dialog.component.js +2 -2
  12. package/esm2015/lib/components/footer/footer.component.js +5 -2
  13. package/esm2015/lib/components/form/checkbox/checkbox.component.js +2 -2
  14. package/esm2015/lib/components/form/checkbox-group/checkbox-group.component.js +2 -2
  15. package/esm2015/lib/components/form/input/input.component.js +2 -2
  16. package/esm2015/lib/components/form/select/select.component.js +2 -2
  17. package/esm2015/lib/components/form/select-multiple/select-multiple.component.js +2 -2
  18. package/esm2015/lib/components/form/textarea/textarea.component.js +2 -2
  19. package/esm2015/lib/components/form/toggle/toggle.component.js +16 -0
  20. package/esm2015/lib/components/form/toggle/toggle.module.js +22 -0
  21. package/esm2015/lib/components/grid/column/column.component.js +2 -2
  22. package/esm2015/lib/components/header/header.component.js +10 -2
  23. package/esm2015/lib/components/popover/popover.component.js +2 -2
  24. package/esm2015/lib/components/tabs/panel/tab-panel.component.js +2 -2
  25. package/esm2015/lib/components/tabs/tabs.component.js +15 -5
  26. package/esm2015/public-api.js +4 -1
  27. package/fesm2015/inera-ids-angular.js +86 -23
  28. package/fesm2015/inera-ids-angular.js.map +1 -1
  29. package/lib/classes/header/IDHeaderAvatar.d.ts +1 -1
  30. package/lib/classes/header/IDHeaderAvatarProps.d.ts +1 -1
  31. package/lib/classes/header/IDHeaderItem.d.ts +1 -0
  32. package/lib/classes/header/IDHeaderItemProps.d.ts +1 -0
  33. package/lib/components/alert/alert.component.d.ts +2 -1
  34. package/lib/components/alert-global/alert-global.component.d.ts +2 -1
  35. package/lib/components/footer/footer.component.d.ts +2 -1
  36. package/lib/components/form/toggle/toggle.component.d.ts +6 -0
  37. package/lib/components/form/toggle/toggle.module.d.ts +8 -0
  38. package/lib/components/header/header.component.d.ts +4 -1
  39. package/lib/components/tabs/tabs.component.d.ts +4 -1
  40. package/package.json +2 -2
  41. 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/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/icon/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')) :
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/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/icon/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'], 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/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/icon/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/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/icon/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) :
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, 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, i1, i3) { 'use strict';
6
6
 
@@ -31,6 +31,7 @@
31
31
  function IDAlertComponent() {
32
32
  this.dismissible = false;
33
33
  this.collapsable = false;
34
+ this.collapsed = false;
34
35
  this.srCollapseText = '';
35
36
  this.srExpandText = '';
36
37
  this.headline = '';
@@ -43,7 +44,7 @@
43
44
  return IDAlertComponent;
44
45
  }());
45
46
  IDAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
46
- IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", srCollapseText: "srCollapseText", srExpandText: "srExpandText", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n [headline]=\"headline\"\r\n [attr.dismissible]=\"dismissible ? true : null\"\r\n [attr.collapsable]=\"collapsable ? true : null\"\r\n [srcollapsetext]=\"srCollapseText\"\r\n [srexpandtext]=\"srExpandText\"\r\n [live]=\"live\"\r\n [type]=\"type\"\r\n [srclosetext]=\"srCloseText\"\r\n [srIconTitle]=\"srIconTitle\"\r\n (closed)=\"closed.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
47
+ IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", collapsed: "collapsed", srCollapseText: "srCollapseText", srExpandText: "srExpandText", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n [headline]=\"headline\"\r\n [attr.dismissible]=\"dismissible ? true : null\"\r\n [attr.collapsable]=\"collapsable ? true : null\"\r\n [attr.collapsed]=\"collapsed ? true : null\"\r\n [srcollapsetext]=\"srCollapseText\"\r\n [srexpandtext]=\"srExpandText\"\r\n [attr.aria-live]=\"live\"\r\n [type]=\"type\"\r\n [srclosetext]=\"srCloseText\"\r\n [sricontitle]=\"srIconTitle\"\r\n (closed)=\"closed.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
47
48
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, decorators: [{
48
49
  type: i0.Component,
49
50
  args: [{
@@ -55,6 +56,8 @@
55
56
  type: i0.Input
56
57
  }], collapsable: [{
57
58
  type: i0.Input
59
+ }], collapsed: [{
60
+ type: i0.Input
58
61
  }], srCollapseText: [{
59
62
  type: i0.Input
60
63
  }], srExpandText: [{
@@ -99,6 +102,7 @@
99
102
  function IDAlertGlobalComponent() {
100
103
  this.expanded = true;
101
104
  this.headline = '';
105
+ this.hideMobileIcon = '';
102
106
  this.showText = 'Visa meddelande';
103
107
  this.hideText = 'Dölj meddelande';
104
108
  this.didToggleExpansion = new i0.EventEmitter();
@@ -106,7 +110,7 @@
106
110
  return IDAlertGlobalComponent;
107
111
  }());
108
112
  IDAlertGlobalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertGlobalComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
109
- IDAlertGlobalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertGlobalComponent, selector: "id-alert-global", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-alert-global \r\n [headline]=\"headline\"\r\n [showtext]=\"showText\"\r\n [hidetext]=\"hideText\"\r\n [expanded]=\"expanded\"\r\n (closed)=\"didToggleExpansion.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert-global>", styles: [":host { display: block; }"] });
113
+ IDAlertGlobalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertGlobalComponent, selector: "id-alert-global", inputs: { expanded: "expanded", headline: "headline", hideMobileIcon: "hideMobileIcon", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-alert-global \r\n [headline]=\"headline\"\r\n [showtext]=\"showText\"\r\n [hidetext]=\"hideText\"\r\n [expanded]=\"expanded\"\r\n [hidemobileicon]=\"hideMobileIcon ? true : null\"\r\n (closed)=\"didToggleExpansion.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert-global>", styles: [":host { display: block; }"] });
110
114
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertGlobalComponent, decorators: [{
111
115
  type: i0.Component,
112
116
  args: [{
@@ -118,6 +122,8 @@
118
122
  type: i0.Input
119
123
  }], headline: [{
120
124
  type: i0.Input
125
+ }], hideMobileIcon: [{
126
+ type: i0.Input
121
127
  }], showText: [{
122
128
  type: i0.Input
123
129
  }], hideText: [{
@@ -262,13 +268,13 @@
262
268
  return IDButtonComponent;
263
269
  }());
264
270
  IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
265
- 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" }, outputs: { clicked: "clicked" }, 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 [s-block]=\"sBlock ? 'true' : null\"\r\n [m-block]=\"mBlock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"clicked.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
271
+ 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" }, outputs: { clicked: "clicked" }, 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)=\"clicked.emit(true)\">\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; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
266
272
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
267
273
  type: i0.Component,
268
274
  args: [{
269
275
  selector: 'id-button',
270
276
  templateUrl: './button.component.html',
271
- styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }'],
277
+ styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
272
278
  encapsulation: i0.ViewEncapsulation.None,
273
279
  }]
274
280
  }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -376,7 +382,7 @@
376
382
  return IDCarouselComponent;
377
383
  }());
378
384
  IDCarouselComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
379
- IDCarouselComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCarouselComponent, selector: "id-carousel", inputs: { autoplay: "autoplay", srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel", autoplayDelay: "autoplayDelay" }, ngImport: i0__namespace, template: "<ids-carousel\r\n [srnextlabel]=\"srNextLabel\"\r\n [srnextlabel]=\"srNextLabel\"\r\n [autoplay]=\"autoplay ? true : null\"\r\n [autoplay-delay]=\"autoplayDelay\">\r\n <ng-content></ng-content>\r\n</ids-carousel>" });
385
+ IDCarouselComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCarouselComponent, selector: "id-carousel", inputs: { autoplay: "autoplay", srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel", autoplayDelay: "autoplayDelay" }, ngImport: i0__namespace, template: "<ids-carousel\r\n [srnextlabel]=\"srNextLabel\"\r\n [srnextlabel]=\"srNextLabel\"\r\n [autoplay]=\"autoplay ? true : null\"\r\n [autoplaydelay]=\"autoplayDelay\">\r\n <ng-content></ng-content>\r\n</ids-carousel>" });
380
386
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselComponent, decorators: [{
381
387
  type: i0.Component,
382
388
  args: [{
@@ -1164,7 +1170,7 @@
1164
1170
  return IDDialogComponent;
1165
1171
  }());
1166
1172
  IDDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1167
- 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" }, ngImport: i0__namespace, template: "<ids-dialog \r\n [dismissible]=\"dismissible\"\r\n [headline]=\"headline\"\r\n [overlay]=\"overlay\"\r\n [persistent]=\"persistent\"\r\n [show]=\"show\"\r\n [width]=\"width\"\r\n [no-focus-trap]=\"noFocusTrap\"\r\n [srclosetext]=\"srCloseText\">\r\n <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0__namespace.ViewEncapsulation.None });
1173
+ 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" }, ngImport: i0__namespace, template: "<ids-dialog \r\n [dismissible]=\"dismissible\"\r\n [headline]=\"headline\"\r\n [overlay]=\"overlay ? true : null\"\r\n [nofocustrap]=\"noFocusTrap ? true : null\"\r\n [persistent]=\"persistent\"\r\n [show]=\"show\"\r\n [width]=\"width\"\r\n nofocustrap=\"noFocusTrap\"\r\n [srclosetext]=\"srCloseText\">\r\n <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0__namespace.ViewEncapsulation.None });
1168
1174
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, decorators: [{
1169
1175
  type: i0.Component,
1170
1176
  args: [{
@@ -1452,7 +1458,7 @@
1452
1458
  return IDInputComponent;
1453
1459
  }(IDFormBase));
1454
1460
  IDInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1455
- IDInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus", appendIcon: "appendIcon" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-input [attr.valid]=\"valid\" \r\n [attr.no-validation]=\"noValidation ? noValidation : null\"\r\n [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n <ng-content></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\"\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-input>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1461
+ IDInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus", appendIcon: "appendIcon" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-input [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"noValidation ? noValidation : null\"\r\n [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n <ng-content></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\"\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-input>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1456
1462
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, decorators: [{
1457
1463
  type: i0.Component,
1458
1464
  args: [{
@@ -1498,7 +1504,7 @@
1498
1504
  return IDCheckboxComponent;
1499
1505
  }(IDFormBase));
1500
1506
  IDCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1501
- IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox \r\n [attr.compact]=\"compact ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0__namespace.ViewEncapsulation.None });
1507
+ IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox \r\n [attr.compact]=\"compact ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0__namespace.ViewEncapsulation.None });
1502
1508
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, decorators: [{
1503
1509
  type: i0.Component,
1504
1510
  args: [{
@@ -1545,7 +1551,7 @@
1545
1551
  return IDCheckboxGroupComponent;
1546
1552
  }(IDFormBase));
1547
1553
  IDCheckboxGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1548
- IDCheckboxGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage", legend: "legend", compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox-group \r\n [legend]=\"legend\"\r\n [valid]=\"valid\" \r\n [attr.no-validation]=\"noValidation ? noValidation : null\"\r\n [attr.compact]=\"compact ? true : null\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1554
+ IDCheckboxGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage", legend: "legend", compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox-group \r\n [legend]=\"legend\"\r\n [valid]=\"valid\" \r\n [attr.novalidation]=\"noValidation ? noValidation : null\"\r\n [attr.compact]=\"compact ? true : null\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
1549
1555
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxGroupComponent, decorators: [{
1550
1556
  type: i0.Component,
1551
1557
  args: [{
@@ -1746,7 +1752,7 @@
1746
1752
  return IDSelectComponent;
1747
1753
  }(IDFormBase));
1748
1754
  IDSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1749
- IDSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0__namespace, template: "<ids-select [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0__namespace.ViewEncapsulation.None });
1755
+ IDSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0__namespace, template: "<ids-select [attr.valid]=\"valid\" [attr.novalidation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0__namespace.ViewEncapsulation.None });
1750
1756
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectComponent, decorators: [{
1751
1757
  type: i0.Component,
1752
1758
  args: [{
@@ -1790,7 +1796,7 @@
1790
1796
  return IDSelectMultipleComponent;
1791
1797
  }(IDFormBase));
1792
1798
  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 });
1793
- 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.valid]=\"valid\" \r\n [attr.no-validation]=\"noValidation ? noValidation : null\" \r\n [label]=\"label\" \r\n [placeholder]=\"placeholder\"\r\n [max-height]=\"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 });
1799
+ 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.valid]=\"valid\" \r\n [attr.novalidation]=\"noValidation ? noValidation : 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 });
1794
1800
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, decorators: [{
1795
1801
  type: i0.Component,
1796
1802
  args: [{
@@ -1924,7 +1930,7 @@
1924
1930
  return IDTextareaComponent;
1925
1931
  }(IDFormBase));
1926
1932
  IDTextareaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTextareaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1927
- IDTextareaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", inputs: { noFade: "noFade" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-textarea [attr.no-fade]=\"noFade ? true : null\" [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0__namespace.ViewEncapsulation.None });
1933
+ IDTextareaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", inputs: { noFade: "noFade" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-textarea [attr.nofade]=\"noFade ? true : null\" [attr.valid]=\"valid\" [attr.novalidation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0__namespace.ViewEncapsulation.None });
1928
1934
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTextareaComponent, decorators: [{
1929
1935
  type: i0.Component,
1930
1936
  args: [{
@@ -2024,7 +2030,7 @@
2024
2030
  return IDColumnComponent;
2025
2031
  }());
2026
2032
  IDColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDColumnComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
2027
- IDColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", class: "class", style: "style" }, ngImport: i0__namespace, template: "<ids-col \r\n [attr.cols]=\"cols\"\r\n [attr.offset]=\"offset\"\r\n [attr.m]=\"m\" \r\n [attr.m-offset]=\"[mOffset]\"\r\n [attr.s]=\"s\" \r\n [attr.s-offset]=\"[sOffset]\"\r\n [attr.align]=\"align\"\r\n [attr.style]=\"style\"\r\n [attr.class]=\"class\">\r\n <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
2033
+ IDColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", class: "class", style: "style" }, ngImport: i0__namespace, template: "<ids-col \r\n [attr.cols]=\"cols\"\r\n [attr.offset]=\"offset\"\r\n [attr.m]=\"m\" \r\n [attr.moffset]=\"[mOffset]\"\r\n [attr.s]=\"s\" \r\n [attr.soffset]=\"[sOffset]\"\r\n [attr.align]=\"align\"\r\n [attr.style]=\"style\"\r\n [attr.class]=\"class\">\r\n <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
2028
2034
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDColumnComponent, decorators: [{
2029
2035
  type: i0.Component,
2030
2036
  args: [{
@@ -2567,7 +2573,7 @@
2567
2573
  return IDPopoverComponent;
2568
2574
  }());
2569
2575
  IDPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2570
- 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.max-width]=\"maxWidth\"\r\n [attr.max-height]=\"maxHeight\">\r\n <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
2576
+ 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>" });
2571
2577
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2572
2578
  type: i0.Component,
2573
2579
  args: [{
@@ -2653,6 +2659,7 @@
2653
2659
  this.headline = '';
2654
2660
  this.servicename = '';
2655
2661
  this.subheadline = '';
2662
+ this.cols = '3';
2656
2663
  this.linkcol1 = '2';
2657
2664
  this.linkcol2 = '2';
2658
2665
  this.linkcol3 = '2';
@@ -2661,7 +2668,7 @@
2661
2668
  return IDFooterComponent;
2662
2669
  }());
2663
2670
  IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2664
- 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", 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 [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"] }] });
2671
+ 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"] }] });
2665
2672
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
2666
2673
  type: i0.Component,
2667
2674
  args: [{
@@ -2676,6 +2683,8 @@
2676
2683
  type: i0.Input
2677
2684
  }], subheadline: [{
2678
2685
  type: i0.Input
2686
+ }], cols: [{
2687
+ type: i0.Input
2679
2688
  }], linkcol1: [{
2680
2689
  type: i0.Input
2681
2690
  }], linkcol2: [{
@@ -2715,15 +2724,17 @@
2715
2724
  this.hideRegionPicker = false;
2716
2725
  this.unresponsive = false;
2717
2726
  this.hideBrand = false;
2727
+ this.logoHref = '';
2718
2728
  this.pickRegionText = 'Välj region';
2719
2729
  this.srLogoLabel = 'Logotyp';
2730
+ this.avatarMaxWidth = '';
2720
2731
  this.persistentMobileMenu = false;
2721
2732
  this.didToggleRegion = new i0.EventEmitter();
2722
2733
  }
2723
2734
  return IDHeaderComponent;
2724
2735
  }());
2725
2736
  IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2726
- 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", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", persistentMobileMenu: "persistentMobileMenu", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav 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\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n {{mobileMenuText}}\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 [attr.type]=\"type\" *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n [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\">\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2737
+ 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", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", 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: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [logohref]=\"logoHref\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [regionicontitle]=\"regionIconTitle\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\"\r\n [attr.separatorleft]=\"item.separatorLeft\">\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\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n {{mobileMenuText}}\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]=\"avatarMaxWidth\" [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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2727
2738
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2728
2739
  type: i0.Component,
2729
2740
  args: [{
@@ -2746,16 +2757,22 @@
2746
2757
  type: i0.Input
2747
2758
  }], hideBrand: [{
2748
2759
  type: i0.Input
2760
+ }], logoHref: [{
2761
+ type: i0.Input
2749
2762
  }], pickRegionText: [{
2750
2763
  type: i0.Input
2751
2764
  }], regionIcon: [{
2752
2765
  type: i0.Input
2766
+ }], regionIconTitle: [{
2767
+ type: i0.Input
2753
2768
  }], srLogoLabel: [{
2754
2769
  type: i0.Input
2755
2770
  }], items: [{
2756
2771
  type: i0.Input
2757
2772
  }], avatar: [{
2758
2773
  type: i0.Input
2774
+ }], avatarMaxWidth: [{
2775
+ type: i0.Input
2759
2776
  }], navItems: [{
2760
2777
  type: i0.Input
2761
2778
  }], persistentMobileMenu: [{
@@ -2815,6 +2832,13 @@
2815
2832
  enumerable: false,
2816
2833
  configurable: true
2817
2834
  });
2835
+ Object.defineProperty(IDHeaderItem.prototype, "separatorLeft", {
2836
+ get: function () {
2837
+ return this._props.separatorLeft;
2838
+ },
2839
+ enumerable: false,
2840
+ configurable: true
2841
+ });
2818
2842
  return IDHeaderItem;
2819
2843
  }());
2820
2844
 
@@ -2843,9 +2867,9 @@
2843
2867
  enumerable: false,
2844
2868
  configurable: true
2845
2869
  });
2846
- Object.defineProperty(IDHeaderAvatar.prototype, "serviceName", {
2870
+ Object.defineProperty(IDHeaderAvatar.prototype, "unit", {
2847
2871
  get: function () {
2848
- return this._props.serviceName;
2872
+ return this._props.unit;
2849
2873
  },
2850
2874
  enumerable: false,
2851
2875
  configurable: true
@@ -3005,18 +3029,27 @@
3005
3029
 
3006
3030
  var IDTabsComponent = /** @class */ (function () {
3007
3031
  function IDTabsComponent() {
3032
+ this.responsive = 'm';
3033
+ this.unresponsive = false;
3034
+ this.selectLabel = '';
3008
3035
  }
3009
3036
  return IDTabsComponent;
3010
3037
  }());
3011
3038
  IDTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
3012
- IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", ngImport: i0__namespace, template: "<ids-tabs>\n <ng-content></ng-content>\n</ids-tabs>" });
3039
+ IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0__namespace, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n</ids-tabs>" });
3013
3040
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
3014
3041
  type: i0.Component,
3015
3042
  args: [{
3016
3043
  selector: 'id-tabs',
3017
3044
  templateUrl: './tabs.component.html'
3018
3045
  }]
3019
- }], ctorParameters: function () { return []; } });
3046
+ }], ctorParameters: function () { return []; }, propDecorators: { responsive: [{
3047
+ type: i0.Input
3048
+ }], unresponsive: [{
3049
+ type: i0.Input
3050
+ }], selectLabel: [{
3051
+ type: i0.Input
3052
+ }] } });
3020
3053
 
3021
3054
  var IDTabPanelComponent = /** @class */ (function () {
3022
3055
  function IDTabPanelComponent(elementRef) {
@@ -3027,7 +3060,7 @@
3027
3060
  return IDTabPanelComponent;
3028
3061
  }());
3029
3062
  IDTabPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
3030
- IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { noFocus: "noFocus" }, ngImport: i0__namespace, template: "<ids-tab-panel [attr.no-focus]=\"noFocus\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>" });
3063
+ IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { noFocus: "noFocus" }, ngImport: i0__namespace, template: "<ids-tab-panel [attr.nofocus]=\"noFocus\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>" });
3031
3064
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
3032
3065
  type: i0.Component,
3033
3066
  args: [{
@@ -3187,6 +3220,43 @@
3187
3220
  }]
3188
3221
  }] });
3189
3222
 
3223
+ var IDToggleComponent = /** @class */ (function () {
3224
+ function IDToggleComponent() {
3225
+ }
3226
+ return IDToggleComponent;
3227
+ }());
3228
+ IDToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
3229
+ IDToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDToggleComponent, selector: "id-toggle", ngImport: i0__namespace, template: "<ids-toggle>\r\n <ng-content></ng-content>\r\n</ids-toggle>", encapsulation: i0__namespace.ViewEncapsulation.None });
3230
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleComponent, decorators: [{
3231
+ type: i0.Component,
3232
+ args: [{
3233
+ selector: 'id-toggle',
3234
+ templateUrl: './toggle.component.html',
3235
+ encapsulation: i0.ViewEncapsulation.None,
3236
+ }]
3237
+ }], ctorParameters: function () { return []; } });
3238
+
3239
+ var IDToggleModule = /** @class */ (function () {
3240
+ function IDToggleModule() {
3241
+ }
3242
+ return IDToggleModule;
3243
+ }());
3244
+ IDToggleModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
3245
+ IDToggleModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleModule, declarations: [IDToggleComponent], exports: [IDToggleComponent] });
3246
+ IDToggleModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleModule });
3247
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDToggleModule, decorators: [{
3248
+ type: i0.NgModule,
3249
+ args: [{
3250
+ declarations: [
3251
+ IDToggleComponent
3252
+ ],
3253
+ exports: [
3254
+ IDToggleComponent
3255
+ ],
3256
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
3257
+ }]
3258
+ }] });
3259
+
3190
3260
  /*
3191
3261
  * Public API Surface of ids-angular
3192
3262
  */
@@ -3293,6 +3363,8 @@
3293
3363
  exports.IDTextareaModule = IDTextareaModule;
3294
3364
  exports.IDTimeComponent = IDTimeComponent;
3295
3365
  exports.IDTimeModule = IDTimeModule;
3366
+ exports.IDToggleComponent = IDToggleComponent;
3367
+ exports.IDToggleModule = IDToggleModule;
3296
3368
  exports.IDTooltipComponent = IDTooltipComponent;
3297
3369
  exports.IDTooltipModule = IDTooltipModule;
3298
3370