@inera/ids-angular 4.5.0 → 4.6.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/icon/register')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/link', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/link/register', '@inera/ids-core/components/icon/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.link = {}), global.ng.core, global.ng.common));
-})(this, (function (exports, i0, i1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/link/register'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/link', ['exports', '@angular/core', '@inera/ids-core/components/link/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.link = {}), 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,14 +23,9 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     var IDLinkComponent = /** @class */ (function () {
         function IDLinkComponent() {
-            this.link = null;
-            this.notificationbadge = null;
-            this.prependicon = null;
-            this.appendicon = null;
             this.underlined = false;
             this.padding = null;
             this.outline = null;
@@ -40,8 +35,6 @@
             this.hovercolor = null;
             this.light = null;
             this.bold = false;
-            this.appendicongap = null;
-            this.prependicongap = null;
             this.block = false;
             this.size = undefined;
             this.activeicon = false;
@@ -52,7 +45,7 @@
         return IDLinkComponent;
     }());
     IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDLinkComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDLinkComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -60,15 +53,7 @@
                         templateUrl: './link.component.html',
                         styles: [':host { display: inline; }']
                     }]
-            }], ctorParameters: function () { return []; }, propDecorators: { link: [{
-                    type: i0.Input
-                }], notificationbadge: [{
-                    type: i0.Input
-                }], prependicon: [{
-                    type: i0.Input
-                }], appendicon: [{
-                    type: i0.Input
-                }], underlined: [{
+            }], ctorParameters: function () { return []; }, propDecorators: { underlined: [{
                     type: i0.Input
                 }], padding: [{
                     type: i0.Input
@@ -86,10 +71,6 @@
                     type: i0.Input
                 }], bold: [{
                     type: i0.Input
-                }], appendicongap: [{
-                    type: i0.Input
-                }], prependicongap: [{
-                    type: i0.Input
                 }], block: [{
                     type: i0.Input
                 }, {
@@ -113,15 +94,15 @@
         return IDLinkModule;
     }());
     IDLinkModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    IDLinkModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, declarations: [IDLinkComponent], imports: [i1.CommonModule], exports: [IDLinkComponent] });
