@inera/ids-angular 2.2.1 → 2.4.0

package/bundles/inera-ids-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    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')) :
-    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) :
-    (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));
-})(this, (function (exports, i0, register, i2, register$1, register$2, register$3, register$4, register$5, i1, i3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/alert/register'), require('@angular/common'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/badge/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@inera/ids-core/components/carousel/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/breadcrumbs/register'), require('@inera/ids-core/components/card/register'), require('@inera/ids-core/components/date-label/register'), require('@inera/ids-core/components/dialog/register'), require('@inera/ids-core/components/expandable/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/list/register'), require('@inera/ids-core/components/navigation/content/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/popover/register'), require('@inera/ids-core/components/progressbar/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/stepper/register'), require('@inera/ids-core/components/tabs/register'), require('@inera/ids-core/components/tag/register'), require('@inera/ids-core/components/tooltip/register')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@inera/ids-core/components/alert/register', '@angular/common', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/badge/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@inera/ids-core/components/carousel/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/expandable/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/navigation/content/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/popover/register', '@inera/ids-core/components/progressbar/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/stepper/register', '@inera/ids-core/components/tabs/register', '@inera/ids-core/components/tag/register', '@inera/ids-core/components/tooltip/register'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, null, global.ng.common, null, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
+})(this, (function (exports, i0, register, i2, register$1, register$2, register$3, register$4, register$5, register$6, i1, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -43,7 +43,7 @@
         return IDAlertComponent;
     }());
     IDAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", srCollapseText: "srCollapseText", srExpandText: "srExpandText", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n  [headline]=\"headline\"\r\n  [dismissible]=\"dismissible\"\r\n  [collapsable]=\"collapsable\"\r\n  [srcollapsetext]=\"srCollapseText\"\r\n  [srexpandtext]=\"srExpandText\"\r\n  [live]=\"live\"\r\n  [type]=\"type\"\r\n  [srclosetext]=\"srCloseText\"\r\n  [srIconTitle]=\"srIconTitle\"\r\n  (closed)=\"closed.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
+    IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", srCollapseText: "srCollapseText", srExpandText: "srExpandText", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n  [headline]=\"headline\"\r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.collapsable]=\"collapsable ? true : null\"\r\n  [srcollapsetext]=\"srCollapseText\"\r\n  [srexpandtext]=\"srExpandText\"\r\n  [live]=\"live\"\r\n  [type]=\"type\"\r\n  [srclosetext]=\"srCloseText\"\r\n  [srIconTitle]=\"srIconTitle\"\r\n  (closed)=\"closed.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -366,6 +366,82 @@
                     }]
             }] });
 
