@inera/ids-angular 2.4.0 → 2.5.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 (32) hide show
  1. package/bundles/inera-ids-angular.umd.js +47 -20
  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 +2 -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/form/checkbox/checkbox.component.js +2 -2
  13. package/esm2015/lib/components/form/checkbox-group/checkbox-group.component.js +2 -2
  14. package/esm2015/lib/components/form/input/input.component.js +2 -2
  15. package/esm2015/lib/components/form/select/select.component.js +2 -2
  16. package/esm2015/lib/components/form/select-multiple/select-multiple.component.js +2 -2
  17. package/esm2015/lib/components/form/textarea/textarea.component.js +2 -2
  18. package/esm2015/lib/components/grid/column/column.component.js +2 -2
  19. package/esm2015/lib/components/header/header.component.js +10 -2
  20. package/esm2015/lib/components/popover/popover.component.js +2 -2
  21. package/esm2015/lib/components/tabs/panel/tab-panel.component.js +2 -2
  22. package/esm2015/lib/components/tabs/tabs.component.js +15 -5
  23. package/fesm2015/inera-ids-angular.js +45 -21
  24. package/fesm2015/inera-ids-angular.js.map +1 -1
  25. package/lib/classes/header/IDHeaderAvatar.d.ts +1 -1
  26. package/lib/classes/header/IDHeaderAvatarProps.d.ts +1 -1
  27. package/lib/classes/header/IDHeaderItem.d.ts +1 -0
  28. package/lib/classes/header/IDHeaderItemProps.d.ts +1 -0
  29. package/lib/components/alert-global/alert-global.component.d.ts +2 -1
  30. package/lib/components/header/header.component.d.ts +4 -1
  31. package/lib/components/tabs/tabs.component.d.ts +4 -1
  32. package/package.json +2 -2
@@ -43,7 +43,7 @@
43
43
  return IDAlertComponent;
44
44
  }());
45
45
  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; }"] });
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 [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
47
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, decorators: [{
48
48
  type: i0.Component,
49
49
  args: [{
@@ -99,6 +99,7 @@
99
99
  function IDAlertGlobalComponent() {
100
100
  this.expanded = true;
101
101
  this.headline = '';
102
+ this.hideMobileIcon = '';
102
103
  this.showText = 'Visa meddelande';
103
104
  this.hideText = 'Dölj meddelande';
104
105
  this.didToggleExpansion = new i0.EventEmitter();
@@ -106,7 +107,7 @@
106
107
  return IDAlertGlobalComponent;
107
108
  }());
108
109
  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; }"] });
110
+ 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
111
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertGlobalComponent, decorators: [{
111
112
  type: i0.Component,
112
113
  args: [{
@@ -118,6 +119,8 @@
118
119
  type: i0.Input
119
120
  }], headline: [{
120
121
  type: i0.Input
122
+ }], hideMobileIcon: [{
123
+ type: i0.Input
121
124
  }], showText: [{
122
125
  type: i0.Input
123
126
  }], hideText: [{
@@ -262,13 +265,13 @@
262
265
  return IDButtonComponent;
263
266
  }());
264
267
  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 });
268
+ 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
269
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
267
270
  type: i0.Component,
268
271
  args: [{
269
272
  selector: 'id-button',
270
273
  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; }'],
274
+ styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
272
275
  encapsulation: i0.ViewEncapsulation.None,
273
276
  }]
274
277
  }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -376,7 +379,7 @@
376
379
  return IDCarouselComponent;
377
380
  }());
378
381
  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>" });
382
+ 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
383
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselComponent, decorators: [{
381
384
  type: i0.Component,
382
385
  args: [{
@@ -1164,7 +1167,7 @@
1164
1167
  return IDDialogComponent;
1165
1168
  }());
1166
1169
  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 });
1170
+ 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
1171
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, decorators: [{
1169
1172
  type: i0.Component,
1170
1173
  args: [{
@@ -1452,7 +1455,7 @@
1452
1455
  return IDInputComponent;
1453
1456
  }(IDFormBase));
1454
1457
  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 });
1458
+ 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
1459
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, decorators: [{
1457
1460
  type: i0.Component,
1458
1461
  args: [{
@@ -1498,7 +1501,7 @@
1498
1501
  return IDCheckboxComponent;
1499
1502
  }(IDFormBase));
1500
1503
  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 });
1504
+ 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
1505
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, decorators: [{
1503
1506
  type: i0.Component,
1504
1507
  args: [{
@@ -1545,7 +1548,7 @@
1545
1548
  return IDCheckboxGroupComponent;
1546
1549
  }(IDFormBase));
1547
1550
  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 });
1551
+ 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
1552
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxGroupComponent, decorators: [{
1550
1553
  type: i0.Component,
1551
1554
  args: [{
@@ -1746,7 +1749,7 @@
1746
1749
  return IDSelectComponent;
1747
1750
  }(IDFormBase));
1748
1751
  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 });
1752
+ 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
1753
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectComponent, decorators: [{
1751
1754
  type: i0.Component,
1752
1755
  args: [{
@@ -1790,7 +1793,7 @@
1790
1793
  return IDSelectMultipleComponent;
1791
1794
  }(IDFormBase));
1792
1795
  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 });