-    IDLinkModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, imports: [[i1.CommonModule]] });
+    IDLinkModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, declarations: [IDLinkComponent], imports: [common.CommonModule], exports: [IDLinkComponent] });
+    IDLinkModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, imports: [[common.CommonModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
                             IDLinkComponent
                         ],
-                        imports: [i1.CommonModule],
+                        imports: [common.CommonModule],
                         exports: [
                             IDLinkComponent
                         ],

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

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

package/bundles/inera-ids-angular-components-mobile-menu.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/mobile/menu/register')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/mobile/menu', ['exports', '@angular/core', '@inera/ids-angular/common', '@angular/common', '@inera/ids-core/components/mobile/menu/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.mobile = global.inera["ids-angular"].components.mobile || {}, global.inera["ids-angular"].components.mobile.menu = {}), global.ng.core, global.inera["ids-angular"].common, global.ng.common));
-})(this, (function (exports, i0, i1, i2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@inera/ids-core/components/mobile/menu/register'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/mobile/menu', ['exports', '@angular/core', '@inera/ids-core/components/mobile/menu/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.mobile = global.inera["ids-angular"].components.mobile || {}, global.inera["ids-angular"].components.mobile.menu = {}), 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,19 +23,16 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     var IDMobileMenuComponent = /** @class */ (function () {
         function IDMobileMenuComponent() {
             this.type = undefined;
-            this.variation = undefined;
-            this.items = undefined;
+            this.variation = '1';
         }
         return IDMobileMenuComponent;
     }());
     IDMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #menuTemplate let-item>\r\n    <ids-mobile-menu-item \r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      [secondary]=\"item?.secondary\"\r\n      [active]=\"item?.active\"\r\n      [variation]=\"variation\"\r\n      (didToggleExpansion)=\"item.toggleExpansion()\">\r\n      <id-anchor [noOutline]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n        <ng-container *ngIf=\"item.prependIcon\">\r\n          <ids-icon prepend \r\n            [attr.name]=\"item.prependIcon?.name\"\r\n            [attr.inline]=\"item.prependIcon?.inline\"\r\n            [attr.title]=\"item.prependIcon?.title\" \r\n            [attr.color]=\"item.prependIcon?.color\" \r\n            [attr.color2]=\"item.prependIcon?.color2\" \r\n            [attr.size]=\"item.prependIcon?.size\" \r\n            [attr.padding]=\"item.prependIcon?.padding\"  \r\n            [attr.rotate]=\"item.prependIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n            [attr.height]=\"item.prependIcon?.height\"   \r\n            [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item.appendIcon\">\r\n          <ids-icon append \r\n            [attr.name]=\"item.appendIcon?.name\"\r\n            [attr.inline]=\"item.appendIcon?.inline\"\r\n            [attr.title]=\"item.appendIcon?.title\" \r\n            [attr.color]=\"item.appendIcon?.color\" \r\n            [attr.color2]=\"item.appendIcon?.color2\" \r\n            [attr.size]=\"item.appendIcon?.size\" \r\n            [attr.padding]=\"item.appendIcon?.padding\"  \r\n            [attr.rotate]=\"item.appendIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n            [attr.height]=\"item.appendIcon?.height\"   \r\n            [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n        </ng-container>\r\n      </id-anchor>\r\n      <ng-container *ngIf=\"item.items && item.items.length > 0\">\r\n        <ng-container *ngFor=\"let subItem of item.items\">\r\n          <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: subItem }\"></ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ids-mobile-menu-item>\r\n  </ng-template>\r\n</ids-mobile-menu>", components: [{ type: i1__namespace.IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ng-content></ng-content>\r\n</ids-mobile-menu>" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -46,7 +43,57 @@
                     type: i0.Input
                 }], variation: [{
                     type: i0.Input
-                }], items: [{
+                }] } });
+
+    var IDMobileMenuItemComponent = /** @class */ (function () {
+        function IDMobileMenuItemComponent() {
+            this.onDidToggleExpansion = new i0.EventEmitter();
+        }
+        return IDMobileMenuItemComponent;
+    }());
+    IDMobileMenuItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDMobileMenuItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuItemComponent, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: "expanded", secondary: "secondary", active: "active" }, outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, ngImport: i0__namespace, template: "<ids-mobile-menu-item \r\n      [headline]=\"headline\"\r\n      [expanded]=\"expanded\"\r\n      [secondary]=\"secondary\"\r\n      [active]=\"active\"\r\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\r\n      <ng-content></ng-content>\r\n</ids-mobile-menu-item>", styles: [":host { display: contents; }"] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-mobile-menu-item',
+                        templateUrl: './mobile-menu-item.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { headline: [{
+                    type: i0.Input
+                }], expanded: [{
+                    type: i0.Input
+                }], secondary: [{
+                    type: i0.Input
+                }], active: [{
+                    type: i0.Input
+                }], onDidToggleExpansion: [{
+                    type: i0.Output
+                }] } });
+
+    var IDMobileMenuAvatarComponent = /** @class */ (function () {
+        function IDMobileMenuAvatarComponent() {
+            this.username = '';
+            this.maxwidth = '';
+            this.unit = '';
+        }
+        return IDMobileMenuAvatarComponent;
+    }());
+    IDMobileMenuAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuAvatarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDMobileMenuAvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuAvatarComponent, selector: "id-mobile-menu-avatar", inputs: { username: "username", maxwidth: "maxwidth", unit: "unit" }, ngImport: i0__namespace, template: "<ids-mobile-menu-avatar [username]=\"username\" [maxwidth]=\"maxwidth\" [unit]=\"unit\">\r\n  <ng-content></ng-content>\r\n</ids-mobile-menu-avatar>", styles: [":host { display: contents; }"] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuAvatarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-mobile-menu-avatar',
+                        templateUrl: './mobile-menu-avatar.component.html',
+                        styles: [':host { display: contents; }']
+                    }]
+            }], propDecorators: { username: [{
+                    type: i0.Input
+                }], maxwidth: [{
+                    type: i0.Input
+                }], unit: [{
                     type: i0.Input
                 }] } });
 
