@inera/ids-angular 9.0.2 → 9.1.0

package/fesm2022/inera-ids-angular-components-side-panel.mjs

@@ -8,8 +8,8 @@ const POSITION = new InjectionToken('POSITION');
 class IDSidePanelProviderComponent {
     position = 'right';
     hide;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
             {
                 provide: POSITION,
                 useFactory: (component) => component.position,
@@ -33,7 +33,7 @@ class IDSidePanelProviderComponent {
     }
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelProviderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelProviderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-panel-provider",
@@ -151,8 +151,8 @@ class IDSidePanelComponent {
     ngOnDestroy() {
         this.resizeObserver?.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
   <div class="ids-side-panel__panel">
     <div class="ids-side-panel__actions">
       @if(menu) {
@@ -186,7 +186,7 @@ class IDSidePanelComponent {
     </div>
   </div>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-panel",
@@ -266,8 +266,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDSidePanelFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
     <footer>
       <div class="ids-side-panel__footer-links">
         <ng-content select="a"></ng-content>
@@ -284,7 +284,7 @@ class IDSidePanelFooterComponent {
     </footer>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-panel-footer',
@@ -313,16 +313,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDSidePanelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent], exports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { EventEmitter, booleanAttribute, Output, Input, Component, ContentChildren, NgModule } from '@angular/core';
 
 class IDStepComponent {
-    state = "";
-    step = "";
-    srIndicatorText = "";
-    label = "";
+    state = '';
+    step = '';
+    srIndicatorText = '';
+    label = '';
     disabled = false;
     expanded = false;
     closed = new EventEmitter();
@@ -29,86 +29,98 @@ class IDStepComponent {
         this.expandedChange.emit(true);
         this.opened.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDStepComponent, isStandalone: true, selector: "id-step", inputs: { state: "state", step: "step", srIndicatorText: "srIndicatorText", label: "label", disabled: ["disabled", "disabled", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { classAttribute: "ids-step" }, ngImport: i0, template: `
-    <button 
+    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", label: "label", 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"
-      (click)="toggleExpansion()">
+      (click)="toggleExpansion()"
+    >
       <div class="ids-step__button-inner">
         <div class="ids-step__indicator-wrapper">
           <div
             [attr.aria-label]="this.srIndicatorText || this.step"
             [attr.role-img-alt]="this.srIndicatorText || this.step"
             role="img"
-            class="ids-step__indicator ids-step__indicator--{{this.state}}">
-            @if((this.state !== "valid" && this.state !== "invalid")) {
-              {{step}}
+            class="ids-step__indicator ids-step__indicator--{{ this.state }}"
+          >
+            @if (this.state !== 'valid' && this.state !== 'invalid') {
+              {{ step }}
             }
           </div>
         </div>
         <div class="ids-step__button-text">
-          <div class="ids-step__headline-label"> 
+          <div class="ids-step__headline-label">
+            <ng-content select="id-step-header"></ng-content>
             @if (label) {
-              <div class="ids-step__label">{{label}}</div>
+              <div class="ids-step__label">{{ label }}</div>
             }
-            <ng-content select="id-step-header"></ng-content>
           </div>
-          <div class="ids-step__chevron" [class.ids-step__chevron--expanded]="expanded">  </div>
+          <div
+            class="ids-step__chevron"
+            [class.ids-step__chevron--expanded]="expanded"
+          ></div>
         </div>
       </div>
     </button>
-    <div 
+    <div
       class="ids-step__content"
-      [class.ids-step__content--expanded]="expanded">
+      [class.ids-step__content--expanded]="expanded"
+    >
       <ng-content></ng-content>
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-step",
+                    selector: 'id-step',
                     template: `
-    <button 
+    <button
       class="ids-step__button focusable"
       [class.ids-step__button--disabled]="disabled"
       [disabled]="disabled"
-      (click)="toggleExpansion()">
+      (click)="toggleExpansion()"
+    >
       <div class="ids-step__button-inner">
         <div class="ids-step__indicator-wrapper">
           <div
             [attr.aria-label]="this.srIndicatorText || this.step"
             [attr.role-img-alt]="this.srIndicatorText || this.step"
             role="img"
-            class="ids-step__indicator ids-step__indicator--{{this.state}}">
-            @if((this.state !== "valid" && this.state !== "invalid")) {
-              {{step}}
+            class="ids-step__indicator ids-step__indicator--{{ this.state }}"
+          >
+            @if (this.state !== 'valid' && this.state !== 'invalid') {
+              {{ step }}
             }
           </div>
         </div>
         <div class="ids-step__button-text">
-          <div class="ids-step__headline-label"> 
+          <div class="ids-step__headline-label">
+            <ng-content select="id-step-header"></ng-content>
             @if (label) {
-              <div class="ids-step__label">{{label}}</div>
+              <div class="ids-step__label">{{ label }}</div>
             }
-            <ng-content select="id-step-header"></ng-content>
           </div>
-          <div class="ids-step__chevron" [class.ids-step__chevron--expanded]="expanded">  </div>
+          <div
+            class="ids-step__chevron"
+            [class.ids-step__chevron--expanded]="expanded"
+          ></div>
         </div>
       </div>
     </button>
-    <div 
+    <div
       class="ids-step__content"
-      [class.ids-step__content--expanded]="expanded">
+      [class.ids-step__content--expanded]="expanded"
+    >
       <ng-content></ng-content>
     </div>
   `,
                     host: {
-                        class: 'ids-step'
+                        class: 'ids-step',
                     },
-                    standalone: true
+                    standalone: true,
                 }]
         }], propDecorators: { state: [{
                 type: Input
@@ -141,10 +153,10 @@ class IDStepperComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDStepperComponent, isStandalone: true, selector: "id-stepper", host: { classAttribute: "ids-stepper" }, queries: [{ propertyName: "steps", predicate: IDStepComponent }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+    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: "14.0.0", version: "19.2.20", type: IDStepperComponent, isStandalone: true, selector: "id-stepper", host: { classAttribute: "ids-stepper" }, queries: [{ propertyName: "steps", predicate: IDStepComponent }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-stepper",
@@ -160,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDStepHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-step-header",
@@ -176,15 +188,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDStepperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, imports: [IDStepComponent,
+    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,
             IDStepperComponent,
             IDStepHeaderComponent], exports: [IDStepComponent,
             IDStepperComponent,
             IDStepHeaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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      <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            @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            @if (label) {\n              <div class=\"ids-step__label\">{{label}}</div>\n            }\n            <ng-content select=\"id-step-header\"></ng-content>\n          </div>\n          <div class=\"ids-step__chevron\" [class.ids-step__chevron--expanded]=\"expanded\">  </div>\n        </div>\n      </div>\n    </button>\n    <div \n      class=\"ids-step__content\"\n      [class.ids-step__content--expanded]=\"expanded\">\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() label = \"\";\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}","import { AfterContentInit, Component, ContentChildren, EventEmitter, Output, QueryList } 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  @ContentChildren(IDStepComponent)\n  steps: QueryList<IDStepComponent>;\n\n  ngAfterContentInit(): void {\n    this.steps.toArray().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 } 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 (label) {\n              <div class=\"ids-step__label\">{{ label }}</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() label = '';\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, EventEmitter, Output, QueryList } 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  @ContentChildren(IDStepComponent)\n  steps: QueryList<IDStepComponent>;\n\n  ngAfterContentInit(): void {\n    this.steps.toArray().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

@@ -1,29 +1,42 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, ContentChild, Input, Component, inject, booleanAttribute, ContentChildren } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
+import { inject, TemplateRef, ViewChild, ContentChild, Input, Component, booleanAttribute, ContentChildren } from '@angular/core';
 import { IDUseIdService } from '@inera/ids-angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';
 
 class IDTabComponent {
+    tabId;
     label;
-    notices = "";
+    notices = '';
     icon;
     selected;
     noTabindex;
     compact;
     labelTemplate;
     content;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabComponent, isStandalone: true, selector: "id-tab", inputs: { label: "label", notices: "notices", icon: "icon", selected: "selected", noTabindex: "noTabindex", compact: "compact" }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["idTabLabel"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
+    idService = inject(IDUseIdService);
+    ngOnInit() {
+        if (!this.tabId) {
+            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: "14.0.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, read: TemplateRef }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template><ng-content></ng-content></ng-template>
+  `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-tab',
-                    template: `<ng-template><ng-content></ng-content></ng-template>`,
-                    standalone: true
+                    template: `
+    <ng-template><ng-content></ng-content></ng-template>
+  `,
+                    standalone: true,
                 }]
-        }], propDecorators: { label: [{
+        }], propDecorators: { tabId: [{
+                type: Input
+            }], label: [{
                 type: Input
             }], notices: [{
                 type: Input
@@ -46,9 +59,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class IDTabGroupComponent {
     tabs;
     selectedIndex = 0;
+    focusedIndex = 0;
     ngAfterContentInit() {
-        const selectedTabIndex = this.tabs?.toArray().findIndex((tab) => tab.selected);
+        const tabsArray = this.tabs.toArray();
+        const selectedTabIndex = tabsArray.findIndex((tab) => tab.selected);
         this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;
+        this.focusedIndex = this.selectedIndex;
+        this.selectTab(this.selectedIndex);
     }
     responsive = 'm';
     unresponsive = false;
@@ -59,17 +76,75 @@ class IDTabGroupComponent {
     selectId = this.idService.generateId('tab-group');
     selectTab(i) {
         this.selectedIndex = i;
+        this.focusedIndex = i;
+        this.tabs.forEach((tab, index) => {
+            tab.selected = index === i;
+        });
+    }
+    onKeydown(event) {
+        const key = event.key;
+        const lastIndex = this.tabs.length - 1;
+        let newIndex = this.focusedIndex;
+        if (key === 'ArrowRight') {
+            event.preventDefault();
+            newIndex = this.focusedIndex < lastIndex ? this.focusedIndex + 1 : 0;
+        }
+        if (key === 'ArrowLeft') {
+            event.preventDefault();
+            newIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : lastIndex;
+        }
+        if (key === 'Home') {
+            event.preventDefault();
+            newIndex = 0;
+        }
+        if (key === 'End') {
+            event.preventDefault();
+            newIndex = lastIndex;
+        }
+        if (key === 'Enter' || key === ' ') {
+            event.preventDefault();
+            this.selectTab(this.focusedIndex);
+            return;
+        }
+        // Only move focus (NOT selection)
+        if (newIndex !== this.focusedIndex) {
+            this.focusedIndex = newIndex;
+            queueMicrotask(() => {
+                const tabs = document.querySelectorAll('.ids-tab[role="tab"]');
+                tabs[newIndex]?.focus();
+            });
+        }
+    }
+    getTabPanelTabIndex(tabIndex) {
+        const tab = this.tabs.toArray()[tabIndex];
+        if (!tab)
+            return 0;
+        if (tab.noTabindex)
+            return null;
+        const panelEl = document.querySelectorAll('.ids-tab-panel')[tabIndex];
+        if (!panelEl)
+            return 0;
+        const focusableSelectors = [
+            'a[href]',
+            'button:not([disabled])',
+            'textarea:not([disabled])',
+            'input:not([disabled])',
+            'select:not([disabled])',
+            '[tabindex]:not([tabindex="-1"])',
+        ].join(', ');
+        const hasFocusable = panelEl.querySelector(focusableSelectors) !== null;
+        return hasFocusable ? -1 : 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 }], ngImport: i0, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $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 }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\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  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></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    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(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.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 }], 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\"></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.get(selectedIndex)?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(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: "18.2.14", ngImport: i0, type: IDTabGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-tab-group', standalone: true, imports: [NgTemplateOutlet, IDNotificationBadgeComponent], host: {
                         class: 'ids-tabs',
                         '[class.ids-tabs--responsive-on-s]': "responsive === 's'",
                         '[class.ids-tabs--unresponsive]': 'unresponsive',
-                    }, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $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 }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\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  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></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    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n" }]
+                    }, 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\"></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.get(selectedIndex)?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n" }]
         }], propDecorators: { tabs: [{
                 type: ContentChildren,
                 args: [IDTabComponent]

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, ContentChild, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-tab',\n  template: `<ng-template><ng-content></ng-content></ng-template>`,\n  standalone: true\n})\nexport class IDTabComponent {\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\n  @ContentChild('idTabLabel', { read: TemplateRef }) labelTemplate?: TemplateRef<any>;\n\n\n  @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;\n\n}","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Input,\n  QueryList,\n  booleanAttribute,\n  inject,\n} 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  @ContentChildren(IDTabComponent) tabs!: QueryList<IDTabComponent>;\n  selectedIndex = 0;\n\n  ngAfterContentInit(): void {\n    const selectedTabIndex = this.tabs?.toArray().findIndex((tab) => tab.selected);\n    this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;\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\n  private idService = inject(IDUseIdService);\n  selectId = this.idService.generateId('tab-group');\n\n  selectTab(i: number) {\n    this.selectedIndex = i;\n  }\n}\n","<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $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 }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\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  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></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    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(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":";;;;;;MAOa,cAAc,CAAA;AAChB,IAAA,KAAK;IACL,OAAO,GAAW,EAAE;AACpB,IAAA,IAAI;AACJ,IAAA,QAAQ;AACR,IAAA,UAAU;AACV,IAAA,OAAO;AAGmC,IAAA,aAAa;AAGtB,IAAA,OAAO;wGAZtC,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EASW,WAAW,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGpC,WAAW,8DAfZ,CAAA,oDAAA,CAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGrD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EAAE,CAAA,oDAAA,CAAsD;AAChE,oBAAA,UAAU,EAAE;AACb,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAGkD,aAAa,EAAA,CAAA;sBAA/D,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;gBAGP,OAAO,EAAA,CAAA;sBAAhD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MCM7B,mBAAmB,CAAA;AACG,IAAA,IAAI;IACrC,aAAa,GAAG,CAAC;IAEjB,kBAAkB,GAAA;QAChB,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,QAAQ,CAAC;AAC9E,QAAA,IAAI,CAAC,aAAa,GAAG,gBAAgB,IAAI,CAAC,GAAG,gBAAgB,GAAG,CAAC;IACnE;IAES,UAAU,GAAc,GAAG;IACI,YAAY,GAAY,KAAK;IAC7B,KAAK,GAAY,KAAK;IACtB,OAAO,GAAY,KAAK;AACvD,IAAA,WAAW;AAEZ,IAAA,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;IAC1C,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC;AAEjD,IAAA,SAAS,CAAC,CAAS,EAAA;AACjB,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC;IACxB;wGApBW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAUV,gBAAgB,CAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAChB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iCAAA,EAAA,oBAAA,EAAA,8BAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAXnB,cAAc,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BjC,ivDAgEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9CY,gBAAgB,oJAAE,4BAA4B,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAO7C,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,SAAS;+BACE,cAAc,EAAA,UAAA,EAEZ,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,4BAA4B,CAAC,EAAA,IAAA,EACnD;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,mCAAmC,EAAE,oBAAoB;AACzD,wBAAA,gCAAgC,EAAE,cAAc;AACjD,qBAAA,EAAA,QAAA,EAAA,ivDAAA,EAAA;8BAGgC,IAAI,EAAA,CAAA;sBAApC,eAAe;uBAAC,cAAc;gBAQtB,UAAU,EAAA,CAAA;sBAAlB;gBACuC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,KAAK,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,WAAW,EAAA,CAAA;sBAAnB;;;AEtCH;;AAEG;;;;"}
+{"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, ContentChild, Input, TemplateRef, ViewChild, inject } 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  @ContentChild('idTabLabel', { read: TemplateRef }) labelTemplate?: TemplateRef<any>;\n\n  @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;\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 {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  Input,\n  QueryList,\n  booleanAttribute,\n  inject,\n} 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  @ContentChildren(IDTabComponent) tabs!: QueryList<IDTabComponent>;\n  selectedIndex = 0;\n  focusedIndex = 0;\n\n  ngAfterContentInit(): void {\n    const tabsArray = this.tabs.toArray();\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\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 = document.querySelectorAll<HTMLElement>('.ids-tab[role=\"tab\"]');\n        tabs[newIndex]?.focus();\n      });\n    }\n  }\n\n  getTabPanelTabIndex(tabIndex: number): number | null {\n    const tab = this.tabs.toArray()[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\"></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.get(selectedIndex)?.tabId\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(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/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: "18.2.14", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" });
+    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 (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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: "18.2.14", ngImpo
             }] } });
 
 class IDTagDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTagDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "*[idTag]",