@inera/ids-angular 2.2.1 → 2.4.0

package/fesm2015/inera-ids-angular.js

@@ -8,6 +8,7 @@ import '@inera/ids-core/components/agent/register';
 import '@inera/ids-core/components/badge/register';
 import '@inera/ids-core/components/button/register';
 import '@inera/ids-core/components/button-group/register';
+import '@inera/ids-core/components/carousel/register';
 import * as i1 from '@angular/platform-browser';
 import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
@@ -40,7 +41,9 @@ import '@inera/ids-core/components/popover/register';
 import '@inera/ids-core/components/progressbar/register';
 import '@inera/ids-core/components/footer/register';
 import '@inera/ids-core/components/header/register';
+import '@inera/ids-core/components/stepper/register';
 import '@inera/ids-core/components/tabs/register';
+import '@inera/ids-core/components/tag/register';
 import '@inera/ids-core/components/tooltip/register';
 
 class IDAlertComponent {
@@ -58,7 +61,7 @@ class IDAlertComponent {
     }
 }
 IDAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDAlertComponent.ɵcmp = i0.ɵɵ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, 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.ɵɵ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, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAlertComponent, decorators: [{
             type: Component,
             args: [{
@@ -358,6 +361,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+class IDCarouselComponent {
+    constructor() {
+        this.autoplay = false;
+        this.srNextLabel = 'Nästa slide';
+        this.srPrevLabel = 'Föregående slide';
+        this.autoplayDelay = 5000;
+    }
+}
+IDCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDCarouselComponent.ɵcmp = i0.ɵɵ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, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-carousel',
+                    templateUrl: './carousel.component.html'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { autoplay: [{
+                type: Input
+            }], srNextLabel: [{
+                type: Input
+            }], srPrevLabel: [{
+                type: Input
+            }], autoplayDelay: [{
+                type: Input
+            }] } });
+
+class IDCarouselItemComponent {
+    constructor() {
+        this.headline = '';
+        this.description = '';
+        this.step = '';
+    }
+}
+IDCarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDCarouselItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCarouselItemComponent, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step" }, ngImport: i0, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-carousel-item',
+                    templateUrl: './carousel-item.component.html'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { headline: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }] } });
+
+class IDCarouselModule {
+}
+IDCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselModule, declarations: [IDCarouselComponent,
+        IDCarouselItemComponent], exports: [IDCarouselComponent,
+        IDCarouselItemComponent] });
+IDCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDCarouselComponent,
+                        IDCarouselItemComponent
+                    ],
+                    exports: [
+                        IDCarouselComponent,
+                        IDCarouselItemComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDLink {
     constructor(_props) {
         this._props = _props;
@@ -951,10 +1025,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDCheckboxComponent extends IDFormBase {
     constructor() {
         super();
+        this.compact = undefined;
     }
 }
 IDCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", usesInheritance: true, ngImport: i0, template: "<ids-checkbox [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0.ViewEncapsulation.None });
+IDCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", inputs: { compact: "compact" }, usesInheritance: true, ngImport: i0, 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.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxComponent, decorators: [{
             type: Component,
             args: [{
@@ -962,7 +1037,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './checkbox.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return []; }, propDecorators: { compact: [{
+                type: Input
+            }] } });
 
 class IDCheckboxModule {
 }
@@ -986,12 +1063,14 @@ class IDCheckboxGroupComponent extends IDFormBase {
     constructor() {
         super();
         this.errorMessage = undefined;
+        this.legend = undefined;
+        this.compact = undefined;
     }
     ngOnInit() {
     }
 }
 IDCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxGroupComponent, selector: "id-checkbox-group", inputs: { errorMessage: "errorMessage" }, usesInheritance: true, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDCheckboxGroupComponent.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCheckboxGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -1001,6 +1080,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { errorMessage: [{
                 type: Input
+            }], legend: [{
+                type: Input
+            }], compact: [{
+                type: Input
             }] } });
 
 class IDCheckboxGroupModule {
@@ -1202,11 +1285,12 @@ class IDSelectMultipleComponent extends IDFormBase {
         super(...arguments);
         this.label = undefined;
         this.errorMessage = undefined;
+        this.maxHeight = undefined;
         this.placeholder = '';
     }
 }
 IDSelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-IDSelectMultipleComponent.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDSelectMultipleComponent.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
             type: Component,
             args: [{
@@ -1218,6 +1302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], errorMessage: [{
                 type: Input
+            }], maxHeight: [{
+                type: Input
             }], placeholder: [{
                 type: Input
             }] } });
