@inera/ids-angular 2.6.0 → 3.0.1

package/fesm2015/inera-ids-angular.js

@@ -7,6 +7,7 @@ import '@inera/ids-core/components/alert-global/register';
 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/icon/register';
 import '@inera/ids-core/components/button-group/register';
 import '@inera/ids-core/components/carousel/register';
 import * as i1 from '@angular/platform-browser';
@@ -17,7 +18,6 @@ import '@inera/ids-core/components/card/register';
 import '@inera/ids-core/components/date-label/register';
 import '@inera/ids-core/components/dialog/register';
 import '@inera/ids-core/components/expandable/register';
-import '@inera/ids-core/components/icon/register';
 import '@inera/ids-core/components/form/input/register';
 import '@inera/ids-core/components/form/checkbox/register';
 import '@inera/ids-core/components/form/checkbox-group/register';
@@ -52,18 +52,19 @@ class IDAlertComponent {
         this.dismissible = false;
         this.collapsable = false;
         this.collapsed = false;
-        this.srCollapseText = '';
-        this.srExpandText = '';
+        this.srcollapsetext = '';
+        this.srexpandtext = '';
         this.headline = '';
         this.live = '';
         this.type = '';
-        this.srCloseText = '';
-        this.srIconTitle = '';
-        this.closed = new EventEmitter();
+        this.srclosetext = '';
+        this.sricontitle = '';
+        this.onClosed = new EventEmitter();
+        this.onCollapsed = new EventEmitter();
     }
 }
 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", collapsed: "collapsed", 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  [attr.collapsed]=\"collapsed ? 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; }"] });
+IDAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", collapsed: "collapsed", srcollapsetext: "srcollapsetext", srexpandtext: "srexpandtext", headline: "headline", live: "live", type: "type", srclosetext: "srclosetext", sricontitle: "sricontitle" }, outputs: { onClosed: "onClosed", onCollapsed: "onCollapsed" }, 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  [attr.collapsed]=\"collapsed ? 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)=\"onClosed.emit(true)\"\r\n  (collapsed)=\"onCollapsed.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: [{
@@ -77,9 +78,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], collapsed: [{
                 type: Input
-            }], srCollapseText: [{
+            }], srcollapsetext: [{
                 type: Input
-            }], srExpandText: [{
+            }], srexpandtext: [{
                 type: Input
             }], headline: [{
                 type: Input
@@ -87,11 +88,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], type: [{
                 type: Input
-            }], srCloseText: [{
+            }], srclosetext: [{
                 type: Input
-            }], srIconTitle: [{
+            }], sricontitle: [{
                 type: Input
-            }], closed: [{
+            }], onClosed: [{
+                type: Output
+            }], onCollapsed: [{
                 type: Output
             }] } });
 
@@ -118,14 +121,15 @@ class IDAlertGlobalComponent {
     constructor() {
         this.expanded = true;
         this.headline = '';
-        this.hideMobileIcon = '';
-        this.showText = 'Visa meddelande';
-        this.hideText = 'Dölj meddelande';
-        this.didToggleExpansion = new EventEmitter();
+        this.hidemobileicon = '';
+        this.showtext = 'Visa meddelande';
+        this.hidetext = 'Dölj meddelande';
+        this.icon = undefined;
+        this.onDidToggleExpansion = 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", 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; }"] });
+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", icon: "icon" }, outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, 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  (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\r\n  <ids-icon *ngIf=\"icon !== undefined\"\r\n    [attr.name]=\"icon?.name\"\r\n    [attr.title]=\"icon?.title\" \r\n    [attr.color]=\"icon?.color\" \r\n    [attr.color2]=\"icon?.color2\" \r\n    [attr.size]=\"icon?.size\" \r\n    [attr.padding]=\"icon?.padding\"  \r\n    [attr.rotate]=\"icon?.rotate\" \r\n    [attr.colorpreset]=\"icon?.colorpreset\"   \r\n    [attr.height]=\"icon?.height\"   \r\n    [attr.width]=\"icon?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-alert-global>", styles: [":host { display: block; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAlertGlobalComponent, decorators: [{
             type: Component,
             args: [{
@@ -137,13 +141,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], headline: [{
                 type: Input
-            }], hideMobileIcon: [{
+            }], hidemobileicon: [{
                 type: Input
-            }], showText: [{
+            }], showtext: [{
                 type: Input
-            }], hideText: [{
+            }], hidetext: [{
                 type: Input
-            }], didToggleExpansion: [{
+            }], icon: [{
+                type: Input
+            }], onDidToggleExpansion: [{
                 type: Output
             }] } });
 
@@ -170,13 +176,13 @@ class IDAgentComponent {
     constructor() {
         this.expanded = true;
         this.headline = '';
-        this.showText = 'Visa meddelande';
-        this.hideText = 'Dölj meddelande';
-        this.didToggleExpansion = new EventEmitter();
+        this.showtext = 'Visa meddelande';
+        this.hidetext = 'Dölj meddelande';
+        this.onDidToggleExpansion = new EventEmitter();
     }
 }
 IDAgentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDAgentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0, template: "<ids-agent\r\n  [headline]=\"headline\"\r\n  [showtext]=\"showText\"\r\n  [hidetext]=\"hideText\"\r\n  [expanded]=\"expanded\"\r\n  (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\r\n  <h3 slot=\"alert-headline\" *ngIf=\"headline\">\r\n    {{headline}}\r\n  </h3>\r\n  <ng-content></ng-content>\r\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IDAgentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showtext: "showtext", hidetext: "hidetext" }, outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, ngImport: i0, template: "<ids-agent\r\n  [headline]=\"headline\"\r\n  [showtext]=\"showtext\"\r\n  [hidetext]=\"hidetext\"\r\n  [expanded]=\"expanded\"\r\n  (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\r\n  <h3 slot=\"alert-headline\" *ngIf=\"headline\">\r\n    {{headline}}\r\n  </h3>\r\n  <ng-content></ng-content>\r\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAgentComponent, decorators: [{
             type: Component,
             args: [{
@@ -188,11 +194,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], headline: [{
                 type: Input
-            }], showText: [{
+            }], showtext: [{
                 type: Input
-            }], hideText: [{
+            }], hidetext: [{
                 type: Input
-            }], didToggleExpansion: [{
+            }], onDidToggleExpansion: [{
                 type: Output
             }] } });
 
@@ -217,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 class IDBadgeComponent {
     constructor() {
-        this.type = 'main';
+        this.type = 'primary';
     }
 }
 IDBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -258,8 +264,8 @@ class IDButtonComponent {
         this.tertiary = false;
         this.toggle = false;
         this.block = false;
-        this.sBlock = false;
-        this.mBlock = false;
+        this.sblock = false;
+        this.mblock = false;
         this.active = false;
         this.submit = false;
         this.search = false;
@@ -267,17 +273,24 @@ class IDButtonComponent {
         this.disabled = false;
         this.type = undefined;
         this.color = undefined;
-        this.clicked = new EventEmitter();
+        //For Dialog
+        this.trigger = '';
+        // General props
+        this.tabindex = '';
+        // Internal Icon
+        this.iconobject = undefined;
+        this.onClicked = new EventEmitter();
     }
 }
 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  [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 });
