@inera/ids-angular 4.5.0 → 4.6.0

package/fesm2015/inera-ids-angular-components-header.js

@@ -1,30 +1,26 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import * as i1 from '@inera/ids-angular/common';
-import { IDAnchorModule } from '@inera/ids-angular/common';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import '@inera/ids-core/components/header/register';
-import { IDIconModule } from '@inera/ids-angular/components/icon';
+import { CommonModule } from '@angular/common';
 
 class IDHeaderComponent {
     constructor() {
         this.type = '';
-        this.hideregionpicker = false;
+        this.brandtext = '';
+        this.brandtexttop = '';
+        this.brandtextbottom = '';
+        this.pickregiontext = 'Välj region';
+        this.hidebrand = false;
         this.fluid = false;
+        this.hideregionpicker = false;
+        this.srlogolabel = 'Logotyp';
         this.unresponsive = false;
-        this.hidebrand = false;
         this.logohref = '';
-        this.pickregiontext = 'Välj region';
-        this.srlogolabel = 'Logotyp';
-        this.avatarmaxwidth = '';
-        this.persistentmobilemenu = false;
-        this.mobilemenulabel = '';
         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", 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", mobilemenulabel: "mobilemenulabel", 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 *ngIf=\"item.iconName\" [name]=\"item.iconName\"></ids-icon>\r\n    <id-anchor class=\"ids-link\" [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\" [attr.notifications]=\"navitem.notifications\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n      <id-anchor class=\"ids-link\" *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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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 *ngIf=\"mobileItem.iconName\" [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      {{mobilemenulabel}}\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        [showtext]=\"item?.showtext\"\r\n        [hidetext]=\"item?.hidetext\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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          [showtext]=\"item?.showtext\"\r\n          [hidetext]=\"item?.hidetext\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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            [showtext]=\"item?.showtext\"\r\n            [hidetext]=\"item?.hidetext\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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 && !avatar.hide\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <id-anchor style=\"text-decoration: underline;\" [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor style=\"text-decoration: underline;\" [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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 [noOutline]=\"true\" [block]=\"true\" *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: i1.IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+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", pickregiontext: "pickregiontext", hidebrand: "hidebrand", fluid: "fluid", hideregionpicker: "hideregionpicker", srlogolabel: "srlogolabel", unresponsive: "unresponsive", logohref: "logohref" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, 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  [attr.fluid]=\"fluid ? true : null\"\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  <ng-content></ng-content>\r\n</ids-header>" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -39,59 +35,205 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], brandtextbottom: [{
                 type: Input
-            }], hideregionpicker: [{
+            }], pickregiontext: [{
+                type: Input
+            }], hidebrand: [{
                 type: Input
             }], fluid: [{
                 type: Input
-            }], unresponsive: [{
+            }], hideregionpicker: [{
                 type: Input
-            }], hidebrand: [{
+            }], srlogolabel: [{
+                type: Input
+            }], unresponsive: [{
                 type: Input
             }], logohref: [{
                 type: Input
-            }], pickregiontext: [{
+            }], onDidToggleRegion: [{
+                type: Output
+            }] } });
+
+class IDHeaderMobileMenuComponent {
+    constructor() {
+        this.type = '';
+        this.expanded = false;
+        this.persistent = false;
+    }
+}
+IDHeaderMobileMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderMobileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderMobileMenuComponent, selector: "id-header-mobile-menu", inputs: { type: "type", expanded: "expanded", persistent: "persistent", label: "label" }, ngImport: i0, template: "<ids-header-mobile-menu \r\n  [attr.expanded]=\"expanded ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n  {{label}}\r\n</ids-header-mobile-menu>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderMobileMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-mobile-menu',
+                    templateUrl: './header-mobile-menu.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { type: [{
                 type: Input
