@inera/ids-angular 9.4.0 → 9.4.1

package/components/tabs/tab-group.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit } from '@angular/core';
+import { AfterContentInit, EventEmitter } from '@angular/core';
 import { IDTabComponent } from './tab.component';
 import * as i0 from "@angular/core";
 export declare class IDTabGroupComponent implements AfterContentInit {
@@ -11,6 +11,7 @@ export declare class IDTabGroupComponent implements AfterContentInit {
     light: boolean;
     compact: boolean;
     selectLabel?: string;
+    tabChange: EventEmitter<number>;
     private ref;
     private idService;
     selectId: string;
@@ -18,7 +19,7 @@ export declare class IDTabGroupComponent implements AfterContentInit {
     onKeydown(event: KeyboardEvent): void;
     getTabPanelTabIndex(tabIndex: number): number | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDTabGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDTabGroupComponent, "id-tab-group", never, { "responsive": { "alias": "responsive"; "required": false; }; "unresponsive": { "alias": "unresponsive"; "required": false; }; "light": { "alias": "light"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; }, {}, ["tabs"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDTabGroupComponent, "id-tab-group", never, { "responsive": { "alias": "responsive"; "required": false; }; "unresponsive": { "alias": "unresponsive"; "required": false; }; "light": { "alias": "light"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; }, { "tabChange": "tabChange"; }, ["tabs"], never, true, never>;
     static ngAcceptInputType_unresponsive: unknown;
     static ngAcceptInputType_light: unknown;
     static ngAcceptInputType_compact: unknown;

package/fesm2022/inera-ids-angular-components-navigation-content.mjs

@@ -65,11 +65,11 @@ class IDNavigationContentItemComponent {
         this.opened.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDNavigationContentItemComponent, isStandalone: true, selector: "id-navigation-content-item", inputs: { selected: ["selected", "selected", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDNavigationContentItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDNavigationContentItemComponent, isStandalone: true, selector: "id-navigation-content-item", inputs: { selected: ["selected", "selected", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDNavigationContentItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n          [class.ids-navigation-content-item__expand-btn--expanded]=\"expanded\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-navigation-content-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
+            args: [{ selector: 'id-navigation-content-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n          [class.ids-navigation-content-item__expand-btn--expanded]=\"expanded\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
         }], propDecorators: { selected: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]

package/fesm2022/inera-ids-angular-components-navigation-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content-link.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.html","../../../projects/ids-angular/components/navigation/content/navigation-content.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.html","../../../projects/ids-angular/components/navigation/content/inera-ids-angular-components-navigation-content.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-content-link',\n  standalone: true,\n  template: `\n    <ng-template>\n      <li class=\"ids-navigation-content__link-wrapper\">\n      <ng-content></ng-content>\n      </li>\n    </ng-template>`\n})\nexport class IDNavigationContentLinkComponent {\n\n  template = viewChild.required(TemplateRef);\n  \n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterContentChecked,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  inject,\n  booleanAttribute,\n  viewChild,\n} from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content-item',\n  templateUrl: './navigation-content-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDNavigationContentItemComponent implements AfterContentChecked {\n  @Input({ transform: booleanAttribute }) selected: boolean;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n  @ContentChildren(IDNavigationContentItemComponent)\n  items!: QueryList<IDNavigationContentItemComponent>;\n\n  template = viewChild.required(TemplateRef);\n\n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('navigation-content-item');\n\n  ngAfterContentChecked(): void {\n    this.items.forEach((item) => {\n      item.level = this.level + 1;\n    });\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  toggleItem(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","import { Component, Input, contentChildren, inject } from '@angular/core';\nimport { IDNavigationContentLinkComponent } from './navigation-content-link.component';\nimport { IDNavigationContentItemComponent } from './navigation-content-item.component';\nimport { CommonModule } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content',\n  templateUrl: './navigation-content.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDNavigationContentComponent {\n  @Input() headline?: string;\n  @Input() maxHeight?: string;\n\n  private useId = inject(IDUseIdService);\n  headerId = this.useId.generateId('navigation-content-headline');\n\n  linkComponents = contentChildren(IDNavigationContentLinkComponent);\n  itemComponents = contentChildren(IDNavigationContentItemComponent);\n}\n","<nav\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n  [attr.aria-labelledby]=\"headerId\"\n>\n  <div class=\"ids-navigation-content__inner\">\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      [id]=\"headerId\"\n    >\n      {{ headline }}\n    </h2>\n    <ul\n      class=\"ids-navigation-content__links\"\n      [style.maxHeight]=\"maxHeight\"\n    >\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n      <ng-container *ngFor=\"let item of itemComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAYa,gCAAgC,CAAA;AAE3C,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;wGAF/B,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEb,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT/B;;;;;AAKO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAV5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;;;AAKO,kBAAA;AAClB,iBAAA;;;MCWY,gCAAgC,CAAA;AACH,IAAA,QAAQ;AACR,IAAA,QAAQ;IACvC,KAAK,GAAW,CAAC;IACjB,UAAU,GAAW,WAAW;IAChC,UAAU,GAAW,UAAU;AAE9B,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAG1D,IAAA,KAAK;AAEL,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;AAElC,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC;IAE5D,qBAAqB,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;AAC7B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;IAC1D;AAEA,IAAA,UAAU,CAAC,KAAY,EAAA;AACrB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACzB;IACF;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AACA,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;wGA3CW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EACvB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAQnB,gCAAgC,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGnB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnC3C,2rCAqCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAN5C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAAA,UAAA,EAE1B,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,2rCAAA,EAAA;8BAGa,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;gBAGD,KAAK,EAAA,CAAA;sBADJ,eAAe;uBAAC,gCAAgC;;;MEpBtC,4BAA4B,CAAA;AAC9B,IAAA,QAAQ;AACR,IAAA,SAAS;AAEV,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC;AAE/D,IAAA,cAAc,GAAG,eAAe,CAAC,gCAAgC,CAAC;AAClE,IAAA,cAAc,GAAG,eAAe,CAAC,gCAAgC,CAAC;wGARvD,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,0KAON,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAChC,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnE,+yBAyBA,2CDhBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,OAAA,EAExB,CAAC,YAAY,CAAC,cACX,IAAI,EAAA,QAAA,EAAA,+yBAAA,EAAA;8BAGP,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEdH;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content-link.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.html","../../../projects/ids-angular/components/navigation/content/navigation-content.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.html","../../../projects/ids-angular/components/navigation/content/inera-ids-angular-components-navigation-content.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-content-link',\n  standalone: true,\n  template: `\n    <ng-template>\n      <li class=\"ids-navigation-content__link-wrapper\">\n      <ng-content></ng-content>\n      </li>\n    </ng-template>`\n})\nexport class IDNavigationContentLinkComponent {\n\n  template = viewChild.required(TemplateRef);\n  \n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterContentChecked,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  inject,\n  booleanAttribute,\n  viewChild,\n} from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content-item',\n  templateUrl: './navigation-content-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDNavigationContentItemComponent implements AfterContentChecked {\n  @Input({ transform: booleanAttribute }) selected: boolean;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n  @ContentChildren(IDNavigationContentItemComponent)\n  items!: QueryList<IDNavigationContentItemComponent>;\n\n  template = viewChild.required(TemplateRef);\n\n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('navigation-content-item');\n\n  ngAfterContentChecked(): void {\n    this.items.forEach((item) => {\n      item.level = this.level + 1;\n    });\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  toggleItem(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n          [class.ids-navigation-content-item__expand-btn--expanded]=\"expanded\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","import { Component, Input, contentChildren, inject } from '@angular/core';\nimport { IDNavigationContentLinkComponent } from './navigation-content-link.component';\nimport { IDNavigationContentItemComponent } from './navigation-content-item.component';\nimport { CommonModule } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content',\n  templateUrl: './navigation-content.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDNavigationContentComponent {\n  @Input() headline?: string;\n  @Input() maxHeight?: string;\n\n  private useId = inject(IDUseIdService);\n  headerId = this.useId.generateId('navigation-content-headline');\n\n  linkComponents = contentChildren(IDNavigationContentLinkComponent);\n  itemComponents = contentChildren(IDNavigationContentItemComponent);\n}\n","<nav\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n  [attr.aria-labelledby]=\"headerId\"\n>\n  <div class=\"ids-navigation-content__inner\">\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      [id]=\"headerId\"\n    >\n      {{ headline }}\n    </h2>\n    <ul\n      class=\"ids-navigation-content__links\"\n      [style.maxHeight]=\"maxHeight\"\n    >\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n      <ng-container *ngFor=\"let item of itemComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAYa,gCAAgC,CAAA;AAE3C,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;wGAF/B,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEb,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT/B;;;;;AAKO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAV5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;;;AAKO,kBAAA;AAClB,iBAAA;;;MCWY,gCAAgC,CAAA;AACH,IAAA,QAAQ;AACR,IAAA,QAAQ;IACvC,KAAK,GAAW,CAAC;IACjB,UAAU,GAAW,WAAW;IAChC,UAAU,GAAW,UAAU;AAE9B,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAG1D,IAAA,KAAK;AAEL,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;AAElC,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC;IAE5D,qBAAqB,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;AAC7B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;IAC1D;AAEA,IAAA,UAAU,CAAC,KAAY,EAAA;AACrB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACzB;IACF;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AACA,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;wGA3CW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EACvB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAQnB,gCAAgC,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGnB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnC3C,6wCAsCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAN5C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAAA,UAAA,EAE1B,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,6wCAAA,EAAA;8BAGa,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;gBAGD,KAAK,EAAA,CAAA;sBADJ,eAAe;uBAAC,gCAAgC;;;MEpBtC,4BAA4B,CAAA;AAC9B,IAAA,QAAQ;AACR,IAAA,SAAS;AAEV,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC;AAE/D,IAAA,cAAc,GAAG,eAAe,CAAC,gCAAgC,CAAC;AAClE,IAAA,cAAc,GAAG,eAAe,CAAC,gCAAgC,CAAC;wGARvD,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,0KAON,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAChC,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnE,+yBAyBA,2CDhBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,OAAA,EAExB,CAAC,YAAY,CAAC,cACX,IAAI,EAAA,QAAA,EAAA,+yBAAA,EAAA;8BAGP,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEdH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-tabs.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { contentChild, viewChild, TemplateRef, inject, Input, Component, contentChildren, ElementRef, booleanAttribute } from '@angular/core';
+import { contentChild, viewChild, TemplateRef, inject, Input, Component, contentChildren, EventEmitter, ElementRef, booleanAttribute, Output } from '@angular/core';
 import { IDUseIdService } from '@inera/ids-angular/common';
 import { NgTemplateOutlet } from '@angular/common';
 import { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';
@@ -66,6 +66,7 @@ class IDTabGroupComponent {
     light = false;
     compact = false;
     selectLabel;
+    tabChange = new EventEmitter();
     ref = inject(ElementRef);
     idService = inject(IDUseIdService);
     selectId = this.idService.generateId('tab-group');
@@ -75,6 +76,7 @@ class IDTabGroupComponent {
         this.tabs().forEach((tab, index) => {
             tab.selected = index === i;
         });
+        this.tabChange.emit(i);
     }
     onKeydown(event) {
         const key = event.key;
@@ -131,7 +133,7 @@ class IDTabGroupComponent {
         return hasFocusable ? -1 : 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDTabGroupComponent, isStandalone: true, selector: "id-tab-group", inputs: { responsive: "responsive", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], light: ["light", "light", booleanAttribute], compact: ["compact", "compact", booleanAttribute], selectLabel: "selectLabel" }, host: { properties: { "class.ids-tabs--responsive-on-s": "responsive === 's'", "class.ids-tabs--unresponsive": "unresponsive" }, classAttribute: "ids-tabs" }, queries: [{ propertyName: "tabs", predicate: IDTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel || \"V\u00E4lj flik\" }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectTab(+$any($event.target).value)\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs(); track tab; let i = $index) {\n        <option\n          [value]=\"i\"\n          [selected]=\"i === selectedIndex\"\n        >\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            ({{ tab.notices }})\n          }\n        </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @for (tab of tabs(); track tab; let i = $index) {\n    <button\n      role=\"tab\"\n      (click)=\"selectTab(i)\"\n      class=\"ids-tab\"\n      [class.ids-tab--selected]=\"i === selectedIndex\"\n      [attr.tabindex]=\"i === focusedIndex ? 0 : -1\"\n      [attr.aria-selected]=\"i === selectedIndex\"\n      [attr.id]=\"tab.tabId\"\n    >\n      <div class=\"ids-tab__label\">\n        @if (tab.labelTemplate()) {\n          <ng-container [ngTemplateOutlet]=\"tab.labelTemplate() ?? null\"></ng-container>\n        } @else {\n          @if (tab.icon) {\n            <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n          }\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n          }\n        }\n      </div>\n    </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [attr.tabindex]=\"getTabPanelTabIndex(selectedIndex)\"\n    [attr.aria-labelledby]=\"tabs()[selectedIndex]?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs()[selectedIndex]?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs()[selectedIndex]?.content() ?? null\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: ["type", "icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDTabGroupComponent, isStandalone: true, selector: "id-tab-group", inputs: { responsive: "responsive", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], light: ["light", "light", booleanAttribute], compact: ["compact", "compact", booleanAttribute], selectLabel: "selectLabel" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.ids-tabs--responsive-on-s": "responsive === 's'", "class.ids-tabs--unresponsive": "unresponsive" }, classAttribute: "ids-tabs" }, queries: [{ propertyName: "tabs", predicate: IDTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel || \"V\u00E4lj flik\" }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectTab(+$any($event.target).value)\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs(); track tab; let i = $index) {\n        <option\n          [value]=\"i\"\n          [selected]=\"i === selectedIndex\"\n        >\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            ({{ tab.notices }})\n          }\n        </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @for (tab of tabs(); track tab; let i = $index) {\n    <button\n      role=\"tab\"\n      (click)=\"selectTab(i)\"\n      class=\"ids-tab\"\n      [class.ids-tab--selected]=\"i === selectedIndex\"\n      [attr.tabindex]=\"i === focusedIndex ? 0 : -1\"\n      [attr.aria-selected]=\"i === selectedIndex\"\n      [attr.id]=\"tab.tabId\"\n    >\n      <div class=\"ids-tab__label\">\n        @if (tab.labelTemplate()) {\n          <ng-container [ngTemplateOutlet]=\"tab.labelTemplate() ?? null\"></ng-container>\n        } @else {\n          @if (tab.icon) {\n            <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n          }\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n          }\n        }\n      </div>\n    </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [attr.tabindex]=\"getTabPanelTabIndex(selectedIndex)\"\n    [attr.aria-labelledby]=\"tabs()[selectedIndex]?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs()[selectedIndex]?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs()[selectedIndex]?.content() ?? null\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: ["type", "icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTabGroupComponent, decorators: [{
             type: Component,
@@ -153,6 +155,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], selectLabel: [{
                 type: Input
+            }], tabChange: [{
+                type: Output
             }] } });
 
 /**

package/fesm2022/inera-ids-angular-components-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-tabs.mjs","sources":["../../../projects/ids-angular/components/tabs/tab.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.html","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, viewChild, inject, contentChild } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-tab',\n  template: `\n    <ng-template><ng-content></ng-content></ng-template>\n  `,\n  standalone: true,\n})\nexport class IDTabComponent {\n  @Input() tabId: string;\n  @Input() label: string;\n  @Input() notices: string = '';\n  @Input() icon: string;\n  @Input() selected: boolean;\n  @Input() noTabindex: boolean;\n  @Input() compact: boolean;\n\n  labelTemplate = contentChild<TemplateRef<any>>('idTabLabel');\n\n  content = viewChild.required(TemplateRef);\n\n  private idService = inject(IDUseIdService);\n\n  ngOnInit(): void {\n    if (!this.tabId) {\n      this.tabId = this.idService.generateId('tab-id');\n    }\n  }\n}\n","import { AfterContentInit, Component, ElementRef, Input, booleanAttribute, inject, contentChildren } from '@angular/core';\nimport { IDTabComponent } from './tab.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';\n\n@Component({\n  selector: 'id-tab-group',\n  templateUrl: './tab-group.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet, IDNotificationBadgeComponent],\n  host: {\n    class: 'ids-tabs',\n    '[class.ids-tabs--responsive-on-s]': \"responsive === 's'\",\n    '[class.ids-tabs--unresponsive]': 'unresponsive',\n  },\n})\nexport class IDTabGroupComponent implements AfterContentInit {\n  tabs = contentChildren(IDTabComponent);\n  selectedIndex = 0;\n  focusedIndex = 0;\n\n  ngAfterContentInit(): void {\n    const tabsArray = this.tabs();\n    const selectedTabIndex = tabsArray.findIndex((tab) => tab.selected);\n    this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;\n    this.focusedIndex = this.selectedIndex;\n    this.selectTab(this.selectedIndex);\n  }\n\n  @Input() responsive: 'm' | 's' = 'm';\n  @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n  @Input({ transform: booleanAttribute }) light: boolean = false;\n  @Input({ transform: booleanAttribute }) compact: boolean = false;\n  @Input() selectLabel?: string;\n  private ref = inject(ElementRef);\n\n  private idService = inject(IDUseIdService);\n  selectId = this.idService.generateId('tab-group');\n\n  selectTab(i: number) {\n    this.selectedIndex = i;\n    this.focusedIndex = i;\n\n    this.tabs().forEach((tab, index) => {\n      tab.selected = index === i;\n    });\n  }\n\n  onKeydown(event: KeyboardEvent) {\n    const key = event.key;\n    const lastIndex = this.tabs().length - 1;\n\n    let newIndex = this.focusedIndex;\n\n    if (key === 'ArrowRight') {\n      event.preventDefault();\n      newIndex = this.focusedIndex < lastIndex ? this.focusedIndex + 1 : 0;\n    }\n\n    if (key === 'ArrowLeft') {\n      event.preventDefault();\n      newIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : lastIndex;\n    }\n\n    if (key === 'Home') {\n      event.preventDefault();\n      newIndex = 0;\n    }\n\n    if (key === 'End') {\n      event.preventDefault();\n      newIndex = lastIndex;\n    }\n\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      this.selectTab(this.focusedIndex);\n      return;\n    }\n\n    // Only move focus (NOT selection)\n    if (newIndex !== this.focusedIndex) {\n      this.focusedIndex = newIndex;\n\n      queueMicrotask(() => {\n        const tabs = this.ref.nativeElement.querySelectorAll('.ids-tab[role=\"tab\"]') as NodeListOf<HTMLElement>;\n        tabs[newIndex]?.focus();\n      });\n    }\n  }\n\n  getTabPanelTabIndex(tabIndex: number): number | null {\n    const tab = this.tabs()[tabIndex];\n    if (!tab) return 0;\n\n    if (tab.noTabindex) return null;\n\n    const panelEl = document.querySelectorAll<HTMLElement>('.ids-tab-panel')[tabIndex];\n    if (!panelEl) return 0;\n\n    const focusableSelectors = [\n      'a[href]',\n      'button:not([disabled])',\n      'textarea:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(', ');\n\n    const hasFocusable = panelEl.querySelector(focusableSelectors) !== null;\n    return hasFocusable ? -1 : 0;\n  }\n}\n","<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel || \"Välj flik\" }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectTab(+$any($event.target).value)\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs(); track tab; let i = $index) {\n        <option\n          [value]=\"i\"\n          [selected]=\"i === selectedIndex\"\n        >\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            ({{ tab.notices }})\n          }\n        </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @for (tab of tabs(); track tab; let i = $index) {\n    <button\n      role=\"tab\"\n      (click)=\"selectTab(i)\"\n      class=\"ids-tab\"\n      [class.ids-tab--selected]=\"i === selectedIndex\"\n      [attr.tabindex]=\"i === focusedIndex ? 0 : -1\"\n      [attr.aria-selected]=\"i === selectedIndex\"\n      [attr.id]=\"tab.tabId\"\n    >\n      <div class=\"ids-tab__label\">\n        @if (tab.labelTemplate()) {\n          <ng-container [ngTemplateOutlet]=\"tab.labelTemplate() ?? null\"></ng-container>\n        } @else {\n          @if (tab.icon) {\n            <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n          }\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n          }\n        }\n      </div>\n    </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [attr.tabindex]=\"getTabPanelTabIndex(selectedIndex)\"\n    [attr.aria-labelledby]=\"tabs()[selectedIndex]?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs()[selectedIndex]?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs()[selectedIndex]?.content() ?? null\"></ng-container>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-tabs.mjs","sources":["../../../projects/ids-angular/components/tabs/tab.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.ts","../../../projects/ids-angular/components/tabs/tab-group.component.html","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, viewChild, inject, contentChild } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-tab',\n  template: `\n    <ng-template><ng-content></ng-content></ng-template>\n  `,\n  standalone: true,\n})\nexport class IDTabComponent {\n  @Input() tabId: string;\n  @Input() label: string;\n  @Input() notices: string = '';\n  @Input() icon: string;\n  @Input() selected: boolean;\n  @Input() noTabindex: boolean;\n  @Input() compact: boolean;\n\n  labelTemplate = contentChild<TemplateRef<any>>('idTabLabel');\n\n  content = viewChild.required(TemplateRef);\n\n  private idService = inject(IDUseIdService);\n\n  ngOnInit(): void {\n    if (!this.tabId) {\n      this.tabId = this.idService.generateId('tab-id');\n    }\n  }\n}\n","import { AfterContentInit, Component, ElementRef, Input, booleanAttribute, inject, contentChildren, EventEmitter, Output } from '@angular/core';\nimport { IDTabComponent } from './tab.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';\n\n@Component({\n  selector: 'id-tab-group',\n  templateUrl: './tab-group.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet, IDNotificationBadgeComponent],\n  host: {\n    class: 'ids-tabs',\n    '[class.ids-tabs--responsive-on-s]': \"responsive === 's'\",\n    '[class.ids-tabs--unresponsive]': 'unresponsive',\n  },\n})\nexport class IDTabGroupComponent implements AfterContentInit {\n  tabs = contentChildren(IDTabComponent);\n  selectedIndex = 0;\n  focusedIndex = 0;\n\n  ngAfterContentInit(): void {\n    const tabsArray = this.tabs();\n    const selectedTabIndex = tabsArray.findIndex((tab) => tab.selected);\n    this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;\n    this.focusedIndex = this.selectedIndex;\n    this.selectTab(this.selectedIndex);\n  }\n\n  @Input() responsive: 'm' | 's' = 'm';\n  @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n  @Input({ transform: booleanAttribute }) light: boolean = false;\n  @Input({ transform: booleanAttribute }) compact: boolean = false;\n  @Input() selectLabel?: string;\n  @Output() tabChange: EventEmitter<number> = new EventEmitter<number>();\n  private ref = inject(ElementRef);\n\n  private idService = inject(IDUseIdService);\n  selectId = this.idService.generateId('tab-group');\n\n  selectTab(i: number) {\n    this.selectedIndex = i;\n    this.focusedIndex = i;\n\n    this.tabs().forEach((tab, index) => {\n      tab.selected = index === i;\n    });\n    this.tabChange.emit(i);\n  }\n\n  onKeydown(event: KeyboardEvent) {\n    const key = event.key;\n    const lastIndex = this.tabs().length - 1;\n\n    let newIndex = this.focusedIndex;\n\n    if (key === 'ArrowRight') {\n      event.preventDefault();\n      newIndex = this.focusedIndex < lastIndex ? this.focusedIndex + 1 : 0;\n    }\n\n    if (key === 'ArrowLeft') {\n      event.preventDefault();\n      newIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : lastIndex;\n    }\n\n    if (key === 'Home') {\n      event.preventDefault();\n      newIndex = 0;\n    }\n\n    if (key === 'End') {\n      event.preventDefault();\n      newIndex = lastIndex;\n    }\n\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      this.selectTab(this.focusedIndex);\n      return;\n    }\n\n    // Only move focus (NOT selection)\n    if (newIndex !== this.focusedIndex) {\n      this.focusedIndex = newIndex;\n\n      queueMicrotask(() => {\n        const tabs = this.ref.nativeElement.querySelectorAll('.ids-tab[role=\"tab\"]') as NodeListOf<HTMLElement>;\n        tabs[newIndex]?.focus();\n      });\n    }\n  }\n\n  getTabPanelTabIndex(tabIndex: number): number | null {\n    const tab = this.tabs()[tabIndex];\n    if (!tab) return 0;\n\n    if (tab.noTabindex) return null;\n\n    const panelEl = document.querySelectorAll<HTMLElement>('.ids-tab-panel')[tabIndex];\n    if (!panelEl) return 0;\n\n    const focusableSelectors = [\n      'a[href]',\n      'button:not([disabled])',\n      'textarea:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(', ');\n\n    const hasFocusable = panelEl.querySelector(focusableSelectors) !== null;\n    return hasFocusable ? -1 : 0;\n  }\n}\n","<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel || \"Välj flik\" }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectTab(+$any($event.target).value)\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs(); track tab; let i = $index) {\n        <option\n          [value]=\"i\"\n          [selected]=\"i === selectedIndex\"\n        >\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            ({{ tab.notices }})\n          }\n        </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @for (tab of tabs(); track tab; let i = $index) {\n    <button\n      role=\"tab\"\n      (click)=\"selectTab(i)\"\n      class=\"ids-tab\"\n      [class.ids-tab--selected]=\"i === selectedIndex\"\n      [attr.tabindex]=\"i === focusedIndex ? 0 : -1\"\n      [attr.aria-selected]=\"i === selectedIndex\"\n      [attr.id]=\"tab.tabId\"\n    >\n      <div class=\"ids-tab__label\">\n        @if (tab.labelTemplate()) {\n          <ng-container [ngTemplateOutlet]=\"tab.labelTemplate() ?? null\"></ng-container>\n        } @else {\n          @if (tab.icon) {\n            <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n          }\n          {{ tab.label }}\n          @if (tab.notices !== \"\") {\n            <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n          }\n        }\n      </div>\n    </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [attr.tabindex]=\"getTabPanelTabIndex(selectedIndex)\"\n    [attr.aria-labelledby]=\"tabs()[selectedIndex]?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs()[selectedIndex]?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs()[selectedIndex]?.content() ?? null\"></ng-container>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inera/ids-angular",
-  "version": "9.4.0",
+  "version": "9.4.1",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -78,10 +78,6 @@
       "types": "./components/control-button/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-control-button.mjs"
     },
-    "./components/date-label": {
-      "types": "./components/date-label/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-date-label.mjs"
-    },
     "./components/dialog": {
       "types": "./components/dialog/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-dialog.mjs"
@@ -90,22 +86,18 @@
       "types": "./components/district-selector/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-district-selector.mjs"
     },
-    "./components/dropdown": {
-      "types": "./components/dropdown/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-dropdown.mjs"
-    },
     "./components/footer-1177": {
       "types": "./components/footer-1177/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-footer-1177.mjs"
     },
+    "./components/date-label": {
+      "types": "./components/date-label/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-date-label.mjs"
+    },
     "./components/footer-1177-admin": {
       "types": "./components/footer-1177-admin/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-footer-1177-admin.mjs"
     },
-    "./components/footer-1177-pro": {
-      "types": "./components/footer-1177-pro/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-footer-1177-pro.mjs"
-    },
     "./components/footer-inera": {
       "types": "./components/footer-inera/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-footer-inera.mjs"
@@ -114,9 +106,13 @@
       "types": "./components/footer-inera-admin/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-footer-inera-admin.mjs"
     },
-    "./components/footer-inera-general": {
-      "types": "./components/footer-inera-general/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-footer-inera-general.mjs"
+    "./components/dropdown": {
+      "types": "./components/dropdown/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-dropdown.mjs"
+    },
+    "./components/footer-1177-pro": {
+      "types": "./components/footer-1177-pro/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-footer-1177-pro.mjs"
     },
     "./components/global-alert": {
       "types": "./components/global-alert/index.d.ts",
@@ -142,6 +138,10 @@
       "types": "./components/header-1177-pro/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-header-1177-pro.mjs"
     },
+    "./components/footer-inera-general": {
+      "types": "./components/footer-inera-general/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-footer-inera-general.mjs"
+    },
     "./components/header-inera": {
       "types": "./components/header-inera/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-header-inera.mjs"
@@ -150,10 +150,6 @@
       "types": "./components/header-inera-admin/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-header-inera-admin.mjs"
     },
-    "./components/header-inera-general": {
-      "types": "./components/header-inera-general/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-header-inera-general.mjs"
-    },
     "./components/header-patient": {
       "types": "./components/header-patient/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-header-patient.mjs"
@@ -162,6 +158,10 @@
       "types": "./components/link/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-link.mjs"
     },
+    "./components/header-inera-general": {
+      "types": "./components/header-inera-general/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-header-inera-general.mjs"
+    },
     "./components/message-avatar": {
       "types": "./components/message-avatar/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-message-avatar.mjs"
@@ -170,14 +170,14 @@
       "types": "./components/notification-badge/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-notification-badge.mjs"
     },
-    "./components/popover": {
-      "types": "./components/popover/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-popover.mjs"
-    },
     "./components/progressbar": {
       "types": "./components/progressbar/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-progressbar.mjs"
     },
+    "./components/popover": {
+      "types": "./components/popover/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-popover.mjs"
+    },
     "./components/puff-list": {
       "types": "./components/puff-list/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-puff-list.mjs"
@@ -186,10 +186,6 @@
       "types": "./components/region-icon/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-region-icon.mjs"
     },
-    "./components/side-menu": {
-      "types": "./components/side-menu/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-side-menu.mjs"
-    },
     "./components/side-panel": {
       "types": "./components/side-panel/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-side-panel.mjs"
@@ -198,10 +194,6 @@
       "types": "./components/stepper/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-stepper.mjs"
     },
-    "./components/tabs": {
-      "types": "./components/tabs/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-tabs.mjs"
-    },
     "./components/tag": {
       "types": "./components/tag/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-tag.mjs"
@@ -214,6 +206,10 @@
       "types": "./components/tooltip/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-tooltip.mjs"
     },
+    "./components/side-menu": {
+      "types": "./components/side-menu/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-side-menu.mjs"
+    },
     "./components/form/check-button": {
       "types": "./components/form/check-button/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-check-button.mjs"
@@ -222,14 +218,14 @@
       "types": "./components/form/checkbox/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-checkbox.mjs"
     },
-    "./components/form/checkbox-group": {
-      "types": "./components/form/checkbox-group/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-checkbox-group.mjs"
-    },
     "./components/form/darkmode-toggle": {
       "types": "./components/form/darkmode-toggle/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-darkmode-toggle.mjs"
     },
+    "./components/form/checkbox-group": {
+      "types": "./components/form/checkbox-group/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-checkbox-group.mjs"
+    },
     "./components/form/error-message": {
       "types": "./components/form/error-message/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-error-message.mjs"
@@ -242,26 +238,30 @@
       "types": "./components/form/label-subtitle/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-label-subtitle.mjs"
     },
+    "./components/form/radio": {
+      "types": "./components/form/radio/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-radio.mjs"
+    },
     "./components/form/radio-button": {
       "types": "./components/form/radio-button/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-radio-button.mjs"
     },
-    "./components/form/range": {
-      "types": "./components/form/range/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-range.mjs"
+    "./components/tabs": {
+      "types": "./components/tabs/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-tabs.mjs"
     },
     "./components/form/select": {
       "types": "./components/form/select/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-select.mjs"
     },
+    "./components/form/range": {
+      "types": "./components/form/range/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-range.mjs"
+    },
     "./components/form/select-multiple": {
       "types": "./components/form/select-multiple/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-select-multiple.mjs"
     },
-    "./components/form/spinner": {
-      "types": "./components/form/spinner/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-spinner.mjs"
-    },
     "./components/form/textarea": {
       "types": "./components/form/textarea/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-textarea.mjs"
@@ -274,14 +274,14 @@
       "types": "./components/form/toggle/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-toggle.mjs"
     },
-    "./components/form/radio": {
-      "types": "./components/form/radio/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-radio.mjs"
-    },
     "./components/grid/column": {
       "types": "./components/grid/column/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-column.mjs"
     },
+    "./components/form/spinner": {
+      "types": "./components/form/spinner/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-spinner.mjs"
+    },
     "./components/grid/container": {
       "types": "./components/grid/container/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-container.mjs"
@@ -290,6 +290,10 @@
       "types": "./components/grid/row/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-row.mjs"
     },
+    "./components/grid-layout/grid-row": {
+      "types": "./components/grid-layout/grid-row/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs"
+    },
     "./components/grid-layout/grid-column": {
       "types": "./components/grid-layout/grid-column/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs"
@@ -298,18 +302,10 @@
       "types": "./components/grid-layout/grid-container/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs"
     },
-    "./components/grid-layout/grid-row": {
-      "types": "./components/grid-layout/grid-row/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs"
-    },
     "./components/mobile/menu": {
       "types": "./components/mobile/menu/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-mobile-menu.mjs"
     },
-    "./components/navigation/content": {
-      "types": "./components/navigation/content/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-navigation-content.mjs"
-    },
     "./components/navigation/local": {
       "types": "./components/navigation/local/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-navigation-local.mjs"
@@ -325,6 +321,10 @@
     "./components/pagination/data-pagination": {
       "types": "./components/pagination/data-pagination/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs"
+    },
+    "./components/navigation/content": {
+      "types": "./components/navigation/content/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-navigation-content.mjs"
     }
   },
   "module": "fesm2022/inera-ids-angular.mjs",