@@ -1735,10 +1821,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDNotificationBadgeComponent {
     constructor() {
         this.size = 'm';
+        this.outlined = false;
     }
 }
 IDNotificationBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDNotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { size: "size" }, ngImport: i0, template: "<ids-notification-badge\n  [attr.size]=\"size\">\n  <ng-content></ng-content>\n</ids-notification-badge>", encapsulation: i0.ViewEncapsulation.None });
+IDNotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { size: "size", outlined: "outlined" }, ngImport: i0, 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.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
             type: Component,
             args: [{
@@ -1748,6 +1835,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { size: [{
                 type: Input
+            }], outlined: [{
+                type: Input
             }] } });
 
 class IDNotificationBadgeModule {
@@ -2148,6 +2237,72 @@ class IDHeaderNavItem {
     }
 }
 
+class IDStepperComponent {
+}
+IDStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDStepperComponent, selector: "id-stepper", ngImport: i0, template: "<ids-stepper>\r\n  <ng-content></ng-content>\r\n</ids-stepper>" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-stepper',
+                    templateUrl: './stepper.component.html',
+                }]
+        }] });
+
+class IDStepComponent {
+    constructor() {
+        this.state = '';
+        this.headline = '';
+        this.srindicatortext = '';
+        this.label = '';
+        this.expanded = false;
+        this.disabled = false;
+    }
+}
+IDStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDStepComponent.ɵcmp = i0.ɵɵ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, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-step',
+                    templateUrl: './step.component.html',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { state: [{
+                type: Input
+            }], headline: [{
+                type: Input
+            }], srindicatortext: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class IDStepperModule {
+}
+IDStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperModule, declarations: [IDStepComponent,
+        IDStepperComponent], exports: [IDStepComponent,
+        IDStepperComponent] });
+IDStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDStepComponent,
+                        IDStepperComponent
+                    ],
+                    exports: [
+                        IDStepComponent,
+                        IDStepperComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDTabsComponent {
     constructor() { }
 }
@@ -2183,6 +2338,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDTabComponent {
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.notices = 0;
+        this.notifications = 0;
         this.label = '';
         this.icon = '';
         this.selected = false;
@@ -2190,14 +2347,18 @@ class IDTabComponent {
     }
 }
 IDTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IDTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { label: "label", icon: "icon", selected: "selected" }, ngImport: i0, template: "<ids-tab\n  [label]=\"label\"\n  [attr.icon]=\"icon\"\n  [attr.selected]=\"selected ? '':null\">\n</ids-tab>" });
+IDTabComponent.ɵcmp = i0.ɵɵ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, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-tab',
                     templateUrl: './tab.component.html'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { notices: [{
+                type: Input
+            }], notifications: [{
+                type: Input
+            }], label: [{
                 type: Input
             }], icon: [{
                 type: Input
@@ -2232,6 +2393,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+class IDTagComponent {
+    constructor() {
+        this.clickable = false;
+        this.closeable = false;
+        this.srCloseLabel = '';
+        this.clicked = new EventEmitter();
+        this.closed = new EventEmitter();
+    }
+}
+IDTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDTagComponent.ɵcmp = i0.ɵɵ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, 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-tag',
+                    templateUrl: './tag.component.html',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { clickable: [{
+                type: Input
+            }], closeable: [{
+                type: Input
+            }], srCloseLabel: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }] } });
+
+class IDTagModule {
+}
+IDTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagModule, declarations: [IDTagComponent], exports: [IDTagComponent] });
+IDTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDTagComponent
+                    ],
+                    exports: [
+                        IDTagComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDTooltipComponent {
     constructor() { }
 }
@@ -2271,5 +2479,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDAgentComponent, IDAgentModule, IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBadgeComponent, IDBadgeModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDExpandableComponent, IDExpandableModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNavigationContentComponent, IDNavigationContentModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDPopoverComponent, IDPopoverModule, IDProgressbarComponent, IDProgressbarModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule, IDTooltipComponent, IDTooltipModule };
+export { IDAgentComponent, IDAgentModule, IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBadgeComponent, IDBadgeModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCarouselComponent, IDCarouselItemComponent, IDCarouselModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDExpandableComponent, IDExpandableModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNavigationContentComponent, IDNavigationContentModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDPopoverComponent, IDPopoverModule, IDProgressbarComponent, IDProgressbarModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDStepComponent, IDStepperComponent, IDStepperModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTagComponent, IDTagModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule, IDTooltipComponent, IDTooltipModule };
 //# sourceMappingURL=inera-ids-angular.js.map