@inera/ids-angular 4.5.0 → 4.6.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-angular/common'), require('@angular/common'), require('@inera/ids-core/components/header/register'), require('@inera/ids-angular/components/icon')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/header', ['exports', '@angular/core', '@inera/ids-angular/common', '@angular/common', '@inera/ids-core/components/header/register', '@inera/ids-angular/components/icon'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = global.inera["ids-angular"] || {}, global.inera["ids-angular"].components = global.inera["ids-angular"].components || {}, global.inera["ids-angular"].components.header = {}), global.ng.core, global.inera["ids-angular"].common, global.ng.common, null, global.inera["ids-angular"].components.icon));
-})(this, (function (exports, i0, i1, i2, register, icon) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/header/register'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/header', ['exports', '@angular/core', '@inera/ids-core/components/header/register', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = global.inera["ids-angular"] || {}, global.inera["ids-angular"].components = global.inera["ids-angular"].components || {}, global.inera["ids-angular"].components.header = {}), global.ng.core, null, global.ng.common));
+})(this, (function (exports, i0, register, common) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,28 +23,26 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     var IDHeaderComponent = /** @class */ (function () {
         function IDHeaderComponent() {
             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 i0.EventEmitter();
         }
         return IDHeaderComponent;
     }());
     IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDHeaderComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    IDHeaderComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -59,42 +57,172 @@
                     type: i0.Input
                 }], brandtextbottom: [{
                     type: i0.Input
-                }], hideregionpicker: [{
+                }], pickregiontext: [{
+                    type: i0.Input
+                }], hidebrand: [{
                     type: i0.Input
                 }], fluid: [{
                     type: i0.Input
-                }], unresponsive: [{
+                }], hideregionpicker: [{
                     type: i0.Input
-                }], hidebrand: [{
+                }], srlogolabel: [{
+                    type: i0.Input
+                }], unresponsive: [{
                     type: i0.Input
                 }], logohref: [{
                     type: i0.Input
-                }], pickregiontext: [{
+                }], onDidToggleRegion: [{
+                    type: i0.Output
+                }] } });
+
+    var IDHeaderMobileMenuComponent = /** @class */ (function () {
+        function IDHeaderMobileMenuComponent() {
+            this.type = '';
+            this.expanded = false;
+            this.persistent = false;
+        }
+        return IDHeaderMobileMenuComponent;
+    }());
+    IDHeaderMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderMobileMenuComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderMobileMenuComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-mobile-menu',
+                        templateUrl: './header-mobile-menu.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { type: [{
                     type: i0.Input
-                }], regionicon: [{
+                }], expanded: [{
                     type: i0.Input
-                }], regionicontitle: [{
+                }], persistent: [{
                     type: i0.Input
-                }], srlogolabel: [{
+                }], label: [{
                     type: i0.Input
-                }], items: [{
+                }] } });
+
+    var IDHeaderItemComponent = /** @class */ (function () {
+        function IDHeaderItemComponent() {
+        }
+        return IDHeaderItemComponent;
+    }());
+    IDHeaderItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderItemComponent, selector: "id-header-item", inputs: { mobile: "mobile", separatorleft: "separatorleft" }, ngImport: i0__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-item',
+                        templateUrl: './header-item.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { mobile: [{
                     type: i0.Input
-                }], avatar: [{
+                }], separatorleft: [{
                     type: i0.Input
-                }], avatarmaxwidth: [{
+                }] } });
+
+    var IDHeaderMobileItemComponent = /** @class */ (function () {
+        function IDHeaderMobileItemComponent() {
+            this.type = '';
+        }
+        return IDHeaderMobileItemComponent;
+    }());
+    IDHeaderMobileItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderMobileItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderMobileItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderMobileItemComponent, selector: "id-header-mobile-item", inputs: { type: "type" }, ngImport: i0__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderMobileItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-mobile-item',
+                        templateUrl: './header-mobile-item.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { type: [{
                     type: i0.Input
-                }], navitems: [{
+                }] } });
+
+    var IDHeaderNavComponent = /** @class */ (function () {
+        function IDHeaderNavComponent() {
+            this.type = '';
+            this.srtext = 'Huvudmeny';
+        }
+        return IDHeaderNavComponent;
+    }());
+    IDHeaderNavComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderNavComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderNavComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderNavComponent, selector: "id-header-nav", inputs: { type: "type", srtext: "srtext" }, ngImport: i0__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderNavComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-nav',
+                        templateUrl: './header-navigation.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { type: [{
                     type: i0.Input
