@inera/ids-angular 9.3.0 → 9.4.0

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Output, Input, Component, contentChildren, NgModule } from '@angular/core';
+import { EventEmitter, inject, booleanAttribute, Output, Input, Component, contentChildren, NgModule } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
 
 class IDStepComponent {
     state = '';
@@ -11,6 +12,8 @@ class IDStepComponent {
     closed = new EventEmitter();
     opened = new EventEmitter();
     expandedChange = new EventEmitter();
+    idService = inject(IDUseIdService);
+    contentId = this.idService.generateId('step');
     toggleExpansion() {
         if (this.expanded) {
             this.hasClosed();
@@ -29,12 +32,13 @@ class IDStepComponent {
         this.expandedChange.emit(true);
         this.opened.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDStepComponent, isStandalone: true, selector: "id-step", inputs: { state: "state", step: "step", srIndicatorText: "srIndicatorText", subtitle: "subtitle", disabled: ["disabled", "disabled", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { classAttribute: "ids-step" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDStepComponent, isStandalone: true, selector: "id-step", inputs: { state: "state", step: "step", srIndicatorText: "srIndicatorText", subtitle: "subtitle", disabled: ["disabled", "disabled", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { classAttribute: "ids-step" }, ngImport: i0, template: `
     <button
       class="ids-step__button focusable"
       [class.ids-step__button--disabled]="disabled"
       [disabled]="disabled"
+      [attr.aria-controls]="contentId"
       (click)="toggleExpansion()"
     >
       <div class="ids-step__button-inner">
@@ -65,6 +69,7 @@ class IDStepComponent {
       </div>
     </button>
     <div
+      [id]="contentId"
       class="ids-step__content"
       [class.ids-step__content--expanded]="expanded"
     >
@@ -72,7 +77,7 @@ class IDStepComponent {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-step',
@@ -81,6 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       class="ids-step__button focusable"
       [class.ids-step__button--disabled]="disabled"
       [disabled]="disabled"
+      [attr.aria-controls]="contentId"
       (click)="toggleExpansion()"
     >
       <div class="ids-step__button-inner">
@@ -111,6 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </button>
     <div
+      [id]="contentId"
       class="ids-step__content"
       [class.ids-step__content--expanded]="expanded"
     >
@@ -153,10 +160,10 @@ class IDStepperComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDStepperComponent, isStandalone: true, selector: "id-stepper", host: { classAttribute: "ids-stepper" }, queries: [{ propertyName: "steps", predicate: IDStepComponent, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDStepperComponent, isStandalone: true, selector: "id-stepper", host: { classAttribute: "ids-stepper" }, queries: [{ propertyName: "steps", predicate: IDStepComponent, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-stepper",
@@ -169,10 +176,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDStepHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDStepHeaderComponent, isStandalone: true, selector: "id-step-header", host: { classAttribute: "ids-step__headline" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDStepHeaderComponent, isStandalone: true, selector: "id-step-header", host: { classAttribute: "ids-step__headline" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-step-header",
@@ -185,15 +192,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDStepperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDStepperModule, imports: [IDStepComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDStepperModule, imports: [IDStepComponent,
             IDStepperComponent,
             IDStepHeaderComponent], exports: [IDStepComponent,
             IDStepperComponent,
             IDStepHeaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepperModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-stepper.mjs","sources":["../../../projects/ids-angular/components/stepper/step.component.ts","../../../projects/ids-angular/components/stepper/stepper.component.ts","../../../projects/ids-angular/components/stepper/step-header.component.ts","../../../projects/ids-angular/components/stepper/stepper.module.ts","../../../projects/ids-angular/components/stepper/inera-ids-angular-components-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'id-step',\n  template: `\n    <button\n      class=\"ids-step__button focusable\"\n      [class.ids-step__button--disabled]=\"disabled\"\n      [disabled]=\"disabled\"\n      (click)=\"toggleExpansion()\"\n    >\n      <div class=\"ids-step__button-inner\">\n        <div class=\"ids-step__indicator-wrapper\">\n          <div\n            [attr.aria-label]=\"this.srIndicatorText || this.step\"\n            [attr.role-img-alt]=\"this.srIndicatorText || this.step\"\n            role=\"img\"\n            class=\"ids-step__indicator ids-step__indicator--{{ this.state }}\"\n          >\n            @if (this.state !== 'valid' && this.state !== 'invalid') {\n              {{ step }}\n            }\n          </div>\n        </div>\n        <div class=\"ids-step__button-text\">\n          <div class=\"ids-step__headline-label\">\n            <ng-content select=\"id-step-header\"></ng-content>\n            @if (subtitle) {\n              <div class=\"ids-step__subtitle\">{{ subtitle }}</div>\n            }\n          </div>\n          <div\n            class=\"ids-step__chevron\"\n            [class.ids-step__chevron--expanded]=\"expanded\"\n          ></div>\n        </div>\n      </div>\n    </button>\n    <div\n      class=\"ids-step__content\"\n      [class.ids-step__content--expanded]=\"expanded\"\n    >\n      <ng-content></ng-content>\n    </div>\n  `,\n  host: {\n    class: 'ids-step',\n  },\n  standalone: true,\n})\nexport class IDStepComponent {\n  @Input() state: '' | 'valid' | 'invalid' | 'selected' = '';\n  @Input() step = '';\n  @Input() srIndicatorText = '';\n  @Input() subtitle = '';\n  @Input({ transform: booleanAttribute }) disabled = false;\n  @Input({ transform: booleanAttribute }) expanded = false;\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  toggleExpansion() {\n    if (this.expanded) {\n      this.hasClosed();\n    } else {\n      this.hasExpanded();\n    }\n  }\n\n  hasClosed() {\n    this.expanded = false;\n    this.expandedChange.emit(false);\n    this.closed.emit();\n  }\n  hasExpanded() {\n    this.expanded = true;\n    this.expandedChange.emit(true);\n    this.opened.emit();\n  }\n}\n","import { AfterContentInit, Component, contentChildren } from '@angular/core';\nimport { IDStepComponent } from \"./step.component\";\n\n@Component({\n  selector: \"id-stepper\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-stepper'\n  }\n})\nexport class IDStepperComponent implements AfterContentInit {\n\n  steps = contentChildren(IDStepComponent);\n\n  ngAfterContentInit(): void {\n    this.steps().forEach((step, index) => {\n      if(!step.step) {\n        step.step = \"\"+(index+1);\n      }\n    })\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-step-header\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-step__headline'\n  }\n})\nexport class IDStepHeaderComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDStepComponent } from './step.component';\nimport { IDStepperComponent } from './stepper.component';\nimport { IDStepHeaderComponent } from './step-header.component';\n\n@NgModule({\n  imports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n  exports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n})\nexport class IDStepperModule {}","/**\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-stepper.mjs","sources":["../../../projects/ids-angular/components/stepper/step.component.ts","../../../projects/ids-angular/components/stepper/stepper.component.ts","../../../projects/ids-angular/components/stepper/step-header.component.ts","../../../projects/ids-angular/components/stepper/stepper.module.ts","../../../projects/ids-angular/components/stepper/inera-ids-angular-components-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, booleanAttribute, inject } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n@Component({\n  selector: 'id-step',\n  template: `\n    <button\n      class=\"ids-step__button focusable\"\n      [class.ids-step__button--disabled]=\"disabled\"\n      [disabled]=\"disabled\"\n      [attr.aria-controls]=\"contentId\"\n      (click)=\"toggleExpansion()\"\n    >\n      <div class=\"ids-step__button-inner\">\n        <div class=\"ids-step__indicator-wrapper\">\n          <div\n            [attr.aria-label]=\"this.srIndicatorText || this.step\"\n            [attr.role-img-alt]=\"this.srIndicatorText || this.step\"\n            role=\"img\"\n            class=\"ids-step__indicator ids-step__indicator--{{ this.state }}\"\n          >\n            @if (this.state !== 'valid' && this.state !== 'invalid') {\n              {{ step }}\n            }\n          </div>\n        </div>\n        <div class=\"ids-step__button-text\">\n          <div class=\"ids-step__headline-label\">\n            <ng-content select=\"id-step-header\"></ng-content>\n            @if (subtitle) {\n              <div class=\"ids-step__subtitle\">{{ subtitle }}</div>\n            }\n          </div>\n          <div\n            class=\"ids-step__chevron\"\n            [class.ids-step__chevron--expanded]=\"expanded\"\n          ></div>\n        </div>\n      </div>\n    </button>\n    <div\n      [id]=\"contentId\"\n      class=\"ids-step__content\"\n      [class.ids-step__content--expanded]=\"expanded\"\n    >\n      <ng-content></ng-content>\n    </div>\n  `,\n  host: {\n    class: 'ids-step',\n  },\n  standalone: true,\n})\nexport class IDStepComponent {\n  @Input() state: '' | 'valid' | 'invalid' | 'selected' = '';\n  @Input() step = '';\n  @Input() srIndicatorText = '';\n  @Input() subtitle = '';\n  @Input({ transform: booleanAttribute }) disabled = false;\n  @Input({ transform: booleanAttribute }) expanded = false;\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  private idService = inject(IDUseIdService);\n  contentId = this.idService.generateId('step');\n\n  toggleExpansion() {\n    if (this.expanded) {\n      this.hasClosed();\n    } else {\n      this.hasExpanded();\n    }\n  }\n\n  hasClosed() {\n    this.expanded = false;\n    this.expandedChange.emit(false);\n    this.closed.emit();\n  }\n  hasExpanded() {\n    this.expanded = true;\n    this.expandedChange.emit(true);\n    this.opened.emit();\n  }\n}\n","import { AfterContentInit, Component, contentChildren } from '@angular/core';\nimport { IDStepComponent } from \"./step.component\";\n\n@Component({\n  selector: \"id-stepper\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-stepper'\n  }\n})\nexport class IDStepperComponent implements AfterContentInit {\n\n  steps = contentChildren(IDStepComponent);\n\n  ngAfterContentInit(): void {\n    this.steps().forEach((step, index) => {\n      if(!step.step) {\n        step.step = \"\"+(index+1);\n      }\n    })\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-step-header\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-step__headline'\n  }\n})\nexport class IDStepHeaderComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDStepComponent } from './step.component';\nimport { IDStepperComponent } from './stepper.component';\nimport { IDStepHeaderComponent } from './step-header.component';\n\n@NgModule({\n  imports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n  exports: [\n    IDStepComponent,\n    IDStepperComponent,\n    IDStepHeaderComponent\n  ],\n})\nexport class IDStepperModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -20,12 +20,12 @@ class IDTabComponent {
             this.tabId = this.idService.generateId('tab-id');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDTabComponent, isStandalone: true, selector: "id-tab", inputs: { tabId: "tabId", label: "label", notices: "notices", icon: "icon", selected: "selected", noTabindex: "noTabindex", compact: "compact" }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["idTabLabel"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDTabComponent, isStandalone: true, selector: "id-tab", inputs: { tabId: "tabId", label: "label", notices: "notices", icon: "icon", selected: "selected", noTabindex: "noTabindex", compact: "compact" }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["idTabLabel"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template><ng-content></ng-content></ng-template>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-tab',
@@ -130,10 +130,10 @@ class IDTabGroupComponent {
         const hasFocusable = panelEl.querySelector(focusableSelectors) !== null;
         return hasFocusable ? -1 : 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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 ɵ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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-tab-group', standalone: true, imports: [NgTemplateOutlet, IDNotificationBadgeComponent], host: {
                         class: 'ids-tabs',

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

@@ -5,10 +5,10 @@ class IDTagComponent {
     closeable = false;
     srCloseLabel = 'Stäng';
     closed = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDTagComponent, isStandalone: true, selector: "id-tag", inputs: { closeable: ["closeable", "closeable", booleanAttribute], srCloseLabel: "srCloseLabel" }, outputs: { closed: "closed" }, host: { classAttribute: "ids-tag" }, ngImport: i0, template: "<div class=\"ids-tag__content\">\n  <ng-content></ng-content>\n  @if (closeable) {\n    <button\n      class=\"ids-tag__close-btn\"\n      (closed)=\"closed.emit(true)\"\n      [attr.aria-label]=\"srCloseLabel\"\n    >\n      <span\n        class=\"ids-icon-close\"\n        aria-hidden\n      ></span>\n    </button>\n  }\n</div>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDTagComponent, isStandalone: true, selector: "id-tag", inputs: { closeable: ["closeable", "closeable", booleanAttribute], srCloseLabel: "srCloseLabel" }, outputs: { closed: "closed" }, host: { classAttribute: "ids-tag" }, ngImport: i0, template: "<div class=\"ids-tag__content\">\n  <ng-content></ng-content>\n  @if (closeable) {\n    <button\n      class=\"ids-tag__close-btn\"\n      (closed)=\"closed.emit(true)\"\n      [attr.aria-label]=\"srCloseLabel\"\n    >\n      <span\n        class=\"ids-icon-close\"\n        aria-hidden\n      ></span>\n    </button>\n  }\n</div>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-tag', standalone: true, host: {
                         class: 'ids-tag',
@@ -23,10 +23,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDTagDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDTagDirective, isStandalone: true, selector: "*[idTag]", host: { classAttribute: "ids-tag ids-tag--clickable" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IDTagDirective, isStandalone: true, selector: "*[idTag]", host: { classAttribute: "ids-tag ids-tag--clickable" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTagDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "*[idTag]",

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 
 class IDToolbarComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDToolbarComponent, isStandalone: true, selector: "id-toolbar", ngImport: i0, template: "<div class=\"ids-toolbar\">\n  <div class=\"ids-toolbar__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDToolbarComponent, isStandalone: true, selector: "id-toolbar", ngImport: i0, template: "<div class=\"ids-toolbar\">\n  <div class=\"ids-toolbar__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-toolbar', standalone: true, template: "<div class=\"ids-toolbar\">\n  <div class=\"ids-toolbar__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }] });

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

@@ -9,10 +9,10 @@ class IDTooltipTriggerDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDTooltipTriggerDirective, isStandalone: true, selector: "[idTooltipTrigger]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IDTooltipTriggerDirective, isStandalone: true, selector: "[idTooltipTrigger]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[idTooltipTrigger]',
@@ -136,8 +136,8 @@ class IDTooltipComponent {
             bottom: 'auto', right: 'auto', transform: 'none', zIndex: '9999',
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDTooltipComponent, isStandalone: true, selector: "id-tooltip", inputs: { maxWidth: "maxWidth", fixedPosition: ["fixedPosition", "fixedPosition", booleanAttribute], position: "position" }, host: { listeners: { "focusin": "onShow($event)", "mouseover": "onShow($event)", "focusout": "onHide()", "mouseout": "onHide()" }, classAttribute: "ids-tooltip" }, queries: [{ propertyName: "trigger", first: true, predicate: IDTooltipTriggerDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDTooltipComponent, isStandalone: true, selector: "id-tooltip", inputs: { maxWidth: "maxWidth", fixedPosition: ["fixedPosition", "fixedPosition", booleanAttribute], position: "position" }, host: { listeners: { "focusin": "onShow($event)", "mouseover": "onShow($event)", "focusout": "onHide()", "mouseout": "onHide()" }, classAttribute: "ids-tooltip" }, queries: [{ propertyName: "trigger", first: true, predicate: IDTooltipTriggerDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <span class="ids-tooltip__trigger">
       <ng-content select="[idTooltipTrigger]"></ng-content>
     </span>
@@ -153,7 +153,7 @@ class IDTooltipComponent {
     </span>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-tooltip',
@@ -199,13 +199,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDTooltipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipModule, imports: [IDTooltipComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipModule, imports: [IDTooltipComponent,
             IDTooltipTriggerDirective], exports: [IDTooltipComponent,
             IDTooltipTriggerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [