@inera/ids-angular 1.13.0 → 1.14.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 (27) hide show
  1. package/bundles/inera-ids-angular.umd.js +106 -12
  2. package/bundles/inera-ids-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/alert/alert.component.js +2 -2
  4. package/esm2015/lib/components/alert-global/alert-global.component.js +2 -2
  5. package/esm2015/lib/components/badge/badge.module.js +1 -1
  6. package/esm2015/lib/components/icon/icon.component.js +5 -2
  7. package/esm2015/lib/components/link/link.component.js +7 -4
  8. package/esm2015/lib/components/navigation/content/navigation-content.component.js +19 -0
  9. package/esm2015/lib/components/navigation/content/navigation-content.module.js +22 -0
  10. package/esm2015/lib/components/popover/popover.component.js +9 -3
  11. package/esm2015/lib/components/progressbar/progressbar.module.js +1 -1
  12. package/esm2015/lib/components/tabs/panel/tab-panel.component.js +7 -4
  13. package/esm2015/lib/components/tooltip/tooltip.component.js +15 -0
  14. package/esm2015/lib/components/tooltip/tooltip.module.js +22 -0
  15. package/esm2015/public-api.js +7 -1
  16. package/fesm2015/inera-ids-angular.js +94 -11
  17. package/fesm2015/inera-ids-angular.js.map +1 -1
  18. package/lib/components/icon/icon.component.d.ts +2 -1
  19. package/lib/components/link/link.component.d.ts +3 -2
  20. package/lib/components/navigation/content/navigation-content.component.d.ts +7 -0
  21. package/lib/components/navigation/content/navigation-content.module.d.ts +8 -0
  22. package/lib/components/popover/popover.component.d.ts +3 -1
  23. package/lib/components/tabs/panel/tab-panel.component.d.ts +2 -1
  24. package/lib/components/tooltip/tooltip.component.d.ts +6 -0
  25. package/lib/components/tooltip/tooltip.module.d.ts +8 -0
  26. package/package.json +2 -2
  27. package/public-api.d.ts +4 -0
@@ -1,6 +1,6 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/alert/register'), require('@angular/common'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/badge/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@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) :
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/navigation/content/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/popover/register'), require('@inera/ids-core/components/progressbar/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/tabs/register'), require('@inera/ids-core/components/tooltip/register')) :
3
+ typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@inera/ids-core/components/alert/register', '@angular/common', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/badge/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/expandable/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/navigation/content/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/popover/register', '@inera/ids-core/components/progressbar/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/tabs/register', '@inera/ids-core/components/tooltip/register'], factory) :
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, null, global.ng.common, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
5
5
  })(this, (function (exports, i0, register, i2, register$1, register$2, register$3, register$4, register$5, i1, i3) { 'use strict';
6
6
 
@@ -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 [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; }"] });
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: [{
@@ -1272,13 +1272,14 @@
1272
1272
  this.colorpreset = undefined;
1273
1273
  this.title = undefined;
1274
1274
  this.size = 'm';
1275
+ this.inline = false;
1275
1276
  this.width = undefined;
1276
1277
  this.height = undefined;
1277
1278
  }
1278
1279
  return IDIconComponent;
1279
1280
  }());
1280
1281
  IDIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1281
- IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \r\n [name]=\"name\"\r\n [rotate]=\"rotate\"\r\n [color]=\"color\"\r\n [color2]=\"color2\"\r\n [size]=\"size\"\r\n [width]=\"width\"\r\n [height]=\"height\"\r\n [colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
1282
+ IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", inline: "inline", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \r\n [name]=\"name\"\r\n [attr.inline]=\"inline ? true : undefined\"\r\n [rotate]=\"rotate\"\r\n [color]=\"color\"\r\n [color2]=\"color2\"\r\n [size]=\"size\"\r\n [width]=\"width\"\r\n [height]=\"height\"\r\n [colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
1282
1283
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, decorators: [{
1283
1284
  type: i0.Component,
1284
1285
  args: [{
@@ -1300,6 +1301,8 @@
1300
1301
  type: i0.Input
1301
1302
  }], size: [{
1302
1303
  type: i0.Input
1304
+ }], inline: [{
1305
+ type: i0.Input
1303
1306
  }], width: [{
1304
1307
  type: i0.Input
1305
1308
  }], height: [{
@@ -2019,14 +2022,15 @@
2019
2022
  this.block = false;
2020
2023
  this.color = undefined;
2021
2024
  this.size = undefined;
2022
- this.activeicon = false;
2025
+ this.activeIcon = false;
2026
+ this.activeIconBackground = undefined;
2023
2027
  this.external = false;
2024
2028
  this.slot = undefined;
2025
2029
  }
2026
2030
  return IDLinkComponent;
2027
2031
  }());
2028
2032
  IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2029
- IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [activeicon]=\"activeicon\"\r\n [padding]=\"padding\"\r\n [outline]=\"outline\"\r\n [block]=\"block\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependIcon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependIcon?.name\"\r\n [attr.title]=\"prependIcon?.title\" \r\n [attr.color]=\"prependIcon?.color\" \r\n [attr.color2]=\"prependIcon?.color2\" \r\n [attr.size]=\"prependIcon?.size\" \r\n [attr.padding]=\"prependIcon?.padding\" \r\n [attr.rotate]=\"prependIcon?.rotate\" \r\n [attr.colorpreset]=\"prependIcon?.colorpreset\" \r\n [attr.height]=\"prependIcon?.height\" \r\n [attr.width]=\"prependIcon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendIcon?.name\"\r\n [attr.title]=\"appendIcon?.title\" \r\n [attr.color]=\"appendIcon?.color\" \r\n [attr.color2]=\"appendIcon?.color2\"\r\n [attr.size]=\"appendIcon?.size\" \r\n [attr.padding]=\"appendIcon?.padding\" \r\n [attr.rotate]=\"appendIcon?.rotate\" \r\n [attr.colorpreset]=\"appendIcon?.colorpreset\" \r\n [attr.height]=\"appendIcon?.height\" \r\n [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationBadge !== null\"\r\n [attr.type]=\"notificationBadge.type\"\r\n [attr.size]=\"notificationBadge.size\">\r\n {{notificationBadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2033
+ IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeIcon: "activeIcon", activeIconBackground: "activeIconBackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.activeicon]=\"activeIcon\"\r\n [activeiconbackground]=\"activeIconBackground\"\r\n [padding]=\"padding\"\r\n [outline]=\"outline\"\r\n [block]=\"block\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependIcon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependIcon?.name\"\r\n [attr.title]=\"prependIcon?.title\" \r\n [attr.color]=\"prependIcon?.color\" \r\n [attr.color2]=\"prependIcon?.color2\" \r\n [attr.size]=\"prependIcon?.size\" \r\n [attr.padding]=\"prependIcon?.padding\" \r\n [attr.rotate]=\"prependIcon?.rotate\" \r\n [attr.colorpreset]=\"prependIcon?.colorpreset\" \r\n [attr.height]=\"prependIcon?.height\" \r\n [attr.width]=\"prependIcon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendIcon?.name\"\r\n [attr.title]=\"appendIcon?.title\" \r\n [attr.color]=\"appendIcon?.color\" \r\n [attr.color2]=\"appendIcon?.color2\"\r\n [attr.size]=\"appendIcon?.size\" \r\n [attr.padding]=\"appendIcon?.padding\" \r\n [attr.rotate]=\"appendIcon?.rotate\" \r\n [attr.colorpreset]=\"appendIcon?.colorpreset\" \r\n [attr.height]=\"appendIcon?.height\" \r\n [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationBadge !== null\"\r\n [attr.type]=\"notificationBadge.type\"\r\n [attr.size]=\"notificationBadge.size\">\r\n {{notificationBadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2030
2034
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
2031
2035
  type: i0.Component,
2032
2036
  args: [{
@@ -2056,7 +2060,9 @@
2056
2060
  type: i0.Input
2057
2061
  }], size: [{
2058
2062
  type: i0.Input
2059
- }], activeicon: [{
2063
+ }], activeIcon: [{
2064
+ type: i0.Input
2065
+ }], activeIconBackground: [{
2060
2066
  type: i0.Input
2061
2067
  }], external: [{
2062
2068
  type: i0.Input
@@ -2218,6 +2224,45 @@
2218
2224
  }]
2219
2225
  }] });
