@inera/ids-angular 1.12.2 → 1.13.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 (38) hide show
  1. package/bundles/inera-ids-angular.umd.js +161 -19
  2. package/bundles/inera-ids-angular.umd.js.map +1 -1
  3. package/esm2015/lib/classes/header/IDHeaderNavItem.js +4 -4
  4. package/esm2015/lib/classes/header/IDHeaderNavItemProps.js +1 -1
  5. package/esm2015/lib/classes/icon/IDIconProps.js +1 -1
  6. package/esm2015/lib/components/alert/alert.component.js +2 -3
  7. package/esm2015/lib/components/alert-global/alert-global.component.js +4 -5
  8. package/esm2015/lib/components/badge/badge.component.js +19 -0
  9. package/esm2015/lib/components/badge/badge.module.js +22 -0
  10. package/esm2015/lib/components/button/button.component.js +5 -2
  11. package/esm2015/lib/components/form/input/input.component.js +6 -2
  12. package/esm2015/lib/components/form/input/input.module.js +5 -3
  13. package/esm2015/lib/components/grid/column/column.component.js +5 -2
  14. package/esm2015/lib/components/grid/row/row.component.js +5 -2
  15. package/esm2015/lib/components/header/header.component.js +2 -2
  16. package/esm2015/lib/components/popover/popover.component.js +22 -0
  17. package/esm2015/lib/components/popover/popover.module.js +22 -0
  18. package/esm2015/lib/components/progressbar/progressbar.component.js +22 -0
  19. package/esm2015/lib/components/progressbar/progressbar.module.js +22 -0
  20. package/esm2015/public-api.js +11 -2
  21. package/fesm2015/inera-ids-angular.js +143 -16
  22. package/fesm2015/inera-ids-angular.js.map +1 -1
  23. package/lib/classes/header/IDHeaderNavItem.d.ts +1 -1
  24. package/lib/classes/header/IDHeaderNavItemProps.d.ts +1 -1
  25. package/lib/classes/icon/IDIconProps.d.ts +1 -1
  26. package/lib/components/badge/badge.component.d.ts +7 -0
  27. package/lib/components/badge/badge.module.d.ts +8 -0
  28. package/lib/components/button/button.component.d.ts +2 -1
  29. package/lib/components/form/input/input.component.d.ts +3 -1
  30. package/lib/components/form/input/input.module.d.ts +2 -1
  31. package/lib/components/grid/column/column.component.d.ts +2 -1
  32. package/lib/components/grid/row/row.component.d.ts +2 -1
  33. package/lib/components/popover/popover.component.d.ts +8 -0
  34. package/lib/components/popover/popover.module.d.ts +8 -0
  35. package/lib/components/progressbar/progressbar.component.d.ts +8 -0
  36. package/lib/components/progressbar/progressbar.module.d.ts +8 -0
  37. package/package.json +2 -2
  38. package/public-api.d.ts +6 -0
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/alert/register'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/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/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/tabs/register')) :
3
- typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/alert/register', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/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/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/tabs/register'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, global.ng.common, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
5
- })(this, (function (exports, i0, i2, register, register$1, register$2, register$3, register$4, i1, i3) { 'use strict';
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('@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/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/tabs/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', '@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/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/tabs/register'], factory) :
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, global.ng.platformBrowser, global.ng.router));
5
+ })(this, (function (exports, i0, register, i2, register$1, register$2, register$3, register$4, register$5, i1, i3) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -40,7 +40,7 @@
40
40
  return IDAlertComponent;
41
41
  }());
42
42
  IDAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
43
- IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \n [dismissible]=\"dismissible\"\n [live]=\"live\"\n [type]=\"type\"\n [srclosetext]=\"srCloseText\"\n [srIconTitle]=\"srIconTitle\"\n (closed)=\"closed.emit(true)\">\n <h3 *ngIf=\"headline\">\n {{headline}}\n </h3>\n <ng-content></ng-content>\n</ids-alert>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
43
+ IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \n [headline]=\"headline\"\n [dismissible]=\"dismissible\"\n [live]=\"live\"\n [type]=\"type\"\n [srclosetext]=\"srCloseText\"\n [srIconTitle]=\"srIconTitle\"\n (closed)=\"closed.emit(true)\">\n <ng-content></ng-content>\n</ids-alert>", styles: [":host { display: block; }"] });
44
44
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, decorators: [{
45
45
  type: i0.Component,
46
46
  args: [{
@@ -90,14 +90,14 @@
90
90
  function IDAlertGlobalComponent() {
91
91
  this.expanded = true;
92
92
  this.headline = '';
93
- this.showText = '';
94
- this.hideText = '';
93
+ this.showText = 'Visa meddelande';
94
+ this.hideText = 'Dölj meddelande';
95
95
  this.didToggleExpansion = new i0.EventEmitter();
96
96
  }
97
97
  return IDAlertGlobalComponent;
98
98
  }());
99
99
  IDAlertGlobalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertGlobalComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
100
- 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 \n [showtext]=\"showText\"\n [hidetext]=\"hideText\"\n [expanded]=\"expanded\"\n (closed)=\"didToggleExpansion.emit(true)\">\n <h3 slot=\"alert-headline\" *ngIf=\"headline\">\n {{headline}}\n </h3>\n <ng-content></ng-content>\n</ids-alert-global>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
100
+ 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 \n [headline]=\"headline\"\n [showtext]=\"showText\"\n [hidetext]=\"hideText\"\n [expanded]=\"expanded\"\n (closed)=\"didToggleExpansion.emit(true)\">\n <ng-content></ng-content>\n</ids-alert-global>", styles: [":host { display: block; }"] });
101
101
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertGlobalComponent, decorators: [{
102
102
  type: i0.Component,
103
103
  args: [{
@@ -192,6 +192,45 @@
192
192
  }]
193
193
  }] });