-            }], regionicon: [{
+            }], expanded: [{
                 type: Input
-            }], regionicontitle: [{
+            }], persistent: [{
                 type: Input
-            }], srlogolabel: [{
+            }], label: [{
                 type: Input
-            }], items: [{
+            }] } });
+
+class IDHeaderItemComponent {
+}
+IDHeaderItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderItemComponent, selector: "id-header-item", inputs: { mobile: "mobile", separatorleft: "separatorleft" }, ngImport: i0, template: "<ids-header-item \r\n  [attr.mobile]=\"mobile ? true : null\"\r\n  [attr.separatorleft]=\"separatorleft ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-header-item>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-item',
+                    templateUrl: './header-item.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { mobile: [{
                 type: Input
-            }], avatar: [{
+            }], separatorleft: [{
                 type: Input
-            }], avatarmaxwidth: [{
+            }] } });
+
+class IDHeaderMobileItemComponent {
+    constructor() {
+        this.type = '';
+    }
+}
+IDHeaderMobileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderMobileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderMobileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderMobileItemComponent, selector: "id-header-mobile-item", inputs: { type: "type" }, ngImport: i0, template: "<ids-header-mobile-item [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-mobile-item>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderMobileItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-mobile-item',
+                    templateUrl: './header-mobile-item.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }] } });
+
+class IDHeaderNavComponent {
+    constructor() {
+        this.type = '';
+        this.srtext = 'Huvudmeny';
+    }
+}
+IDHeaderNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderNavComponent, selector: "id-header-nav", inputs: { type: "type", srtext: "srtext" }, ngImport: i0, template: "<ids-header-nav [srtext]=\"srtext\" [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-nav>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderNavComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-nav',
+                    templateUrl: './header-navigation.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], srtext: [{
+                type: Input
+            }] } });
+
+class IDHeaderNavItemComponent {
+    constructor() {
+        this.type = '';
+        this.label = '';
+        this.notifications = '';
+        this.link = false;
+        this.active = false;
+    }
+}
+IDHeaderNavItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderNavItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderNavItemComponent, selector: "id-header-nav-item", inputs: { type: "type", label: "label", notifications: "notifications", link: "link", active: "active" }, ngImport: i0, template: "<ids-header-nav-item [label]=\"label\" [notifications]=\"notifications\" [link]=\"link ? true : null\" [active]=\"active ? true : null\" [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-nav-item>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderNavItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-nav-item',
+                    templateUrl: './header-navigation-item.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { type: [{
                 type: Input
-            }], navitems: [{
+            }], label: [{
+                type: Input
+            }], notifications: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }] } });
+
+class IDHeaderAvatarComponent {
+    constructor() {
+        this.type = '';
+        this.username = '';
+        this.maxwidth = '';
+        this.unit = '';
+        this.expanded = false;
+    }
+}
+IDHeaderAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDHeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderAvatarComponent, selector: "id-header-avatar", inputs: { type: "type", username: "username", maxwidth: "maxwidth", unit: "unit", expanded: "expanded" }, ngImport: i0, template: "<ids-header-avatar\r\n  [username]=\"username\"\r\n  [maxwidth]=\"maxwidth\"\r\n  [unit]=\"unit\"\r\n  [expanded]=\"expanded ? true : null\"\r\n  [attr.type]=\"type\"\r\n>\r\n  <ng-content></ng-content>\r\n</ids-header-avatar>", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderAvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-header-avatar',
+                    templateUrl: './header-avatar.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], propDecorators: { type: [{
                 type: Input