@@ -56,18 +103,26 @@
         return IDMobileMenuModule;
     }());
     IDMobileMenuModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    IDMobileMenuModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, declarations: [IDMobileMenuComponent], imports: [i2.CommonModule, i1.IDAnchorModule], exports: [IDMobileMenuComponent] });
-    IDMobileMenuModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, imports: [[i2.CommonModule, i1.IDAnchorModule]] });
+    IDMobileMenuModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, declarations: [IDMobileMenuComponent,
+            IDMobileMenuItemComponent,
+            IDMobileMenuAvatarComponent], imports: [common.CommonModule], exports: [IDMobileMenuComponent,
+            IDMobileMenuItemComponent,
+            IDMobileMenuAvatarComponent] });
+    IDMobileMenuModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, imports: [[common.CommonModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
-                            IDMobileMenuComponent
+                            IDMobileMenuComponent,
+                            IDMobileMenuItemComponent,
+                            IDMobileMenuAvatarComponent
                         ],
                         exports: [
-                            IDMobileMenuComponent
+                            IDMobileMenuComponent,
+                            IDMobileMenuItemComponent,
+                            IDMobileMenuAvatarComponent
                         ],
-                        imports: [i2.CommonModule, i1.IDAnchorModule],
+                        imports: [common.CommonModule],
                         schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
                     }]
             }] });
@@ -76,7 +131,9 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.IDMobileMenuAvatarComponent = IDMobileMenuAvatarComponent;
     exports.IDMobileMenuComponent = IDMobileMenuComponent;