+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", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, 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  [attr.trigger]=\"trigger ? 'true' : null\"\r\n  [attr.tabindex]=\"tabindex ? '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)=\"onClicked.emit(true)\">\r\n  <ids-icon *ngIf=\"iconobject !== undefined\"\r\n    [attr.name]=\"iconobject?.name\"\r\n    [attr.title]=\"iconobject?.title\" \r\n    [attr.color]=\"iconobject?.color\" \r\n    [attr.color2]=\"iconobject?.color2\" \r\n    [attr.size]=\"iconobject?.size\" \r\n    [attr.padding]=\"iconobject?.padding\"  \r\n    [attr.rotate]=\"iconobject?.rotate\" \r\n    [attr.colorpreset]=\"iconobject?.colorpreset\"   \r\n    [attr.height]=\"iconobject?.height\"   \r\n    [attr.width]=\"iconobject?.width\"></ids-icon>\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; }"], 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: IDButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-button',
                     templateUrl: './button.component.html',
                     styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
+                    host: { 'class': 'ids-contains-clickable' },
                     encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -292,9 +305,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], block: [{
                 type: Input
-            }], sBlock: [{
+            }], sblock: [{
                 type: Input
-            }], mBlock: [{
+            }], mblock: [{
                 type: Input
             }], active: [{
                 type: Input
@@ -310,15 +323,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], color: [{
                 type: Input
-            }], clicked: [{
+            }], trigger: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], iconobject: [{
+                type: Input
+            }], onClicked: [{
                 type: Output
             }] } });
 
+class IDIconComponent {
+    constructor() {
+        this.name = undefined;
+        this.rotate = undefined;
+        this.color = undefined;
+        this.color2 = undefined;
+        this.colorpreset = undefined;
+        this.title = undefined;
+        this.size = 'm';
+        this.inline = false;
+        this.width = undefined;
+        this.height = undefined;
+    }
+}
+IDIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", inline: "inline", width: "width", height: "height" }, ngImport: i0, template: "<ids-icon \r\n  [attr.name]=\"name\"\r\n  [attr.inline]=\"inline ? true : undefined\"\r\n  [attr.rotate]=\"rotate\"\r\n  [attr.color]=\"color\"\r\n  [attr.color2]=\"color2\"\r\n  [attr.size]=\"size\"\r\n  [attr.width]=\"width\"\r\n  [attr.height]=\"height\"\r\n  [attr.colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-icon',
+                    templateUrl: './icon.component.html',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                type: Input
+            }], rotate: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], color2: [{
+                type: Input
+            }], colorpreset: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+
+class IDIconModule {
+}
+IDIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, declarations: [IDIconComponent], exports: [IDIconComponent] });
+IDIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDIconComponent
+                    ],
+                    exports: [
+                        IDIconComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDButtonModule {
 }
 IDButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule, declarations: [IDButtonComponent], exports: [IDButtonComponent] });
-IDButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule });
+IDButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule, declarations: [IDButtonComponent], imports: [CommonModule, IDIconModule], exports: [IDButtonComponent] });
+IDButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule, imports: [[CommonModule, IDIconModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonModule, decorators: [{
             type: NgModule,
             args: [{
@@ -328,6 +410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     exports: [
                         IDButtonComponent
                     ],
+                    imports: [CommonModule, IDIconModule],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -371,13 +454,13 @@ 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;
+        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  [autoplaydelay]=\"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  [srprevlabel]=\"srprevlabel\"\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: [{
@@ -386,11 +469,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { autoplay: [{
                 type: Input
-            }], srNextLabel: [{
+            }], srnextlabel: [{
                 type: Input
-            }], srPrevLabel: [{
+            }], srprevlabel: [{
                 type: Input
-            }], autoplayDelay: [{
+            }], autoplaydelay: [{
                 type: Input
             }] } });
 
@@ -595,14 +678,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 class IDBreadcrumbsComponent {
     constructor() {
-        this.links = [];
+        this.lead = 'Du är här:';
         this.current = '';
-        this.lead = '';
-        this.srLabel = '';
+        this.srlabel = 'Du är här';
+        this.links = [];
     }
 }
 IDBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { links: "links", mobileLink: "mobileLink", current: "current", lead: "lead", srLabel: "srLabel" }, ngImport: i0, template: "<ids-breadcrumbs\r\n  [current]=\"current\"\r\n  [lead]=\"lead\"\r\n  [srlabel]=\"srLabel\">\r\n  <ids-crumb *ngFor=\"let link of links\">\r\n    <id-anchor [link]=\"link\"></id-anchor>\r\n  </ids-crumb>\r\n  <ids-crumb mobile=\"true\" *ngIf=\"mobileLink\">\r\n    <id-anchor [link]=\"mobileLink\"></id-anchor>\r\n  </ids-crumb>\r\n</ids-breadcrumbs>", 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"] }], encapsulation: i0.ViewEncapsulation.None });
+IDBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", current: "current", srlabel: "srlabel", links: "links", mobilelink: "mobilelink" }, ngImport: i0, template: "<ids-breadcrumbs\r\n  [current]=\"current\"\r\n  [lead]=\"lead\"\r\n  [srlabel]=\"srlabel\">\r\n  <ids-crumb *ngFor=\"let link of links\">\r\n    <id-anchor [link]=\"link\"></id-anchor>\r\n  </ids-crumb>\r\n  <ids-crumb mobile=\"true\" *ngIf=\"mobilelink\">\r\n    <id-anchor [link]=\"mobilelink\"></id-anchor>\r\n  </ids-crumb>\r\n</ids-breadcrumbs>", 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"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{
@@ -610,15 +693,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './breadcrumbs.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { links: [{
-                type: Input
-            }], mobileLink: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { lead: [{
                 type: Input
             }], current: [{
                 type: Input
-            }], lead: [{
+            }], srlabel: [{
+                type: Input
+            }], links: [{
                 type: Input
-            }], srLabel: [{
+            }], mobilelink: [{
                 type: Input
             }] } });
 
@@ -646,11 +729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDBreadcrumbsModule {
 }
 IDBreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDBreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsModule, declarations: [IDBreadcrumbsComponent], imports: [CommonModule,
-        IDAnchorModule], exports: [IDBreadcrumbsComponent] });
+IDBreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsModule, declarations: [IDBreadcrumbsComponent], imports: [CommonModule, IDAnchorModule], exports: [IDBreadcrumbsComponent] });
 IDBreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsModule, imports: [[
-            CommonModule,
-            IDAnchorModule
+            CommonModule, IDAnchorModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsModule, decorators: [{
             type: NgModule,
@@ -662,8 +743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         IDBreadcrumbsComponent
                     ],
                     imports: [
-                        CommonModule,
-                        IDAnchorModule
+                        CommonModule, IDAnchorModule
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
@@ -710,12 +790,12 @@ class IDDateLabelComponent {
         this.date = null;
         this.year = null;
         this.month = null;
-        this.monthLabel = null;
+        this.monthlabel = null;
         this.day = null;
     }
 }
 IDDateLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDDateLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthLabel: "monthLabel", day: "day" }, ngImport: i0, template: "<ids-date-label \n  [date]=\"date?.toString()\"\n  [year]=\"year\"\n  [month]=\"month\"\n  [monthlabel]=\"monthLabel\"\n  [day]=\"day\">\n  <ng-content></ng-content>\n</ids-date-label>", encapsulation: i0.ViewEncapsulation.None });
+IDDateLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0, template: "<ids-date-label \r\n  [date]=\"date?.toString()\"\r\n  [year]=\"year\"\r\n  [month]=\"month\"\r\n  [monthlabel]=\"monthlabel\"\r\n  [day]=\"day\">\r\n  <ng-content></ng-content>\r\n</ids-date-label>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDateLabelComponent, decorators: [{
             type: Component,
             args: [{
@@ -729,7 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], month: [{
                 type: Input
-            }], monthLabel: [{
+            }], monthlabel: [{
                 type: Input
             }], day: [{
                 type: Input
@@ -756,17 +836,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDDialogComponent {
     constructor() {
         this.dismissible = false;
-        this.srCloseText = false;
-        this.noFocusTrap = false;
+        this.srclosetext = '';
+        this.nofocustrap = false;
+        this.autofocus = false;
         this.headline = '';
         this.overlay = false;
         this.persistent = false;
         this.show = false;
         this.width = '';
+        this.onClosed = new EventEmitter();
+    }
+    emitOnClosed(e) {
+        this.onClosed.emit(e);
     }
 }
 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 ? 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 });
+IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ids-dialog \r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.headline]=\"headline\"\r\n  [attr.overlay]=\"overlay ? true : null\"\r\n  [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n  [attr.autofocus]=\"autofocus ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"nofocustrap\"\r\n  [srclosetext]=\"srclosetext\"\r\n  (closed)=\"emitOnClosed\">\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: [{
@@ -776,9 +861,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { dismissible: [{
                 type: Input
-            }], srCloseText: [{
+            }], srclosetext: [{
+                type: Input
+            }], nofocustrap: [{
                 type: Input
-            }], noFocusTrap: [{
+            }], autofocus: [{
                 type: Input
             }], headline: [{
                 type: Input
@@ -790,6 +877,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], width: [{
                 type: Input
+            }], onClosed: [{
+                type: Output
             }] } });
 
 class IDDialogActionsComponent {
@@ -837,7 +926,7 @@ class IDExpandableComponent {
     }
 }
 IDExpandableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDExpandableComponent, selector: "id-expandable", inputs: { borderless: "borderless", expanded: "expanded", headline: "headline", variation: "variation" }, ngImport: i0, template: "<ids-expandable [attr.borderless]=\"borderless ? true : null\" [expanded]=\"expanded\" [headline]=\"headline\" [variation]=\"variation\">\r\n  <ng-content></ng-content>\r\n</ids-expandable>", encapsulation: i0.ViewEncapsulation.None });
+IDExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDExpandableComponent, selector: "id-expandable", inputs: { borderless: "borderless", expanded: "expanded", headline: "headline", variation: "variation" }, ngImport: i0, template: "<ids-expandable \r\n  [attr.borderless]=\"borderless ? true : null\"\r\n  [expanded]=\"expanded ? true : null\"\r\n  [headline]=\"headline\"\r\n  [variation]=\"variation\">\r\n  <ng-content></ng-content>\r\n</ids-expandable>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDExpandableComponent, decorators: [{
             type: Component,
             args: [{
@@ -909,73 +998,11 @@ class IDIcon {
     }
 }
 
-class IDIconComponent {
-    constructor() {
-        this.name = undefined;
-        this.rotate = undefined;
-        this.color = undefined;
-        this.color2 = undefined;
-        this.colorpreset = undefined;
-        this.title = undefined;
-        this.size = 'm';
-        this.inline = false;
-        this.width = undefined;
-        this.height = undefined;
-    }
-}
-IDIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", inline: "inline", width: "width", height: "height" }, ngImport: i0, template: "<ids-icon \r\n  [attr.name]=\"name\"\r\n  [attr.inline]=\"inline ? true : undefined\"\r\n  [attr.rotate]=\"rotate\"\r\n  [attr.color]=\"color\"\r\n  [attr.color2]=\"color2\"\r\n  [attr.size]=\"size\"\r\n  [attr.width]=\"width\"\r\n  [attr.height]=\"height\"\r\n  [attr.colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'id-icon',
-                    templateUrl: './icon.component.html',
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
-                type: Input
-            }], rotate: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], color2: [{
-                type: Input
-            }], colorpreset: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }] } });
-
-class IDIconModule {
-}
-IDIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, declarations: [IDIconComponent], exports: [IDIconComponent] });
-IDIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDIconComponent
-                    ],
-                    exports: [
-                        IDIconComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 class IDFormBase {
     constructor() {
         this.valid = 'true';
-        this.noValidation = false;
+        this.light = false;
+        this.novalidation = false;
     }
 }
 IDFormBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFormBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -984,7 +1011,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             type: Injectable
         }], ctorParameters: function () { return []; }, propDecorators: { valid: [{
                 type: Input
-            }], noValidation: [{
+            }], light: [{
+                type: Input
+            }], novalidation: [{
                 type: Input
             }] } });
 
@@ -992,11 +1021,10 @@ class IDInputComponent extends IDFormBase {
     constructor() {
         super();
         this.autofocus = false;
-        this.appendIcon = null;
     }
 }
 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.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 });
+IDInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus" }, usesInheritance: true, ngImport: i0, template: "<ids-input [attr.valid]=\"valid\" \r\n  [attr.novalidation]=\"novalidation ? true : null\"\r\n  [attr.light]=\"light ? light : null\"\r\n  [attr.autofocus]=\"autofocus ? autofocus : null\">\r\n  <ng-content></ng-content>\r\n</ids-input>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -1006,8 +1034,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
                 type: Input
-            }], appendIcon: [{
-                type: Input
             }] } });
 
 class IDInputModule {
@@ -1036,7 +1062,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.novalidation]=\"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.light]=\"light ? true : null\"\r\n  [attr.valid]=\"valid\" \r\n  [attr.novalidation]=\"novalidation ? true : 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: [{
@@ -1077,7 +1103,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.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 });
+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 ? true : 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: [{
@@ -1149,11 +1175,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDRadioComponent {
-    constructor() { }
+class IDRadioComponent extends IDFormBase {
 }
-IDRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRadioComponent, selector: "id-radio", ngImport: i0, template: "<ids-radio>\r\n  <ng-content></ng-content>\r\n</ids-radio>", encapsulation: i0.ViewEncapsulation.None });
+IDRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IDRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRadioComponent, selector: "id-radio", usesInheritance: true, ngImport: i0, template: "<ids-radio [light]=\"light ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-radio>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRadioComponent, decorators: [{
             type: Component,
             args: [{
@@ -1161,18 +1186,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './radio.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 class IDRadioGroupComponent {
     constructor() {
         this.name = undefined;
         this.legend = undefined;
         this.required = false;
-        this.errorMessage = undefined;
+        this.errormessage = undefined;
     }
 }
 IDRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRadioGroupComponent, selector: "id-radio-group", inputs: { name: "name", legend: "legend", required: "required", errorMessage: "errorMessage" }, ngImport: i0, template: "<ids-radio-group [name]=\"name\" [legend]=\"legend\" [required]=\"required\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errorMessage\">{{errorMessage}}</ids-error-message>\r\n</ids-radio-group>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IDRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRadioGroupComponent, selector: "id-radio-group", inputs: { name: "name", legend: "legend", required: "required", errormessage: "errormessage" }, ngImport: i0, template: "<ids-radio-group [name]=\"name\" [legend]=\"legend\" [required]=\"required\">\r\n  <ng-content></ng-content>\r\n  <ids-error-message *ngIf=\"errormessage\">{{errormessage}}</ids-error-message>\r\n</ids-radio-group>", 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: IDRadioGroupComponent, decorators: [{
             type: Component,
             args: [{
@@ -1186,7 +1211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], required: [{
                 type: Input
-            }], errorMessage: [{
+            }], errormessage: [{
                 type: Input
             }] } });
 
@@ -1219,11 +1244,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 class IDRangeComponent {
     constructor() {
-        this.showTicks = false;
+        this.showticks = false;
     }
 }
 IDRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRangeComponent, selector: "id-range", inputs: { showTicks: "showTicks" }, ngImport: i0, template: "<ids-range [showticks]=\"showTicks\">\r\n  <ng-content></ng-content>\r\n</ids-range>", encapsulation: i0.ViewEncapsulation.None });
+IDRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRangeComponent, selector: "id-range", inputs: { showticks: "showticks" }, ngImport: i0, template: "<ids-range [showticks]=\"showticks\">\r\n  <ng-content></ng-content>\r\n</ids-range>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRangeComponent, decorators: [{
             type: Component,
             args: [{
@@ -1231,7 +1256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './range.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], propDecorators: { showTicks: [{
+        }], propDecorators: { showticks: [{
                 type: Input
             }] } });
 
@@ -1254,12 +1279,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }] });
 
 class IDSelectComponent extends IDFormBase {
-    constructor() {
-        super();
-    }
 }
-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.novalidation]=\"noValidation ? noValidation : null\">\r\n  <ng-content></ng-content>\r\n</ids-select>", encapsulation: i0.ViewEncapsulation.None });
+IDSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectComponent, deps: null, 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 \r\n  [attr.valid]=\"valid\"\r\n  [attr.light]=\"light ? true : null\"\r\n  [attr.novalidation]=\"novalidation ? true : 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: [{
@@ -1267,7 +1289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './select.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 class IDSelectModule {
 }
@@ -1291,13 +1313,13 @@ class IDSelectMultipleComponent extends IDFormBase {
     constructor() {
         super(...arguments);
         this.label = undefined;
-        this.errorMessage = 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", 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 });
+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.light]=\"light ? true : null\"\r\n  [attr.valid]=\"valid\" \r\n  [attr.novalidation]=\"novalidation ? true : 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: [{
@@ -1307,7 +1329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], propDecorators: { label: [{
                 type: Input
-            }], errorMessage: [{
+            }], errormessage: [{
                 type: Input
             }], maxHeight: [{
                 type: Input
@@ -1377,11 +1399,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class IDTimeComponent {
-    constructor() { }
+class IDTimeComponent extends IDFormBase {
 }
-IDTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTimeComponent, selector: "id-time", ngImport: i0, template: "<ids-time>\r\n  <ng-content></ng-content>\r\n</ids-time>", encapsulation: i0.ViewEncapsulation.None });
+IDTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+IDTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTimeComponent, selector: "id-time", usesInheritance: true, ngImport: i0, template: "<ids-time [attr.light]=\"light ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-time>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTimeComponent, decorators: [{
             type: Component,
             args: [{
@@ -1389,7 +1410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './time.component.html',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 class IDTimeModule {
 }
@@ -1416,7 +1437,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.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 });
+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 \r\n  [attr.light]=\"light ? true : null\"\r\n  [attr.nofade]=\"noFade ? true : null\"\r\n  [attr.valid]=\"valid\"\r\n  [attr.novalidation]=\"novalidation ? true : 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: [{
@@ -1597,36 +1618,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDLinkComponent {
     constructor() {
         this.link = null;
-        this.notificationBadge = null;
-        this.prependIcon = null;
-        this.appendIcon = null;
+        this.notificationbadge = null;
+        this.prependicon = null;
+        this.appendicon = null;
         this.underlined = false;
         this.padding = null;
         this.outline = null;
         this.block = false;
         this.color = undefined;
         this.size = undefined;
-        this.activeIcon = false;
-        this.activeIconBackground = undefined;
+        this.activeicon = false;
+        this.activeiconbackground = undefined;
         this.external = false;
         this.slot = undefined;
     }
 }
 IDLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeIcon: "activeIcon", activeIconBackground: "activeIconBackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0, template: "<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.activeicon]=\"activeIcon ? true : null\"\r\n  [activeiconbackground]=\"activeIconBackground\"\r\n  [padding]=\"padding\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependIcon !== null\"\r\n    slot=\"prepend-icon\" \r\n    [attr.name]=\"prependIcon?.name\"\r\n    [attr.title]=\"prependIcon?.title\" \r\n    [attr.color]=\"prependIcon?.color\" \r\n    [attr.color2]=\"prependIcon?.color2\" \r\n    [attr.size]=\"prependIcon?.size\" \r\n    [attr.padding]=\"prependIcon?.padding\"  \r\n    [attr.rotate]=\"prependIcon?.rotate\" \r\n    [attr.colorpreset]=\"prependIcon?.colorpreset\"   \r\n    [attr.height]=\"prependIcon?.height\"   \r\n    [attr.width]=\"prependIcon?.width\"></ids-icon>\r\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n    <ng-content *ngIf=\"!link\"></ng-content>\r\n    <ids-icon *ngIf=\"appendIcon !== null\" \r\n    slot=\"append-icon\" \r\n    [attr.name]=\"appendIcon?.name\"\r\n    [attr.title]=\"appendIcon?.title\" \r\n    [attr.color]=\"appendIcon?.color\" \r\n    [attr.color2]=\"appendIcon?.color2\"\r\n    [attr.size]=\"appendIcon?.size\"  \r\n    [attr.padding]=\"appendIcon?.padding\"  \r\n    [attr.rotate]=\"appendIcon?.rotate\"  \r\n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \r\n    [attr.height]=\"appendIcon?.height\"   \r\n    [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n    <ids-notification-badge \r\n    *ngIf=\"notificationBadge !== null\"\r\n    [attr.type]=\"notificationBadge.type\"\r\n    [attr.size]=\"notificationBadge.size\">\r\n    {{notificationBadge.value}}\r\n  </ids-notification-badge>\r\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IDLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationbadge: "notificationbadge", prependicon: "prependicon", appendicon: "appendicon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", activeiconbackground: "activeiconbackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0, template: "<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependicon !== null\"\r\n    slot=\"prepend-icon\" \r\n    [attr.name]=\"prependicon?.name\"\r\n    [attr.title]=\"prependicon?.title\" \r\n    [attr.color]=\"prependicon?.color\" \r\n    [attr.color2]=\"prependicon?.color2\" \r\n    [attr.size]=\"prependicon?.size\" \r\n    [attr.padding]=\"prependicon?.padding\"  \r\n    [attr.rotate]=\"prependicon?.rotate\" \r\n    [attr.colorpreset]=\"prependicon?.colorpreset\"   \r\n    [attr.height]=\"prependicon?.height\"   \r\n    [attr.width]=\"prependicon?.width\"></ids-icon>\r\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n    <ng-content *ngIf=\"!link\"></ng-content>\r\n    <ids-icon *ngIf=\"appendicon !== null\" \r\n    slot=\"append-icon\" \r\n    [attr.name]=\"appendicon?.name\"\r\n    [attr.title]=\"appendicon?.title\" \r\n    [attr.color]=\"appendicon?.color\" \r\n    [attr.color2]=\"appendicon?.color2\"\r\n    [attr.size]=\"appendicon?.size\"  \r\n    [attr.padding]=\"appendicon?.padding\"  \r\n    [attr.rotate]=\"appendicon?.rotate\"  \r\n    [attr.colorpreset]=\"appendicon?.colorpreset\"   \r\n    [attr.height]=\"appendicon?.height\"   \r\n    [attr.width]=\"appendicon?.width\"></ids-icon>\r\n    <ids-notification-badge \r\n    *ngIf=\"notificationbadge !== null\"\r\n    [attr.type]=\"notificationbadge.type\"\r\n    [attr.size]=\"notificationbadge.size\">\r\n    {{notificationbadge.value}}\r\n  </ids-notification-badge>\r\n</ids-link>", styles: [":host { display: inline; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-link',
-                    templateUrl: './link.component.html'
+                    templateUrl: './link.component.html',
+                    styles: [':host { display: inline; }']
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { link: [{
                 type: Input
-            }], notificationBadge: [{
+            }], notificationbadge: [{
                 type: Input
-            }], prependIcon: [{
+            }], prependicon: [{
                 type: Input
-            }], appendIcon: [{
+            }], appendicon: [{
                 type: Input
             }], underlined: [{
                 type: Input
@@ -1643,9 +1665,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
-            }], activeIcon: [{
+            }], activeicon: [{
                 type: Input
-            }], activeIconBackground: [{
+            }], activeiconbackground: [{
                 type: Input
             }], external: [{
                 type: Input
@@ -1656,15 +1678,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDLinkModule {
 }
 IDLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, declarations: [IDLinkComponent], imports: [CommonModule, IDAnchorModule], exports: [IDLinkComponent] });
-IDLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, imports: [[CommonModule, IDAnchorModule]] });
+IDLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, declarations: [IDLinkComponent], imports: [CommonModule], exports: [IDLinkComponent] });
+IDLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         IDLinkComponent
                     ],