2220
2226
 
2227
+ var IDNavigationContentComponent = /** @class */ (function () {
2228
+ function IDNavigationContentComponent() {
2229
+ this.headline = '';
2230
+ }
2231
+ return IDNavigationContentComponent;
2232
+ }());
2233
+ IDNavigationContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2234
+ IDNavigationContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNavigationContentComponent, selector: "id-navigation-content", inputs: { headline: "headline" }, ngImport: i0__namespace, template: "<ids-navigation-content\r\n [headline]=\"headline\">\r\n <ng-content></ng-content>\r\n</ids-navigation-content>" });
2235
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentComponent, decorators: [{
2236
+ type: i0.Component,
2237
+ args: [{
2238
+ selector: 'id-navigation-content',
2239
+ templateUrl: './navigation-content.component.html'
2240
+ }]
2241
+ }], ctorParameters: function () { return []; }, propDecorators: { headline: [{
2242
+ type: i0.Input
2243
+ }] } });
2244
+
2245
+ var IDNavigationContentModule = /** @class */ (function () {
2246
+ function IDNavigationContentModule() {
2247
+ }
2248
+ return IDNavigationContentModule;
2249
+ }());
2250
+ IDNavigationContentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2251
+ IDNavigationContentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentModule, declarations: [IDNavigationContentComponent], exports: [IDNavigationContentComponent] });
2252
+ IDNavigationContentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentModule });
2253
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNavigationContentModule, decorators: [{
2254
+ type: i0.NgModule,
2255
+ args: [{
2256
+ declarations: [
2257
+ IDNavigationContentComponent
2258
+ ],
2259
+ exports: [
2260
+ IDNavigationContentComponent
2261
+ ],
2262
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2263
+ }]
2264
+ }] });
2265
+
2221
2266
  var IDNotificationBadgeComponent = /** @class */ (function () {
2222
2267
  function IDNotificationBadgeComponent() {
2223
2268
  this.size = 'm';
@@ -2404,20 +2449,26 @@
2404
2449
 
2405
2450
  var IDPopoverComponent = /** @class */ (function () {
2406
2451
  function IDPopoverComponent() {
2452
+ this.maxWidth = '260px';
2453
+ this.maxHeight = '260px';
2407
2454
  this.cathegory = undefined;
2408
2455
  this.position = 'bottom';
2409
2456
  }
2410
2457
  return IDPopoverComponent;
2411
2458
  }());
2412
2459
  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>" });
2460
+ 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>" });
2414
2461
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
2415
2462
  type: i0.Component,
2416
2463
  args: [{
2417
2464
  selector: 'id-popover',
2418
2465
  templateUrl: './popover.component.html',
2419
2466
  }]
2420
- }], ctorParameters: function () { return []; }, propDecorators: { cathegory: [{
2467
+ }], ctorParameters: function () { return []; }, propDecorators: { maxWidth: [{
2468
+ type: i0.Input
2469
+ }], maxHeight: [{
2470
+ type: i0.Input
2471
+ }], cathegory: [{
2421
2472
  type: i0.Input
2422
2473
  }], position: [{
2423
2474
  type: i0.Input
@@ -2787,19 +2838,22 @@
2787
2838
  var IDTabPanelComponent = /** @class */ (function () {
2788
2839
  function IDTabPanelComponent(elementRef) {
2789
2840
  this.elementRef = elementRef;
2841
+ this['noFocus'] = undefined;
2790
2842
  elementRef.nativeElement.setAttribute('slot', 'tab-panel');
2791
2843
  }
2792
2844
  return IDTabPanelComponent;
2793
2845
  }());
2794
2846
  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 });
2795
- 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>" });
2847
+ 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>" });
2796
2848
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
2797
2849
  type: i0.Component,
2798
2850
  args: [{
2799
2851
  selector: 'id-tab-panel',
2800
2852
  templateUrl: './tab-panel.component.html'
2801
2853
  }]
2802
- }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; } });
2854
+ }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { 'noFocus': [{
2855
+ type: i0.Input
2856
+ }] } });
2803
2857
 
