@inera/ids-angular 2.3.0 → 2.5.0

package/fesm2015/inera-ids-angular.js

@@ -41,6 +41,7 @@ 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';
@@ -60,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  [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; }"] });
+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  [attr.aria-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: [{
@@ -113,13 +114,14 @@ class IDAlertGlobalComponent {
     constructor() {
         this.expanded = true;
         this.headline = '';
+        this.hideMobileIcon = '';
         this.showText = 'Visa meddelande';
         this.hideText = 'Dölj meddelande';
         this.didToggleExpansion = new EventEmitter();
     }
 }
 IDAlertGlobalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAlertGlobalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDAlertGlobalComponent.ɵcmp = i0.ɵɵ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, 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; }"] });
+IDAlertGlobalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertGlobalComponent, selector: "id-alert-global", inputs: { expanded: "expanded", headline: "headline", hideMobileIcon: "hideMobileIcon", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0, template: "<ids-alert-global \r\n  [headline]=\"headline\"\r\n  [showtext]=\"showText\"\r\n  [hidetext]=\"hideText\"\r\n  [expanded]=\"expanded\"\r\n  [hidemobileicon]=\"hideMobileIcon ? true : null\"\r\n  (closed)=\"didToggleExpansion.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-alert-global>", styles: [":host { display: block; }"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAlertGlobalComponent, decorators: [{
             type: Component,
             args: [{
@@ -131,6 +133,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], headline: [{
                 type: Input
+            }], hideMobileIcon: [{
+                type: Input
             }], showText: [{
                 type: Input
             }], hideText: [{
@@ -263,13 +267,13 @@ class IDButtonComponent {
     }
 }
 IDButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ids-button \r\n  [secondary]=\"secondary ? 'true' : null\"\r\n  [attr.fab]=\"fab ? 'true' : null\"\r\n  [attr.icon]=\"icon ? 'true' : null\"\r\n  [tertiary]=\"tertiary ? 'true' : null\"\r\n  [toggle]=\"toggle ? 'true' : null\"\r\n  [active]=\"active ? 'true' : null\"\r\n  [submit]=\"submit ? 'true' : null\"\r\n  [search]=\"search ? 'true' : null\"\r\n  [disabled]=\"disabled ? 'true' : null\"\r\n  [block]=\"block ? 'true' : null\"\r\n  [s-block]=\"sBlock ? 'true' : null\"\r\n  [m-block]=\"mBlock ? 'true' : null\"\r\n  [size]=\"size\"\r\n  [type]=\"type\"\r\n  [color]=\"color\"\r\n  (clicked)=\"clicked.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
+IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ids-button \r\n  [secondary]=\"secondary ? 'true' : null\"\r\n  [attr.fab]=\"fab ? 'true' : null\"\r\n  [attr.icon]=\"icon ? 'true' : null\"\r\n  [tertiary]=\"tertiary ? 'true' : null\"\r\n  [toggle]=\"toggle ? 'true' : null\"\r\n  [active]=\"active ? 'true' : null\"\r\n  [submit]=\"submit ? 'true' : null\"\r\n  [search]=\"search ? 'true' : null\"\r\n  [disabled]=\"disabled ? 'true' : null\"\r\n  [block]=\"block ? 'true' : null\"\r\n  [sblock]=\"sBlock ? 'true' : null\"\r\n  [mblock]=\"mBlock ? 'true' : null\"\r\n  [size]=\"size\"\r\n  [type]=\"type\"\r\n  [color]=\"color\"\r\n  (clicked)=\"clicked.emit(true)\">\r\n  <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-button',
                     templateUrl: './button.component.html',
-                    styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }'],
+                    styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
                     encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -369,7 +373,7 @@ class IDCarouselComponent {
     }
 }
 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>" });
+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  [autoplaydelay]=\"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: [{
@@ -758,7 +762,7 @@ class IDDialogComponent {
     }
 }
 IDDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srCloseText: "srCloseText", noFocusTrap: "noFocusTrap", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, ngImport: i0, template: "<ids-dialog \r\n  [dismissible]=\"dismissible\"\r\n  [headline]=\"headline\"\r\n  [overlay]=\"overlay\"\r\n  [persistent]=\"persistent\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  [no-focus-trap]=\"noFocusTrap\"\r\n  [srclosetext]=\"srCloseText\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
+IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srCloseText: "srCloseText", noFocusTrap: "noFocusTrap", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, ngImport: i0, template: "<ids-dialog \r\n  [dismissible]=\"dismissible\"\r\n  [headline]=\"headline\"\r\n  [overlay]=\"overlay ? true : null\"\r\n  [nofocustrap]=\"noFocusTrap ? true : null\"\r\n  [persistent]=\"persistent\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"noFocusTrap\"\r\n  [srclosetext]=\"srCloseText\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -988,7 +992,7 @@ class IDInputComponent extends IDFormBase {
     }
 }
 IDInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus", appendIcon: "appendIcon" }, usesInheritance: true, ngImport: i0, template: "<ids-input [attr.valid]=\"valid\" \r\n  [attr.no-validation]=\"noValidation ? noValidation : null\"\r\n  [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n  <ng-content></ng-content>\r\n  <ids-icon *ngIf=\"appendIcon !== null\"\r\n    [attr.name]=\"appendIcon?.name\"\r\n    [attr.title]=\"appendIcon?.title\" \r\n    [attr.color]=\"appendIcon?.color\" \r\n    [attr.color2]=\"appendIcon?.color2\" \r\n    [attr.size]=\"appendIcon?.size\" \r\n    [attr.padding]=\"appendIcon?.padding\"  \r\n    [attr.rotate]=\"appendIcon?.rotate\" \r\n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \r\n    [attr.height]=\"appendIcon?.height\"   \r\n    [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n</ids-input>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus", appendIcon: "appendIcon" }, usesInheritance: true, ngImport: i0, template: "<ids-input [attr.valid]=\"valid\" \r\n  [attr.novalidation]=\"noValidation ? noValidation : null\"\r\n  [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n  <ng-content></ng-content>\r\n  <ids-icon *ngIf=\"appendIcon !== null\"\r\n    [attr.name]=\"appendIcon?.name\"\r\n    [attr.title]=\"appendIcon?.title\" \r\n    [attr.color]=\"appendIcon?.color\" \r\n    [attr.color2]=\"appendIcon?.color2\" \r\n    [attr.size]=\"appendIcon?.size\" \r\n    [attr.padding]=\"appendIcon?.padding\"  \r\n    [attr.rotate]=\"appendIcon?.rotate\" \r\n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \r\n    [attr.height]=\"appendIcon?.height\"   \r\n    [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n</ids-input>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -1028,7 +1032,7 @@ class IDCheckboxComponent extends IDFormBase {
     }
 }
 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", 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 });