194
194
 
195
+ var IDBadgeComponent = /** @class */ (function () {
196
+ function IDBadgeComponent() {
197
+ this.type = 'main';
198
+ }
199
+ return IDBadgeComponent;
200
+ }());
201
+ IDBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
202
+ IDBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBadgeComponent, selector: "id-badge", inputs: { type: "type" }, ngImport: i0__namespace, template: "<ids-badge \r\n [type]=\"type\">\r\n <ng-content></ng-content>\r\n</ids-badge>" });
203
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeComponent, decorators: [{
204
+ type: i0.Component,
205
+ args: [{
206
+ selector: 'id-badge',
207
+ templateUrl: './badge.component.html',
208
+ }]
209
+ }], ctorParameters: function () { return []; }, propDecorators: { type: [{
210
+ type: i0.Input
211
+ }] } });
212
+
213
+ var IDBadgeModule = /** @class */ (function () {
214
+ function IDBadgeModule() {
215
+ }
216
+ return IDBadgeModule;
217
+ }());
218
+ IDBadgeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
219
+ IDBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeModule, declarations: [IDBadgeComponent], exports: [IDBadgeComponent] });
220
+ IDBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeModule });
221
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBadgeModule, decorators: [{
222
+ type: i0.NgModule,
223
+ args: [{
224
+ declarations: [
225
+ IDBadgeComponent
226
+ ],
227
+ exports: [
228
+ IDBadgeComponent
229
+ ],
230
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
231
+ }]
232
+ }] });
233
+
195
234
  var IDButtonComponent = /** @class */ (function () {
196
235
  function IDButtonComponent() {
197
236
  this.secondary = false;
@@ -206,11 +245,12 @@
206
245
  this.size = 'm';
207
246
  this.disabled = false;
208
247
  this.type = undefined;
248
+ this.color = undefined;
209
249
  }
210
250
  return IDButtonComponent;
211
251
  }());
212
252
  IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
213
- IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? '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 <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 });
253
+ IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? '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 <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 });
214
254
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
215
255
  type: i0.Component,
216
256
  args: [{
@@ -243,6 +283,8 @@
243
283
  type: i0.Input
244
284
  }], type: [{
245
285
  type: i0.Input
286
+ }], color: [{
287
+ type: i0.Input
246
288
  }] } });
247
289
 
248
290
  var IDButtonModule = /** @class */ (function () {
@@ -1307,12 +1349,13 @@
1307
1349
  function IDInputComponent() {
1308
1350
  var _this = _super.call(this) || this;
1309
1351
  _this.autofocus = false;
1352
+ _this.appendIcon = null;
1310
1353
  return _this;
1311
1354
  }
1312
1355
  return IDInputComponent;
1313
1356
  }(IDFormBase));
1314
1357
  IDInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1315
- IDInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-input [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\" [attr.autofocus]=\"autofocus\">\r\n <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0__namespace.ViewEncapsulation.None });
1358
+ 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 });
1316
1359
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputComponent, decorators: [{
1317
1360
  type: i0.Component,
1318
1361
  args: [{
@@ -1322,6 +1365,8 @@
1322
1365
  }]
1323
1366
  }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
1324
1367
  type: i0.Input
1368
+ }], appendIcon: [{
1369
+ type: i0.Input
1325
1370
  }] } });
1326
1371
 
1327
1372
  var IDInputModule = /** @class */ (function () {
@@ -1330,8 +1375,8 @@
1330
1375
  return IDInputModule;
1331
1376
  }());
1332
1377
  IDInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