-                    imports: [CommonModule, IDAnchorModule],
+                    imports: [CommonModule],
                     exports: [
                         IDLinkComponent
                     ],
@@ -1710,13 +1732,13 @@ class IDListItemComponent {
         this.date = null;
         this.year = null;
         this.month = null;
-        this.monthLabel = null;
+        this.monthlabel = null;
         this.day = null;
-        this.showDateLabel = false;
+        this.showdatelabel = false;
     }
 }
 IDListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDListItemComponent, selector: "id-list-item", inputs: { headline: "headline", date: "date", year: "year", month: "month", monthLabel: "monthLabel", day: "day", showDateLabel: "showDateLabel" }, ngImport: i0, template: "<ids-list-item\r\n[headline]=\"headline\"\r\n[date]=\"date\"\r\n[year]=\"year\"\r\n[month]=\"month\"\r\n[monthlabel]=\"monthLabel\"\r\n[day]=\"day\"\r\n[showdatelabel]=\"showDateLabel\">\r\n  <ng-content></ng-content>\r\n</ids-list-item>", encapsulation: i0.ViewEncapsulation.None });
+IDListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDListItemComponent, selector: "id-list-item", inputs: { headline: "headline", date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day", showdatelabel: "showdatelabel" }, ngImport: i0, template: "<ids-list-item\r\n[headline]=\"headline\"\r\n[date]=\"date\"\r\n[year]=\"year\"\r\n[month]=\"month\"\r\n[monthlabel]=\"monthlabel\"\r\n[day]=\"day\"\r\n[showdatelabel]=\"showdatelabel\">\r\n  <ng-content></ng-content>\r\n</ids-list-item>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDListItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -1732,11 +1754,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], month: [{
                 type: Input
-            }], monthLabel: [{
+            }], monthlabel: [{
                 type: Input
             }], day: [{
                 type: Input
-            }], showDateLabel: [{
+            }], showdatelabel: [{
                 type: Input
             }] } });
 
@@ -1889,7 +1911,7 @@ class IDMobileMenuComponent {
     }
 }
 IDMobileMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDMobileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0, template: "<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ids-mobile-menu-item *ngFor=\"let item of items\"\n    [attr.type]=\"type\"\n    [headline]=\"item?.headline\"\n    [expanded]=\"item?.expanded\"\n    [secondary]=\"item?.secondary\"\n    [variation]=\"variation\"\n    [active]=\"item?.active\"\n    (didToggleExpansion)=\"item.togleExpansion()\">\n      <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n      <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n      [attr.type]=\"type\"\n      [headline]=\"item?.headline\"\n      [expanded]=\"item?.expanded\"\n      [secondary]=\"item?.secondary\"\n      [active]=\"item?.active\"\n      [variation]=\"variation\"\n      (didToggleExpansion)=\"item.togleExpansion()\">\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n        [attr.type]=\"type\"\n        [headline]=\"item?.headline\"\n        [expanded]=\"item?.expanded\"\n        [secondary]=\"item?.secondary\"\n        [active]=\"item?.active\"\n        [variation]=\"variation\"\n        (didToggleExpansion)=\"item.togleExpansion()\">\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n            <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n            [attr.type]=\"type\"\n            [headline]=\"item?.headline\"\n            [expanded]=\"item?.expanded\"\n            [secondary]=\"item?.secondary\"\n            [active]=\"item?.active\"\n            [variation]=\"variation\"\n            (didToggleExpansion)=\"item.togleExpansion()\">\n              <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n            </ids-mobile-menu-item>\n        </ids-mobile-menu-item>\n      </ids-mobile-menu-item>\n  </ids-mobile-menu-item>\n</ids-mobile-menu>", 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"] }] });
+IDMobileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0, template: "<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ids-mobile-menu-item *ngFor=\"let item of items\"\r\n    [attr.type]=\"type\"\r\n    [headline]=\"item?.headline\"\r\n    [expanded]=\"item?.expanded\"\r\n    [secondary]=\"item?.secondary\"\r\n    [variation]=\"variation\"\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 *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      [variation]=\"variation\"\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        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        [variation]=\"variation\"\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            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            [variation]=\"variation\"\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>", 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: IDMobileMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -1960,23 +1982,26 @@ class IDMobileMenuItem {
 
 class IDPopoverComponent {
     constructor() {
-        this.maxWidth = '260px';
-        this.maxHeight = '260px';
+        this.autofocus = false;
+        this.maxwidth = '260px';
+        this.maxheight = '260px';
         this.cathegory = undefined;
         this.position = 'bottom';
     }
 }
 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.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>" });
+IDPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { autofocus: "autofocus", 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.autofocus]=\"autofocus ? 'true' : null\"\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: [{
                     selector: 'id-popover',
                     templateUrl: './popover.component.html',
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { maxWidth: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
                 type: Input
-            }], maxHeight: [{
+            }], maxwidth: [{
+                type: Input
+            }], maxheight: [{
                 type: Input
             }], cathegory: [{
                 type: Input
@@ -2046,15 +2071,15 @@ class IDFooterComponent {
         this.headline = '';
         this.servicename = '';
         this.subheadline = '';
-        this.cols = '3';
+        this.cols = 3;
         this.linkcol1 = '2';
         this.linkcol2 = '2';
         this.linkcol3 = '2';
-        this.mobileMenuItems = undefined;
+        this.mobilemenuitems = undefined;
     }
 }
 IDFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobileMenuItems: "mobileMenuItems" }, ngImport: i0, template: "<ids-footer \r\n  [type]=\"type\"\r\n  [headline]=\"headline\"\r\n  [subheadline]=\"subheadline\"\r\n  [servicename]=\"servicename\"\r\n  [cols]=\"cols\"\r\n  [linkcol1]=\"linkcol1\"\r\n  [linkcol2]=\"linkcol2\"\r\n  [linkcol3]=\"linkcol3\">\r\n  <ng-content></ng-content>\r\n  <ids-mobile-menu \r\n  slot=\"mobile-menu\"\r\n  variation=\"2\"\r\n  *ngIf=\"mobileMenuItems\"\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      [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 *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 *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 *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-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+IDFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobilemenuitems: "mobilemenuitems" }, ngImport: i0, template: "<ids-footer \r\n  [type]=\"type\"\r\n  [headline]=\"headline\"\r\n  [subheadline]=\"subheadline\"\r\n  [servicename]=\"servicename\"\r\n  [cols]=\"cols\"\r\n  [linkcol1]=\"linkcol1\"\r\n  [linkcol2]=\"linkcol2\"\r\n  [linkcol3]=\"linkcol3\">\r\n  <ng-content></ng-content>\r\n  <ids-mobile-menu \r\n  slot=\"mobile-menu\"\r\n  variation=\"2\"\r\n  *ngIf=\"mobilemenuitems\"\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      [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 *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 *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 *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-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, decorators: [{
             type: Component,
             args: [{
@@ -2077,7 +2102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], linkcol3: [{
                 type: Input
-            }], mobileMenuItems: [{
+            }], mobilemenuitems: [{
                 type: Input
             }] } });
 