2804
2858
  var IDTabComponent = /** @class */ (function () {
2805
2859
  function IDTabComponent(elementRef) {
@@ -2857,6 +2911,42 @@
2857
2911
  }]
2858
2912
  }] });
2859
2913
 
2914
+ var IDTooltipComponent = /** @class */ (function () {
2915
+ function IDTooltipComponent() {
2916
+ }
2917
+ return IDTooltipComponent;
2918
+ }());
2919
+ IDTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2920
+ IDTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTooltipComponent, selector: "id-tooltip", ngImport: i0__namespace, template: "<ids-tooltip>\r\n <ng-content></ng-content>\r\n</ids-tooltip>" });
2921
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipComponent, decorators: [{
2922
+ type: i0.Component,
2923
+ args: [{
2924
+ selector: 'id-tooltip',
2925
+ templateUrl: './tooltip.component.html',
2926
+ }]
2927
+ }], ctorParameters: function () { return []; } });
2928
+
2929
+ var IDTooltipModule = /** @class */ (function () {
2930
+ function IDTooltipModule() {
2931
+ }
2932
+ return IDTooltipModule;
2933
+ }());
2934
+ IDTooltipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
2935
+ IDTooltipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipModule, declarations: [IDTooltipComponent], exports: [IDTooltipComponent] });
2936
+ IDTooltipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipModule });
2937
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTooltipModule, decorators: [{
2938
+ type: i0.NgModule,
2939
+ args: [{
2940
+ declarations: [
2941
+ IDTooltipComponent
2942
+ ],
2943
+ exports: [
2944
+ IDTooltipComponent
2945
+ ],
2946
+ schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
2947
+ }]
2948
+ }] });
2949
+
2860
2950
  /*
2861
2951
  * Public API Surface of ids-angular
2862
2952
  */
@@ -2925,6 +3015,8 @@
2925
3015
  exports.IDMobileMenuComponent = IDMobileMenuComponent;
2926
3016
  exports.IDMobileMenuItem = IDMobileMenuItem;
2927
3017
  exports.IDMobileMenuModule = IDMobileMenuModule;
3018
+ exports.IDNavigationContentComponent = IDNavigationContentComponent;
3019
+ exports.IDNavigationContentModule = IDNavigationContentModule;
2928
3020
  exports.IDNotificationBadge = IDNotificationBadge;
2929
3021
  exports.IDNotificationBadgeComponent = IDNotificationBadgeComponent;
2930
3022
  exports.IDNotificationBadgeModule = IDNotificationBadgeModule;
@@ -2953,6 +3045,8 @@
2953
3045
  exports.IDTextareaModule = IDTextareaModule;
2954
3046
  exports.IDTimeComponent = IDTimeComponent;
2955
3047
  exports.IDTimeModule = IDTimeModule;
3048
+ exports.IDTooltipComponent = IDTooltipComponent;
3049
+ exports.IDTooltipModule = IDTooltipModule;
2956
3050
 
2957
3051
  Object.defineProperty(exports, '__esModule', { value: true });
2958
3052