+    exports.IDMobileMenuItemComponent = IDMobileMenuItemComponent;
     exports.IDMobileMenuModule = IDMobileMenuModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-mobile-menu.umd.js","sources":["../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.ts","../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.html","../../../projects/ids-angular/components/mobile/menu/mobile-menu.module.ts","../../../projects/ids-angular/components/mobile/menu/inera-ids-angular-components-mobile-menu.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { IDMobileMenuItem } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-mobile-menu',\r\n  templateUrl: './mobile-menu.component.html'\r\n})\r\nexport class IDMobileMenuComponent {\r\n\r\n  constructor() {\r\n  }\r\n\r\n  @Input()\r\n  type: string | undefined = undefined;\r\n  @Input()\r\n  variation: string | undefined = undefined;\r\n  @Input()\r\n  items: IDMobileMenuItem[] | undefined = undefined;\r\n\r\n}\r\n","<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #menuTemplate let-item>\r\n    <ids-mobile-menu-item \r\n      [attr.type]=\"type\"\r\n      [headline]=\"item?.headline\"\r\n      [expanded]=\"item?.expanded\"\r\n      [secondary]=\"item?.secondary\"\r\n      [active]=\"item?.active\"\r\n      [variation]=\"variation\"\r\n      (didToggleExpansion)=\"item.toggleExpansion()\">\r\n      <id-anchor [noOutline]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n        <ng-container *ngIf=\"item.prependIcon\">\r\n          <ids-icon prepend \r\n            [attr.name]=\"item.prependIcon?.name\"\r\n            [attr.inline]=\"item.prependIcon?.inline\"\r\n            [attr.title]=\"item.prependIcon?.title\" \r\n            [attr.color]=\"item.prependIcon?.color\" \r\n            [attr.color2]=\"item.prependIcon?.color2\" \r\n            [attr.size]=\"item.prependIcon?.size\" \r\n            [attr.padding]=\"item.prependIcon?.padding\"  \r\n            [attr.rotate]=\"item.prependIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.prependIcon?.colorpreset\"   \r\n            [attr.height]=\"item.prependIcon?.height\"   \r\n            [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item.appendIcon\">\r\n          <ids-icon append \r\n            [attr.name]=\"item.appendIcon?.name\"\r\n            [attr.inline]=\"item.appendIcon?.inline\"\r\n            [attr.title]=\"item.appendIcon?.title\" \r\n            [attr.color]=\"item.appendIcon?.color\" \r\n            [attr.color2]=\"item.appendIcon?.color2\" \r\n            [attr.size]=\"item.appendIcon?.size\" \r\n            [attr.padding]=\"item.appendIcon?.padding\"  \r\n            [attr.rotate]=\"item.appendIcon?.rotate\" \r\n            [attr.colorpreset]=\"item.appendIcon?.colorpreset\"   \r\n            [attr.height]=\"item.appendIcon?.height\"   \r\n            [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n        </ng-container>\r\n      </id-anchor>\r\n      <ng-container *ngIf=\"item.items && item.items.length > 0\">\r\n        <ng-container *ngFor=\"let subItem of item.items\">\r\n          <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: subItem }\"></ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </ids-mobile-menu-item>\r\n  </ng-template>\r\n</ids-mobile-menu>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDMobileMenuComponent } from './mobile-menu.component';\r\nimport '@inera/ids-core/components/mobile/menu/register';\r\nimport {IDAnchorModule} from '@inera/ids-angular/common';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDMobileMenuComponent\r\n  ],\r\n  exports: [\r\n    IDMobileMenuComponent\r\n  ],\r\n  imports: [CommonModule, IDAnchorModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDMobileMenuModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","i1","i2","Component","Input","CommonModule","IDAnchorModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-mobile-menu.umd.js","sources":["../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.ts","../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.html","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.ts","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.html","../../../projects/ids-angular/components/mobile/menu/avatar/mobile-menu-avatar.component.ts","../../../projects/ids-angular/components/mobile/menu/avatar/mobile-menu-avatar.component.html","../../../projects/ids-angular/components/mobile/menu/mobile-menu.module.ts","../../../projects/ids-angular/components/mobile/menu/inera-ids-angular-components-mobile-menu.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-mobile-menu',\r\n  templateUrl: './mobile-menu.component.html'\r\n})\r\nexport class IDMobileMenuComponent {\r\n\r\n  constructor() {\r\n  }\r\n\r\n  @Input()\r\n  type: string | undefined = undefined;\r\n  @Input()\r\n  variation: string | undefined = '1';\r\n\r\n}\r\n","<ids-mobile-menu \r\n  [type]=\"type\"\r\n  [variation]=\"variation\">\r\n  <ng-content></ng-content>\r\n</ids-mobile-menu>","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-mobile-menu-item',\r\n  templateUrl: './mobile-menu-item.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDMobileMenuItemComponent {\r\n\r\n  @Input()\r\n  headline: string;\r\n  @Input()\r\n  expanded: boolean;\r\n  @Input()\r\n  secondary: boolean;\r\n  @Input()\r\n  active: boolean;\r\n  @Output()\r\n  onDidToggleExpansion: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n}\r\n","<ids-mobile-menu-item \r\n      [headline]=\"headline\"\r\n      [expanded]=\"expanded\"\r\n      [secondary]=\"secondary\"\r\n      [active]=\"active\"\r\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\r\n      <ng-content></ng-content>\r\n</ids-mobile-menu-item>","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-mobile-menu-avatar',\r\n  templateUrl: './mobile-menu-avatar.component.html',\r\n  styles: [':host { display: contents; }']\r\n})\r\nexport class IDMobileMenuAvatarComponent {\r\n  \r\n  @Input()\r\n  username = '';\r\n\r\n  @Input()\r\n  maxwidth = '';\r\n\r\n  @Input()\r\n  unit = '';\r\n\r\n}\r\n","<ids-mobile-menu-avatar [username]=\"username\" [maxwidth]=\"maxwidth\" [unit]=\"unit\">\r\n  <ng-content></ng-content>\r\n</ids-mobile-menu-avatar>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDMobileMenuComponent } from './mobile-menu.component';\r\nimport '@inera/ids-core/components/mobile/menu/register';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IDMobileMenuItemComponent } from './item/mobile-menu-item.component';\r\nimport { IDMobileMenuAvatarComponent } from './avatar/mobile-menu-avatar.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDMobileMenuComponent,\r\n    IDMobileMenuItemComponent,\r\n    IDMobileMenuAvatarComponent\r\n  ],\r\n  exports: [\r\n    IDMobileMenuComponent,\r\n    IDMobileMenuItemComponent,\r\n    IDMobileMenuAvatarComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDMobileMenuModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Component","Input","EventEmitter","Output","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/tabs/register'), require('@inera/ids-core/components/icon/register')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/tabs', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/tabs/register', '@inera/ids-core/components/icon/register'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/tabs/register')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular/components/tabs', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/tabs/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.tabs = {}), global.ng.core, global.ng.common));
 })(this, (function (exports, i0, i1) { 'use strict';
 
@@ -26,23 +26,24 @@
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     var IDTabPanelComponent = /** @class */ (function () {
-        function IDTabPanelComponent(elementRef) {
-            this.elementRef = elementRef;
+        function IDTabPanelComponent() {
             this.nofocus = undefined;
-            elementRef.nativeElement.setAttribute('slot', 'tab-panel');
         }
         return IDTabPanelComponent;
     }());
-    IDTabPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { nofocus: "nofocus" }, ngImport: i0__namespace, template: "<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-tab-panel>" });
+    IDTabPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", inputs: { nofocus: "nofocus" }, viewQueries: [{ propertyName: "template", first: true, predicate: i0.TemplateRef, descendants: true }], ngImport: i0__namespace, template: "<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-tab-panel',
                         templateUrl: './tab-panel.component.html'
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { nofocus: [{
+            }], propDecorators: { nofocus: [{
                     type: i0.Input
+                }], template: [{
+                    type: i0.ViewChild,
+                    args: [i0.TemplateRef]
                 }] } });
 
     var IDTabComponent = /** @class */ (function () {
@@ -59,7 +60,7 @@
         return IDTabComponent;
     }());
     IDTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { notices: "notices", notifications: "notifications", label: "label", selected: "selected", icon: "icon" }, ngImport: i0__namespace, template: "<ids-tab\r\n  [notices]=\"notices === 0 ? null : notices\"\r\n  [notifications]=\"notifications === 0 ? null : notifications\"\r\n  [label]=\"label\"\r\n  [attr.selected]=\"selected ? '':null\">\r\n  <ids-icon *ngIf=\"icon\"\r\n    slot=\"icon\" \r\n    [attr.name]=\"icon?.name\"\r\n    [attr.title]=\"icon?.title\" \r\n    [attr.color]=\"icon?.color\" \r\n    [attr.color2]=\"icon?.color2\" \r\n    [attr.size]=\"icon?.size\" \r\n    [attr.padding]=\"icon?.padding\"  \r\n    [attr.rotate]=\"icon?.rotate\" \r\n    [attr.colorpreset]=\"icon?.colorpreset\"   \r\n    [attr.height]=\"icon?.height\"   \r\n    [attr.width]=\"icon?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-tab>", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { notices: "notices", notifications: "notifications", label: "label", selected: "selected", icon: "icon" }, viewQueries: [{ propertyName: "template", first: true, predicate: i0.TemplateRef, descendants: true }], ngImport: i0__namespace, template: "<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -76,6 +77,9 @@
                     type: i0.Input
                 }], icon: [{
                     type: i0.Input
+                }], template: [{
+                    type: i0.ViewChild,
+                    args: [i0.TemplateRef]
                 }] } });
 
     var IDTabsComponent = /** @class */ (function () {
@@ -86,19 +90,24 @@
             this.selectLabel = '';
             this.onTabChange = new i0.EventEmitter();
         }
+        IDTabsComponent.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.tabs = _this.tabComponents.toArray();
+                _this.tabPanels = _this.tabPanelComponents.toArray();
+            }, 0);
+        };
         return IDTabsComponent;
     }());
     IDTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", compact: "compact", selectLabel: "selectLabel" }, outputs: { onTabChange: "onTabChange" }, ngImport: i0__namespace, template: "<ids-tabs \r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [compact]=\"compact ? true : null\"\r\n  [responsive]=\"responsive\"\r\n  [selectlabel]=\"selectLabel\"\r\n  (tabChange)=\"onTabChange.emit($event)\">\r\n  <ng-content></ng-content>\r\n\r\n  <ng-container *ngIf=\"tabs\">\r\n    <ids-tab *ngFor=\"let tab of tabs\"\r\n      [label]=\"tab.label\"\r\n      slot=\"tab\"\r\n      [notifications]=\"tab.notifications\"\r\n      [notices]=\"tab.notices\"\r\n      [attr.selected]=\"tab.selected ? '' : null\">\r\n      <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n    </ids-tab>\r\n    \r\n    <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n      <ng-content select=\"[panel-0]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n      <ng-content select=\"[panel-1]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n      <ng-content select=\"[panel-2]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n      <ng-content select=\"[panel-3]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n      <ng-content select=\"[panel-4]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n      <ng-content select=\"[panel-5]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n      <ng-content select=\"[panel-6]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n      <ng-content select=\"[panel-7]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n      <ng-content select=\"[panel-8]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n      <ng-content select=\"[panel-9]\"></ng-content>\r\n    </ids-tab-panel>\r\n  </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { responsive: "responsive", unresponsive: "unresponsive", compact: "compact", selectLabel: "selectLabel" }, outputs: { onTabChange: "onTabChange" }, queries: [{ propertyName: "tabComponents", predicate: IDTabComponent }, { propertyName: "tabPanelComponents", predicate: IDTabPanelComponent }], ngImport: i0__namespace, template: "<ids-tabs \r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [compact]=\"compact ? true : null\"\r\n  [responsive]=\"responsive\"\r\n  [selectlabel]=\"selectLabel\"\r\n  (tabChange)=\"onTabChange.emit($event)\"\r\n  *ngIf=\"tabs && tabPanels\">\r\n\r\n  <ids-tab *ngFor=\"let tab of tabs\"\r\n    [label]=\"tab.label\"\r\n    slot=\"tab\"\r\n    [notifications]=\"tab.notifications\"\r\n    [notices]=\"tab.notices\"\r\n    [attr.selected]=\"tab.selected ? '' : null\">\r\n    <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\r\n  </ids-tab>\r\n\r\n  <ids-tab-panel *ngFor=\"let tabpanel of tabPanels\">\r\n    <ng-container *ngTemplateOutlet=\"tabpanel.template\"></ng-container>\r\n  </ids-tab-panel>\r\n</ids-tabs>", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-tabs',
                         templateUrl: './tabs.component.html'
                     }]