+    var IDCarouselComponent = /** @class */ (function () {
+        function IDCarouselComponent() {
+            this.autoplay = false;
+            this.srNextLabel = 'Nästa slide';
+            this.srPrevLabel = 'Föregående slide';
+            this.autoplayDelay = 5000;
+        }
+        return IDCarouselComponent;
+    }());
+    IDCarouselComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDCarouselComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCarouselComponent, selector: "id-carousel", inputs: { autoplay: "autoplay", srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel", autoplayDelay: "autoplayDelay" }, ngImport: i0__namespace, template: "<ids-carousel\r\n  [srnextlabel]=\"srNextLabel\"\r\n  [srnextlabel]=\"srNextLabel\"\r\n  [autoplay]=\"autoplay ? true : null\"\r\n  [autoplay-delay]=\"autoplayDelay\">\r\n  <ng-content></ng-content>\r\n</ids-carousel>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-carousel',
+                        templateUrl: './carousel.component.html'
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { autoplay: [{
+                    type: i0.Input
+                }], srNextLabel: [{
+                    type: i0.Input
+                }], srPrevLabel: [{
+                    type: i0.Input
+                }], autoplayDelay: [{
+                    type: i0.Input
+                }] } });
+
+    var IDCarouselItemComponent = /** @class */ (function () {
+        function IDCarouselItemComponent() {
+            this.headline = '';
+            this.description = '';
+            this.step = '';
+        }
+        return IDCarouselItemComponent;
+    }());
+    IDCarouselItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDCarouselItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCarouselItemComponent, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step" }, ngImport: i0__namespace, template: "<ids-carousel-item\r\n  [headline]=\"headline\"\r\n  [description]=\"description\"\r\n  [step]=\"step\">\r\n  <ng-content></ng-content>\r\n</ids-carousel-item>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-carousel-item',
+                        templateUrl: './carousel-item.component.html'
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { headline: [{
+                    type: i0.Input
+                }], description: [{
+                    type: i0.Input
+                }], step: [{
+                    type: i0.Input
+                }] } });
+
+    var IDCarouselModule = /** @class */ (function () {
+        function IDCarouselModule() {
+        }
+        return IDCarouselModule;
+    }());
+    IDCarouselModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDCarouselModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselModule, declarations: [IDCarouselComponent,
+            IDCarouselItemComponent], exports: [IDCarouselComponent,
+            IDCarouselItemComponent] });
+    IDCarouselModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCarouselModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDCarouselComponent,
+                            IDCarouselItemComponent
+                        ],
+                        exports: [
+                            IDCarouselComponent,
+                            IDCarouselItemComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -1415,12 +1491,14 @@
     var IDCheckboxComponent = /** @class */ (function (_super) {
         __extends(IDCheckboxComponent, _super);
         function IDCheckboxComponent() {
-            return _super.call(this) || this;
+            var _this = _super.call(this) || this;
+            _this.compact = undefined;
+            return _this;
         }
         return IDCheckboxComponent;
     }(IDFormBase));
     IDCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox \r\n  [attr.compact]=\"compact ? true : null\"\r\n  [attr.valid]=\"valid\" \r\n  [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1428,7 +1506,9 @@
                         templateUrl: './checkbox.component.html',
                         encapsulation: i0.ViewEncapsulation.None,
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return []; }, propDecorators: { compact: [{
+                    type: i0.Input
+                }] } });
 
     var IDCheckboxModule = /** @class */ (function () {
         function IDCheckboxModule() {
@@ -1456,6 +1536,8 @@
         function IDCheckboxGroupComponent() {
             var _this = _super.call(this) || this;
             _this.errorMessage = undefined;
+            _this.legend = undefined;
+            _this.compact = undefined;
             return _this;
         }
         IDCheckboxGroupComponent.prototype.ngOnInit = function () {
@@ -1463,7 +1545,7 @@
         return IDCheckboxGroupComponent;
     }(IDFormBase));
     IDCheckboxGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDCheckboxGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox-group [valiid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDCheckboxGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage", legend: "legend", compact: "compact" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox-group \r\n  [legend]=\"legend\"\r\n  [valid]=\"valid\" \r\n  [attr.no-validation]=\"noValidation ? noValidation : null\"\r\n  [attr.compact]=\"compact ? true : null\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-checkbox-group>\r\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxGroupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1473,6 +1555,10 @@
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { errorMessage: [{
                     type: i0.Input
+                }], legend: [{
+                    type: i0.Input
+                }], compact: [{
+                    type: i0.Input
                 }] } });
 
     var IDCheckboxGroupModule = /** @class */ (function () {
@@ -1697,13 +1783,14 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.label = undefined;
             _this.errorMessage = undefined;
+            _this.maxHeight = undefined;
             _this.placeholder = '';
             return _this;
         }
         return IDSelectMultipleComponent;
     }(IDFormBase));
     IDSelectMultipleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDSelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errorMessage: "errorMessage", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-select-multiple [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\" [label]=\"label\" [placeholder]=\"placeholder\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message  *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDSelectMultipleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errorMessage: "errorMessage", maxHeight: "maxHeight", placeholder: "placeholder" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-select-multiple \r\n  [attr.valid]=\"valid\" \r\n  [attr.no-validation]=\"noValidation ? noValidation : null\" \r\n  [label]=\"label\" \r\n  [placeholder]=\"placeholder\"\r\n  [max-height]=\"maxHeight\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message  *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDSelectMultipleComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1715,6 +1802,8 @@
                     type: i0.Input
                 }], errorMessage: [{
                     type: i0.Input
+                }], maxHeight: [{
+                    type: i0.Input
                 }], placeholder: [{
                     type: i0.Input
                 }] } });
