@inera/ids-angular 9.2.0 → 9.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-side-panel.mjs","sources":["../../../projects/ids-angular/components/side-panel/side-panel-provider.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.component.ts","../../../projects/ids-angular/components/side-panel/side-panel-footer.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.module.ts","../../../projects/ids-angular/components/side-panel/inera-ids-angular-components-side-panel.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport { Component, InjectionToken, Input } from \"@angular/core\";\n\nexport const POSITION = new InjectionToken<'left' | 'right'>('POSITION')\n\n@Component({\n  selector: \"id-side-panel-provider\",\n   providers: [\n    {\n      provide: POSITION,\n      useFactory: (component: IDSidePanelProviderComponent) => component.position,\n      deps: [IDSidePanelProviderComponent]\n    }\n  ],\n  template: `\n    <ng-template #content>\n      <ng-content></ng-content>\n    </ng-template>\n    <ng-template #sidePanel>\n      @if(!hide) {\n        <ng-content select=\"id-side-panel\"></ng-content>\n      }\n    </ng-template>\n    @if(position === 'left') {\n      <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n    }\n    `,\n  standalone: true,\n  host: {\n    class: 'ids-side-panel-provider'\n  },\n  imports: [CommonModule]\n})\nexport class IDSidePanelProviderComponent {\n  @Input()\n  position: 'right' | 'left' = 'right';\n  @Input()\n  hide: boolean;\n}","import { \n  Component, EventEmitter, Input, Output, HostListener,\n  ElementRef, ViewChild, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, \n  ContentChild,\n  booleanAttribute,\n  inject\n} from \"@angular/core\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\nimport { POSITION } from \"./side-panel-provider.component\";\nimport { useEscapeKey } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-side-panel\",\n  template: `\n  <div class=\"ids-side-panel__panel\">\n    <div class=\"ids-side-panel__actions\">\n      @if(menu) {\n        <button \n          class=\"ids-side-panel__hamburger\"\n          [attr.aria-label]=\"show ? srCloseText : srOpenText\"\n          [attr.aria-expanded]=\"show\"\n          (click)=\"toggleExpansion()\">\n          <div class=\"ids-hamburger\">\n            <div class=\"ids-hamburger__lines\"></div>\n          </div>\n        </button>\n      } @else {\n        <button\n          class=\"ids-side-panel__close-button\"\n          [attr.aria-label]=\"srCloseText\"\n          [attr.aria-expanded]=\"show\"\n          (click)=\"didClose()\">\n        </button>\n      }\n    </div>\n\n    <div class=\"ids-side-panel__content\" tabindex=\"0\">\n      <div class=\"ids-side-panel__inner\">\n        <ng-content select=\"[slot='headline']\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n      @if (menu) {\n        <ng-content select=\"id-side-panel-footer\"></ng-content>\n        }\n    </div>\n  </div>`,\n  standalone: true,\n  host: {\n    'class': 'ids-side-panel ids-focus-trap--tablet',\n    '[class.ids-side-panel--menu]': 'menu',\n    '[class.ids-side-panel--regular]': '!menu',\n    '[class.ids-side-panel--show]': 'show',\n    '[class.ids-side-panel--elevated]': 'elevated',\n    '[class.ids-side-panel--left]': 'position === \"left\" && !menu',\n    '[class]': 'sizeClass',\n  },\n})\nexport class IDSidePanelComponent implements AfterViewInit, OnDestroy, OnChanges {\n  @Input({ transform: booleanAttribute }) show = false;\n  @Output() showChange = new EventEmitter<boolean>();\n  @Input({ transform: booleanAttribute }) elevated = false;\n  @Input({ transform: booleanAttribute }) menu = false;\n  @Input() srMobileDialogLabel = \"Sidopanel\";\n  @Input() srCloseText = \"Stäng\";\n  @Input() srOpenText = \"Öppna\";\n  @Input() size: \"s\" | \"m\" | \"l\" = \"m\";\n\n  @Output() opened = new EventEmitter<void>();\n  @Output() closed = new EventEmitter<void>();\n  \n  @ContentChild('id-side-panel-footer') \n  footer: IDSidePanelFooterComponent;\n\n  @ViewChild('hamburger') hamburgerButton?: ElementRef;\n\n  public position = inject(POSITION);\n  private el = inject(ElementRef);\n  private resizeObserver?: ResizeObserver;\n\n  get sizeClass() {\n    return !this.menu ? `ids-side-panel--${this.size}` : '';\n  }\n\n  constructor() {\n    useEscapeKey(() => this.didClose(), () => this.show);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['show'] && !changes['show'].firstChange) {\n      this.show ? this.handleShowLogic() : this.didClose();\n    }\n  }\n\n  ngAfterViewInit() {\n    this.setupResizeObserver();\n    if (this.show) this.handleShowLogic();\n  }\n\n  private setupResizeObserver() {\n    this.resizeObserver = new ResizeObserver(() => this.checkWindowSize());\n    this.resizeObserver.observe(document.body);\n  }\n\n  private checkWindowSize() {\n    const isMobile = window.innerWidth <= 1024;\n    const host = this.el.nativeElement;\n    if (isMobile) {\n      host.setAttribute(\"role\", \"dialog\");\n      host.setAttribute(\"aria-modal\", \"true\");\n      host.setAttribute(\"aria-label\", this.srMobileDialogLabel);\n    } else {\n      [\"role\", \"aria-modal\", \"aria-label\"].forEach(a => host.removeAttribute(a));\n    }\n  }\n\n  toggleExpansion() {\n    if(this.show) {\n      this.didClose();\n    } else {\n      this.didOpen();\n    }\n    this.showChange.emit(this.show);\n  }\n\n  private handleShowLogic() {\n    this.opened.emit();\n    setTimeout(() => {\n      const headline = this.el.nativeElement.querySelector('[slot=\"headline\"]');\n      headline?.focus();\n    }, 0);\n  }\n\n  protected didOpen() {\n    this.show = true;\n    this.opened.emit();\n  }\n\n  protected didClose() {\n    this.show = false;\n    this.closed.emit();\n    if (this.menu && this.hamburgerButton) {\n      this.hamburgerButton.nativeElement.focus();\n    }\n  }\n\n  ngOnDestroy() {\n    this.resizeObserver?.disconnect();\n  }\n}","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-side-panel-footer',\n  template: `\n    <footer>\n      <div class=\"ids-side-panel__footer-links\">\n        <ng-content select=\"a\"></ng-content>\n        <ng-content select=\"[slot='footer-links']\"></ng-content>\n\n        <div class=\"ids-side-panel__footer-toggle\">\n          <ng-content select=\"id-darkmode-toggle\"></ng-content>\n        </div>\n\n        <div class=\"ids-side-panel__footer-text\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </footer>\n  `,\n  standalone: true,\n  host: {\n    class: 'ids-side-panel__footer',\n  },\n  imports: [CommonModule],\n})\nexport class IDSidePanelFooterComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDSidePanelComponent } from \"./side-panel.component\";\nimport { IDSidePanelProviderComponent } from \"./side-panel-provider.component\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\n\n@NgModule({\n  imports: [\n    IDSidePanelComponent,\n    IDSidePanelProviderComponent,\n    IDSidePanelFooterComponent\n  ],\n  exports: [\n    IDSidePanelComponent,\n    IDSidePanelProviderComponent,\n    IDSidePanelFooterComponent\n  ],\n})\nexport class IDSidePanelModule {}","/**\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-side-panel.mjs","sources":["../../../projects/ids-angular/components/side-panel/side-panel-provider.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.component.ts","../../../projects/ids-angular/components/side-panel/side-panel-footer.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.module.ts","../../../projects/ids-angular/components/side-panel/inera-ids-angular-components-side-panel.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport { Component, InjectionToken, Input } from \"@angular/core\";\n\nexport const POSITION = new InjectionToken<'left' | 'right'>('POSITION')\n\n@Component({\n  selector: \"id-side-panel-provider\",\n   providers: [\n    {\n      provide: POSITION,\n      useFactory: (component: IDSidePanelProviderComponent) => component.position,\n      deps: [IDSidePanelProviderComponent]\n    }\n  ],\n  template: `\n    <ng-template #content>\n      <ng-content></ng-content>\n    </ng-template>\n    <ng-template #sidePanel>\n      @if(!hide) {\n        <ng-content select=\"id-side-panel\"></ng-content>\n      }\n    </ng-template>\n    @if(position === 'left') {\n      <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n    }\n    `,\n  standalone: true,\n  host: {\n    class: 'ids-side-panel-provider'\n  },\n  imports: [CommonModule]\n})\nexport class IDSidePanelProviderComponent {\n  @Input()\n  position: 'right' | 'left' = 'right';\n  @Input()\n  hide: boolean;\n}","import { Component, EventEmitter, Input, Output, HostListener, ElementRef, viewChild, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, booleanAttribute, inject, contentChild } from '@angular/core';\nimport { IDSidePanelFooterComponent } from './side-panel-footer.component';\nimport { POSITION } from './side-panel-provider.component';\nimport { useEscapeKey } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-side-panel',\n  template: `\n    <div class=\"ids-side-panel__panel\" [class.ids-side-panel__panel--no-close-button]=\"noCloseButton\">\n      <div class=\"ids-side-panel__actions\">\n        @if (!noCloseButton) {\n          @if (menu) {\n            <button\n              class=\"ids-side-panel__hamburger\"\n              [attr.aria-label]=\"show ? srCloseText : srOpenText\"\n              [attr.aria-expanded]=\"show\"\n              (click)=\"toggleExpansion()\"\n            >\n              <div class=\"ids-hamburger\">\n                <div class=\"ids-hamburger__lines\"></div>\n              </div>\n            </button>\n          } @else {\n            <button\n              class=\"ids-side-panel__close-button\"\n              [attr.aria-label]=\"srCloseText\"\n              [attr.aria-expanded]=\"show\"\n              (click)=\"didClose()\"\n            ></button>\n          }\n        }\n      </div>\n\n      <div\n        class=\"ids-side-panel__content\"\n        tabindex=\"0\"\n      >\n        <div class=\"ids-side-panel__inner\">\n          <ng-content select=\"[slot='headline']\"></ng-content>\n          <ng-content></ng-content>\n        </div>\n        @if (menu) {\n          <ng-content select=\"id-side-panel-footer\"></ng-content>\n        }\n      </div>\n    </div>\n  `,\n  standalone: true,\n  host: {\n    class: 'ids-side-panel ids-focus-trap--tablet',\n    '[class.ids-side-panel--menu]': 'menu',\n    '[class.ids-side-panel--regular]': '!menu',\n    '[class.ids-side-panel--show]': 'show',\n    '[class.ids-side-panel--elevated]': 'elevated',\n    '[class.ids-side-panel--left]': 'position === \"left\" && !menu',\n    '[class]': 'sizeClass',\n  },\n})\nexport class IDSidePanelComponent implements AfterViewInit, OnDestroy, OnChanges {\n  @Input({ transform: booleanAttribute }) show = false;\n  @Output() showChange = new EventEmitter<boolean>();\n  @Input({ transform: booleanAttribute }) elevated = false;\n  @Input({ transform: booleanAttribute }) menu = false;\n  @Input({ transform: booleanAttribute }) noCloseButton = false;\n  @Input() srMobileDialogLabel = 'Sidopanel';\n  @Input() srCloseText = 'Stäng';\n  @Input() srOpenText = 'Öppna';\n  @Input() size: 's' | 'm' | 'l' = 'm';\n\n  @Output() opened = new EventEmitter<void>();\n  @Output() closed = new EventEmitter<void>();\n\n    footer = contentChild('id-side-panel-footer');\n\n  hamburgerButton = viewChild<ElementRef>('hamburger');\n\n  public position = inject(POSITION);\n  private el = inject(ElementRef);\n  private resizeObserver?: ResizeObserver;\n\n  get sizeClass() {\n    return !this.menu ? `ids-side-panel--${this.size}` : '';\n  }\n\n  constructor() {\n    useEscapeKey(\n      () => this.didClose(),\n      () => this.show,\n    );\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['show'] && !changes['show'].firstChange) {\n      this.show ? this.handleShowLogic() : this.didClose();\n    }\n  }\n\n  ngAfterViewInit() {\n    this.setupResizeObserver();\n    if (this.show) this.handleShowLogic();\n  }\n\n  private setupResizeObserver() {\n    this.resizeObserver = new ResizeObserver(() => this.checkWindowSize());\n    this.resizeObserver.observe(document.body);\n  }\n\n  private checkWindowSize() {\n    const isMobile = window.innerWidth <= 1024;\n    const host = this.el.nativeElement;\n    if (isMobile) {\n      host.setAttribute('role', 'dialog');\n      host.setAttribute('aria-modal', 'true');\n      host.setAttribute('aria-label', this.srMobileDialogLabel);\n    } else {\n      ['role', 'aria-modal', 'aria-label'].forEach((a) => host.removeAttribute(a));\n    }\n  }\n\n  toggleExpansion() {\n    if (this.show) {\n      this.didClose();\n    } else {\n      this.didOpen();\n    }\n    this.showChange.emit(this.show);\n  }\n\n  private handleShowLogic() {\n    this.opened.emit();\n    setTimeout(() => {\n      const headline = this.el.nativeElement.querySelector('[slot=\"headline\"]');\n      headline?.focus();\n    }, 0);\n  }\n\n  protected didOpen() {\n    this.show = true;\n    this.opened.emit();\n  }\n\n  protected didClose() {\n    this.show = false;\n    this.closed.emit();\n    if (this.menu && this.hamburgerButton) {\n      this.hamburgerButton()?.nativeElement.focus();\n    }\n  }\n\n  ngOnDestroy() {\n    this.resizeObserver?.disconnect();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-side-panel-footer',\n  template: `\n    <footer>\n      <div class=\"ids-side-panel__footer-links\">\n        <ng-content select=\"a\"></ng-content>\n        <ng-content select=\"[slot='footer-links']\"></ng-content>\n\n        <div class=\"ids-side-panel__footer-toggle\">\n          <ng-content select=\"id-darkmode-toggle\"></ng-content>\n        </div>\n\n        <div class=\"ids-side-panel__footer-text\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </footer>\n  `,\n  standalone: true,\n  host: {\n    class: 'ids-side-panel__footer',\n  },\n  imports: [CommonModule],\n})\nexport class IDSidePanelFooterComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDSidePanelComponent } from \"./side-panel.component\";\nimport { IDSidePanelProviderComponent } from \"./side-panel-provider.component\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\n\n@NgModule({\n  imports: [\n    IDSidePanelComponent,\n    IDSidePanelProviderComponent,\n    IDSidePanelFooterComponent\n  ],\n  exports: [\n    IDSidePanelComponent,\n    IDSidePanelProviderComponent,\n    IDSidePanelFooterComponent\n  ],\n})\nexport class IDSidePanelModule {}","/**\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-stepper.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Output, Input, Component, ContentChildren, NgModule } from '@angular/core';
+import { EventEmitter, booleanAttribute, Output, Input, Component, contentChildren, NgModule } from '@angular/core';
 
 class IDStepComponent {
     state = '';
@@ -145,16 +145,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDStepperComponent {
-    steps;
+    steps = contentChildren(IDStepComponent);
     ngAfterContentInit() {
-        this.steps.toArray().forEach((step, index) => {
+        this.steps().forEach((step, index) => {
             if (!step.step) {
                 step.step = "" + (index + 1);
             }
         });
     }
     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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepperComponent, decorators: [{
             type: Component,
@@ -166,10 +166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         class: 'ids-stepper'
                     }
                 }]
-        }], propDecorators: { steps: [{
-                type: ContentChildren,
-                args: [IDStepComponent]
-            }] } });
+        }] });
 
 class IDStepHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDStepHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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, 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 (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":";;;MAkDa,eAAe,CAAA;IACjB,KAAK,GAA0C,EAAE;IACjD,IAAI,GAAG,EAAE;IACT,eAAe,GAAG,EAAE;IACpB,QAAQ,GAAG,EAAE;IACkB,QAAQ,GAAG,KAAK;IAChB,QAAQ,GAAG,KAAK;AAE9C,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,cAAc,GAA0B,IAAI,YAAY,EAAW;IAE7E,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;QAClB;aAAO;YACL,IAAI,CAAC,WAAW,EAAE;QACpB;IACF;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;IACA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGA7BW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAKN,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApD1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAhD3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCT,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,UAAU;AAClB,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE5B,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;gBACS,cAAc,EAAA,CAAA;sBAAvB;;;MCjDU,kBAAkB,CAAA;AAE7B,IAAA,KAAK,GAAG,eAAe,CAAC,eAAe,CAAC;IAExC,kBAAkB,GAAA;QAChB,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACnC,YAAA,IAAG,CAAC,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,IAAI,GAAG,EAAE,IAAE,KAAK,GAAC,CAAC,CAAC;YAC1B;AACF,QAAA,CAAC,CAAC;IACJ;wGAVW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAEL,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAR7B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCAY,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,0HANtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCSY,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAVxB,eAAe;YACf,kBAAkB;AAClB,YAAA,qBAAqB,aAGrB,eAAe;YACf,kBAAkB;YAClB,qBAAqB,CAAA,EAAA,CAAA;yGAGZ,eAAe,EAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,kBAAkB;wBAClB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,kBAAkB;wBAClB;AACD,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, ViewChild, ContentChild, Input, Component, booleanAttribute, ContentChildren } from '@angular/core';