-            }], propDecorators: { tabs: [{
-                    type: i0.Input
-                }], responsive: [{
+            }], propDecorators: { responsive: [{
                     type: i0.Input
                 }], unresponsive: [{
                     type: i0.Input
@@ -106,6 +115,12 @@
                     type: i0.Input
                 }], selectLabel: [{
                     type: i0.Input
+                }], tabComponents: [{
+                    type: i0.ContentChildren,
+                    args: [IDTabComponent]
+                }], tabPanelComponents: [{
+                    type: i0.ContentChildren,
+                    args: [IDTabPanelComponent]
                 }], onTabChange: [{
                     type: i0.Output
                 }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-tabs.umd.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-tab-panel',\r\n  templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n  @Input()\r\n  nofocus: string | undefined = undefined;\r\n  \r\n  constructor(private elementRef: ElementRef<HTMLElement>) {\r\n    elementRef.nativeElement.setAttribute('slot', 'tab-panel');\r\n  }\r\n}\r\n","<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-tab-panel>","import { Component, ElementRef, Input } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-tab',\r\n  templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n  @Input()\r\n  notices: number = 0;\r\n\r\n  @Input()\r\n  notifications: number = 0;\r\n\r\n  @Input()\r\n  label: string = '';\r\n\r\n  @Input()\r\n  selected: Boolean = false;\r\n\r\n  // Internal icon\r\n  @Input()\r\n  icon: IDIcon | undefined = undefined;\r\n\r\n  constructor(private elementRef: ElementRef<HTMLElement>) {\r\n    elementRef.nativeElement.setAttribute('slot', 'tab');\r\n  }\r\n}\r\n","<ids-tab\r\n  [notices]=\"notices === 0 ? null : notices\"\r\n  [notifications]=\"notifications === 0 ? null : notifications\"\r\n  [label]=\"label\"\r\n  [attr.selected]=\"selected ? '':null\">\r\n  <ids-icon *ngIf=\"icon\"\r\n    slot=\"icon\" \r\n    [attr.name]=\"icon?.name\"\r\n    [attr.title]=\"icon?.title\" \r\n    [attr.color]=\"icon?.color\" \r\n    [attr.color2]=\"icon?.color2\" \r\n    [attr.size]=\"icon?.size\" \r\n    [attr.padding]=\"icon?.padding\"  \r\n    [attr.rotate]=\"icon?.rotate\" \r\n    [attr.colorpreset]=\"icon?.colorpreset\"   \r\n    [attr.height]=\"icon?.height\"   \r\n    [attr.width]=\"icon?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-tab>","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IDTab } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-tabs',\r\n  templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent {\r\n\r\n  @Input()\r\n  tabs: IDTab[]  | undefined;\r\n  @Input()\r\n  responsive: 'm' | 's' = 'm';\r\n  @Input()\r\n  unresponsive: boolean = false;\r\n  @Input()\r\n  compact: boolean = false;\r\n  @Input()\r\n  selectLabel: string = '';\r\n  \r\n  @Output()\r\n  onTabChange: EventEmitter<Event> = new EventEmitter();\r\n\r\n}\r\n","<ids-tabs \r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [compact]=\"compact ? true : null\"\r\n  [responsive]=\"responsive\"\r\n  [selectlabel]=\"selectLabel\"\r\n  (tabChange)=\"onTabChange.emit($event)\">\r\n  <ng-content></ng-content>\r\n\r\n  <ng-container *ngIf=\"tabs\">\r\n    <ids-tab *ngFor=\"let tab of tabs\"\r\n      [label]=\"tab.label\"\r\n      slot=\"tab\"\r\n      [notifications]=\"tab.notifications\"\r\n      [notices]=\"tab.notices\"\r\n      [attr.selected]=\"tab.selected ? '' : null\">\r\n      <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n    </ids-tab>\r\n    \r\n    <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n      <ng-content select=\"[panel-0]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n      <ng-content select=\"[panel-1]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n      <ng-content select=\"[panel-2]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n      <ng-content select=\"[panel-3]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n      <ng-content select=\"[panel-4]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n      <ng-content select=\"[panel-5]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n      <ng-content select=\"[panel-6]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n      <ng-content select=\"[panel-7]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n      <ng-content select=\"[panel-8]\"></ng-content>\r\n    </ids-tab-panel>\r\n    <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n      <ng-content select=\"[panel-9]\"></ng-content>\r\n    </ids-tab-panel>\r\n  </ng-container>\r\n \r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDTabsComponent } from './tabs.component';\r\nimport { IDTabComponent} from './tab/tab.component';\r\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\r\nimport '@inera/ids-core/components/tabs/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    IDTabsComponent,\r\n    IDTabComponent,\r\n    IDTabPanelComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  exports: [\r\n    IDTabsComponent,\r\n    IDTabComponent,\r\n    IDTabPanelComponent\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Component","Input","i1","EventEmitter","Output","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-tabs.umd.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'id-tab-panel',\r\n  templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n  @Input()\r\n  nofocus: string | undefined = undefined;\r\n  \r\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\r\n\r\n}\r\n","<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>","import { Component, ElementRef, Input, TemplateRef, ViewChild } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n  selector: 'id-tab',\r\n  templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n  @Input()\r\n  notices: number = 0;\r\n\r\n  @Input()\r\n  notifications: number = 0;\r\n\r\n  @Input()\r\n  label: string = '';\r\n\r\n  @Input()\r\n  selected: Boolean = false;\r\n\r\n  // Internal icon\r\n  @Input()\r\n  icon: IDIcon | undefined = undefined;\r\n\r\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\r\n\r\n  constructor(private elementRef: ElementRef<HTMLElement>) {\r\n    elementRef.nativeElement.setAttribute('slot', 'tab');\r\n  }\r\n}\r\n","<ng-template>\r\n  <ng-content></ng-content>\r\n</ng-template>","import { AfterContentInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList } from '@angular/core';\r\nimport { IDTabComponent } from './tab/tab.component';\r\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\r\n\r\n@Component({\r\n  selector: 'id-tabs',\r\n  templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent implements AfterContentInit  {\r\n\r\n  @Input()\r\n  responsive: 'm' | 's' = 'm';\r\n  @Input()\r\n  unresponsive: boolean = false;\r\n  @Input()\r\n  compact: boolean = false;\r\n  @Input()\r\n  selectLabel: string = '';\r\n\r\n  @ContentChildren(IDTabComponent) tabComponents: QueryList<IDTabComponent>;\r\n  @ContentChildren(IDTabPanelComponent) tabPanelComponents: QueryList<IDTabPanelComponent>; \r\n  \r\n  @Output()\r\n  onTabChange: EventEmitter<Event> = new EventEmitter();\r\n\r\n  public tabs: IDTabComponent[];\r\n  public tabPanels: IDTabPanelComponent[];\r\n\r\n  public ngAfterContentInit(): void {\r\n    setTimeout(() => {\r\n      this.tabs = this.tabComponents.toArray();\r\n      this.tabPanels = this.tabPanelComponents.toArray();\r\n    }, 0);\r\n  }\r\n\r\n}\r\n","<ids-tabs \r\n  [unresponsive]=\"unresponsive ? true : null\"\r\n  [compact]=\"compact ? true : null\"\r\n  [responsive]=\"responsive\"\r\n  [selectlabel]=\"selectLabel\"\r\n  (tabChange)=\"onTabChange.emit($event)\"\r\n  *ngIf=\"tabs && tabPanels\">\r\n\r\n  <ids-tab *ngFor=\"let tab of tabs\"\r\n    [label]=\"tab.label\"\r\n    slot=\"tab\"\r\n    [notifications]=\"tab.notifications\"\r\n    [notices]=\"tab.notices\"\r\n    [attr.selected]=\"tab.selected ? '' : null\">\r\n    <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\r\n  </ids-tab>\r\n\r\n  <ids-tab-panel *ngFor=\"let tabpanel of tabPanels\">\r\n    <ng-container *ngTemplateOutlet=\"tabpanel.template\"></ng-container>\r\n  </ids-tab-panel>\r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { IDTabsComponent } from './tabs.component';\r\nimport { IDTabComponent} from './tab/tab.component';\r\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\r\nimport '@inera/ids-core/components/tabs/register';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IDTabsComponent,\r\n    IDTabComponent,\r\n    IDTabPanelComponent\r\n  ],\r\n  imports: [CommonModule],\r\n  exports: [\r\n    IDTabsComponent,\r\n    IDTabComponent,\r\n    IDTabPanelComponent\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class IDTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","TemplateRef","Component","Input","ViewChild","EventEmitter","i1","ContentChildren","Output","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}