@inera/ids-angular 8.1.0 → 9.0.0

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

@@ -1,44 +1,39 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/tag/register';
+import { EventEmitter, booleanAttribute, Output, Input, Component, Directive } from '@angular/core';
 
 class IDTagComponent {
     closeable = false;
-    srcloselabel = "";
-    onClicked = new EventEmitter();
-    onClosed = new EventEmitter();
-    constructor() { }
+    srCloseLabel = "Stäng";
+    closed = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTagComponent, selector: "id-tag", inputs: { closeable: "closeable", srcloselabel: "srcloselabel" }, outputs: { onClicked: "onClicked", onClosed: "onClosed" }, ngImport: i0, template: "<ids-tag\n  [closeable]=\"closeable ? true : null\"\n  [srcloselabel]=\"srcloselabel\"\n  (clicked)=\"onClicked.emit(true)\"\n  (closed)=\"onClosed.emit(true)\">\n  <ng-content></ng-content>\n</ids-tag>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDTagComponent, isStandalone: true, selector: "id-tag", inputs: { closeable: ["closeable", "closeable", booleanAttribute], srCloseLabel: "srCloseLabel" }, outputs: { closed: "closed" }, host: { classAttribute: "ids-tag" }, ngImport: i0, template: "<div class=\"ids-tag__content\">\n  <ng-content></ng-content>\n  @if(closeable) { \n    <button (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tag", template: "<ids-tag\n  [closeable]=\"closeable ? true : null\"\n  [srcloselabel]=\"srcloselabel\"\n  (clicked)=\"onClicked.emit(true)\"\n  (closed)=\"onClosed.emit(true)\">\n  <ng-content></ng-content>\n</ids-tag>" }]
-        }], ctorParameters: () => [], propDecorators: { closeable: [{
+            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>" }]
+        }], propDecorators: { closeable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], srCloseLabel: [{
                 type: Input
-            }], srcloselabel: [{
-                type: Input
-            }], onClicked: [{
-                type: Output
-            }], onClosed: [{
+            }], closed: [{
                 type: Output
             }] } });
 
-class IDTagModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTagModule, declarations: [IDTagComponent], exports: [IDTagComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagModule });
+class IDTagDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDTagDirective, isStandalone: true, selector: "*[idTag]", host: { classAttribute: "ids-tag ids-tag--clickable" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, decorators: [{
+            type: Directive,
             args: [{
-                    declarations: [
-                        IDTagComponent
-                    ],
-                    exports: [
-                        IDTagComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    selector: "*[idTag]",
+                    standalone: true,
+                    host: {
+                        class: 'ids-tag ids-tag--clickable'
+                    }
                 }]
         }] });
 
@@ -46,5 +41,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDTagComponent, IDTagModule };
+export { IDTagComponent, IDTagDirective };
 //# sourceMappingURL=inera-ids-angular-components-tag.mjs.map

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.module.ts","../../../projects/ids-angular/components/tag/inera-ids-angular-components-tag.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-tag\",\n  templateUrl: \"./tag.component.html\"\n})\nexport class IDTagComponent {\n  @Input()\n  closeable: boolean = false;\n\n  @Input()\n  srcloselabel: string = \"\";\n\n  @Output()\n  onClicked: EventEmitter<boolean> = new EventEmitter();\n  @Output()\n  onClosed: EventEmitter<boolean> = new EventEmitter();\n\n  constructor() {}\n}\n","<ids-tag\n  [closeable]=\"closeable ? true : null\"\n  [srcloselabel]=\"srcloselabel\"\n  (clicked)=\"onClicked.emit(true)\"\n  (closed)=\"onClosed.emit(true)\">\n  <ng-content></ng-content>\n</ids-tag>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTagComponent } from './tag.component';\nimport '@inera/ids-core/components/tag/register';\n\n@NgModule({\n  declarations: [\n    IDTagComponent\n  ],\n  exports: [\n    IDTagComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTagModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,cAAc,CAAA;IAEzB,SAAS,GAAY,KAAK;IAG1B,YAAY,GAAW,EAAE;AAGzB,IAAA,SAAS,GAA0B,IAAI,YAAY,EAAE;AAErD,IAAA,QAAQ,GAA0B,IAAI,YAAY,EAAE;AAEpD,IAAA,WAAA,GAAA,EAAe;wGAZJ,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,2KCN3B,4MAMU,EAAA,CAAA;;4FDAG,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;+BACE,QAAQ,EAAA,QAAA,EAAA,4MAAA,EAAA;wDAKlB,SAAS,EAAA,CAAA;sBADR;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,SAAS,EAAA,CAAA;sBADR;gBAGD,QAAQ,EAAA,CAAA;sBADP;;;MEFU,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAX,WAAW,EAAA,YAAA,EAAA,CAPpB,cAAc,CAAA,EAAA,OAAA,EAAA,CAGd,cAAc,CAAA,EAAA,CAAA;yGAIL,WAAW,EAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBATvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;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  \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;;;;"}

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