1333
- IDInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule, declarations: [IDInputComponent], exports: [IDInputComponent] });
1334
- IDInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule });
1378
+ IDInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule, declarations: [IDInputComponent], imports: [i2.CommonModule], exports: [IDInputComponent] });
1379
+ IDInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule, imports: [[i2.CommonModule]] });
1335
1380
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDInputModule, decorators: [{
1336
1381
  type: i0.NgModule,
1337
1382
  args: [{
@@ -1341,6 +1386,7 @@
1341
1386
  exports: [
1342
1387
  IDInputComponent
1343
1388
  ],
1389
+ imports: [i2.CommonModule],
1344
1390
  schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
1345
1391
  }]
1346
1392
  }] });
@@ -1805,6 +1851,7 @@
1805
1851
  function IDRowComponent(_elementRef) {
1806
1852
  this._elementRef = _elementRef;
1807
1853
  this.align = null;
1854
+ this.class = null;
1808
1855
  this.justify = null;
1809
1856
  this.style = null;
1810
1857
  this._elementRef.nativeElement.removeAttribute('style');
@@ -1812,7 +1859,7 @@
1812
1859
  return IDRowComponent;
1813
1860
  }());
1814
1861
  IDRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDRowComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
1815
- IDRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", inputs: { align: "align", justify: "justify", style: "style" }, ngImport: i0__namespace, template: "<ids-row [style]=\"style\" [justify]=\"justify\" [align]=\"align\">\r\n <ng-content></ng-content>\r\n</ids-row>" });
1862
+ IDRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", inputs: { align: "align", class: "class", justify: "justify", style: "style" }, ngImport: i0__namespace, template: "<ids-row [attr.class]=\"class\" [style]=\"style\" [justify]=\"justify\" [align]=\"align\">\r\n <ng-content></ng-content>\r\n</ids-row>" });
1816
1863
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDRowComponent, decorators: [{
1817
1864
  type: i0.Component,
1818
1865
  args: [{
@@ -1821,6 +1868,8 @@
1821
1868
  }]
1822
1869
  }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { align: [{
1823
1870
  type: i0.Input
1871
+ }], class: [{
1872
+ type: i0.Input
1824
1873
  }], justify: [{
1825
1874
  type: i0.Input
1826
1875
  }], style: [{
@@ -1858,13 +1907,14 @@
1858
1907
  this.s = "";
1859
1908
  this.sOffset = null;
1860
1909
  this.align = "";
1910
+ this.class = "";
1861
1911
  this.style = null;
1862
1912
  this._elementRef.nativeElement.removeAttribute('style');
1863
1913
  }
1864
1914
  return IDColumnComponent;
1865
1915
  }());
1866
1916
  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 });
1867
- 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", 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 <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
1917
+ 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 });
1868
1918
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDColumnComponent, decorators: [{
1869
1919
  type: i0.Component,
1870
1920
  args: [{
@@ -1887,6 +1937,8 @@
1887
1937
  type: i0.Input
1888
1938
  }], align: [{
1889
1939
  type: i0.Input
1940
+ }], class: [{
1941
+ type: i0.Input
1890
1942
  }], style: [{
1891
1943
  type: i0.Input
1892
1944
  }] } });
@@ -2350,6 +2402,90 @@
2350
2402
  return IDMobileMenuItem;
2351
2403
  }());
2352
2404
 
