@inera/ids-angular 1.12.3 → 1.13.1

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 (40) hide show
  1. package/bundles/inera-ids-angular.umd.js +170 -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 +2 -2
  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 +28 -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/lib/components/tabs/panel/tab-panel.component.js +7 -4
  21. package/esm2015/public-api.js +11 -2
  22. package/fesm2015/inera-ids-angular.js +152 -16
  23. package/fesm2015/inera-ids-angular.js.map +1 -1
  24. package/lib/classes/header/IDHeaderNavItem.d.ts +1 -1
  25. package/lib/classes/header/IDHeaderNavItemProps.d.ts +1 -1
  26. package/lib/classes/icon/IDIconProps.d.ts +1 -1
  27. package/lib/components/badge/badge.component.d.ts +7 -0
  28. package/lib/components/badge/badge.module.d.ts +8 -0
  29. package/lib/components/button/button.component.d.ts +2 -1
  30. package/lib/components/form/input/input.component.d.ts +3 -1
  31. package/lib/components/form/input/input.module.d.ts +2 -1
  32. package/lib/components/grid/column/column.component.d.ts +2 -1
  33. package/lib/components/grid/row/row.component.d.ts +2 -1
  34. package/lib/components/popover/popover.component.d.ts +10 -0
  35. package/lib/components/popover/popover.module.d.ts +8 -0
  36. package/lib/components/progressbar/progressbar.component.d.ts +8 -0
  37. package/lib/components/progressbar/progressbar.module.d.ts +8 -0
  38. package/lib/components/tabs/panel/tab-panel.component.d.ts +2 -1
  39. package/package.json +2 -2
  40. 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 \r\n [headline]=\"headline\"\r\n [dismissible]=\"dismissible\"\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; }"] });
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: [{
@@ -97,7 +97,7 @@
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 [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; }"] });
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 \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; }"] });
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,96 @@
2350
2402
  return IDMobileMenuItem;
2351
2403
  }());
2352
2404
 