-                }], persistentmobilemenu: [{
+                }], srtext: [{
                     type: i0.Input
-                }], mobileitems: [{
+                }] } });
+
+    var IDHeaderNavItemComponent = /** @class */ (function () {
+        function IDHeaderNavItemComponent() {
+            this.type = '';
+            this.label = '';
+            this.notifications = '';
+            this.link = false;
+            this.active = false;
+        }
+        return IDHeaderNavItemComponent;
+    }());
+    IDHeaderNavItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderNavItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderNavItemComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderNavItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-nav-item',
+                        templateUrl: './header-navigation-item.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { type: [{
                     type: i0.Input
-                }], mobilemenulabel: [{
+                }], label: [{
                     type: i0.Input
-                }], mobilemenuitems: [{
+                }], notifications: [{
+                    type: i0.Input
+                }], link: [{
+                    type: i0.Input
+                }], active: [{
+                    type: i0.Input
+                }] } });
+
+    var IDHeaderAvatarComponent = /** @class */ (function () {
+        function IDHeaderAvatarComponent() {
+            this.type = '';
+            this.username = '';
+            this.maxwidth = '';
+            this.unit = '';
+            this.expanded = false;
+        }
+        return IDHeaderAvatarComponent;
+    }());
+    IDHeaderAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderAvatarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDHeaderAvatarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderAvatarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-header-avatar',
+                        templateUrl: './header-avatar.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { type: [{
+                    type: i0.Input
+                }], username: [{
+                    type: i0.Input
+                }], maxwidth: [{
+                    type: i0.Input
+                }], unit: [{
+                    type: i0.Input
+                }], expanded: [{
                     type: i0.Input
-                }], onDidToggleRegion: [{
-                    type: i0.Output
                 }] } });
 
     var IDHeaderModule = /** @class */ (function () {
@@ -103,18 +231,42 @@
         return IDHeaderModule;
     }());
     IDHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    IDHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, declarations: [IDHeaderComponent], imports: [i2.CommonModule, i1.IDAnchorModule, icon.IDIconModule], exports: [IDHeaderComponent] });
-    IDHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, imports: [[i2.CommonModule, i1.IDAnchorModule, icon.IDIconModule]] });
+    IDHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, declarations: [IDHeaderComponent,
+            IDHeaderMobileMenuComponent,
+            IDHeaderItemComponent,
+            IDHeaderMobileItemComponent,
+            IDHeaderNavComponent,
+            IDHeaderNavItemComponent,
+            IDHeaderAvatarComponent], imports: [common.CommonModule], exports: [IDHeaderComponent,
+            IDHeaderMobileMenuComponent,
+            IDHeaderItemComponent,
+            IDHeaderMobileItemComponent,
+            IDHeaderNavComponent,
+            IDHeaderNavItemComponent,
+            IDHeaderAvatarComponent] });
+    IDHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, imports: [[common.CommonModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
-                            IDHeaderComponent
+                            IDHeaderComponent,
+                            IDHeaderMobileMenuComponent,
+                            IDHeaderItemComponent,
+                            IDHeaderMobileItemComponent,
+                            IDHeaderNavComponent,
+                            IDHeaderNavItemComponent,
+                            IDHeaderAvatarComponent
                         ],
                         exports: [
-                            IDHeaderComponent
+                            IDHeaderComponent,
+                            IDHeaderMobileMenuComponent,
+                            IDHeaderItemComponent,
+                            IDHeaderMobileItemComponent,
+                            IDHeaderNavComponent,
+                            IDHeaderNavItemComponent,
+                            IDHeaderAvatarComponent
                         ],
-                        imports: [i2.CommonModule, i1.IDAnchorModule, icon.IDIconModule],
+                        imports: [common.CommonModule],
                         schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
                     }]
             }] });
@@ -123,8 +275,14 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.IDHeaderAvatarComponent = IDHeaderAvatarComponent;
     exports.IDHeaderComponent = IDHeaderComponent;
+    exports.IDHeaderItemComponent = IDHeaderItemComponent;
+    exports.IDHeaderMobileItemComponent = IDHeaderMobileItemComponent;
+    exports.IDHeaderMobileMenuComponent = IDHeaderMobileMenuComponent;
     exports.IDHeaderModule = IDHeaderModule;
+    exports.IDHeaderNavComponent = IDHeaderNavComponent;
+    exports.IDHeaderNavItemComponent = IDHeaderNavItemComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 