@@ -2284,11 +2373,12 @@
     var IDNotificationBadgeComponent = /** @class */ (function () {
         function IDNotificationBadgeComponent() {
             this.size = 'm';
+            this.outlined = false;
         }
         return IDNotificationBadgeComponent;
     }());
     IDNotificationBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNotificationBadgeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDNotificationBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { size: "size" }, ngImport: i0__namespace, template: "<ids-notification-badge\n  [attr.size]=\"size\">\n  <ng-content></ng-content>\n</ids-notification-badge>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDNotificationBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { size: "size", outlined: "outlined" }, ngImport: i0__namespace, template: "<ids-notification-badge\r\n  [attr.outlined]=\"outlined ? true : null\"\r\n  [attr.size]=\"size\">\r\n  <ng-content></ng-content>\r\n</ids-notification-badge>", encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDNotificationBadgeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2298,6 +2388,8 @@
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { size: [{
                     type: i0.Input
+                }], outlined: [{
+                    type: i0.Input
                 }] } });
 
     var IDNotificationBadgeModule = /** @class */ (function () {
@@ -2838,6 +2930,79 @@
         return IDHeaderNavItem;
     }());
 
+    var IDStepperComponent = /** @class */ (function () {
+        function IDStepperComponent() {
+        }
+        return IDStepperComponent;
+    }());
+    IDStepperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDStepperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDStepperComponent, selector: "id-stepper", ngImport: i0__namespace, template: "<ids-stepper>\r\n  <ng-content></ng-content>\r\n</ids-stepper>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-stepper',
+                        templateUrl: './stepper.component.html',
+                    }]
+            }] });
+
+    var IDStepComponent = /** @class */ (function () {
+        function IDStepComponent() {
+            this.state = '';
+            this.headline = '';
+            this.srindicatortext = '';
+            this.label = '';
+            this.expanded = false;
+            this.disabled = false;
+        }
+        return IDStepComponent;
+    }());
+    IDStepComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDStepComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDStepComponent, selector: "id-step", inputs: { state: "state", headline: "headline", srindicatortext: "srindicatortext", label: "label", expanded: "expanded", disabled: "disabled" }, ngImport: i0__namespace, template: "<ids-step\r\n  [attr.state]=\"state\"\r\n  [attr.headline]=\"headline\"\r\n  [attr.label]=\"label\"\r\n  [attr.srindicatortext]=\"srindicatortext\"\r\n  [attr.expanded]=\"expanded ? true : null\"\r\n  [attr.disabled]=\"disabled ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-step>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-step',
+                        templateUrl: './step.component.html',
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { state: [{
+                    type: i0.Input
+                }], headline: [{
+                    type: i0.Input
+                }], srindicatortext: [{
+                    type: i0.Input
+                }], label: [{
+                    type: i0.Input
+                }], expanded: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
+
+    var IDStepperModule = /** @class */ (function () {
+        function IDStepperModule() {
+        }
+        return IDStepperModule;
+    }());
+    IDStepperModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDStepperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperModule, declarations: [IDStepComponent,
+            IDStepperComponent], exports: [IDStepComponent,
+            IDStepperComponent] });
+    IDStepperModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDStepperModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDStepComponent,
+                            IDStepperComponent
+                        ],
+                        exports: [
+                            IDStepComponent,
+                            IDStepperComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
     var IDTabsComponent = /** @class */ (function () {
         function IDTabsComponent() {
         }
@@ -2876,6 +3041,8 @@
     var IDTabComponent = /** @class */ (function () {
         function IDTabComponent(elementRef) {
             this.elementRef = elementRef;
+            this.notices = 0;
+            this.notifications = 0;
             this.label = '';
             this.icon = '';
             this.selected = false;
@@ -2884,14 +3051,18 @@
         return IDTabComponent;
     }());
     IDTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { label: "label", icon: "icon", selected: "selected" }, ngImport: i0__namespace, template: "<ids-tab\n  [label]=\"label\"\n  [attr.icon]=\"icon\"\n  [attr.selected]=\"selected ? '':null\">\n</ids-tab>" });
+    IDTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { notices: "notices", notifications: "notifications", label: "label", icon: "icon", selected: "selected" }, ngImport: i0__namespace, template: "<ids-tab\r\n  [notices]=\"notices === 0 ? null : notices\"\r\n  [notifications]=\"notifications === 0 ? null : notifications\"\r\n  [label]=\"label\"\r\n  [attr.icon]=\"icon\"\r\n  [attr.selected]=\"selected ? '':null\">\r\n</ids-tab>" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-tab',
                         templateUrl: './tab.component.html'
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { label: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { notices: [{
+                    type: i0.Input
+                }], notifications: [{
+                    type: i0.Input
+                }], label: [{
                     type: i0.Input
                 }], icon: [{
                     type: i0.Input
@@ -2929,6 +3100,57 @@
                     }]
             }] });
 