-            }], persistentmobilemenu: [{
+            }], username: [{
                 type: Input
-            }], mobileitems: [{
+            }], maxwidth: [{
                 type: Input
-            }], mobilemenulabel: [{
+            }], unit: [{
                 type: Input
-            }], mobilemenuitems: [{
+            }], expanded: [{
                 type: Input
-            }], 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, IDIconModule], exports: [IDHeaderComponent] });
-IDHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, imports: [[CommonModule, IDAnchorModule, IDIconModule]] });
+IDHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, declarations: [IDHeaderComponent,
+        IDHeaderMobileMenuComponent,
+        IDHeaderItemComponent,
+        IDHeaderMobileItemComponent,
+        IDHeaderNavComponent,
+        IDHeaderNavItemComponent,
+        IDHeaderAvatarComponent], imports: [CommonModule], exports: [IDHeaderComponent,
+        IDHeaderMobileMenuComponent,
+        IDHeaderItemComponent,
+        IDHeaderMobileItemComponent,
+        IDHeaderNavComponent,
+        IDHeaderNavItemComponent,
+        IDHeaderAvatarComponent] });
+IDHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        IDHeaderComponent
+                        IDHeaderComponent,
+                        IDHeaderMobileMenuComponent,
+                        IDHeaderItemComponent,
+                        IDHeaderMobileItemComponent,
+                        IDHeaderNavComponent,
+                        IDHeaderNavItemComponent,
+                        IDHeaderAvatarComponent
                     ],
                     exports: [
-                        IDHeaderComponent
+                        IDHeaderComponent,
+                        IDHeaderMobileMenuComponent,
+                        IDHeaderItemComponent,
+                        IDHeaderMobileItemComponent,
+                        IDHeaderNavComponent,
+                        IDHeaderNavItemComponent,
+                        IDHeaderAvatarComponent
                     ],
-                    imports: [CommonModule, IDAnchorModule, IDIconModule],
+                    imports: [CommonModule],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -100,5 +242,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDHeaderComponent, IDHeaderModule };
+export { IDHeaderAvatarComponent, IDHeaderComponent, IDHeaderItemComponent, IDHeaderMobileItemComponent, IDHeaderMobileMenuComponent, IDHeaderModule, IDHeaderNavComponent, IDHeaderNavItemComponent };
 //# sourceMappingURL=inera-ids-angular-components-header.js.map