@@ -1,38 +1,121 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/tooltip/register';
+import { Directive, inject, Renderer2, booleanAttribute, HostListener, Input, ContentChild, ViewChild, Component, NgModule } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
+
+class IDTooltipTriggerDirective {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDTooltipTriggerDirective, isStandalone: true, selector: "[idTooltipTrigger]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[idTooltipTrigger]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class IDTooltipComponent {
-    position = "top";
-    maxwidth = "20rem";
-    constructor() { }
+    idService = inject(IDUseIdService);
+    tooltipId = this.idService.generateId('tooltip');
+    tooltipContent;
+    trigger;
+    maxWidth;
+    fixedPosition;
+    position = 'top';
+    tempPosition;
+    onFocusIn(event) {
+        const target = event.target;
+        if (target.closest('.ids-tooltip__trigger')) {
+            this.calculatePosition();
+        }
+    }
+    renderer = inject(Renderer2);
+    get positionClass() {
+        return `ids-tooltip__content--${this.tempPosition}`;
+    }
+    ngAfterContentInit() {
+        if (this.trigger) {
+            this.renderer.setAttribute(this.trigger.elementRef.nativeElement, 'aria-describedby', this.tooltipId);
+        }
+    }
+    calculatePosition() {
+        this.tempPosition = this.position;
+        if (!this.fixedPosition) {
+            requestAnimationFrame(() => {
+                if (!this.tooltipContent)
+                    return;
+                const el = this.tooltipContent.nativeElement;
+                let rect = el.getBoundingClientRect();
+                const vWidth = window.innerWidth;
+                const vHeight = window.innerHeight;
+                let [vertical, horizontal] = this.position.split('-');
+                if (vertical === 'top' && rect.top < 0) {
+                    vertical = 'bottom';
+                }
+                else if (vertical === 'bottom' && rect.bottom > vHeight) {
+                    vertical = 'top';
+                }
+                if (rect.left < 0) {
+                    horizontal = 'left';
+                }
+                else if (rect.right > vWidth) {
+                    horizontal = 'right';
+                }
+                this.tempPosition = (horizontal ? `${vertical}-${horizontal}` : vertical);
+            });
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTooltipComponent, selector: "id-tooltip", inputs: { position: "position", maxwidth: "maxwidth" }, ngImport: i0, template: "<ids-tooltip [position]=\"position\" [maxwidth]=\"maxwidth\">\n  <ng-content></ng-content>\n</ids-tooltip>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDTooltipComponent, isStandalone: true, selector: "id-tooltip", inputs: { maxWidth: "maxWidth", fixedPosition: ["fixedPosition", "fixedPosition", booleanAttribute], position: "position" }, host: { listeners: { "focusin": "onFocusIn($event)", "mouseover": "onFocusIn($event)" }, classAttribute: "ids-tooltip" }, queries: [{ propertyName: "trigger", first: true, predicate: IDTooltipTriggerDirective, descendants: true }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }], ngImport: i0, template: "<span \n  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  role=\"tooltip\"\n  [attr.id]=\"tooltipId\">\n  <ng-content></ng-content>\n</span>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tooltip", template: "<ids-tooltip [position]=\"position\" [maxwidth]=\"maxwidth\">\n  <ng-content></ng-content>\n</ids-tooltip>" }]
-        }], ctorParameters: () => [], propDecorators: { position: [{
+            args: [{ selector: 'id-tooltip', standalone: true, host: {
+                        class: 'ids-tooltip'
+                    }, template: "<span \n  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  role=\"tooltip\"\n  [attr.id]=\"tooltipId\">\n  <ng-content></ng-content>\n</span>" }]
+        }], propDecorators: { tooltipContent: [{
+                type: ViewChild,
+                args: ['tooltipContent']
+            }], trigger: [{
+                type: ContentChild,
+                args: [IDTooltipTriggerDirective]
+            }], maxWidth: [{
                 type: Input
-            }], maxwidth: [{
+            }], fixedPosition: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], position: [{
                 type: Input
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['mouseover', ['$event']]
             }] } });
 
 class IDTooltipModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, declarations: [IDTooltipComponent], exports: [IDTooltipComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, imports: [IDTooltipComponent,
+            IDTooltipTriggerDirective], exports: [IDTooltipComponent,
+            IDTooltipTriggerDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        IDTooltipComponent
+                    imports: [
+                        IDTooltipComponent,
+                        IDTooltipTriggerDirective,
                     ],
                     exports: [
-                        IDTooltipComponent
+                        IDTooltipComponent,
+                        IDTooltipTriggerDirective,
                     ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
 
@@ -40,5 +123,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDTooltipComponent, IDTooltipModule };
+export { IDTooltipComponent, IDTooltipModule, IDTooltipTriggerDirective };
 //# sourceMappingURL=inera-ids-angular-components-tooltip.mjs.map

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.component.ts","../../../projects/ids-angular/components/tooltip/tooltip.component.html","../../../projects/ids-angular/components/tooltip/tooltip.module.ts","../../../projects/ids-angular/components/tooltip/inera-ids-angular-components-tooltip.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-tooltip\",\n  templateUrl: \"./tooltip.component.html\"\n})\nexport class IDTooltipComponent {\n  @Input()\n  position: \"top-left\" | \"top\" | \"top-right\" | \"bottom-left\" | \"bottom\" | \"bottom-right\" = \"top\";\n\n  @Input()\n  maxwidth: string = \"20rem\";\n\n  constructor() {}\n}\n","<ids-tooltip [position]=\"position\" [maxwidth]=\"maxwidth\">\n  <ng-content></ng-content>\n</ids-tooltip>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTooltipComponent } from './tooltip.component';\nimport '@inera/ids-core/components/tooltip/register';\n\n@NgModule({\n  declarations: [\n    IDTooltipComponent\n  ],\n  exports: [\n    IDTooltipComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTooltipModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,kBAAkB,CAAA;IAE7B,QAAQ,GAAiF,KAAK;IAG9F,QAAQ,GAAW,OAAO;AAE1B,IAAA,WAAA,GAAA,EAAe;wGAPJ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,0GCN/B,4GAEc,EAAA,CAAA;;4FDID,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,4GAAA,EAAA;wDAKtB,QAAQ,EAAA,CAAA;sBADP;gBAID,QAAQ,EAAA,CAAA;sBADP;;;MEGU,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAf,eAAe,EAAA,YAAA,EAAA,CAPxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,kBAAkB,CAAA,EAAA,CAAA;yGAIT,eAAe,EAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"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.component.html","../../../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, Component, ContentChild, ElementRef, HostListener, Input, Renderer2, ViewChild, booleanAttribute, inject } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\nimport { IDTooltipTriggerDirective } from './tooltip-trigger.directive';\n\n@Component({\n  selector: 'id-tooltip',\n  templateUrl: './tooltip.component.html',\n  standalone: true,\n  host: {\n    class: 'ids-tooltip'\n  }\n})\nexport class IDTooltipComponent implements AfterContentInit {\n  private idService = inject(IDUseIdService);\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  @HostListener('focusin', ['$event'])\n  @HostListener('mouseover', ['$event'])\n  onFocusIn(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    if (target.closest('.ids-tooltip__trigger')) {\n      this.calculatePosition();\n    }\n  }\n\n  private renderer = inject(Renderer2);\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  private calculatePosition() {\n    this.tempPosition = this.position;\n    if(!this.fixedPosition){\n      requestAnimationFrame(() => {\n        if (!this.tooltipContent) return;\n\n        const el = this.tooltipContent.nativeElement;\n\n        let rect = el.getBoundingClientRect();\n        const vWidth = window.innerWidth;\n        const vHeight = window.innerHeight;\n\n        let [vertical, horizontal] = this.position.split('-') as [string, string | undefined];\n\n        if (vertical === 'top' && rect.top < 0) {\n          vertical = 'bottom'; \n        } else if (vertical === 'bottom' && rect.bottom > vHeight) {\n          vertical = 'top';\n        }\n        if (rect.left < 0) { \n          horizontal = 'left';\n        }\n        else if (rect.right > vWidth) { \n          horizontal = 'right';\n        }\n        this.tempPosition = (horizontal ? `${vertical}-${horizontal}` : vertical) as any;\n      });\n    }\n  }\n}","<span \n  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  role=\"tooltip\"\n  [attr.id]=\"tooltipId\">\n  <ng-content></ng-content>\n</span>","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,11 @@
 {
   "name": "@inera/ids-angular",
-  "version": "8.1.0",
+  "version": "9.0.0",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
-    "@inera/ids-core": "8.1.x"
+    "@angular/cdk": "*",
+    "@inera/ids-design": "9.0.x"
   },
   "publishConfig": {
     "access": "public"
@@ -13,9 +14,11 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "module": "fesm2022/inera-ids-angular.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./eslint": {
+      "require": "./eslint/index.js",
+      "default": "./eslint/index.js"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -31,6 +34,18 @@
       "esm": "./esm2022/common/inera-ids-angular-common.mjs",
       "default": "./fesm2022/inera-ids-angular-common.mjs"
     },
+    "./components/accordion": {
+      "types": "./components/accordion/index.d.ts",
+      "esm2022": "./esm2022/components/accordion/inera-ids-angular-components-accordion.mjs",
+      "esm": "./esm2022/components/accordion/inera-ids-angular-components-accordion.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-accordion.mjs"
+    },
+    "./components/action-link": {
+      "types": "./components/action-link/index.d.ts",
+      "esm2022": "./esm2022/components/action-link/inera-ids-angular-components-action-link.mjs",
+      "esm": "./esm2022/components/action-link/inera-ids-angular-components-action-link.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-action-link.mjs"
+    },
     "./components/alert": {
       "types": "./components/alert/index.d.ts",
       "esm2022": "./esm2022/components/alert/inera-ids-angular-components-alert.mjs",
@@ -91,12 +106,6 @@
       "esm": "./esm2022/components/dialog/inera-ids-angular-components-dialog.mjs",
       "default": "./fesm2022/inera-ids-angular-components-dialog.mjs"
     },
-    "./components/accordion": {
-      "types": "./components/accordion/index.d.ts",
-      "esm2022": "./esm2022/components/accordion/inera-ids-angular-components-accordion.mjs",
-      "esm": "./esm2022/components/accordion/inera-ids-angular-components-accordion.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-accordion.mjs"
-    },
     "./components/dropdown": {
       "types": "./components/dropdown/index.d.ts",
       "esm2022": "./esm2022/components/dropdown/inera-ids-angular-components-dropdown.mjs",
@@ -115,6 +124,12 @@
       "esm": "./esm2022/components/footer-1177-admin/inera-ids-angular-components-footer-1177-admin.mjs",
       "default": "./fesm2022/inera-ids-angular-components-footer-1177-admin.mjs"
     },
+    "./components/footer-1177-pro": {
+      "types": "./components/footer-1177-pro/index.d.ts",
+      "esm2022": "./esm2022/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.mjs",
+      "esm": "./esm2022/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-footer-1177-pro.mjs"
+    },
     "./components/footer-inera": {
       "types": "./components/footer-inera/index.d.ts",
       "esm2022": "./esm2022/components/footer-inera/inera-ids-angular-components-footer-inera.mjs",
@@ -127,12 +142,6 @@
       "esm": "./esm2022/components/footer-inera-admin/inera-ids-angular-components-footer-inera-admin.mjs",
       "default": "./fesm2022/inera-ids-angular-components-footer-inera-admin.mjs"
     },
-    "./components/footer-1177-pro": {
-      "types": "./components/footer-1177-pro/index.d.ts",
-      "esm2022": "./esm2022/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.mjs",
-      "esm": "./esm2022/components/footer-1177-pro/inera-ids-angular-components-footer-1177-pro.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-footer-1177-pro.mjs"
-    },
     "./components/global-alert": {
       "types": "./components/global-alert/index.d.ts",
       "esm2022": "./esm2022/components/global-alert/inera-ids-angular-components-global-alert.mjs",
@@ -145,6 +154,12 @@
       "esm": "./esm2022/components/grid/inera-ids-angular-components-grid.mjs",
       "default": "./fesm2022/inera-ids-angular-components-grid.mjs"
     },
+    "./components/grid-layout": {
+      "types": "./components/grid-layout/index.d.ts",
+      "esm2022": "./esm2022/components/grid-layout/inera-ids-angular-components-grid-layout.mjs",
+      "esm": "./esm2022/components/grid-layout/inera-ids-angular-components-grid-layout.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-grid-layout.mjs"
+    },
     "./components/header-1177": {
       "types": "./components/header-1177/index.d.ts",
       "esm2022": "./esm2022/components/header-1177/inera-ids-angular-components-header-1177.mjs",
@@ -175,12 +190,24 @@
       "esm": "./esm2022/components/header-inera-admin/inera-ids-angular-components-header-inera-admin.mjs",
       "default": "./fesm2022/inera-ids-angular-components-header-inera-admin.mjs"
     },
+    "./components/header-patient": {
+      "types": "./components/header-patient/index.d.ts",
+      "esm2022": "./esm2022/components/header-patient/inera-ids-angular-components-header-patient.mjs",
+      "esm": "./esm2022/components/header-patient/inera-ids-angular-components-header-patient.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-header-patient.mjs"
+    },
     "./components/link": {
       "types": "./components/link/index.d.ts",
       "esm2022": "./esm2022/components/link/inera-ids-angular-components-link.mjs",
       "esm": "./esm2022/components/link/inera-ids-angular-components-link.mjs",
       "default": "./fesm2022/inera-ids-angular-components-link.mjs"
     },
+    "./components/notification-badge": {
+      "types": "./components/notification-badge/index.d.ts",
+      "esm2022": "./esm2022/components/notification-badge/inera-ids-angular-components-notification-badge.mjs",
+      "esm": "./esm2022/components/notification-badge/inera-ids-angular-components-notification-badge.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-notification-badge.mjs"
+    },
     "./components/popover": {
       "types": "./components/popover/index.d.ts",
       "esm2022": "./esm2022/components/popover/inera-ids-angular-components-popover.mjs",
@@ -193,11 +220,11 @@
       "esm": "./esm2022/components/progressbar/inera-ids-angular-components-progressbar.mjs",
       "default": "./fesm2022/inera-ids-angular-components-progressbar.mjs"
     },
-    "./components/header-patient": {
-      "types": "./components/header-patient/index.d.ts",
-      "esm2022": "./esm2022/components/header-patient/inera-ids-angular-components-header-patient.mjs",
-      "esm": "./esm2022/components/header-patient/inera-ids-angular-components-header-patient.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-header-patient.mjs"
+    "./components/puff-list": {
+      "types": "./components/puff-list/index.d.ts",
+      "esm2022": "./esm2022/components/puff-list/inera-ids-angular-components-puff-list.mjs",
+      "esm": "./esm2022/components/puff-list/inera-ids-angular-components-puff-list.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-puff-list.mjs"
     },
     "./components/region-icon": {
       "types": "./components/region-icon/index.d.ts",
@@ -205,11 +232,11 @@
       "esm": "./esm2022/components/region-icon/inera-ids-angular-components-region-icon.mjs",
       "default": "./fesm2022/inera-ids-angular-components-region-icon.mjs"
     },
-    "./components/stepper": {
-      "types": "./components/stepper/index.d.ts",
-      "esm2022": "./esm2022/components/stepper/inera-ids-angular-components-stepper.mjs",
-      "esm": "./esm2022/components/stepper/inera-ids-angular-components-stepper.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-stepper.mjs"
+    "./components/side-menu": {
+      "types": "./components/side-menu/index.d.ts",
+      "esm2022": "./esm2022/components/side-menu/inera-ids-angular-components-side-menu.mjs",
+      "esm": "./esm2022/components/side-menu/inera-ids-angular-components-side-menu.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-side-menu.mjs"
     },
     "./components/side-panel": {
       "types": "./components/side-panel/index.d.ts",
@@ -217,11 +244,11 @@
       "esm": "./esm2022/components/side-panel/inera-ids-angular-components-side-panel.mjs",
       "default": "./fesm2022/inera-ids-angular-components-side-panel.mjs"
     },
-    "./components/side-menu": {
-      "types": "./components/side-menu/index.d.ts",
-      "esm2022": "./esm2022/components/side-menu/inera-ids-angular-components-side-menu.mjs",
-      "esm": "./esm2022/components/side-menu/inera-ids-angular-components-side-menu.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-side-menu.mjs"
+    "./components/stepper": {
+      "types": "./components/stepper/index.d.ts",
+      "esm2022": "./esm2022/components/stepper/inera-ids-angular-components-stepper.mjs",
+      "esm": "./esm2022/components/stepper/inera-ids-angular-components-stepper.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-stepper.mjs"
     },
     "./components/tabs": {
       "types": "./components/tabs/index.d.ts",
@@ -247,17 +274,23 @@
       "esm": "./esm2022/components/form/check-button/inera-ids-angular-components-form-check-button.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-check-button.mjs"
     },
+    "./components/form/checkbox": {
+      "types": "./components/form/checkbox/index.d.ts",
+      "esm2022": "./esm2022/components/form/checkbox/inera-ids-angular-components-form-checkbox.mjs",
+      "esm": "./esm2022/components/form/checkbox/inera-ids-angular-components-form-checkbox.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-form-checkbox.mjs"
+    },
     "./components/form/checkbox-group": {
       "types": "./components/form/checkbox-group/index.d.ts",
       "esm2022": "./esm2022/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.mjs",
       "esm": "./esm2022/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-checkbox-group.mjs"
     },
-    "./components/form/input": {
-      "types": "./components/form/input/index.d.ts",
-      "esm2022": "./esm2022/components/form/input/inera-ids-angular-components-form-input.mjs",
-      "esm": "./esm2022/components/form/input/inera-ids-angular-components-form-input.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-form-input.mjs"
+    "./components/form/darkmode-toggle": {
+      "types": "./components/form/darkmode-toggle/index.d.ts",
+      "esm2022": "./esm2022/components/form/darkmode-toggle/inera-ids-angular-components-form-darkmode-toggle.mjs",
+      "esm": "./esm2022/components/form/darkmode-toggle/inera-ids-angular-components-form-darkmode-toggle.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-form-darkmode-toggle.mjs"
     },
     "./components/form/error-message": {
       "types": "./components/form/error-message/index.d.ts",
@@ -265,11 +298,11 @@
       "esm": "./esm2022/components/form/error-message/inera-ids-angular-components-form-error-message.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-error-message.mjs"
     },
-    "./components/form/checkbox": {
-      "types": "./components/form/checkbox/index.d.ts",
-      "esm2022": "./esm2022/components/form/checkbox/inera-ids-angular-components-form-checkbox.mjs",
-      "esm": "./esm2022/components/form/checkbox/inera-ids-angular-components-form-checkbox.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-form-checkbox.mjs"
+    "./components/form/input": {
+      "types": "./components/form/input/index.d.ts",
+      "esm2022": "./esm2022/components/form/input/inera-ids-angular-components-form-input.mjs",
+      "esm": "./esm2022/components/form/input/inera-ids-angular-components-form-input.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-form-input.mjs"
     },
     "./components/form/radio": {
       "types": "./components/form/radio/index.d.ts",
@@ -283,12 +316,6 @@
       "esm": "./esm2022/components/form/radio-button/inera-ids-angular-components-form-radio-button.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-radio-button.mjs"
     },
-    "./components/form/select-multiple": {
-      "types": "./components/form/select-multiple/index.d.ts",
-      "esm2022": "./esm2022/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.mjs",
-      "esm": "./esm2022/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-form-select-multiple.mjs"
-    },
     "./components/form/range": {
       "types": "./components/form/range/index.d.ts",
       "esm2022": "./esm2022/components/form/range/inera-ids-angular-components-form-range.mjs",
@@ -301,36 +328,36 @@
       "esm": "./esm2022/components/form/select/inera-ids-angular-components-form-select.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-select.mjs"
     },
+    "./components/form/select-multiple": {
+      "types": "./components/form/select-multiple/index.d.ts",
+      "esm2022": "./esm2022/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.mjs",
+      "esm": "./esm2022/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-form-select-multiple.mjs"
+    },
     "./components/form/spinner": {
       "types": "./components/form/spinner/index.d.ts",
       "esm2022": "./esm2022/components/form/spinner/inera-ids-angular-components-form-spinner.mjs",
       "esm": "./esm2022/components/form/spinner/inera-ids-angular-components-form-spinner.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-spinner.mjs"
     },
-    "./components/puff-list": {
-      "types": "./components/puff-list/index.d.ts",
-      "esm2022": "./esm2022/components/puff-list/inera-ids-angular-components-puff-list.mjs",
-      "esm": "./esm2022/components/puff-list/inera-ids-angular-components-puff-list.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-puff-list.mjs"
-    },
     "./components/form/textarea": {
       "types": "./components/form/textarea/index.d.ts",
       "esm2022": "./esm2022/components/form/textarea/inera-ids-angular-components-form-textarea.mjs",
       "esm": "./esm2022/components/form/textarea/inera-ids-angular-components-form-textarea.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-textarea.mjs"
     },
-    "./components/form/toggle": {
-      "types": "./components/form/toggle/index.d.ts",
-      "esm2022": "./esm2022/components/form/toggle/inera-ids-angular-components-form-toggle.mjs",
-      "esm": "./esm2022/components/form/toggle/inera-ids-angular-components-form-toggle.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-form-toggle.mjs"
-    },
     "./components/form/time": {
       "types": "./components/form/time/index.d.ts",
       "esm2022": "./esm2022/components/form/time/inera-ids-angular-components-form-time.mjs",
       "esm": "./esm2022/components/form/time/inera-ids-angular-components-form-time.mjs",
       "default": "./fesm2022/inera-ids-angular-components-form-time.mjs"
     },
+    "./components/form/toggle": {
+      "types": "./components/form/toggle/index.d.ts",
+      "esm2022": "./esm2022/components/form/toggle/inera-ids-angular-components-form-toggle.mjs",
+      "esm": "./esm2022/components/form/toggle/inera-ids-angular-components-form-toggle.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-form-toggle.mjs"
+    },
     "./components/grid/column": {
       "types": "./components/grid/column/index.d.ts",
       "esm2022": "./esm2022/components/grid/column/inera-ids-angular-components-grid-column.mjs",
@@ -349,6 +376,24 @@
       "esm": "./esm2022/components/grid/row/inera-ids-angular-components-grid-row.mjs",
       "default": "./fesm2022/inera-ids-angular-components-grid-row.mjs"
     },
+    "./components/grid-layout/grid-column": {
+      "types": "./components/grid-layout/grid-column/index.d.ts",
+      "esm2022": "./esm2022/components/grid-layout/grid-column/inera-ids-angular-components-grid-layout-grid-column.mjs",
+      "esm": "./esm2022/components/grid-layout/grid-column/inera-ids-angular-components-grid-layout-grid-column.mjs",
+      "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",
+      "esm2022": "./esm2022/components/grid-layout/grid-container/inera-ids-angular-components-grid-layout-grid-container.mjs",
+      "esm": "./esm2022/components/grid-layout/grid-container/inera-ids-angular-components-grid-layout-grid-container.mjs",
+      "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",
+      "esm2022": "./esm2022/components/grid-layout/grid-row/inera-ids-angular-components-grid-layout-grid-row.mjs",
+      "esm": "./esm2022/components/grid-layout/grid-row/inera-ids-angular-components-grid-layout-grid-row.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs"
+    },
     "./components/mobile/menu": {
       "types": "./components/mobile/menu/index.d.ts",
       "esm2022": "./esm2022/components/mobile/menu/inera-ids-angular-components-mobile-menu.mjs",
@@ -361,24 +406,18 @@
       "esm": "./esm2022/components/navigation/content/inera-ids-angular-components-navigation-content.mjs",
       "default": "./fesm2022/inera-ids-angular-components-navigation-content.mjs"
     },
-    "./components/navigation/local": {
-      "types": "./components/navigation/local/index.d.ts",
-      "esm2022": "./esm2022/components/navigation/local/inera-ids-angular-components-navigation-local.mjs",
-      "esm": "./esm2022/components/navigation/local/inera-ids-angular-components-navigation-local.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-navigation-local.mjs"
-    },
-    "./components/notification/badge": {
-      "types": "./components/notification/badge/index.d.ts",
-      "esm2022": "./esm2022/components/notification/badge/inera-ids-angular-components-notification-badge.mjs",
-      "esm": "./esm2022/components/notification/badge/inera-ids-angular-components-notification-badge.mjs",
-      "default": "./fesm2022/inera-ids-angular-components-notification-badge.mjs"
-    },
     "./components/pagination/data-pagination": {
       "types": "./components/pagination/data-pagination/index.d.ts",
       "esm2022": "./esm2022/components/pagination/data-pagination/inera-ids-angular-components-pagination-data-pagination.mjs",
       "esm": "./esm2022/components/pagination/data-pagination/inera-ids-angular-components-pagination-data-pagination.mjs",
       "default": "./fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs"
     },
+    "./components/navigation/local": {
+      "types": "./components/navigation/local/index.d.ts",
+      "esm2022": "./esm2022/components/navigation/local/inera-ids-angular-components-navigation-local.mjs",
+      "esm": "./esm2022/components/navigation/local/inera-ids-angular-components-navigation-local.mjs",
+      "default": "./fesm2022/inera-ids-angular-components-navigation-local.mjs"
+    },
     "./components/pagination/list-pagination": {
       "types": "./components/pagination/list-pagination/index.d.ts",
       "esm2022": "./esm2022/components/pagination/list-pagination/inera-ids-angular-components-pagination-list-pagination.mjs",
@@ -392,5 +431,7 @@
       "default": "./fesm2022/inera-ids-angular-components-mobile-menu-item.mjs"
     }
   },
+  "module": "fesm2022/inera-ids-angular.mjs",
+  "typings": "index.d.ts",
   "sideEffects": false
 }