@inera/ids-angular 9.2.1 → 9.4.0

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

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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"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@inera/ids-angular",
-  "version": "9.2.1",
+  "version": "9.4.0",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
-    "@inera/ids-design": "9.2.x"
+    "@inera/ids-design": "9.4.x"
   },
   "peerDependenciesMeta": {
     "@angular/cdk": {
@@ -50,14 +50,14 @@
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-badge.mjs"
     },
-    "./components/breadcrumbs": {
-      "types": "./components/breadcrumbs/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-breadcrumbs.mjs"
-    },
     "./components/box-link": {
       "types": "./components/box-link/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-box-link.mjs"
     },
+    "./components/breadcrumbs": {
+      "types": "./components/breadcrumbs/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-breadcrumbs.mjs"
+    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-button.mjs"
@@ -74,6 +74,10 @@
       "types": "./components/carousel/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-carousel.mjs"
     },
+    "./components/control-button": {
+      "types": "./components/control-button/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-control-button.mjs"
+    },
     "./components/date-label": {
       "types": "./components/date-label/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-date-label.mjs"
@@ -82,6 +86,10 @@
       "types": "./components/dialog/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-dialog.mjs"
     },
+    "./components/district-selector": {
+      "types": "./components/district-selector/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-district-selector.mjs"
+    },
     "./components/dropdown": {
       "types": "./components/dropdown/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-dropdown.mjs"
@@ -106,6 +114,10 @@
       "types": "./components/footer-inera-admin/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-footer-inera-admin.mjs"
     },
+    "./components/footer-inera-general": {
+      "types": "./components/footer-inera-general/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-footer-inera-general.mjs"
+    },
     "./components/global-alert": {
       "types": "./components/global-alert/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-global-alert.mjs"
@@ -118,10 +130,6 @@
       "types": "./components/grid-layout/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-layout.mjs"
     },
-    "./components/footer-inera-general": {
-      "types": "./components/footer-inera-general/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-footer-inera-general.mjs"
-    },
     "./components/header-1177": {
       "types": "./components/header-1177/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-header-1177.mjs"
@@ -154,6 +162,10 @@
       "types": "./components/link/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-link.mjs"
     },
+    "./components/message-avatar": {
+      "types": "./components/message-avatar/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-message-avatar.mjs"
+    },
     "./components/notification-badge": {
       "types": "./components/notification-badge/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-notification-badge.mjs"
@@ -166,18 +178,22 @@
       "types": "./components/progressbar/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-progressbar.mjs"
     },
-    "./components/region-icon": {
-      "types": "./components/region-icon/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-region-icon.mjs"
-    },
     "./components/puff-list": {
       "types": "./components/puff-list/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-puff-list.mjs"
     },
+    "./components/region-icon": {
+      "types": "./components/region-icon/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-region-icon.mjs"
+    },
     "./components/side-menu": {
       "types": "./components/side-menu/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-side-menu.mjs"
     },
+    "./components/side-panel": {
+      "types": "./components/side-panel/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-side-panel.mjs"
+    },
     "./components/stepper": {
       "types": "./components/stepper/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-stepper.mjs"
@@ -198,10 +214,6 @@
       "types": "./components/tooltip/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-tooltip.mjs"
     },
-    "./components/side-panel": {
-      "types": "./components/side-panel/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-side-panel.mjs"
-    },
     "./components/form/check-button": {
       "types": "./components/form/check-button/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-check-button.mjs"
@@ -222,9 +234,13 @@
       "types": "./components/form/error-message/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-error-message.mjs"
     },
-    "./components/form/radio": {
-      "types": "./components/form/radio/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-radio.mjs"
+    "./components/form/input": {
+      "types": "./components/form/input/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-input.mjs"
+    },
+    "./components/form/label-subtitle": {
+      "types": "./components/form/label-subtitle/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-label-subtitle.mjs"
     },
     "./components/form/radio-button": {
       "types": "./components/form/radio-button/index.d.ts",
@@ -242,10 +258,6 @@
       "types": "./components/form/select-multiple/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-select-multiple.mjs"
     },
-    "./components/form/time": {
-      "types": "./components/form/time/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-time.mjs"
-    },
     "./components/form/spinner": {
       "types": "./components/form/spinner/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-spinner.mjs"
@@ -254,38 +266,42 @@
       "types": "./components/form/textarea/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-textarea.mjs"
     },
-    "./components/form/input": {
-      "types": "./components/form/input/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-form-input.mjs"
+    "./components/form/time": {
+      "types": "./components/form/time/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-time.mjs"
     },
     "./components/form/toggle": {
       "types": "./components/form/toggle/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-form-toggle.mjs"
     },
-    "./components/grid/container": {
-      "types": "./components/grid/container/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-grid-container.mjs"
+    "./components/form/radio": {
+      "types": "./components/form/radio/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-form-radio.mjs"
     },
     "./components/grid/column": {
       "types": "./components/grid/column/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-column.mjs"
     },
-    "./components/grid-layout/grid-container": {
-      "types": "./components/grid-layout/grid-container/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs"
+    "./components/grid/container": {
+      "types": "./components/grid/container/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-grid-container.mjs"
+    },
+    "./components/grid/row": {
+      "types": "./components/grid/row/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-grid-row.mjs"
     },
     "./components/grid-layout/grid-column": {
       "types": "./components/grid-layout/grid-column/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs"
     },
+    "./components/grid-layout/grid-container": {
+      "types": "./components/grid-layout/grid-container/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs"
+    },
     "./components/grid-layout/grid-row": {
       "types": "./components/grid-layout/grid-row/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs"
     },
-    "./components/grid/row": {
-      "types": "./components/grid/row/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-grid-row.mjs"
-    },
     "./components/mobile/menu": {
       "types": "./components/mobile/menu/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-mobile-menu.mjs"
@@ -298,10 +314,6 @@
       "types": "./components/navigation/local/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-navigation-local.mjs"
     },
-    "./components/pagination/data-pagination": {
-      "types": "./components/pagination/data-pagination/index.d.ts",
-      "default": "./fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs"
-    },
     "./components/pagination/list-pagination": {
       "types": "./components/pagination/list-pagination/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-pagination-list-pagination.mjs"
@@ -309,6 +321,10 @@
     "./components/mobile/menu/item": {
       "types": "./components/mobile/menu/item/index.d.ts",
       "default": "./fesm2022/inera-ids-angular-components-mobile-menu-item.mjs"
+    },
+    "./components/pagination/data-pagination": {
+      "types": "./components/pagination/data-pagination/index.d.ts",
+      "default": "./fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs"
     }
   },
   "module": "fesm2022/inera-ids-angular.mjs",