2405
+ var IDPopoverComponent = /** @class */ (function () {
2406
+ function IDPopoverComponent() {
2407
+ this.maxWidth = '260px';
2408
+ this.maxHeight = '260px';
2409
+ this.cathegory = undefined;
2410
+ this.position = 'bottom';
2411
+ }
2412
+ return IDPopoverComponent;
2413
+ }());
2414
+ IDPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2415
+ 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>" });
2416
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2417
+ type: i0.Component,
2418
+ args: [{
2419
+ selector: 'id-popover',
2420
+ templateUrl: './popover.component.html',
2421
+ }]
2422
+ }], ctorParameters: function () { return []; }, propDecorators: { maxWidth: [{
2423
+ type: i0.Input
2424
+ }], maxHeight: [{
2425
+ type: i0.Input
2426
+ }], cathegory: [{
2427
+ type: i0.Input
2428
+ }], position: [{
2429
+ type: i0.Input
2430
+ }] } });
2431
+
2432
+ var IDPopoverModule = /** @class */ (function () {
2433
+ function IDPopoverModule() {
2434
+ }
2435
+ return IDPopoverModule;
2436
+ }());
2437
+ IDPopoverModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2438
+ IDPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, declarations: [IDPopoverComponent], exports: [IDPopoverComponent] });
2439
+ IDPopoverModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule });
2440
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverModule, decorators: [{
2441
+ type: i0.NgModule,
2442
+ args: [{
2443
+ declarations: [
2444
+ IDPopoverComponent
2445
+ ],
2446
+ exports: [
2447
+ IDPopoverComponent
2448
+ ],
2449
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2450
+ }]
2451
+ }] });
2452
+
2453
+ var IDProgressbarComponent = /** @class */ (function () {
2454
+ function IDProgressbarComponent() {
2455
+ this.value = 0;
2456
+ this.hidelabel = false;
2457
+ }
2458
+ return IDProgressbarComponent;
2459
+ }());
2460
+ IDProgressbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2461
+ 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>" });
2462
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarComponent, decorators: [{
2463
+ type: i0.Component,
2464
+ args: [{
2465
+ selector: 'id-progressbar',
2466
+ templateUrl: './progressbar.component.html',
2467
+ }]
2468
+ }], ctorParameters: function () { return []; }, propDecorators: { value: [{
2469
+ type: i0.Input
2470
+ }], hidelabel: [{
2471
+ type: i0.Input
2472
+ }] } });
2473
+
2474
+ var IDProgressbarModule = /** @class */ (function () {
2475
+ function IDProgressbarModule() {
2476
+ }
2477
+ return IDProgressbarModule;
2478
+ }());
2479
+ IDProgressbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2480
+ IDProgressbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, declarations: [IDProgressbarComponent], exports: [IDProgressbarComponent] });
2481
+ IDProgressbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule });
2482
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDProgressbarModule, decorators: [{
2483
+ type: i0.NgModule,
2484
+ args: [{
2485
+ declarations: [
2486
+ IDProgressbarComponent
2487
+ ],
2488
+ exports: [
2489
+ IDProgressbarComponent
2490
+ ],
2491
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2492
+ }]
2493
+ }] });
2494
+
2353
2495
  var IDFooterComponent = /** @class */ (function () {
2354
2496
  function IDFooterComponent() {
2355
2497
  this.type = '';
@@ -2428,7 +2570,7 @@
2428
2570
  return IDHeaderComponent;
2429
2571
  }());
2430
2572
  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"] }] });
2573
+ 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
2574
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
2433
2575
  type: i0.Component,
2434
2576
  args: [{
@@ -2609,16 +2751,16 @@
2609
2751
  enumerable: false,
2610
2752
  configurable: true
2611
2753
  });
2612
- Object.defineProperty(IDHeaderNavItem.prototype, "link", {
2754
+ Object.defineProperty(IDHeaderNavItem.prototype, "paragraphLink", {
2613
2755
  get: function () {
2614
- return this._props.link;
2756
+ return this._props.paragraphLink;
2615
2757
  },
2616
2758
  enumerable: false,
2617
2759
  configurable: true
2618
2760
  });
2619
- Object.defineProperty(IDHeaderNavItem.prototype, "paragraphLink", {
2761
+ Object.defineProperty(IDHeaderNavItem.prototype, "link", {
2620
2762
  get: function () {
2621
- return this._props.pragraphLink;
2763
+ return this._props.link;
2622
2764
  },
2623
2765
  enumerable: false,
2624
2766
  configurable: true
@@ -2651,19 +2793,22 @@
2651
2793
  var IDTabPanelComponent = /** @class */ (function () {
2652
2794
  function IDTabPanelComponent(elementRef) {
2653
2795
  this.elementRef = elementRef;
2796
+ this['noFocus'] = undefined;
2654
2797
  elementRef.nativeElement.setAttribute('slot', 'tab-panel');
2655
2798
  }
2656
2799
  return IDTabPanelComponent;
2657
2800
  }());
2658
2801
  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 });
2659
- IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", ngImport: i0__namespace, template: "<ids-tab-panel>\r\n <ng-content></ng-content>\r\n</ids-tab-panel>" });
2802
+ 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>" });
2660
2803
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
2661
2804
  type: i0.Component,
2662
2805
  args: [{
2663
2806
  selector: 'id-tab-panel',
2664
2807
  templateUrl: './tab-panel.component.html'
2665
2808
  }]
2666
- }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; } });
2809
+ }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { 'noFocus': [{
2810
+ type: i0.Input
2811
+ }] } });
2667
2812
 
2668
2813
  var IDTabComponent = /** @class */ (function () {
2669
2814
  function IDTabComponent(elementRef) {
@@ -2735,6 +2880,8 @@
2735
2880
  exports.IDAlertGlobalComponent = IDAlertGlobalComponent;
2736
2881
  exports.IDAlertGlobalModule = IDAlertGlobalModule;
2737
2882
  exports.IDAlertModule = IDAlertModule;
2883
+ exports.IDBadgeComponent = IDBadgeComponent;
2884
+ exports.IDBadgeModule = IDBadgeModule;
2738
2885
  exports.IDBreadcrumbsComponent = IDBreadcrumbsComponent;
2739
2886
  exports.IDBreadcrumbsModule = IDBreadcrumbsModule;
2740
2887
  exports.IDButtonComponent = IDButtonComponent;
@@ -2790,6 +2937,10 @@
2790
2937
  exports.IDNotificationBadge = IDNotificationBadge;
2791
2938
  exports.IDNotificationBadgeComponent = IDNotificationBadgeComponent;
2792
2939
  exports.IDNotificationBadgeModule = IDNotificationBadgeModule;
2940
+ exports.IDPopoverComponent = IDPopoverComponent;
2941
+ exports.IDPopoverModule = IDPopoverModule;
2942
+ exports.IDProgressbarComponent = IDProgressbarComponent;
2943
+ exports.IDProgressbarModule = IDProgressbarModule;
2793
2944
  exports.IDRadioComponent = IDRadioComponent;
2794
2945
  exports.IDRadioGroupComponent = IDRadioGroupComponent;
2795
2946
  exports.IDRadioModule = IDRadioModule;