package/bundles/inera-ids-angular-components-header.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-header.umd.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":["EventEmitter","i0","i1","i2","Component","Input","Output","CommonModule","IDAnchorModule","IDIconModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-header.umd.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":["EventEmitter","i0","Component","Input","Output","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}

package/bundles/inera-ids-angular-components-icon-region.umd.js

@@ -0,0 +1,104 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/icon-region/register')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/icon-region', ['exports', '@angular/core', '@inera/ids-core/components/icon-region/register'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = global.inera["ids-angular"] || {}, global.inera["ids-angular"].components = global.inera["ids-angular"].components || {}, global.inera["ids-angular"].components["icon-region"] = {}), global.ng.core));
+})(this, (function (exports, i0) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var IDIconRegionComponent = /** @class */ (function () {
+        function IDIconRegionComponent() {
+            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;
+        }
+        return IDIconRegionComponent;
+    }());
+    IDIconRegionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDIconRegionComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-icon-region',
+                        templateUrl: './icon-region.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                    type: i0.Input
+                }], title: [{
+                    type: i0.Input
+                }], colorpreset: [{
+                    type: i0.Input
+                }], color: [{
+                    type: i0.Input
+                }], color2: [{
+                    type: i0.Input
+                }], size: [{
+                    type: i0.Input
+                }], width: [{
+                    type: i0.Input
+                }], height: [{
+                    type: i0.Input
+                }], rotate: [{
+                    type: i0.Input
+                }], inline: [{
+                    type: i0.Input
+                }] } });
+
+    var IDIconRegionModule = /** @class */ (function () {
+        function IDIconRegionModule() {
+        }
+        return IDIconRegionModule;
+    }());
+    IDIconRegionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDIconRegionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionModule, declarations: [IDIconRegionComponent], exports: [IDIconRegionComponent] });
+    IDIconRegionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconRegionModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDIconRegionComponent
+                        ],
+                        exports: [
+                            IDIconRegionComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.IDIconRegionComponent = IDIconRegionComponent;
+    exports.IDIconRegionModule = IDIconRegionModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=inera-ids-angular-components-icon-region.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-icon-region.umd.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":["i0","Component","Input","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,QAAA,qBAAA,kBAAA,YAAA;IAEE,IAAA,SAAA,qBAAA,GAAA;IAGA,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;IAEV,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;IAEX,QAAA,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC,CAAC;IAEjB,QAAA,IAAK,CAAA,KAAA,GAAG,mBAAmB,CAAC;IAE5B,QAAA,IAAM,CAAA,MAAA,GAAG,oBAAoB,CAAC;IAE9B,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG,CAAC;IAE7B,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;IAEX,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;IAEZ,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;IAEZ,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;SArBE;;;6IAFN,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAArB,qBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,6PCPlC,0UAUmB,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA,CAAA,CAAA;sHDHN,qBAAqB,EAAA,UAAA,EAAA,CAAA;sBALjCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACT,oBAAA,QAAQ,EAAE,gBAAgB;IAC1B,oBAAA,WAAW,EAAE,8BAA8B;wBAC3C,MAAM,EAAE,CAAC,8BAA8B,CAAC;qBACzC,CAAA;8EAMC,IAAI,EAAA,CAAA;0BADHC,QAAK;oBAGN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAGN,WAAW,EAAA,CAAA;0BADVA,QAAK;oBAGN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAGN,MAAM,EAAA,CAAA;0BADLA,QAAK;oBAGN,IAAI,EAAA,CAAA;0BADHA,QAAK;oBAGN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAGN,MAAM,EAAA,CAAA;0BADLA,QAAK;oBAGN,MAAM,EAAA,CAAA;0BADLA,QAAK;oBAGN,MAAM,EAAA,CAAA;0BADLA,QAAK;;;AEhBR,QAAA,kBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,kBAAA,GAAA;;;;0IAAa,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAF,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2IAAlB,kBAAkB,EAAA,YAAA,EAAA,CAP3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;2IAIZ,kBAAkB,EAAA,CAAA,CAAA;sHAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;sBAT9BG,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACR,oBAAA,YAAY,EAAE;4BACZ,qBAAqB;IACtB,qBAAA;IACD,oBAAA,OAAO,EAAE;4BACP,qBAAqB;IACtB,qBAAA;wBACD,OAAO,EAAE,CAACC,yBAAsB,CAAC;qBAClC,CAAA;;;ICZD;;IAEG;;;;;;;;;;;"}