2405
+ var IDPopoverComponent = /** @class */ (function () {
2406
+ function IDPopoverComponent() {
2407
+ this.cathegory = undefined;
2408
+ this.position = 'bottom';
2409
+ }
2410
+ return IDPopoverComponent;
2411
+ }());
2412
+ IDPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2413
+ IDPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { 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 <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
2414
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2415
+ type: i0.Component,
2416
+ args: [{
2417
+ selector: 'id-popover',
2418
+ templateUrl: './popover.component.html',
2419
+ }]
2420
+ }], ctorParameters: function () { return []; }, propDecorators: { cathegory: [{
2421
+ type: i0.Input
2422
+ }], position: [{
2423
+ type: i0.Input
2424
+ }] } });
2425
+
2426
+ var IDPopoverModule = /** @class */ (function () {
2427
+ function IDPopoverModule() {
2428
+ }
2429
+ return IDPopoverModule;
2430
+ }());
2431
+ IDPopoverModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2432
+ IDPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, declarations: [IDPopoverComponent], exports: [IDPopoverComponent] });
2433
+ IDPopoverModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule });
2434
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, decorators: [{
2435
+ type: i0.NgModule,
2436
+ args: [{
2437
+ declarations: [
2438
+ IDPopoverComponent
2439
+ ],
2440
+ exports: [
2441
+ IDPopoverComponent
2442
+ ],
2443
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2444
+ }]
2445
+ }] });
2446
+
2447
+ var IDProgressbarComponent = /** @class */ (function () {
2448
+ function IDProgressbarComponent() {
2449
+ this.value = 0;
2450
+ this.hidelabel = false;
2451
+ }
2452
+ return IDProgressbarComponent;
2453
+ }());
2454
+ IDProgressbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2455
+ IDProgressbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDProgressbarComponent, selector: "id-progressbar", inputs: { value: "value", hidelabel: "hidelabel" }, ngImport: i0__namespace, template: "<ids-progressbar \r\n [value]=\"value\"\r\n [hidelabel]=\"hidelabel\">\r\n</ids-progressbar>" });
2456
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarComponent, decorators: [{
2457
+ type: i0.Component,
2458
+ args: [{
2459
+ selector: 'id-progressbar',
2460
+ templateUrl: './progressbar.component.html',
2461
+ }]
2462
+ }], ctorParameters: function () { return []; }, propDecorators: { value: [{
2463
+ type: i0.Input
2464
+ }], hidelabel: [{
2465
+ type: i0.Input
2466
+ }] } });
2467
+
2468
+ var IDProgressbarModule = /** @class */ (function () {
2469
+ function IDProgressbarModule() {
2470
+ }
2471
+ return IDProgressbarModule;
2472
+ }());
2473
+ IDProgressbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2474
+ IDProgressbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, declarations: [IDProgressbarComponent], exports: [IDProgressbarComponent] });
2475
+ IDProgressbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule });
2476
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, decorators: [{
2477
+ type: i0.NgModule,
2478
+ args: [{
2479
+ declarations: [
2480
+ IDProgressbarComponent
2481
+ ],
2482
+ exports: [
2483
+ IDProgressbarComponent
2484
+ ],
2485
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2486
+ }]
2487
+ }] });
2488
+
2353
2489
  var IDFooterComponent = /** @class */ (function () {
2354
2490
  function IDFooterComponent() {
2355
2491
  this.type = '';
@@ -2428,7 +2564,7 @@
2428
2564
  return IDHeaderComponent;
2429
2565
  }());
2430
2566
  IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2431
- 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", 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=\"h2\">{{navItem.headline}}</h2>\r\n <p class=\"body\">{{navItem.paragraph}}</p>\r\n <id-anchor>{{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 [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 *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n [type]=\"type\">\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-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-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"] }] });
2567
+ 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", 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=\"h2\">{{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 [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 *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n [type]=\"type\">\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-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-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"] }] });
2432
2568
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2433
2569
  type: i0.Component,
2434
2570
  args: [{
@@ -2609,16 +2745,16 @@
2609
2745
  enumerable: false,
2610
2746
  configurable: true
2611
2747
  });
2612
- Object.defineProperty(IDHeaderNavItem.prototype, "link", {
2748
+ Object.defineProperty(IDHeaderNavItem.prototype, "paragraphLink", {
2613
2749
  get: function () {
2614
- return this._props.link;
2750
+ return this._props.paragraphLink;
2615
2751
  },
2616
2752
  enumerable: false,
2617
2753
  configurable: true
2618
2754
  });
2619
- Object.defineProperty(IDHeaderNavItem.prototype, "paragraphLink", {
2755
+ Object.defineProperty(IDHeaderNavItem.prototype, "link", {
2620
2756
  get: function () {
2621
- return this._props.pragraphLink;
2757
+ return this._props.link;
2622
2758
  },
2623
2759
  enumerable: false,
2624
2760
  configurable: true
@@ -2735,6 +2871,8 @@
2735
2871
  exports.IDAlertGlobalComponent = IDAlertGlobalComponent;
2736
2872
  exports.IDAlertGlobalModule = IDAlertGlobalModule;
2737
2873
  exports.IDAlertModule = IDAlertModule;
2874
+ exports.IDBadgeComponent = IDBadgeComponent;
2875
+ exports.IDBadgeModule = IDBadgeModule;
2738
2876
  exports.IDBreadcrumbsComponent = IDBreadcrumbsComponent;
2739
2877
  exports.IDBreadcrumbsModule = IDBreadcrumbsModule;
2740
2878
  exports.IDButtonComponent = IDButtonComponent;
@@ -2790,6 +2928,10 @@
2790
2928
  exports.IDNotificationBadge = IDNotificationBadge;
2791
2929
  exports.IDNotificationBadgeComponent = IDNotificationBadgeComponent;
2792
2930
  exports.IDNotificationBadgeModule = IDNotificationBadgeModule;
2931
+ exports.IDPopoverComponent = IDPopoverComponent;
2932
+ exports.IDPopoverModule = IDPopoverModule;
2933
+ exports.IDProgressbarComponent = IDProgressbarComponent;
2934
+ exports.IDProgressbarModule = IDProgressbarModule;
2793
2935
  exports.IDRadioComponent = IDRadioComponent;
2794
2936
  exports.IDRadioGroupComponent = IDRadioGroupComponent;
2795
2937
  exports.IDRadioModule = IDRadioModule;