+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.novalidation]=\"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: [{
@@ -1069,7 +1073,7 @@ class IDCheckboxGroupComponent extends IDFormBase {
     }
 }
 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", 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 });
+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.novalidation]=\"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: [{
@@ -1251,7 +1255,7 @@ class IDSelectComponent extends IDFormBase {
     }
 }
 IDSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0, template: "<ids-select [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0.ViewEncapsulation.None });
+IDSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0, template: "<ids-select [attr.valid]=\"valid\" [attr.novalidation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectComponent, decorators: [{
             type: Component,
             args: [{
@@ -1289,7 +1293,7 @@ class IDSelectMultipleComponent extends IDFormBase {
     }
 }
 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", 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 });
+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.novalidation]=\"noValidation ? noValidation : null\" \r\n  [label]=\"label\" \r\n  [placeholder]=\"placeholder\"\r\n  [maxheight]=\"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: [{
@@ -1408,7 +1412,7 @@ class IDTextareaComponent extends IDFormBase {
     }
 }
 IDTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", inputs: { noFade: "noFade" }, usesInheritance: true, ngImport: i0, template: "<ids-textarea [attr.no-fade]=\"noFade ? true : null\" [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0.ViewEncapsulation.None });
+IDTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", inputs: { noFade: "noFade" }, usesInheritance: true, ngImport: i0, template: "<ids-textarea [attr.nofade]=\"noFade ? true : null\" [attr.valid]=\"valid\" [attr.novalidation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTextareaComponent, decorators: [{
             type: Component,
             args: [{
@@ -1500,7 +1504,7 @@ class IDColumnComponent {
     }
 }
 IDColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDColumnComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IDColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", class: "class", style: "style" }, ngImport: i0, template: "<ids-col \r\n  [attr.cols]=\"cols\"\r\n  [attr.offset]=\"offset\"\r\n  [attr.m]=\"m\" \r\n  [attr.m-offset]=\"[mOffset]\"\r\n  [attr.s]=\"s\" \r\n  [attr.s-offset]=\"[sOffset]\"\r\n  [attr.align]=\"align\"\r\n  [attr.style]=\"style\"\r\n  [attr.class]=\"class\">\r\n  <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
+IDColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", class: "class", style: "style" }, ngImport: i0, template: "<ids-col \r\n  [attr.cols]=\"cols\"\r\n  [attr.offset]=\"offset\"\r\n  [attr.m]=\"m\" \r\n  [attr.moffset]=\"[mOffset]\"\r\n  [attr.s]=\"s\" \r\n  [attr.soffset]=\"[sOffset]\"\r\n  [attr.align]=\"align\"\r\n  [attr.style]=\"style\"\r\n  [attr.class]=\"class\">\r\n  <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDColumnComponent, decorators: [{
             type: Component,
             args: [{
@@ -1824,7 +1828,7 @@ class IDNotificationBadgeComponent {
     }
 }
 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", outlined: "outlined" }, ngImport: i0, template: "<ids-notification-badge\n  [attr.outlined]=\"outlined ? true : null\"\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: [{
@@ -1959,7 +1963,7 @@ class IDPopoverComponent {
     }
 }
 IDPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDPopoverComponent.ɵcmp = i0.ɵɵ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, 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>" });
+IDPopoverComponent.ɵcmp = i0.ɵɵ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, 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.maxwidth]=\"maxWidth\"\r\n    [attr.maxheight]=\"maxHeight\">\r\n    <ng-content select=\"[popover-content]\"></ng-content>\r\n  </ids-popover-content>\r\n</ids-popover>" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDPopoverComponent, decorators: [{
             type: Component,
             args: [{
@@ -2096,14 +2100,16 @@ class IDHeaderComponent {
         this.hideRegionPicker = false;
         this.unresponsive = false;
         this.hideBrand = false;
+        this.logoHref = '';
         this.pickRegionText = 'Välj region';
         this.srLogoLabel = 'Logotyp';
+        this.avatarMaxWidth = '';
         this.persistentMobileMenu = false;
         this.didToggleRegion = new EventEmitter();
     }
 }
 IDHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", persistentMobileMenu: "persistentMobileMenu", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.brandtext]=\"brandText\"\r\n  [attr.brandtexttop]=\"brandTextTop\"\r\n  [attr.brandtextbottom]=\"brandTextBottom\"\r\n  [unresponsive]=\"unresponsive\"\r\n  [hideregionpicker]=\"hideRegionPicker\"\r\n  [hidebrand]=\"hideBrand\"\r\n  [pickregiontext]=\"pickRegionText\"\r\n  [regionicon]=\"regionIcon\"\r\n  [srlogolabel]=\"srLogoLabel\"\r\n  (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [attr.type]=\"type\"\r\n    [icon]=\"item.iconName\" \r\n    [mobile]=\"item.mobile\">\r\n    <id-anchor [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav slot=\"header-nav\" *ngIf=\"navItems || mobileItems\" [attr.type]=\"type\">\r\n    <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [attr.type]=\"type\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n      <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n      <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link> \r\n      <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <div slot=\"col-4\">\r\n        <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"ids-heading-2\">{{navItem.headline}}</h2>\r\n        <p class=\"body\">{{navItem.paragraph}}</p>\r\n        <id-anchor [link]=\"navItem.paragraphLink\"></id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu \r\n      [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n      [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n      {{mobileMenuText}}\r\n      <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobileMenuItems\"\r\n        slot=\"menu-link\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n                [attr.type]=\"type\"\r\n                [headline]=\"item?.headline\"\r\n                [expanded]=\"item?.expanded\"\r\n                [secondary]=\"item?.secondary\"\r\n                [active]=\"item?.active\"\r\n                (didToggleExpansion)=\"item.togleExpansion()\">\r\n                  <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                </ids-mobile-menu-item>\r\n            </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n      </ids-mobile-menu-item>\r\n    </ids-header-mobile-menu>\r\n  </ids-header-nav>\r\n\r\n  <ids-header-avatar [attr.type]=\"type\" *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n    <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n  </ids-header-avatar>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ids-header-mobile-menu \r\n    [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n    *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n    [type]=\"type\">\r\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      (didToggleExpansion)=\"item.togleExpansion()\">\r\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n              [attr.type]=\"type\"\r\n              [headline]=\"item?.headline\"\r\n              [expanded]=\"item?.expanded\"\r\n              (didToggleExpansion)=\"item.togleExpansion()\">\r\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n        </ids-mobile-menu-item>\r\n    </ids-mobile-menu-item>\r\n    <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n      <ng-content select=\"[avatarMobile]\"></ng-content>\r\n      <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n    </ids-mobile-menu-avatar>\r\n  </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", logoHref: "logoHref", pickRegionText: "pickRegionText", regionIcon: "regionIcon", regionIconTitle: "regionIconTitle", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", avatarMaxWidth: "avatarMaxWidth", navItems: "navItems", persistentMobileMenu: "persistentMobileMenu", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.brandtext]=\"brandText\"\r\n  [attr.brandtexttop]=\"brandTextTop\"\r\n  [attr.brandtextbottom]=\"brandTextBottom\"\r\n  [unresponsive]=\"unresponsive\"\r\n  [hideregionpicker]=\"hideRegionPicker\"\r\n  [logohref]=\"logoHref\"\r\n  [hidebrand]=\"hideBrand\"\r\n  [pickregiontext]=\"pickRegionText\"\r\n  [regionicon]=\"regionIcon\"\r\n  [regionicontitle]=\"regionIconTitle\"\r\n  [srlogolabel]=\"srLogoLabel\"\r\n  (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [attr.type]=\"type\"\r\n    [icon]=\"item.iconName\" \r\n    [mobile]=\"item.mobile\"\r\n    [attr.separatorleft]=\"item.separatorLeft\">\r\n    <id-anchor [link]=\"item.link\"></id-anchor>\r\n  </ids-header-item>\r\n\r\n  <ids-header-nav slot=\"header-nav\" *ngIf=\"navItems || mobileItems\" [attr.type]=\"type\">\r\n    <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [attr.type]=\"type\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n      <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n      <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link> \r\n      <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n        <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n        <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor [link]=\"link\"></id-anchor>\r\n      </ids-link>\r\n      <div slot=\"col-4\">\r\n        <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"ids-heading-2\">{{navItem.headline}}</h2>\r\n        <p class=\"body\">{{navItem.paragraph}}</p>\r\n        <id-anchor [link]=\"navItem.paragraphLink\"></id-anchor>\r\n      </div>\r\n    </ids-header-nav-item>\r\n    <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n      <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n    </ids-header-mobile-item>\r\n    \r\n    <ids-header-mobile-menu \r\n      [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n      [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n      {{mobileMenuText}}\r\n      <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobileMenuItems\"\r\n        slot=\"menu-link\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n            <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n            [attr.type]=\"type\"\r\n            [headline]=\"item?.headline\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n                [attr.type]=\"type\"\r\n                [headline]=\"item?.headline\"\r\n                [expanded]=\"item?.expanded\"\r\n                [secondary]=\"item?.secondary\"\r\n                [active]=\"item?.active\"\r\n                (didToggleExpansion)=\"item.togleExpansion()\">\r\n                  <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n                </ids-mobile-menu-item>\r\n            </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n      </ids-mobile-menu-item>\r\n    </ids-header-mobile-menu>\r\n  </ids-header-nav>\r\n\r\n  <ids-header-avatar [maxwidth]=\"avatarMaxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n  </ids-header-avatar>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ids-header-mobile-menu \r\n    [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n    *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n    [type]=\"type\">\r\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      (didToggleExpansion)=\"item.togleExpansion()\">\r\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n        [attr.type]=\"type\"\r\n        [headline]=\"item?.headline\"\r\n        [expanded]=\"item?.expanded\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n          [attr.type]=\"type\"\r\n          [headline]=\"item?.headline\"\r\n          [expanded]=\"item?.expanded\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n              [attr.type]=\"type\"\r\n              [headline]=\"item?.headline\"\r\n              [expanded]=\"item?.expanded\"\r\n              (didToggleExpansion)=\"item.togleExpansion()\">\r\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n              </ids-mobile-menu-item>\r\n          </ids-mobile-menu-item>\r\n        </ids-mobile-menu-item>\r\n    </ids-mobile-menu-item>\r\n    <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\" [unit]=\"avatar.unit\">\r\n      <ng-content select=\"[avatarMobile]\"></ng-content>\r\n      <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n    </ids-mobile-menu-avatar>\r\n  </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -2126,16 +2132,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], hideBrand: [{
                 type: Input
+            }], logoHref: [{
+                type: Input
             }], pickRegionText: [{
                 type: Input
             }], regionIcon: [{
                 type: Input
+            }], regionIconTitle: [{
+                type: Input
             }], srLogoLabel: [{
                 type: Input
             }], items: [{
                 type: Input
             }], avatar: [{
                 type: Input
+            }], avatarMaxWidth: [{
+                type: Input
             }], navItems: [{
                 type: Input
             }], persistentMobileMenu: [{
@@ -2180,6 +2192,9 @@ class IDHeaderItem {
     get mobile() {
         return this._props.mobile;
     }
+    get separatorLeft() {
+        return this._props.separatorLeft;
+    }
 }
 
 class IDHeaderAvatar {
@@ -2195,8 +2210,8 @@ class IDHeaderAvatar {
     get linkRight() {
         return this._props.linkRight;
     }
-    get serviceName() {
-        return this._props.serviceName;
+    get unit() {
+        return this._props.unit;
     }
     get linkMobile() {
         return this._props.linkMobile;
@@ -2236,18 +2251,94 @@ 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() { }
+    constructor() {
+        this.responsive = 'm';
+        this.unresponsive = false;
+        this.selectLabel = '';
+    }
 }
 IDTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", ngImport: i0, template: "<ids-tabs>\n  <ng-content></ng-content>\n</ids-tabs>" });
+IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0, template: "<ids-tabs \n  [unresponsive]=\"unresponsive ? true : null\"\n  [responsive]=\"responsive\"\n  [selectlabel]=\"selectLabel\">\n  <ng-content></ng-content>\n</ids-tabs>" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-tabs',
                     templateUrl: './tabs.component.html'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return []; }, propDecorators: { responsive: [{
+                type: Input
+            }], unresponsive: [{
+                type: Input
+            }], selectLabel: [{
+                type: Input
+            }] } });
 
 class IDTabPanelComponent {
     constructor(elementRef) {
@@ -2257,7 +2348,7 @@ class IDTabPanelComponent {
     }
 }
 IDTabPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IDTabPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { noFocus: "noFocus" }, ngImport: i0, template: "<ids-tab-panel [attr.no-focus]=\"noFocus\">\r\n  <ng-content></ng-content>\r\n</ids-tab-panel>" });
+IDTabPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { noFocus: "noFocus" }, ngImport: i0, template: "<ids-tab-panel [attr.nofocus]=\"noFocus\">\r\n  <ng-content></ng-content>\r\n</ids-tab-panel>" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabPanelComponent, decorators: [{
             type: Component,
             args: [{
@@ -2280,7 +2371,7 @@ 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: { notices: "notices", notifications: "notifications", label: "label", icon: "icon", selected: "selected" }, ngImport: i0, template: "<ids-tab\n  [notices]=\"notices === 0 ? null : notices\"\n  [notifications]=\"notifications === 0 ? null : notifications\"\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: [{
@@ -2412,5 +2503,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, 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, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTagComponent, IDTagModule, 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