+    var IDTagComponent = /** @class */ (function () {
+        function IDTagComponent() {
+            this.clickable = false;
+            this.closeable = false;
+            this.srCloseLabel = '';
+            this.clicked = new i0.EventEmitter();
+            this.closed = new i0.EventEmitter();
+        }
+        return IDTagComponent;
+    }());
+    IDTagComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDTagComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTagComponent, selector: "id-tag", inputs: { clickable: "clickable", closeable: "closeable", srCloseLabel: "srCloseLabel" }, outputs: { clicked: "clicked", closed: "closed" }, ngImport: i0__namespace, template: "<ids-tag\r\n  [clickable]=\"clickable ? true : null\"\r\n  [closeable]=\"closeable ? true : null\"\r\n  [srcloselabel]=\"srCloseLabel\"\r\n  (clicked)=\"clicked.emit(true)\"\r\n  (closed)=\"closed.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-tag>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-tag',
+                        templateUrl: './tag.component.html',
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { clickable: [{
+                    type: i0.Input
+                }], closeable: [{
+                    type: i0.Input
+                }], srCloseLabel: [{
+                    type: i0.Input
+                }], clicked: [{
+                    type: i0.Output
+                }], closed: [{
+                    type: i0.Output
+                }] } });
+
+    var IDTagModule = /** @class */ (function () {
+        function IDTagModule() {
+        }
+        return IDTagModule;
+    }());
+    IDTagModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDTagModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagModule, declarations: [IDTagComponent], exports: [IDTagComponent] });
+    IDTagModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTagModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDTagComponent
+                        ],
+                        exports: [
+                            IDTagComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
     var IDTooltipComponent = /** @class */ (function () {
         function IDTooltipComponent() {
         }
@@ -2989,6 +3211,9 @@
     exports.IDButtonModule = IDButtonModule;
     exports.IDCardComponent = IDCardComponent;
     exports.IDCardModule = IDCardModule;
+    exports.IDCarouselComponent = IDCarouselComponent;
+    exports.IDCarouselItemComponent = IDCarouselItemComponent;
+    exports.IDCarouselModule = IDCarouselModule;
     exports.IDCheckboxComponent = IDCheckboxComponent;
     exports.IDCheckboxGroupComponent = IDCheckboxGroupComponent;
     exports.IDCheckboxGroupModule = IDCheckboxGroupModule;
@@ -3055,10 +3280,15 @@
     exports.IDSelectMultipleModule = IDSelectMultipleModule;
     exports.IDSpinnerComponent = IDSpinnerComponent;
     exports.IDSpinnerModule = IDSpinnerModule;
+    exports.IDStepComponent = IDStepComponent;
+    exports.IDStepperComponent = IDStepperComponent;
+    exports.IDStepperModule = IDStepperModule;
     exports.IDTabComponent = IDTabComponent;
     exports.IDTabPanelComponent = IDTabPanelComponent;
     exports.IDTabsComponent = IDTabsComponent;
     exports.IDTabsModule = IDTabsModule;
+    exports.IDTagComponent = IDTagComponent;
+    exports.IDTagModule = IDTagModule;
     exports.IDTextareaComponent = IDTextareaComponent;
     exports.IDTextareaModule = IDTextareaModule;
     exports.IDTimeComponent = IDTimeComponent;