package/fesm2015/inera-ids-angular-components-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-header.js","sources":["../../../projects/ids-angular/components/header/header.component.ts","../../../projects/ids-angular/components/header/header.component.html","../../../projects/ids-angular/components/header/header.module.ts","../../../projects/ids-angular/components/header/inera-ids-angular-components-header.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IDHeaderAvatar, IDHeaderItem, IDHeaderNavItem, IDMobileMenuItem } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-header',\r\n  templateUrl: './header.component.html'\r\n})\r\nexport class IDHeaderComponent {\r\n  \r\n  @Input()\r\n  type: string = '';\r\n  @Input()\r\n  brandtext: string | undefined;\r\n  @Input()\r\n  brandtexttop: string | undefined;\r\n  @Input()\r\n  brandtextbottom: string | undefined;\r\n  @Input()\r\n  hideregionpicker: boolean = false;\r\n  @Input()\r\n  fluid: boolean = false;\r\n  @Input()\r\n  unresponsive: boolean = false;\r\n  @Input()\r\n  hidebrand: boolean = false;\r\n  @Input()\r\n  logohref: string = '';\r\n  @Input()\r\n  pickregiontext: string = 'Välj region';\r\n  @Input()\r\n  regionicon: string | undefined;\r\n  @Input()\r\n  regionicontitle: string | undefined;\r\n  @Input()\r\n  srlogolabel: string = 'Logotyp';\r\n  \r\n  @Input()\r\n  items: IDHeaderItem[] | undefined;\r\n  @Input()\r\n  avatar: IDHeaderAvatar | undefined;\r\n  @Input()\r\n  avatarmaxwidth: string = '';\r\n  @Input()\r\n  navitems: IDHeaderNavItem[] | undefined;\r\n  @Input()\r\n  persistentmobilemenu: boolean = false;\r\n  @Input()\r\n  mobileitems: IDHeaderItem[] | undefined;\r\n\r\n  @Input()\r\n  mobilemenulabel: string = '';\r\n  @Input()\r\n  mobilemenuitems: IDMobileMenuItem[] | undefined;\r\n\r\n  @Output()\r\n  onDidToggleRegion: EventEmitter<boolean> = new EventEmitter();\r\n}\r\n","<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 *ngIf=\"item.iconName\" [name]=\"item.iconName\"></ids-icon>\r\n    <id-anchor class=\"ids-link\" [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\" [attr.notifications]=\"navitem.notifications\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n      <id-anchor class=\"ids-link\" *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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n        <id-anchor class=\"ids-link\" [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 *ngIf=\"mobileItem.iconName\" [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      {{mobilemenulabel}}\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        [showtext]=\"item?.showtext\"\r\n        [hidetext]=\"item?.hidetext\"\r\n        [expanded]=\"item?.expanded\"\r\n        [secondary]=\"item?.secondary\"\r\n        [active]=\"item?.active\"\r\n        (didToggleExpansion)=\"item.togleExpansion()\">\r\n          <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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          [showtext]=\"item?.showtext\"\r\n          [hidetext]=\"item?.hidetext\"\r\n          [secondary]=\"item?.secondary\"\r\n          [active]=\"item?.active\"\r\n          (didToggleExpansion)=\"item.togleExpansion()\">\r\n            <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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            [showtext]=\"item?.showtext\"\r\n            [hidetext]=\"item?.hidetext\"\r\n            [expanded]=\"item?.expanded\"\r\n            [secondary]=\"item?.secondary\"\r\n            [active]=\"item?.active\"\r\n            (didToggleExpansion)=\"item.togleExpansion()\">\r\n              <id-anchor [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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 && !avatar.hide\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n    <ng-content select=\"[avatar]\"></ng-content>\r\n    <id-anchor style=\"text-decoration: underline;\" [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n    <id-anchor style=\"text-decoration: underline;\" [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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 [noOutline]=\"true\" [block]=\"true\" *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>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDHeaderComponent } from './header.component';\r\nimport '@inera/ids-core/components/header/register';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IDAnchorModule } from '@inera/ids-angular/common';\r\nimport { IDIconModule } from '@inera/ids-angular/components/icon';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDHeaderComponent\r\n  ],\r\n  exports: [\r\n    IDHeaderComponent\r\n  ],\r\n  imports: [CommonModule, IDAnchorModule, IDIconModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDHeaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-header.js","sources":["../../../projects/ids-angular/components/header/header.component.ts","../../../projects/ids-angular/components/header/header.component.html","../../../projects/ids-angular/components/header/mobile-menu/header-mobile-menu.component.ts","../../../projects/ids-angular/components/header/mobile-menu/header-mobile-menu.component.html","../../../projects/ids-angular/components/header/item/header-item.component.ts","../../../projects/ids-angular/components/header/item/header-item.component.html","../../../projects/ids-angular/components/header/mobile-item/header-mobile-item.component.ts","../../../projects/ids-angular/components/header/mobile-item/header-mobile-item.component.html","../../../projects/ids-angular/components/header/navigation/header-navigation.component.ts","../../../projects/ids-angular/components/header/navigation/header-navigation.component.html","../../../projects/ids-angular/components/header/navigation-item/header-navigation-item.component.ts","../../../projects/ids-angular/components/header/navigation-item/header-navigation-item.component.html","../../../projects/ids-angular/components/header/avatar/header-avatar.component.ts","../../../projects/ids-angular/components/header/avatar/header-avatar.component.html","../../../projects/ids-angular/components/header/header.module.ts","../../../projects/ids-angular/components/header/inera-ids-angular-components-header.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header',\r\n  templateUrl: './header.component.html'\r\n})\r\nexport class IDHeaderComponent {\r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n\r\n  @Input()\r\n  brandtext: string = '';\r\n\r\n  @Input()\r\n  brandtexttop: string = '';\r\n\r\n  @Input()\r\n  brandtextbottom: string = '';\r\n\r\n  @Input()\r\n  pickregiontext: string = 'Välj region';\r\n\r\n  @Input()\r\n  hidebrand: boolean = false;\r\n\r\n  @Input()\r\n  fluid: boolean = false;\r\n\r\n  @Input()\r\n  hideregionpicker: boolean = false;\r\n\r\n  @Input()\r\n  srlogolabel: string = 'Logotyp';\r\n\r\n  @Input()\r\n  unresponsive: boolean = false;\r\n\r\n  @Input()\r\n  logohref: string = '';\r\n\r\n  @Output()\r\n  onDidToggleRegion: EventEmitter<boolean> = new EventEmitter();\r\n\r\n}\r\n  ","<ids-header \r\n  [attr.type]=\"type\"\r\n  [attr.brandtext]=\"brandtext\"\r\n  [attr.brandtexttop]=\"brandtexttop\"\r\n  [attr.brandtextbottom]=\"brandtextbottom\"\r\n  [attr.fluid]=\"fluid ? true : null\"\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  <ng-content></ng-content>\r\n</ids-header>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-mobile-menu',\r\n  templateUrl: './header-mobile-menu.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderMobileMenuComponent {\r\n  \r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n\r\n  @Input() \r\n  expanded: boolean = false;\r\n\r\n  @Input() \r\n  persistent: boolean = false;\r\n  \r\n  @Input() \r\n  label: string;\r\n\r\n}\r\n","<ids-header-mobile-menu \r\n  [attr.expanded]=\"expanded ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n  {{label}}\r\n</ids-header-mobile-menu>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-item',\r\n  templateUrl: './header-item.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderItemComponent {\r\n  \r\n  @Input()\r\n  mobile: boolean;\r\n\r\n  @Input()\r\n  separatorleft: boolean;\r\n\r\n}\r\n","<ids-header-item \r\n  [attr.mobile]=\"mobile ? true : null\"\r\n  [attr.separatorleft]=\"separatorleft ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-header-item>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-mobile-item',\r\n  templateUrl: './header-mobile-item.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderMobileItemComponent {\r\n  \r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n\r\n}\r\n","<ids-header-mobile-item [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-mobile-item>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-nav',\r\n  templateUrl: './header-navigation.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderNavComponent {\r\n  \r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n  \r\n  @Input() \r\n  srtext = 'Huvudmeny';\r\n\r\n}\r\n","<ids-header-nav [srtext]=\"srtext\" [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-nav>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-nav-item',\r\n  templateUrl: './header-navigation-item.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderNavItemComponent {\r\n  \r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n  \r\n  @Input() \r\n  label: string = '';\r\n\r\n  @Input() \r\n  notifications: string = '';\r\n\r\n  @Input() \r\n  link: boolean = false;\r\n\r\n  @Input() \r\n  active: boolean = false;\r\n\r\n}\r\n","<ids-header-nav-item [label]=\"label\" [notifications]=\"notifications\" [link]=\"link ? true : null\" [active]=\"active ? true : null\" [attr.type]=\"type\">\r\n  <ng-content></ng-content>\r\n</ids-header-nav-item>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-header-avatar',\r\n  templateUrl: './header-avatar.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDHeaderAvatarComponent {\r\n  \r\n  @Input()\r\n  type: '1177' | '1177-pro' | 'inera' | 'inera-admin' | 'inera-legacy' | 'inera-admin-legacy' | '' = '';\r\n  \r\n  @Input()\r\n  username: string = '';\r\n\r\n  @Input()\r\n  maxwidth: string = '';\r\n\r\n  @Input()\r\n  unit: string = '';\r\n\r\n  @Input()\r\n  expanded: boolean = false;\r\n\r\n}\r\n","<ids-header-avatar\r\n  [username]=\"username\"\r\n  [maxwidth]=\"maxwidth\"\r\n  [unit]=\"unit\"\r\n  [expanded]=\"expanded ? true : null\"\r\n  [attr.type]=\"type\"\r\n>\r\n  <ng-content></ng-content>\r\n</ids-header-avatar>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDHeaderComponent } from './header.component';\r\nimport { IDHeaderMobileMenuComponent } from './mobile-menu/header-mobile-menu.component';\r\nimport { IDHeaderItemComponent } from './item/header-item.component';\r\nimport { IDHeaderMobileItemComponent } from './mobile-item/header-mobile-item.component';\r\nimport { IDHeaderNavComponent } from './navigation/header-navigation.component';\r\nimport { IDHeaderNavItemComponent } from './navigation-item/header-navigation-item.component';\r\nimport { IDHeaderAvatarComponent } from './avatar/header-avatar.component';\r\nimport '@inera/ids-core/components/header/register';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDHeaderComponent,\r\n    IDHeaderMobileMenuComponent,\r\n    IDHeaderItemComponent,\r\n    IDHeaderMobileItemComponent,\r\n    IDHeaderNavComponent,\r\n    IDHeaderNavItemComponent,\r\n    IDHeaderAvatarComponent\r\n  ],\r\n  exports: [\r\n    IDHeaderComponent,\r\n    IDHeaderMobileMenuComponent,\r\n    IDHeaderItemComponent,\r\n    IDHeaderMobileItemComponent,\r\n    IDHeaderNavComponent,\r\n    IDHeaderNavItemComponent,\r\n    IDHeaderAvatarComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDHeaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/inera-ids-angular-components-icon-region.js

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import '@inera/ids-core/components/icon-region/register';
+
+class IDIconRegionComponent {
+    constructor() {
+        this.name = '';
+        this.title = '';
+        this.colorpreset = -1;
+        this.color = 'var(--icon-color)';
+        this.color2 = 'var(--icon-color2)';
+        this.size = 'm';
+        this.width = '';
+        this.height = '';
+        this.rotate = '';
+        this.inline = false;
+    }
+}
+IDIconRegionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDIconRegionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconRegionComponent, selector: "id-icon-region", inputs: { name: "name", title: "title", colorpreset: "colorpreset", color: "color", color2: "color2", size: "size", width: "width", height: "height", rotate: "rotate", inline: "inline" }, ngImport: i0, template: "<ids-icon-region \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-region >", styles: [":host { display: contents; }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-icon-region',
+                    templateUrl: './icon-region.component.html',
+                    styles: [':host { display: contents; }']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], colorpreset: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], color2: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], rotate: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }] } });
+
+class IDIconRegionModule {
+}
+IDIconRegionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDIconRegionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionModule, declarations: [IDIconRegionComponent], exports: [IDIconRegionComponent] });
+IDIconRegionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDIconRegionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDIconRegionComponent
+                    ],
+                    exports: [
+                        IDIconRegionComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDIconRegionComponent, IDIconRegionModule };
+//# sourceMappingURL=inera-ids-angular-components-icon-region.js.map