+import { contentChild, viewChild, TemplateRef, inject, Input, Component, contentChildren, ElementRef, booleanAttribute } from '@angular/core';
 import { IDUseIdService } from '@inera/ids-angular/common';
 import { NgTemplateOutlet } from '@angular/common';
 import { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';
@@ -12,8 +12,8 @@ class IDTabComponent {
     selected;
     noTabindex;
     compact;
-    labelTemplate;
-    content;
+    labelTemplate = contentChild('idTabLabel');
+    content = viewChild.required(TemplateRef);
     idService = inject(IDUseIdService);
     ngOnInit() {
         if (!this.tabId) {
@@ -21,7 +21,7 @@ class IDTabComponent {
         }
     }
     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: `
+    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: `
     <ng-template><ng-content></ng-content></ng-template>
   `, isInline: true });
 }
@@ -48,20 +48,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], compact: [{
                 type: Input
-            }], labelTemplate: [{
-                type: ContentChild,
-                args: ['idTabLabel', { read: TemplateRef }]
-            }], content: [{
-                type: ViewChild,
-                args: [TemplateRef, { static: true }]
             }] } });
 
 class IDTabGroupComponent {
-    tabs;
+    tabs = contentChildren(IDTabComponent);
     selectedIndex = 0;
     focusedIndex = 0;
     ngAfterContentInit() {
-        const tabsArray = this.tabs.toArray();
+        const tabsArray = this.tabs();
         const selectedTabIndex = tabsArray.findIndex((tab) => tab.selected);
         this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;
         this.focusedIndex = this.selectedIndex;
@@ -72,18 +66,19 @@ class IDTabGroupComponent {
     light = false;
     compact = false;
     selectLabel;
+    ref = inject(ElementRef);
     idService = inject(IDUseIdService);
     selectId = this.idService.generateId('tab-group');
     selectTab(i) {
         this.selectedIndex = i;
         this.focusedIndex = i;
-        this.tabs.forEach((tab, index) => {
+        this.tabs().forEach((tab, index) => {
             tab.selected = index === i;
         });
     }
     onKeydown(event) {
         const key = event.key;
-        const lastIndex = this.tabs.length - 1;
+        const lastIndex = this.tabs().length - 1;
         let newIndex = this.focusedIndex;
         if (key === 'ArrowRight') {
             event.preventDefault();
@@ -110,13 +105,13 @@ class IDTabGroupComponent {
         if (newIndex !== this.focusedIndex) {
             this.focusedIndex = newIndex;
             queueMicrotask(() => {
-                const tabs = document.querySelectorAll('.ids-tab[role="tab"]');
+                const tabs = this.ref.nativeElement.querySelectorAll('.ids-tab[role="tab"]');
                 tabs[newIndex]?.focus();
             });
         }
     }
     getTabPanelTabIndex(tabIndex) {
-        const tab = this.tabs.toArray()[tabIndex];
+        const tab = this.tabs()[tabIndex];
         if (!tab)
             return 0;
         if (tab.noTabindex)
@@ -136,7 +131,7 @@ class IDTabGroupComponent {
         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 }], 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"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTabGroupComponent, decorators: [{
             type: Component,
@@ -144,11 +139,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         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 || \"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]
-            }], responsive: [{
+                    }, 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" }]
+        }], propDecorators: { responsive: [{
                 type: Input
             }], unresponsive: [{
                 type: Input,

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

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

@@ -3,16 +3,16 @@ import { EventEmitter, booleanAttribute, Output, Input, Component, Directive } f
 
 class IDTagComponent {
     closeable = false;
-    srCloseLabel = "Stäng";
+    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 (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" });
+    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" });
 }
 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'
-                    }, 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>" }]
+            args: [{ selector: 'id-tag', standalone: true, host: {
+                        class: 'ids-tag',
+                    }, 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" }]
         }], propDecorators: { closeable: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-tag.mjs","sources":["../../../projects/ids-angular/components/tag/tag.component.ts","../../../projects/ids-angular/components/tag/tag.component.html","../../../projects/ids-angular/components/tag/tag.directive.ts","../../../projects/ids-angular/components/tag/inera-ids-angular-components-tag.ts"],"sourcesContent":["import { booleanAttribute, Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-tag\",\n  templateUrl: \"./tag.component.html\",\n  standalone: true,\n  host: {\n    class: 'ids-tag'\n  }\n})\nexport class IDTagComponent {\n  \n  @Input({ transform: booleanAttribute }) closeable: boolean = false;\n  @Input() srCloseLabel: string = \"Stäng\";\n\n  @Output() closed: EventEmitter<boolean> = new EventEmitter();\n\n}\n","<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>","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"*[idTag]\",\n  standalone: true,\n  host: {\n    class: 'ids-tag ids-tag--clickable'\n  }\n})\nexport class IDTagDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,cAAc,CAAA;IAEe,SAAS,GAAY,KAAK;IACzD,YAAY,GAAW,OAAO;AAE7B,IAAA,MAAM,GAA0B,IAAI,YAAY,EAAE;wGALjD,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAEL,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZtC,uNAKM,EAAA,CAAA;;4FDKO,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;+BACE,QAAQ,EAAA,UAAA,EAEN,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA,EAAA,QAAA,EAAA,uNAAA,EAAA;8BAIuC,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,YAAY,EAAA,CAAA;sBAApB;gBAES,MAAM,EAAA,CAAA;sBAAf;;;MENU,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-tag.mjs","sources":["../../../projects/ids-angular/components/tag/tag.component.ts","../../../projects/ids-angular/components/tag/tag.component.html","../../../projects/ids-angular/components/tag/tag.directive.ts","../../../projects/ids-angular/components/tag/inera-ids-angular-components-tag.ts"],"sourcesContent":["import { booleanAttribute, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'id-tag',\n  templateUrl: './tag.component.html',\n  standalone: true,\n  host: {\n    class: 'ids-tag',\n  },\n})\nexport class IDTagComponent {\n  @Input({ transform: booleanAttribute }) closeable: boolean = false;\n  @Input() srCloseLabel: string = 'Stäng';\n\n  @Output() closed: EventEmitter<boolean> = new EventEmitter();\n}\n","<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","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"*[idTag]\",\n  standalone: true,\n  host: {\n    class: 'ids-tag ids-tag--clickable'\n  }\n})\nexport class IDTagDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,cAAc,CAAA;IACe,SAAS,GAAY,KAAK;IACzD,YAAY,GAAW,OAAO;AAE7B,IAAA,MAAM,GAA0B,IAAI,YAAY,EAAE;wGAJjD,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EACL,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtC,8UAeA,EAAA,CAAA;;4FDLa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;+BACE,QAAQ,EAAA,UAAA,EAEN,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA,EAAA,QAAA,EAAA,8UAAA,EAAA;8BAGuC,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,YAAY,EAAA,CAAA;sBAApB;gBAES,MAAM,EAAA,CAAA;sBAAf;;;MELU,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;ACRD;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, ApplicationRef, Renderer2, booleanAttribute, HostListener, Input, ContentChild, ViewChild, Component, NgModule } from '@angular/core';
+import { Directive, inject, ApplicationRef, Renderer2, viewChild, contentChild, booleanAttribute, HostListener, Input, Component, NgModule } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import { DomPortalOutlet, DomPortal } from '@angular/cdk/portal';
 import { IDUseIdService } from '@inera/ids-angular/common';
@@ -26,8 +26,8 @@ class IDTooltipComponent {
     appRef = inject(ApplicationRef);
     renderer = inject(Renderer2);
     tooltipId = this.idService.generateId('tooltip');
-    tooltipContent;
-    trigger;
+    tooltipContent = viewChild.required('tooltipContent');
+    trigger = contentChild(IDTooltipTriggerDirective);
     maxWidth;
     fixedPosition;
     position = 'top';
@@ -52,24 +52,24 @@ class IDTooltipComponent {
         return `ids-tooltip__content--${this.tempPosition}`;
     }
     ngAfterContentInit() {
-        if (this.trigger) {
-            this.renderer.setAttribute(this.trigger.elementRef.nativeElement, 'aria-describedby', this.tooltipId);
+        if (this.trigger()) {
+            this.renderer.setAttribute(this.trigger().elementRef.nativeElement, 'aria-describedby', this.tooltipId);
         }
     }
     ngOnDestroy() {
         this.detachPortal();
     }
     attachPortal() {
-        if (this.isAttached || !this.tooltipContent)
+        if (this.isAttached || !this.tooltipContent())
             return;
         this.isAttached = true;
-        const contentEl = this.tooltipContent.nativeElement;
+        const contentEl = this.tooltipContent().nativeElement;
         contentEl.style.display = 'inline-block';
         contentEl.style.opacity = '0';
         const outletEl = this.document.createElement('div');
         this.document.body.appendChild(outletEl);
         this.portalOutlet = new DomPortalOutlet(outletEl, undefined, this.appRef, undefined, this.document);
-        this.portalOutlet.attach(new DomPortal(this.tooltipContent));
+        this.portalOutlet.attach(new DomPortal(this.tooltipContent()));
         requestAnimationFrame(() => {
             this.autoPosition();
             this.applyPortalPosition();
@@ -86,16 +86,16 @@ class IDTooltipComponent {
             this.portalOutlet.dispose();
             this.portalOutlet = null;
         }
-        if (this.tooltipContent) {
-            this.tooltipContent.nativeElement.style.cssText = 'display:none';
+        if (this.tooltipContent()) {
+            this.tooltipContent().nativeElement.style.cssText = 'display:none';
         }
     }
     autoPosition() {
         this.tempPosition = this.position;
-        if (this.fixedPosition || !this.trigger)
+        if (this.fixedPosition || !this.trigger())
             return;
-        const triggerRect = this.trigger.elementRef.nativeElement.getBoundingClientRect();
-        const contentRect = this.tooltipContent.nativeElement.getBoundingClientRect();
+        const triggerRect = this.trigger().elementRef.nativeElement.getBoundingClientRect();
+        const contentRect = this.tooltipContent().nativeElement.getBoundingClientRect();
         const { top, left } = this.calculatePosition(triggerRect, contentRect);
         let [v, h] = this.position.split('-');
         if (v === 'top' && top < 0)
@@ -123,10 +123,10 @@ class IDTooltipComponent {
         return { top, left };
     }
     applyPortalPosition() {
-        if (!this.tooltipContent || !this.trigger)
+        if (!this.tooltipContent() || !this.trigger())
             return;
-        const triggerRect = this.trigger.elementRef.nativeElement.getBoundingClientRect();
-        const contentEl = this.tooltipContent.nativeElement;
+        const triggerRect = this.trigger().elementRef.nativeElement.getBoundingClientRect();
+        const contentEl = this.tooltipContent().nativeElement;
         const { top, left } = this.calculatePosition(triggerRect, contentEl.getBoundingClientRect());
         const window = this.win;
         Object.assign(contentEl.style, {
@@ -137,7 +137,7 @@ class IDTooltipComponent {
         });
     }
     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: "16.1.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 }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }], ngImport: i0, template: `
+    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: `
     <span class="ids-tooltip__trigger">
       <ng-content select="[idTooltipTrigger]"></ng-content>
     </span>
@@ -177,13 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         class: 'ids-tooltip'
                     }
                 }]
-        }], propDecorators: { tooltipContent: [{
-                type: ViewChild,
-                args: ['tooltipContent']
-            }], trigger: [{
-                type: ContentChild,
-                args: [IDTooltipTriggerDirective]
-            }], maxWidth: [{
+        }], propDecorators: { maxWidth: [{
                 type: Input
             }], fixedPosition: [{
                 type: Input,

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-tooltip.mjs","sources":["../../../projects/ids-angular/components/tooltip/tooltip-trigger.directive.ts","../../../projects/ids-angular/components/tooltip/tooltip.component.ts","../../../projects/ids-angular/components/tooltip/tooltip.module.ts","../../../projects/ids-angular/components/tooltip/inera-ids-angular-components-tooltip.ts"],"sourcesContent":["import { Directive, ElementRef } from '@angular/core';\n\n@Directive({\n  selector: '[idTooltipTrigger]',\n  standalone: true\n})\nexport class IDTooltipTriggerDirective {\n  constructor(public elementRef: ElementRef) {}\n}","import { AfterContentInit, ApplicationRef, Component, ContentChild, ElementRef, HostListener, Input, Renderer2, ViewChild, booleanAttribute, inject, OnDestroy } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { DomPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDTooltipTriggerDirective } from './tooltip-trigger.directive';\n\n@Component({\n  selector: 'id-tooltip',\n  standalone: true,\n  template: `\n    <span class=\"ids-tooltip__trigger\">\n      <ng-content select=\"[idTooltipTrigger]\"></ng-content>\n    </span>\n    <span\n      #tooltipContent\n      class=\"ids-tooltip__content\"\n      [class]=\"positionClass\"\n      [style.max-width]=\"maxWidth\"\n      [style.display]=\"'none'\"\n      role=\"tooltip\"\n      [attr.id]=\"tooltipId\">\n      <ng-content></ng-content>\n    </span>\n  `,\n  host: {\n    class: 'ids-tooltip'\n  }\n})\nexport class IDTooltipComponent implements AfterContentInit, OnDestroy {\n  private idService = inject(IDUseIdService);\n  private document = inject(DOCUMENT);\n  private appRef = inject(ApplicationRef);\n  private renderer = inject(Renderer2);\n\n  tooltipId = this.idService.generateId('tooltip');\n\n  @ViewChild('tooltipContent') tooltipContent!: ElementRef<HTMLElement>;\n\n  @ContentChild(IDTooltipTriggerDirective)\n  trigger: IDTooltipTriggerDirective;\n\n  @Input() maxWidth?: string;\n  @Input({ transform: booleanAttribute }) fixedPosition: boolean;\n  @Input() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' = 'top';\n  private tempPosition: string;\n\n  private portalOutlet: DomPortalOutlet | null = null;\n  private isAttached = false;\n\n  private readonly GAP = 8;\n\n  private get win(): Window {\n    return this.document.defaultView || window;\n  }\n\n  private resizeHandler = () => this.applyPortalPosition();\n\n  @HostListener('focusin', ['$event'])\n  @HostListener('mouseover', ['$event'])\n  onShow(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target.closest('.ids-tooltip__trigger')) {\n      this.attachPortal();\n    }\n  }\n\n  @HostListener('focusout')\n  @HostListener('mouseout')\n  onHide() {\n    this.detachPortal();\n  }\n\n  get positionClass() {\n    return `ids-tooltip__content--${this.tempPosition}`;\n  }\n\n  ngAfterContentInit() {\n    if (this.trigger) {\n      this.renderer.setAttribute(this.trigger.elementRef.nativeElement, 'aria-describedby', this.tooltipId);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.detachPortal();\n  }\n\n  private attachPortal(): void {\n    if (this.isAttached || !this.tooltipContent) return;\n    this.isAttached = true;\n\n    const contentEl = this.tooltipContent.nativeElement;\n    contentEl.style.display = 'inline-block';\n    contentEl.style.opacity = '0';\n\n    const outletEl = this.document.createElement('div');\n    this.document.body.appendChild(outletEl);\n    this.portalOutlet = new DomPortalOutlet(outletEl, undefined, this.appRef, undefined, this.document);\n    this.portalOutlet.attach(new DomPortal(this.tooltipContent));\n\n    requestAnimationFrame(() => {\n      this.autoPosition();\n      this.applyPortalPosition();\n      contentEl.style.opacity = '';\n    });\n\n    this.win.addEventListener('resize', this.resizeHandler);\n  }\n\n  private detachPortal(): void {\n    if (!this.isAttached) return;\n    this.isAttached = false;\n    this.win.removeEventListener('resize', this.resizeHandler);\n    if (this.portalOutlet) {\n      this.portalOutlet.dispose();\n      this.portalOutlet = null;\n    }\n    if (this.tooltipContent) {\n      this.tooltipContent.nativeElement.style.cssText = 'display:none';\n    }\n  }\n\n  private autoPosition(): void {\n    this.tempPosition = this.position;\n    if (this.fixedPosition || !this.trigger) return;\n\n    const triggerRect = this.trigger.elementRef.nativeElement.getBoundingClientRect();\n    const contentRect = this.tooltipContent.nativeElement.getBoundingClientRect();\n    const { top, left } = this.calculatePosition(triggerRect, contentRect);\n    let [v, h] = this.position.split('-') as [string, string | undefined];\n\n    if (v === 'top' && top < 0) v = 'bottom';\n    else if (v === 'bottom' && top + contentRect.height > this.win.innerHeight) v = 'top';\n    if (left < 0) h = 'left';\n    else if (left + contentRect.width > this.win.innerWidth) h = 'right';\n\n    this.tempPosition = (h ? `${v}-${h}` : v) as any;\n  }\n\n  private calculatePosition(triggerRect: DOMRect, contentRect: DOMRect): { top: number; left: number } {\n    const gap = this.GAP;\n    const pos = this.tempPosition;\n    const centerX = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n\n    const top = pos.startsWith('top') ? triggerRect.top - contentRect.height - gap : triggerRect.bottom + gap;\n\n    let left: number;\n    if (pos.endsWith('-left')) left = triggerRect.left;\n    else if (pos.endsWith('-right')) left = triggerRect.right - contentRect.width;\n    else left = centerX;\n\n    return { top, left };\n  }\n\n  private applyPortalPosition(): void {\n    if (!this.tooltipContent || !this.trigger) return;\n    const triggerRect = this.trigger.elementRef.nativeElement.getBoundingClientRect();\n    const contentEl = this.tooltipContent.nativeElement;\n    const { top, left } = this.calculatePosition(triggerRect, contentEl.getBoundingClientRect());\n    const window = this.win;\n\n    Object.assign(contentEl.style, {\n      position: 'absolute',\n      top: `${top + window.scrollY}px`,\n      left: `${left + window.scrollX}px`,\n      bottom: 'auto', right: 'auto', transform: 'none', zIndex: '9999',\n    });\n  }\n}","import { NgModule } from \"@angular/core\";\n\nimport { IDTooltipComponent } from \"./tooltip.component\";\nimport { IDTooltipTriggerDirective } from \"./tooltip-trigger.directive\";\n\n@NgModule({\n  imports: [\n    IDTooltipComponent,\n    IDTooltipTriggerDirective,\n  ],\n  exports: [\n    IDTooltipComponent,\n    IDTooltipTriggerDirective,\n  ],\n})\nexport class IDTooltipModule {}","/**\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-tooltip.mjs","sources":["../../../projects/ids-angular/components/tooltip/tooltip-trigger.directive.ts","../../../projects/ids-angular/components/tooltip/tooltip.component.ts","../../../projects/ids-angular/components/tooltip/tooltip.module.ts","../../../projects/ids-angular/components/tooltip/inera-ids-angular-components-tooltip.ts"],"sourcesContent":["import { Directive, ElementRef } from '@angular/core';\n\n@Directive({\n  selector: '[idTooltipTrigger]',\n  standalone: true\n})\nexport class IDTooltipTriggerDirective {\n  constructor(public elementRef: ElementRef) {}\n}","import { AfterContentInit, ApplicationRef, Component, ElementRef, HostListener, Input, Renderer2, viewChild, booleanAttribute, inject, OnDestroy, contentChild } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { DomPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDTooltipTriggerDirective } from './tooltip-trigger.directive';\n\n@Component({\n  selector: 'id-tooltip',\n  standalone: true,\n  template: `\n    <span class=\"ids-tooltip__trigger\">\n      <ng-content select=\"[idTooltipTrigger]\"></ng-content>\n    </span>\n    <span\n      #tooltipContent\n      class=\"ids-tooltip__content\"\n      [class]=\"positionClass\"\n      [style.max-width]=\"maxWidth\"\n      [style.display]=\"'none'\"\n      role=\"tooltip\"\n      [attr.id]=\"tooltipId\">\n      <ng-content></ng-content>\n    </span>\n  `,\n  host: {\n    class: 'ids-tooltip'\n  }\n})\nexport class IDTooltipComponent implements AfterContentInit, OnDestroy {\n  private idService = inject(IDUseIdService);\n  private document = inject(DOCUMENT);\n  private appRef = inject(ApplicationRef);\n  private renderer = inject(Renderer2);\n\n  tooltipId = this.idService.generateId('tooltip');\n\n  tooltipContent = viewChild.required<ElementRef<HTMLElement>>('tooltipContent');\n\n    trigger = contentChild(IDTooltipTriggerDirective);\n\n  @Input() maxWidth?: string;\n  @Input({ transform: booleanAttribute }) fixedPosition: boolean;\n  @Input() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' = 'top';\n  private tempPosition: string;\n\n  private portalOutlet: DomPortalOutlet | null = null;\n  private isAttached = false;\n\n  private readonly GAP = 8;\n\n  private get win(): Window {\n    return this.document.defaultView || window;\n  }\n\n  private resizeHandler = () => this.applyPortalPosition();\n\n  @HostListener('focusin', ['$event'])\n  @HostListener('mouseover', ['$event'])\n  onShow(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target.closest('.ids-tooltip__trigger')) {\n      this.attachPortal();\n    }\n  }\n\n  @HostListener('focusout')\n  @HostListener('mouseout')\n  onHide() {\n    this.detachPortal();\n  }\n\n  get positionClass() {\n    return `ids-tooltip__content--${this.tempPosition}`;\n  }\n\n  ngAfterContentInit() {\n    if (this.trigger()) {\n      this.renderer.setAttribute(this.trigger()!.elementRef.nativeElement, 'aria-describedby', this.tooltipId);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.detachPortal();\n  }\n\n  private attachPortal(): void {\n    if (this.isAttached || !this.tooltipContent()) return;\n    this.isAttached = true;\n\n    const contentEl = this.tooltipContent().nativeElement;\n    contentEl.style.display = 'inline-block';\n    contentEl.style.opacity = '0';\n\n    const outletEl = this.document.createElement('div');\n    this.document.body.appendChild(outletEl);\n    this.portalOutlet = new DomPortalOutlet(outletEl, undefined, this.appRef, undefined, this.document);\n    this.portalOutlet.attach(new DomPortal(this.tooltipContent()));\n\n    requestAnimationFrame(() => {\n      this.autoPosition();\n      this.applyPortalPosition();\n      contentEl.style.opacity = '';\n    });\n\n    this.win.addEventListener('resize', this.resizeHandler);\n  }\n\n  private detachPortal(): void {\n    if (!this.isAttached) return;\n    this.isAttached = false;\n    this.win.removeEventListener('resize', this.resizeHandler);\n    if (this.portalOutlet) {\n      this.portalOutlet.dispose();\n      this.portalOutlet = null;\n    }\n    if (this.tooltipContent()) {\n      this.tooltipContent().nativeElement.style.cssText = 'display:none';\n    }\n  }\n\n  private autoPosition(): void {\n    this.tempPosition = this.position;\n    if (this.fixedPosition || !this.trigger()) return;\n\n    const triggerRect = this.trigger()!.elementRef.nativeElement.getBoundingClientRect();\n    const contentRect = this.tooltipContent().nativeElement.getBoundingClientRect();\n    const { top, left } = this.calculatePosition(triggerRect, contentRect);\n    let [v, h] = this.position.split('-') as [string, string | undefined];\n\n    if (v === 'top' && top < 0) v = 'bottom';\n    else if (v === 'bottom' && top + contentRect.height > this.win.innerHeight) v = 'top';\n    if (left < 0) h = 'left';\n    else if (left + contentRect.width > this.win.innerWidth) h = 'right';\n\n    this.tempPosition = (h ? `${v}-${h}` : v) as any;\n  }\n\n  private calculatePosition(triggerRect: DOMRect, contentRect: DOMRect): { top: number; left: number } {\n    const gap = this.GAP;\n    const pos = this.tempPosition;\n    const centerX = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n\n    const top = pos.startsWith('top') ? triggerRect.top - contentRect.height - gap : triggerRect.bottom + gap;\n\n    let left: number;\n    if (pos.endsWith('-left')) left = triggerRect.left;\n    else if (pos.endsWith('-right')) left = triggerRect.right - contentRect.width;\n    else left = centerX;\n\n    return { top, left };\n  }\n\n  private applyPortalPosition(): void {\n    if (!this.tooltipContent() || !this.trigger()) return;\n    const triggerRect = this.trigger()!.elementRef.nativeElement.getBoundingClientRect();\n    const contentEl = this.tooltipContent().nativeElement;\n    const { top, left } = this.calculatePosition(triggerRect, contentEl.getBoundingClientRect());\n    const window = this.win;\n\n    Object.assign(contentEl.style, {\n      position: 'absolute',\n      top: `${top + window.scrollY}px`,\n      left: `${left + window.scrollX}px`,\n      bottom: 'auto', right: 'auto', transform: 'none', zIndex: '9999',\n    });\n  }\n}","import { NgModule } from \"@angular/core\";\n\nimport { IDTooltipComponent } from \"./tooltip.component\";\nimport { IDTooltipTriggerDirective } from \"./tooltip-trigger.directive\";\n\n@NgModule({\n  imports: [\n    IDTooltipComponent,\n    IDTooltipTriggerDirective,\n  ],\n  exports: [\n    IDTooltipComponent,\n    IDTooltipTriggerDirective,\n  ],\n})\nexport class IDTooltipModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}