@@ -2103,20 +2128,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDHeaderComponent {
     constructor() {
         this.type = '';
-        this.mobileMenuText = 'Meny';
-        this.hideRegionPicker = false;
+        this.hideregionpicker = false;
+        this.fluid = 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();
+        this.hidebrand = false;
+        this.logohref = '';
+        this.pickregiontext = 'Välj region';
+        this.srlogolabel = 'Logotyp';
+        this.avatarmaxwidth = '';
+        this.persistentmobilemenu = false;
+        this.onDidToggleRegion = 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", 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"] }] });
+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", hideregionpicker: "hideregionpicker", fluid: "fluid", 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: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0, template: "<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.fluid]=\"fluid ? true : null\"\r\n  [attr.brandtext]=\"brandtext\"\r\n  [attr.brandtexttop]=\"brandtexttop\"\r\n  [attr.brandtextbottom]=\"brandtextbottom\"\r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [hideregionpicker]=\"hideregionpicker ? true : null\"\r\n  [logohref]=\"logohref\"\r\n  [hidebrand]=\"hidebrand\"\r\n  [pickregiontext]=\"pickregiontext\"\r\n  [srlogolabel]=\"srlogolabel\"\r\n  (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\r\n  <ids-icon *ngIf=\"regionicon\" slot=\"region\" [name]=\"regionicon\" [title]=\"regionicontitle\"></ids-icon>\r\n  <ids-header-item *ngFor=\"let item of items\" \r\n    [attr.type]=\"type\"\r\n    [mobile]=\"item.mobile\"\r\n    [attr.separatorleft]=\"item.separatorLeft\">\r\n    <ids-icon [name]=\"item.iconName\"></ids-icon>\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\">\r\n      <ids-icon [name]=\"mobileItem.iconName\"></ids-icon>\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      <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]=\"avatar.maxWidth\" [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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -2125,53 +2150,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], propDecorators: { type: [{
                 type: Input
-            }], brandText: [{
+            }], brandtext: [{
                 type: Input
-            }], brandTextTop: [{
+            }], brandtexttop: [{
                 type: Input
-            }], brandTextBottom: [{
+            }], brandtextbottom: [{
                 type: Input
-            }], mobileMenuText: [{
+            }], hideregionpicker: [{
                 type: Input
-            }], hideRegionPicker: [{
+            }], fluid: [{
                 type: Input
             }], unresponsive: [{
                 type: Input
-            }], hideBrand: [{
+            }], hidebrand: [{
                 type: Input
-            }], logoHref: [{
+            }], logohref: [{
                 type: Input
-            }], pickRegionText: [{
+            }], pickregiontext: [{
                 type: Input
-            }], regionIcon: [{
+            }], regionicon: [{
                 type: Input
-            }], regionIconTitle: [{
+            }], regionicontitle: [{
                 type: Input
-            }], srLogoLabel: [{
+            }], srlogolabel: [{
                 type: Input
             }], items: [{
                 type: Input
             }], avatar: [{
                 type: Input
-            }], avatarMaxWidth: [{
+            }], avatarmaxwidth: [{
                 type: Input
-            }], navItems: [{
+            }], navitems: [{
                 type: Input
-            }], persistentMobileMenu: [{
+            }], persistentmobilemenu: [{
                 type: Input
-            }], mobileItems: [{
+            }], mobileitems: [{
                 type: Input
-            }], mobileMenuItems: [{
+            }], mobilemenuitems: [{
                 type: Input
-            }], didToggleRegion: [{
+            }], onDidToggleRegion: [{
                 type: Output
             }] } });
 
 class IDHeaderModule {
 }
 IDHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IDHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, declarations: [IDHeaderComponent], imports: [CommonModule, IDAnchorModule], exports: [IDHeaderComponent] });
-IDHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, imports: [[CommonModule, IDAnchorModule]] });
+IDHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, declarations: [IDHeaderComponent], imports: [CommonModule, IDAnchorModule, IDIconModule], exports: [IDHeaderComponent] });
+IDHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, imports: [[CommonModule, IDAnchorModule, IDIconModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2181,7 +2206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     exports: [
                         IDHeaderComponent
                     ],
-                    imports: [CommonModule, IDAnchorModule],
+                    imports: [CommonModule, IDAnchorModule, IDIconModule],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -2211,6 +2236,9 @@ class IDHeaderAvatar {
     get username() {
         return this._props.username;
     }
+    get maxWidth() {
+        return this._props.maxWidth;
+    }
     get linkLeft() {
         return this._props.linkLeft;
     }
@@ -2350,19 +2378,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDTabPanelComponent {
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this['noFocus'] = undefined;
+        this.nofocus = undefined;
         elementRef.nativeElement.setAttribute('slot', 'tab-panel');
     }
 }
 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.nofocus]=\"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 ? true : null\">\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: [{
                     selector: 'id-tab-panel',
                     templateUrl: './tab-panel.component.html'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { 'noFocus': [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { nofocus: [{
                 type: Input
             }] } });
 
@@ -2372,13 +2400,14 @@ class IDTabComponent {
         this.notices = 0;
         this.notifications = 0;
         this.label = '';
-        this.icon = '';
         this.selected = false;
+        // Internal icon
+        this.icon = undefined;
         elementRef.nativeElement.setAttribute('slot', 'tab');
     }
 }
 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\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>" });
+IDTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { notices: "notices", notifications: "notifications", label: "label", selected: "selected", icon: "icon" }, 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.selected]=\"selected ? '':null\">\r\n  <ids-icon *ngIf=\"icon\"\r\n    slot=\"icon\" \r\n    [attr.name]=\"icon?.name\"\r\n    [attr.title]=\"icon?.title\" \r\n    [attr.color]=\"icon?.color\" \r\n    [attr.color2]=\"icon?.color2\" \r\n    [attr.size]=\"icon?.size\" \r\n    [attr.padding]=\"icon?.padding\"  \r\n    [attr.rotate]=\"icon?.rotate\" \r\n    [attr.colorpreset]=\"icon?.colorpreset\"   \r\n    [attr.height]=\"icon?.height\"   \r\n    [attr.width]=\"icon?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-tab>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabComponent, decorators: [{
             type: Component,
             args: [{
@@ -2391,10 +2420,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], label: [{
                 type: Input
-            }], icon: [{
-                type: Input
             }], selected: [{
                 type: Input
+            }], icon: [{
+                type: Input
             }] } });
 
 class IDTabsModule {
@@ -2428,13 +2457,13 @@ class IDTagComponent {
     constructor() {
         this.clickable = false;
         this.closeable = false;
-        this.srCloseLabel = '';
-        this.clicked = new EventEmitter();
-        this.closed = new EventEmitter();
+        this.srcloselabel = '';
+        this.onClicked = new EventEmitter();
+        this.onClosed = 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>" });
+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: { onClicked: "onClicked", onClosed: "onClosed" }, ngImport: i0, template: "<ids-tag\r\n  [clickable]=\"clickable ? true : null\"\r\n  [closeable]=\"closeable ? true : null\"\r\n  [srcloselabel]=\"srcloselabel\"\r\n  (clicked)=\"onClicked.emit(true)\"\r\n  (closed)=\"onClosed.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: [{
@@ -2445,11 +2474,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], closeable: [{
                 type: Input
-            }], srCloseLabel: [{
+            }], srcloselabel: [{
                 type: Input
-            }], clicked: [{
+            }], onClicked: [{
                 type: Output
-            }], closed: [{
+            }], onClosed: [{
                 type: Output
             }] } });
 