package/fesm2015/inera-ids-angular-components-icon-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-icon-region.js","sources":["../../../projects/ids-angular/components/icon-region/icon-region.component.ts","../../../projects/ids-angular/components/icon-region/icon-region.component.html","../../../projects/ids-angular/components/icon-region/icon-region.module.ts","../../../projects/ids-angular/components/icon-region/inera-ids-angular-components-icon-region.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-icon-region',\r\n  templateUrl: './icon-region.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDIconRegionComponent {\r\n\r\n  constructor() { }\r\n \r\n  @Input()\r\n  name = '';\r\n  @Input()\r\n  title = '';\r\n  @Input()\r\n  colorpreset = -1;\r\n  @Input()\r\n  color = 'var(--icon-color)';\r\n  @Input()\r\n  color2 = 'var(--icon-color2)';\r\n  @Input()\r\n  size: 'xs' | 's' | 'm' = 'm';\r\n  @Input()\r\n  width = '';\r\n  @Input()\r\n  height = '';\r\n  @Input()\r\n  rotate = '';\r\n  @Input()\r\n  inline = false;\r\n\r\n}\r\n","<ids-icon-region \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-region >","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDIconRegionComponent } from './icon-region.component';\r\nimport '@inera/ids-core/components/icon-region/register';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDIconRegionComponent\r\n  ],\r\n  exports: [\r\n    IDIconRegionComponent\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDIconRegionModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,qBAAqB,CAAA;AAEhC,IAAA,WAAA,GAAA;QAGA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAEV,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAEX,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC,CAAC;QAEjB,IAAK,CAAA,KAAA,GAAG,mBAAmB,CAAC;QAE5B,IAAM,CAAA,MAAA,GAAG,oBAAoB,CAAC;QAE9B,IAAI,CAAA,IAAA,GAAqB,GAAG,CAAC;QAE7B,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAEX,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QAEZ,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QAEZ,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KArBE;;mHAFN,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,kPCPlC,0UAUmB,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA,CAAA,CAAA;4FDHN,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,WAAW,EAAE,8BAA8B;oBAC3C,MAAM,EAAE,CAAC,8BAA8B,CAAC;AACzC,iBAAA,CAAA;0EAMC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAGN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAGN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAGN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAGN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAGN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAGN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAGN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAGN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAGN,MAAM,EAAA,CAAA;sBADL,KAAK;;;MEhBK,kBAAkB,CAAA;;gHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAP3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;iHAIZ,kBAAkB,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2015/inera-ids-angular-components-link.js

@@ -1,16 +1,10 @@
 import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import '@inera/ids-core/components/link/register';
-import '@inera/ids-core/components/icon/register';
+import { CommonModule } from '@angular/common';
 
 class IDLinkComponent {
     constructor() {
-        this.link = null;
-        this.notificationbadge = null;
-        this.prependicon = null;
-        this.appendicon = null;
         this.underlined = false;
         this.padding = null;
         this.outline = null;
@@ -20,8 +14,6 @@ class IDLinkComponent {
         this.hovercolor = null;
         this.light = null;
         this.bold = false;
-        this.appendicongap = null;
-        this.prependicongap = null;
         this.block = false;
         this.size = undefined;
         this.activeicon = false;
@@ -31,7 +23,7 @@ class IDLinkComponent {
     }
 }
 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", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", 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  [appendicongap]=\"appendicongap\"\r\n  [prependicongap]=\"prependicongap\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependicon !== null && prependicon?.name\"\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 && appendicon?.name\" \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: i1.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: { underlined: "underlined", padding: "padding", outline: "outline", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", block: "block", 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.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ng-content></ng-content>\r\n</ids-link>", styles: [":host { display: inline; }"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDLinkComponent, decorators: [{
             type: Component,
             args: [{
@@ -39,15 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './link.component.html',
                     styles: [':host { display: inline; }']
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { link: [{
-                type: Input
-            }], notificationbadge: [{
-                type: Input
-            }], prependicon: [{
-                type: Input
-            }], appendicon: [{
-                type: Input
-            }], underlined: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { underlined: [{
                 type: Input
             }], padding: [{
                 type: Input
@@ -65,10 +49,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], bold: [{
                 type: Input
-            }], appendicongap: [{
-                type: Input
-            }], prependicongap: [{
-                type: Input
             }], block: [{
                 type: Input
             }, {

package/fesm2015/inera-ids-angular-components-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-link.js","sources":["../../../projects/ids-angular/components/link/link.component.ts","../../../projects/ids-angular/components/link/link.component.html","../../../projects/ids-angular/components/link/link.module.ts","../../../projects/ids-angular/components/link/inera-ids-angular-components-link.ts"],"sourcesContent":["import { Component, Input, HostBinding } from '@angular/core';\r\nimport { IDLink } from '@inera/ids-angular/common';\r\nimport { IDNotificationBadge } from '@inera/ids-angular/common';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-link',\r\n  templateUrl: './link.component.html',\r\n  styles: [':host { display: inline; }']\r\n})\r\nexport class IDLinkComponent {\r\n\r\n  constructor() { }\r\n  @Input()\r\n  link: IDLink | null = null;\r\n  @Input()\r\n  notificationbadge: IDNotificationBadge | null = null;\r\n  @Input()\r\n  prependicon: IDIcon | null = null;\r\n  @Input()\r\n  appendicon: IDIcon | null = null;\r\n  @Input()\r\n  underlined: boolean = false;\r\n  @Input()\r\n  padding: string | null = null;\r\n  @Input()\r\n  outline: string | null = null;\r\n  @Input()\r\n  color: string | undefined = undefined;\r\n  @Input()\r\n  active: boolean = false;\r\n  @Input()\r\n  colorpreset: number = 0;\r\n  @Input()\r\n  hovercolor: string | null = null;\r\n  @Input()\r\n  light: string | null = null;\r\n  @Input()\r\n  bold: boolean = false;\r\n  @Input()\r\n  appendicongap: string | null = null;\r\n  @Input()\r\n  prependicongap: string | null = null;\r\n  @Input()\r\n  @HostBinding('class.ids-block')\r\n  block: boolean = false;\r\n  @Input()\r\n  size: string | undefined = undefined;\r\n  @Input()\r\n  activeicon: boolean = false;\r\n  @Input()\r\n  activeiconbackground: string | undefined = undefined;\r\n  @Input()\r\n  external: boolean = false;\r\n  @Input()\r\n  slot: string | undefined = undefined;\r\n}\r\n","<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [appendicongap]=\"appendicongap\"\r\n  [prependicongap]=\"prependicongap\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ids-icon *ngIf=\"prependicon !== null && prependicon?.name\"\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 && appendicon?.name\" \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>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDLinkComponent } from './link.component';\r\nimport '@inera/ids-core/components/link/register';\r\nimport '@inera/ids-core/components/icon/register';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDLinkComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  exports: [\r\n    IDLinkComponent\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDLinkModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-link.js","sources":["../../../projects/ids-angular/components/link/link.component.ts","../../../projects/ids-angular/components/link/link.component.html","../../../projects/ids-angular/components/link/link.module.ts","../../../projects/ids-angular/components/link/inera-ids-angular-components-link.ts"],"sourcesContent":["import { Component, Input, HostBinding } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-link',\r\n  templateUrl: './link.component.html',\r\n  styles: [':host { display: inline; }']\r\n})\r\nexport class IDLinkComponent {\r\n\r\n  constructor() { }\r\n  @Input()\r\n  underlined: boolean = false;\r\n  @Input()\r\n  padding: string | null = null;\r\n  @Input()\r\n  outline: string | null = null;\r\n  @Input()\r\n  color: string | undefined = undefined;\r\n  @Input()\r\n  active: boolean = false;\r\n  @Input()\r\n  colorpreset: number = 0;\r\n  @Input()\r\n  hovercolor: string | null = null;\r\n  @Input()\r\n  light: string | null = null;\r\n  @Input()\r\n  bold: boolean = false;\r\n  @Input()\r\n  @HostBinding('class.ids-block')\r\n  block: boolean = false;\r\n  @Input()\r\n  size: string | undefined = undefined;\r\n  @Input()\r\n  activeicon: boolean = false;\r\n  @Input()\r\n  activeiconbackground: string | undefined = undefined;\r\n  @Input()\r\n  external: boolean = false;\r\n  @Input()\r\n  slot: string | undefined = undefined;\r\n}\r\n","<ids-link \r\n  [attr.underlined]=\"underlined ? '' : null\"\r\n  [color]=\"color\"\r\n  [size]=\"size\"\r\n  [attr.bold]=\"bold ? true : null\"\r\n  [attr.activeicon]=\"activeicon ? true : null\"\r\n  [attr.active]=\"active ? true : null\"\r\n  [activeiconbackground]=\"activeiconbackground\"\r\n  [padding]=\"padding\"\r\n  [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n  [hovercolor]=\"hovercolor\"\r\n  [light]=\"light ? true : null\"\r\n  [outline]=\"outline\"\r\n  [block]=\"block ? true : null\"\r\n  [attr.slot]=\"slot\"\r\n  >\r\n    <ng-content></ng-content>\r\n</ids-link>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDLinkComponent } from './link.component';\r\nimport '@inera/ids-core/components/link/register';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDLinkComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  exports: [\r\n    IDLinkComponent\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDLinkModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}