1796
+ 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
1797
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, decorators: [{
1795
1798
  type: i0.Component,
1796
1799
  args: [{
@@ -1924,7 +1927,7 @@
1924
1927
  return IDTextareaComponent;
1925
1928
  }(IDFormBase));
1926
1929
  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 });
1930
+ 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
1931
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTextareaComponent, decorators: [{
1929
1932
  type: i0.Component,
1930
1933
  args: [{
@@ -2024,7 +2027,7 @@
2024
2027
  return IDColumnComponent;
2025
2028
  }());
2026
2029
  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 });
2030
+ 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
2031
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDColumnComponent, decorators: [{
2029
2032
  type: i0.Component,
2030
2033
  args: [{
@@ -2567,7 +2570,7 @@
2567
2570
  return IDPopoverComponent;
2568
2571
  }());
2569
2572
  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>" });
2573
+ 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
2574
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2572
2575
  type: i0.Component,
2573
2576
  args: [{
@@ -2715,15 +2718,17 @@
2715
2718
  this.hideRegionPicker = false;
2716
2719
  this.unresponsive = false;
2717
2720
  this.hideBrand = false;
2721
+ this.logoHref = '';
2718
2722
  this.pickRegionText = 'Välj region';
2719
2723
  this.srLogoLabel = 'Logotyp';
2724
+ this.avatarMaxWidth = '';
2720
2725
  this.persistentMobileMenu = false;
2721
2726
  this.didToggleRegion = new i0.EventEmitter();
2722
2727
  }
2723
2728
  return IDHeaderComponent;
2724
2729
  }());
2725
2730
  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"] }] });
2731
+ 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
2732
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2728
2733
  type: i0.Component,
2729
2734
  args: [{
@@ -2746,16 +2751,22 @@
2746
2751
  type: i0.Input
2747
2752
  }], hideBrand: [{
2748
2753
  type: i0.Input
2754
+ }], logoHref: [{
2755
+ type: i0.Input
2749
2756
  }], pickRegionText: [{
2750
2757
  type: i0.Input
2751
2758
  }], regionIcon: [{
2752
2759
  type: i0.Input
2760
+ }], regionIconTitle: [{
2761
+ type: i0.Input
2753
2762
  }], srLogoLabel: [{
2754
2763
  type: i0.Input
2755
2764
  }], items: [{
2756
2765
  type: i0.Input
2757
2766
  }], avatar: [{
2758
2767
  type: i0.Input
2768
+ }], avatarMaxWidth: [{
2769
+ type: i0.Input
2759
2770
  }], navItems: [{
2760
2771
  type: i0.Input
2761
2772
  }], persistentMobileMenu: [{
@@ -2815,6 +2826,13 @@
2815
2826
  enumerable: false,
2816
2827
  configurable: true
2817
2828
  });
2829
+ Object.defineProperty(IDHeaderItem.prototype, "separatorLeft", {
2830
+ get: function () {
2831
+ return this._props.separatorLeft;
2832
+ },
2833
+ enumerable: false,
2834
+ configurable: true
2835
+ });
2818
2836
  return IDHeaderItem;
2819
2837
  }());
2820
2838
 
@@ -2843,9 +2861,9 @@
2843
2861
  enumerable: false,
2844
2862
  configurable: true
2845
2863
  });
2846
- Object.defineProperty(IDHeaderAvatar.prototype, "serviceName", {
2864
+ Object.defineProperty(IDHeaderAvatar.prototype, "unit", {
2847
2865
  get: function () {
2848
- return this._props.serviceName;
2866
+ return this._props.unit;
2849
2867
  },
2850
2868
  enumerable: false,
2851
2869
  configurable: true
@@ -3005,18 +3023,27 @@
3005
3023
 
3006
3024
  var IDTabsComponent = /** @class */ (function () {
3007
3025
  function IDTabsComponent() {
3026
+ this.responsive = 'm';
3027
+ this.unresponsive = false;
3028
+ this.selectLabel = '';
3008
3029
  }
3009
3030
  return IDTabsComponent;
3010
3031
  }());
3011
3032
  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>" });
3033
+ 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 \n [unresponsive]=\"unresponsive ? true : null\"\n [responsive]=\"responsive\"\n [selectlabel]=\"selectLabel\">\n <ng-content></ng-content>\n</ids-tabs>" });
3013
3034
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
3014
3035
  type: i0.Component,
3015
3036
  args: [{
3016
3037
  selector: 'id-tabs',
3017
3038
  templateUrl: './tabs.component.html'
3018
3039
  }]
3019
- }], ctorParameters: function () { return []; } });
3040
+ }], ctorParameters: function () { return []; }, propDecorators: { responsive: [{
3041
+ type: i0.Input
3042
+ }], unresponsive: [{
3043
+ type: i0.Input
3044
+ }], selectLabel: [{
3045
+ type: i0.Input
3046
+ }] } });
3020
3047
 
3021
3048
  var IDTabPanelComponent = /** @class */ (function () {
3022
3049
  function IDTabPanelComponent(elementRef) {
@@ -3027,7 +3054,7 @@
3027
3054
  return IDTabPanelComponent;
3028
3055
  }());
3029
3056
  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>" });
3057
+ 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
3058
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
3032
3059
  type: i0.Component,
3033
3060
  args: [{