@@ -2536,7 +2565,223 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 /*
  * Public API Surface of ids-angular
- */
+ */
+/* Icons to be included when needed
+
+export * from './lib/components/icons/1177/icon-1177.module';
+export * from './lib/components/icons/agent/icon-agent.module';
+export * from './lib/components/icons/arrow/icon-arrow.module';
+export * from './lib/components/icons/attention/icon-attention.module';
+export * from './lib/components/icons/blekinge/icon-blekinge.module';
+export * from './lib/components/icons/bookmark/icon-bookmark.module';
+export * from './lib/components/icons/calendar/icon-calendar.module';
+export * from './lib/components/icons/call/icon-call.module';
+export * from './lib/components/icons/call-active/icon-call-active.module';
+export * from './lib/components/icons/camera-off/icon-camera-off.module';
+export * from './lib/components/icons/camera-on/icon-camera-on.module';
+export * from './lib/components/icons/camera-switch/icon-camera-switch.module';
+export * from './lib/components/icons/chart-bar/icon-chart-bar.module';
+export * from './lib/components/icons/chart-line/icon-chart-line.module';
+export * from './lib/components/icons/check/icon-check.module';
+export * from './lib/components/icons/chevron/icon-chevron.module';
+export * from './lib/components/icons/chevron-bold/icon-chevron-bold.module';
+export * from './lib/components/icons/clipboard/icon-clipboard.module';
+export * from './lib/components/icons/clipboard-cross/icon-clipboard-cross.module';
+export * from './lib/components/icons/clipboard-text/icon-clipboard-text.module';
+export * from './lib/components/icons/clock/icon-clock.module';
+export * from './lib/components/icons/close/icon-close.module';
+export * from './lib/components/icons/close-bold/icon-close-bold.module';
+export * from './lib/components/icons/cog/icon-cog.module';
+export * from './lib/components/icons/computer/icon-computer.module';
+export * from './lib/components/icons/computer-inera/icon-computer-inera.module';
+export * from './lib/components/icons/copy-file/icon-copy-file.module';
+export * from './lib/components/icons/copy-link/icon-copy-link.module';
+export * from './lib/components/icons/doctors-bag/icon-doctors-bag.module';
+export * from './lib/components/icons/drag-n-drop/icon-drag-n-drop.module';
+export * from './lib/components/icons/ear-hearing/icon-ear-hearing.module';
+export * from './lib/components/icons/edit/icon-edit.module';
+export * from './lib/components/icons/email/icon-email.module';
+export * from './lib/components/icons/expand/icon-expand.module';
+export * from './lib/components/icons/external/icon-external.module';
+export * from './lib/components/icons/facebook/icon-facebook.module';
+export * from './lib/components/icons/file-excel/icon-file-excel.module';
+export * from './lib/components/icons/file-other/icon-file-other.module';
+export * from './lib/components/icons/file-pdf/icon-file-pdf.module';
+export * from './lib/components/icons/file-picture/icon-file-picture.module';
+export * from './lib/components/icons/file-powerpoint/icon-file-powerpoint.module';
+export * from './lib/components/icons/file-word/icon-file-word.module';
+export * from './lib/components/icons/find-care/icon-find-care.module';
+export * from './lib/components/icons/find-region/icon-find-region.module';
+export * from './lib/components/icons/gotland/icon-gotland.module';
+export * from './lib/components/icons/halland/icon-halland.module';
+export * from './lib/components/icons/house/icon-house.module';
+export * from './lib/components/icons/id-card/icon-id-card.module';
+export * from './lib/components/icons/id-card-locked/icon-id-card-locked.module';
+export * from './lib/components/icons/image/icon-image.module';
+export * from './lib/components/icons/inera/icon-inera.module';
+export * from './lib/components/icons/inera-legacy/icon-inera-legacy.module';
+export * from './lib/components/icons/information/icon-information.module';
+export * from './lib/components/icons/jamtland-harjedalen/icon-jamtland-harjedalen.module';
+export * from './lib/components/icons/jonkoping/icon-jonkoping.module';
+export * from './lib/components/icons/kalmar/icon-kalmar.module';
+export * from './lib/components/icons/kronoberg/icon-kronoberg.module';
+export * from './lib/components/icons/lightbulb/icon-lightbulb.module';
+export * from './lib/components/icons/linkedin/icon-linkedin.module';
+export * from './lib/components/icons/list/icon-list.module';
+export * from './lib/components/icons/lock/icon-lock.module';
+export * from './lib/components/icons/lock-open/icon-lock-open.module';
+export * from './lib/components/icons/log/icon-log.module';
+export * from './lib/components/icons/log-locked/icon-log-locked.module';
+export * from './lib/components/icons/menu/icon-menu.module';
+export * from './lib/components/icons/minus/icon-minus.module';
+export * from './lib/components/icons/norrbotten/icon-norrbotten.module';
+export * from './lib/components/icons/office-building/icon-office-building.module';
+export * from './lib/components/icons/orebro/icon-orebro.module';
+export * from './lib/components/icons/organization/icon-organization.module';
+export * from './lib/components/icons/ostergotland/icon-ostergotland.module';
+export * from './lib/components/icons/plus/icon-plus.module';
+export * from './lib/components/icons/print/icon-print.module';
+export * from './lib/components/icons/question/icon-question.module';
+export * from './lib/components/icons/reload/icon-reload.module';
+export * from './lib/components/icons/reply/icon-reply.module';
+export * from './lib/components/icons/search-inera/icon-search-inera.module';
+export * from './lib/components/icons/search/icon-search.module';
+export * from './lib/components/icons/shield-locked-primary/icon-shield-locked-primary.module';
+export * from './lib/components/icons/shield-locked/icon-shield-locked.module';
+export * from './lib/components/icons/skane/icon-skane.module';
+export * from './lib/components/icons/sormland/icon-sormland.module';
+export * from './lib/components/icons/star-filled/icon-star-filled.module';
+export * from './lib/components/icons/star/icon-star.module';
+export * from './lib/components/icons/stockholm/icon-stockholm.module';
+export * from './lib/components/icons/success/icon-success.module';
+export * from './lib/components/icons/swap/icon-swap.module';
+export * from './lib/components/icons/telephone/icon-telephone.module';
+export * from './lib/components/icons/test-tube-analyze/icon-test-tube-analyze.module';
+export * from './lib/components/icons/test-tube-empty/icon-test-tube-empty.module';
+export * from './lib/components/icons/test-tube/icon-test-tube.module';
+export * from './lib/components/icons/toggle-card/icon-toggle-card.module';
+export * from './lib/components/icons/toggle-list/icon-toggle-list.module';
+export * from './lib/components/icons/twitter/icon-twitter.module';
+export * from './lib/components/icons/uppsala/icon-uppsala.module';
+export * from './lib/components/icons/user/icon-user.module';
+export * from './lib/components/icons/vasterbotten/icon-vasterbotten.module';
+export * from './lib/components/icons/vasternorrland/icon-vasternorrland.module';
+export * from './lib/components/icons/vastmanland/icon-vastmanland.module';
+export * from './lib/components/icons/vastra-gotaland/icon-vastra-gotaland.module';
+export * from './lib/components/icons/video-off/icon-video-off.module';
+export * from './lib/components/icons/video-on/icon-video-on.module';
+export * from './lib/components/icons/video-switch/icon-video-switch.module';
+export * from './lib/components/icons/visibility-off/icon-visibility-off.module';
+export * from './lib/components/icons/visibility/icon-visibility.module';
+export * from './lib/components/icons/warning/icon-warning.module';
+export * from './lib/components/icons/1177/icon-1177.component';
+export * from './lib/components/icons/agent/icon-agent.component';
+export * from './lib/components/icons/arrow/icon-arrow.component';
+export * from './lib/components/icons/attention/icon-attention.component';
+export * from './lib/components/icons/blekinge/icon-blekinge.component';
+export * from './lib/components/icons/bookmark/icon-bookmark.component';
+export * from './lib/components/icons/calendar/icon-calendar.component';
+export * from './lib/components/icons/call/icon-call.component';
+export * from './lib/components/icons/call-active/icon-call-active.component';
+export * from './lib/components/icons/camera-off/icon-camera-off.component';
+export * from './lib/components/icons/camera-on/icon-camera-on.component';
+export * from './lib/components/icons/camera-switch/icon-camera-switch.component';
+export * from './lib/components/icons/chart-bar/icon-chart-bar.component';
+export * from './lib/components/icons/chart-line/icon-chart-line.component';
+export * from './lib/components/icons/check/icon-check.component';
+export * from './lib/components/icons/chevron/icon-chevron.component';
+export * from './lib/components/icons/chevron-bold/icon-chevron-bold.component';
+export * from './lib/components/icons/clipboard/icon-clipboard.component';
+export * from './lib/components/icons/clipboard-cross/icon-clipboard-cross.component';
+export * from './lib/components/icons/clipboard-text/icon-clipboard-text.component';
+export * from './lib/components/icons/clock/icon-clock.component';
+export * from './lib/components/icons/close/icon-close.component';
+export * from './lib/components/icons/close-bold/icon-close-bold.component';
+export * from './lib/components/icons/cog/icon-cog.component';
+export * from './lib/components/icons/computer/icon-computer.component';
+export * from './lib/components/icons/computer-inera/icon-computer-inera.component';
+export * from './lib/components/icons/copy-file/icon-copy-file.component';
+export * from './lib/components/icons/copy-link/icon-copy-link.component';
+export * from './lib/components/icons/doctors-bag/icon-doctors-bag.component';
+export * from './lib/components/icons/drag-n-drop/icon-drag-n-drop.component';
+export * from './lib/components/icons/ear-hearing/icon-ear-hearing.component';
+export * from './lib/components/icons/edit/icon-edit.component';
+export * from './lib/components/icons/email/icon-email.component';
+export * from './lib/components/icons/expand/icon-expand.component';
+export * from './lib/components/icons/external/icon-external.component';
+export * from './lib/components/icons/facebook/icon-facebook.component';
+export * from './lib/components/icons/file-excel/icon-file-excel.component';
+export * from './lib/components/icons/file-other/icon-file-other.component';
+export * from './lib/components/icons/file-pdf/icon-file-pdf.component';
+export * from './lib/components/icons/file-picture/icon-file-picture.component';
+export * from './lib/components/icons/file-powerpoint/icon-file-powerpoint.component';
+export * from './lib/components/icons/file-word/icon-file-word.component';
+export * from './lib/components/icons/find-care/icon-find-care.component';
+export * from './lib/components/icons/find-region/icon-find-region.component';
+export * from './lib/components/icons/gotland/icon-gotland.component';
+export * from './lib/components/icons/halland/icon-halland.component';
+export * from './lib/components/icons/house/icon-house.component';
+export * from './lib/components/icons/id-card/icon-id-card.component';
+export * from './lib/components/icons/id-card-locked/icon-id-card-locked.component';
+export * from './lib/components/icons/image/icon-image.component';
+export * from './lib/components/icons/inera/icon-inera.component';
+export * from './lib/components/icons/inera-legacy/icon-inera-legacy.component';
+export * from './lib/components/icons/information/icon-information.component';
+export * from './lib/components/icons/jamtland-harjedalen/icon-jamtland-harjedalen.component';
+export * from './lib/components/icons/jonkoping/icon-jonkoping.component';
+export * from './lib/components/icons/kalmar/icon-kalmar.component';
+export * from './lib/components/icons/kronoberg/icon-kronoberg.component';
+export * from './lib/components/icons/lightbulb/icon-lightbulb.component';
+export * from './lib/components/icons/linkedin/icon-linkedin.component';
+export * from './lib/components/icons/list/icon-list.component';
+export * from './lib/components/icons/lock/icon-lock.component';
+export * from './lib/components/icons/lock-open/icon-lock-open.component';
+export * from './lib/components/icons/log/icon-log.component';
+export * from './lib/components/icons/log-locked/icon-log-locked.component';
+export * from './lib/components/icons/menu/icon-menu.component';
+export * from './lib/components/icons/minus/icon-minus.component';
+export * from './lib/components/icons/norrbotten/icon-norrbotten.component';
+export * from './lib/components/icons/office-building/icon-office-building.component';
+export * from './lib/components/icons/orebro/icon-orebro.component';
+export * from './lib/components/icons/organization/icon-organization.component';
+export * from './lib/components/icons/ostergotland/icon-ostergotland.component';
+export * from './lib/components/icons/plus/icon-plus.component';
+export * from './lib/components/icons/print/icon-print.component';
+export * from './lib/components/icons/question/icon-question.component';
+export * from './lib/components/icons/reload/icon-reload.component';
+export * from './lib/components/icons/reply/icon-reply.component';
+export * from './lib/components/icons/search-inera/icon-search-inera.component';
+export * from './lib/components/icons/search/icon-search.component';
+export * from './lib/components/icons/shield-locked-primary/icon-shield-locked-primary.component';
+export * from './lib/components/icons/shield-locked/icon-shield-locked.component';
+export * from './lib/components/icons/skane/icon-skane.component';
+export * from './lib/components/icons/sormland/icon-sormland.component';
+export * from './lib/components/icons/star-filled/icon-star-filled.component';
+export * from './lib/components/icons/star/icon-star.component';
+export * from './lib/components/icons/stockholm/icon-stockholm.component';
+export * from './lib/components/icons/success/icon-success.component';
+export * from './lib/components/icons/swap/icon-swap.component';
+export * from './lib/components/icons/telephone/icon-telephone.component';
+export * from './lib/components/icons/test-tube-analyze/icon-test-tube-analyze.component';
+export * from './lib/components/icons/test-tube-empty/icon-test-tube-empty.component';
+export * from './lib/components/icons/test-tube/icon-test-tube.component';
+export * from './lib/components/icons/toggle-card/icon-toggle-card.component';
+export * from './lib/components/icons/toggle-list/icon-toggle-list.component';
+export * from './lib/components/icons/twitter/icon-twitter.component';
+export * from './lib/components/icons/uppsala/icon-uppsala.component';
+export * from './lib/components/icons/user/icon-user.component';
+export * from './lib/components/icons/vasterbotten/icon-vasterbotten.component';
+export * from './lib/components/icons/vasternorrland/icon-vasternorrland.component';
+export * from './lib/components/icons/vastmanland/icon-vastmanland.component';
+export * from './lib/components/icons/vastra-gotaland/icon-vastra-gotaland.component';
+export * from './lib/components/icons/video-off/icon-video-off.component';
+export * from './lib/components/icons/video-on/icon-video-on.component';
+export * from './lib/components/icons/video-switch/icon-video-switch.component';
+export * from './lib/components/icons/visibility-off/icon-visibility-off.component';
+export * from './lib/components/icons/visibility/icon-visibility.component';
+export * from './lib/components/icons/warning/icon-warning.component';
+
+*/
 
 /**
  * Generated bundle index. Do not edit.