@inera/ids-angular 9.2.1 → 9.4.0

package/fesm2022/inera-ids-angular-components-navigation-local.mjs

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Component, ContentChildren, Input } from '@angular/core';
+import { viewChild, TemplateRef, Component, contentChildren, Input } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class IDNavigationLocalLinkComponent {
-    template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    template = viewChild.required(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
       `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-navigation-local-link',
@@ -23,25 +23,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       `,
                     standalone: true
                 }]
-        }], propDecorators: { template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }] });
 
 class IDNavigationLocalComponent {
     headline;
-    linkComponents;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    linkComponents = contentChildren(IDNavigationLocalLinkComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-navigation-local', standalone: true, imports: [CommonModule], template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>" }]
+            args: [{ selector: 'id-navigation-local', standalone: true, imports: [CommonModule], template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>" }]
         }], propDecorators: { headline: [{
                 type: Input
-            }], linkComponents: [{
-                type: ContentChildren,
-                args: [IDNavigationLocalLinkComponent]
             }] } });
 
 /**

package/fesm2022/inera-ids-angular-components-navigation-local.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-navigation-local.mjs","sources":["../../../projects/ids-angular/components/navigation/local/navigation-local-link.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.html","../../../projects/ids-angular/components/navigation/local/inera-ids-angular-components-navigation-local.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-local-link',\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>\n      `,\n  standalone: true\n})\nexport class IDNavigationLocalLinkComponent {\n\n  @ViewChild(TemplateRef)\n  template: TemplateRef<any>;\n\n}","import { Component, ContentChildren, Input, QueryList } from '@angular/core';\nimport { IDNavigationLocalLinkComponent } from './navigation-local-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-navigation-local',\n  templateUrl: './navigation-local.component.html',\n  standalone: true,\n  imports: [CommonModule]\n})\nexport class IDNavigationLocalComponent {\n\n  @Input() headline?: string;\n\n  @ContentChildren(IDNavigationLocalLinkComponent)\n  linkComponents: QueryList<IDNavigationLocalLinkComponent>;\n}\n","<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,8BAA8B,CAAA;AAGzC,IAAA,QAAQ;wGAHG,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE9B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATZ;;;;AAIL,MAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGM,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAT1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE;;;;AAIL,MAAA,CAAA;AACL,oBAAA,UAAU,EAAE;AACb,iBAAA;8BAIC,QAAQ,EAAA,CAAA;sBADP,SAAS;uBAAC,WAAW;;;MCHX,0BAA0B,CAAA;AAE5B,IAAA,QAAQ;AAGjB,IAAA,cAAc;wGALH,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAIpB,8BAA8B,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdjD,oUASM,2CDDM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EAEnB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,oUAAA,EAAA;8BAId,QAAQ,EAAA,CAAA;sBAAhB;gBAGD,cAAc,EAAA,CAAA;sBADb,eAAe;uBAAC,8BAA8B;;;AEdjD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-navigation-local.mjs","sources":["../../../projects/ids-angular/components/navigation/local/navigation-local-link.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.html","../../../projects/ids-angular/components/navigation/local/inera-ids-angular-components-navigation-local.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-local-link',\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>\n      `,\n  standalone: true\n})\nexport class IDNavigationLocalLinkComponent {\n\n  template = viewChild.required(TemplateRef);\n\n}","import { Component, Input, contentChildren } from '@angular/core';\nimport { IDNavigationLocalLinkComponent } from './navigation-local-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-navigation-local',\n  templateUrl: './navigation-local.component.html',\n  standalone: true,\n  imports: [CommonModule]\n})\nexport class IDNavigationLocalComponent {\n\n  @Input() headline?: string;\n\n    linkComponents = contentChildren(IDNavigationLocalLinkComponent);\n}\n","<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,8BAA8B,CAAA;AAEzC,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;wGAF/B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEX,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT/B;;;;AAIL,MAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGM,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAT1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE;;;;AAIL,MAAA,CAAA;AACL,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCAY,0BAA0B,CAAA;AAE5B,IAAA,QAAQ;AAEf,IAAA,cAAc,GAAG,eAAe,CAAC,8BAA8B,CAAC;wGAJvD,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAIF,8BAA8B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdnE,wUASM,2CDDM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EAEnB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wUAAA,EAAA;8BAId,QAAQ,EAAA,CAAA;sBAAhB;;;AEZH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-notification-badge.mjs

@@ -7,22 +7,22 @@ class IDNotificationBadgeComponent {
     get hostClasses() {
         return `ids-notification-badge ids-notification-badge--${this.type}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
     @if(icon) {
-      <span class="ids-icon-{{ icon }}"></span>
+      <span class="ids-icon-{{ icon }}-small"></span>
     } @else {
       <ng-content></ng-content>
     }
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-notification-badge",
                     template: `
     @if(icon) {
-      <span class="ids-icon-{{ icon }}"></span>
+      <span class="ids-icon-{{ icon }}-small"></span>
     } @else {
       <ng-content></ng-content>
     }

package/fesm2022/inera-ids-angular-components-notification-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification-badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification-badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  template: `\n    @if(icon) {\n      <span class=\"ids-icon-{{ icon }}\"></span>\n    } @else {\n      <ng-content></ng-content>\n    }\n  `,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDNotificationBadgeComponent {\n\n  @Input() type: \"primary\" | \"neutral\" | \"info\" | \"attention\" | \"success\" | \"error\" | \"secondary\" = \"primary\";\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-notification-badge ids-notification-badge--${this.type}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,4BAA4B,CAAA;IAE9B,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,+CAAA,EAAkD,IAAI,CAAC,IAAI,EAAE;IACtE;wGAPW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ7B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;ACnBH;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification-badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification-badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  template: `\n    @if(icon) {\n      <span class=\"ids-icon-{{ icon }}-small\"></span>\n    } @else {\n      <ng-content></ng-content>\n    }\n  `,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDNotificationBadgeComponent {\n\n  @Input() type: \"primary\" | \"neutral\" | \"info\" | \"attention\" | \"success\" | \"error\" | \"secondary\" = \"primary\";\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-notification-badge ids-notification-badge--${this.type}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,4BAA4B,CAAA;IAE9B,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,+CAAA,EAAkD,IAAI,CAAC,IAAI,EAAE;IACtE;wGAPW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ7B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;ACnBH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs

@@ -8,8 +8,8 @@ class IDDataPaginationComponent {
     ofText = 'av';
     total = 0;
     light = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDDataPaginationComponent, isStandalone: true, selector: "id-data-pagination", inputs: { from: "from", to: "to", ofText: "ofText", total: "total", light: ["light", "light", booleanAttribute] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDDataPaginationComponent, isStandalone: true, selector: "id-data-pagination", inputs: { from: "from", to: "to", ofText: "ofText", total: "total", light: ["light", "light", booleanAttribute] }, ngImport: i0, template: `
     <div class="ids-data-pagination" [class.ids-data-pagination--light]="light">
       <ng-content select="id-data-pagination-select"></ng-content>
       <div class="ids-data-pagination__summary">
@@ -32,7 +32,7 @@ class IDDataPaginationComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-data-pagination',
@@ -75,10 +75,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDDataPaginationSelectComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDataPaginationSelectComponent, isStandalone: true, selector: "id-data-pagination-select", host: { classAttribute: "ids-data-pagination__select" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDDataPaginationSelectComponent, isStandalone: true, selector: "id-data-pagination-select", host: { classAttribute: "ids-data-pagination__select" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationSelectComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-data-pagination-select',

package/fesm2022/inera-ids-angular-components-pagination-list-pagination.mjs

@@ -53,8 +53,8 @@ class IDListPaginationComponent {
             this.nextPage.emit(this.current);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDListPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDListPaginationComponent, isStandalone: true, selector: "id-list-pagination", inputs: { showingText: "showingText", from: "from", to: "to", ofText: "ofText", total: "total", current: "current", pages: "pages", srCurrentPage: "srCurrentPage", srGoToPage: "srGoToPage", srPrevious: "srPrevious", srNext: "srNext", srNav: "srNav" }, outputs: { pageChanged: "pageChanged", prevPage: "prevPage", nextPage: "nextPage" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDListPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDListPaginationComponent, isStandalone: true, selector: "id-list-pagination", inputs: { showingText: "showingText", from: "from", to: "to", ofText: "ofText", total: "total", current: "current", pages: "pages", srCurrentPage: "srCurrentPage", srGoToPage: "srGoToPage", srPrevious: "srPrevious", srNext: "srNext", srNav: "srNav" }, outputs: { pageChanged: "pageChanged", prevPage: "prevPage", nextPage: "nextPage" }, ngImport: i0, template: `
     <div class="ids-list-pagination">
       <div
         class="ids-list-pagination__summary"
@@ -106,7 +106,7 @@ class IDListPaginationComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDListPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDListPaginationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-list-pagination',

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Component, inject, ElementRef, booleanAttribute, Input, ApplicationRef, DestroyRef, effect, ViewChild, ContentChildren, ContentChild, NgModule } from '@angular/core';
+import { EventEmitter, HostListener, Output, Component, inject, ElementRef, booleanAttribute, Input, contentChild, contentChildren, viewChild, ApplicationRef, DestroyRef, effect, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -13,10 +13,10 @@ class IDPopoverCloseComponent {
     onClick = (e) => {
         this.clicked.emit(e);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverCloseComponent, isStandalone: true, selector: "id-popover-close", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverCloseComponent, isStandalone: true, selector: "id-popover-close", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverCloseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverCloseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-close',
@@ -58,7 +58,9 @@ class IDPopoverContentComponent {
         if (document.activeElement === wrapper) {
             event.preventDefault();
             const focusable = wrapper.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
-            const last = Array.from(focusable).filter(el => el !== wrapper).pop();
+            const last = Array.from(focusable)
+                .filter((el) => el !== wrapper)
+                .pop();
             if (last) {
                 last.focus();
             }
@@ -70,62 +72,114 @@ class IDPopoverContentComponent {
     get hostClasses() {
         return `ids-popover-content ids-popover-content--${this.position}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDPopoverContentComponent, isStandalone: true, selector: "id-popover-content", inputs: { closeOnBlur: ["closeOnBlur", "closeOnBlur", booleanAttribute], maxHeight: "maxHeight", maxWidth: "maxWidth", srCloseText: "srCloseText" }, outputs: { contentClosed: "contentClosed" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClasses" }, styleAttribute: "display: none" }, ngImport: i0, template: `
-  <div [cdkTrapFocus]="true" idClickOutside (idClickOutside)="onClickedOutside($event)"
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDPopoverContentComponent, isStandalone: true, selector: "id-popover-content", inputs: { closeOnBlur: ["closeOnBlur", "closeOnBlur", booleanAttribute], maxHeight: "maxHeight", maxWidth: "maxWidth", srCloseText: "srCloseText" }, outputs: { contentClosed: "contentClosed" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClasses" }, styleAttribute: "display: none" }, ngImport: i0, template: `
+    <div
+      [cdkTrapFocus]="true"
+      idClickOutside
+      (idClickOutside)="onClickedOutside($event)"
       (keydown.shift.tab)="onShiftTab($event)"
       class="ids-popover-content__content-wrapper"
       tabindex="0"
       [style.maxWidth]="maxWidth"
-      [style.maxHeight]="maxHeight">
-    <div class="ids-popover-content__caret" [ngClass]="caretPositionClass">
-      <span class="ids-popover-content__caret-body" [ngClass]="caretPositionClass"></span>
-      <span class="ids-popover-content__caret-border" [ngClass]="caretPositionClass"></span>
-      <span class="ids-popover-content__caret-shadow" [ngClass]="caretPositionClass"></span>
-    </div>
-    <div class="ids-popover-content__top-bar">
-      <div class="ids-popover-content__close-btn-wrapper">
-        <button (click)="contentClosed.emit($event)" class="ids-popover-content__close-btn" [attr.aria-label]="srCloseText"></button>
+      [style.maxHeight]="maxHeight"
+    >
+      <div
+        class="ids-popover-content__caret"
+        [ngClass]="caretPositionClass"
+      >
+        <span
+          class="ids-popover-content__caret-body"
+          [ngClass]="caretPositionClass"
+        ></span>
+        <span
+          class="ids-popover-content__caret-border"
+          [ngClass]="caretPositionClass"
+        ></span>
+        <span
+          class="ids-popover-content__caret-shadow"
+          [ngClass]="caretPositionClass"
+        ></span>
+      </div>
+      <div class="ids-popover-content__top-bar">
+        <div class="ids-popover-content__close-btn-wrapper">
+          <button
+            class="ids-popover-content__close-btn"
+            (click)="contentClosed.emit($event)"
+            [attr.aria-label]="srCloseText"
+          >
+            <span
+              class="ids-icon-close"
+              aria-hidden
+            ></span>
+          </button>
+        </div>
+      </div>
+      <div class="ids-popover-content__content-wrapper-inner">
+        <ng-content select="id-popover-header"></ng-content>
+        <ng-content></ng-content>
       </div>
     </div>
-    <div class="ids-popover-content__content-wrapper-inner">
-      <ng-content select="id-popover-header"></ng-content>
-      <ng-content></ng-content>
-    </div>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-content',
                     standalone: true,
                     imports: [A11yModule, CommonModule, IDClickOutsideDirective],
                     template: `
-  <div [cdkTrapFocus]="true" idClickOutside (idClickOutside)="onClickedOutside($event)"
+    <div
+      [cdkTrapFocus]="true"
+      idClickOutside
+      (idClickOutside)="onClickedOutside($event)"
       (keydown.shift.tab)="onShiftTab($event)"
       class="ids-popover-content__content-wrapper"
       tabindex="0"
       [style.maxWidth]="maxWidth"
-      [style.maxHeight]="maxHeight">
-    <div class="ids-popover-content__caret" [ngClass]="caretPositionClass">
-      <span class="ids-popover-content__caret-body" [ngClass]="caretPositionClass"></span>
-      <span class="ids-popover-content__caret-border" [ngClass]="caretPositionClass"></span>
-      <span class="ids-popover-content__caret-shadow" [ngClass]="caretPositionClass"></span>
-    </div>
-    <div class="ids-popover-content__top-bar">
-      <div class="ids-popover-content__close-btn-wrapper">
-        <button (click)="contentClosed.emit($event)" class="ids-popover-content__close-btn" [attr.aria-label]="srCloseText"></button>
+      [style.maxHeight]="maxHeight"
+    >
+      <div
+        class="ids-popover-content__caret"
+        [ngClass]="caretPositionClass"
+      >
+        <span
+          class="ids-popover-content__caret-body"
+          [ngClass]="caretPositionClass"
+        ></span>
+        <span
+          class="ids-popover-content__caret-border"
+          [ngClass]="caretPositionClass"
+        ></span>
+        <span
+          class="ids-popover-content__caret-shadow"
+          [ngClass]="caretPositionClass"
+        ></span>
+      </div>
+      <div class="ids-popover-content__top-bar">
+        <div class="ids-popover-content__close-btn-wrapper">
+          <button
+            class="ids-popover-content__close-btn"
+            (click)="contentClosed.emit($event)"
+            [attr.aria-label]="srCloseText"
+          >
+            <span
+              class="ids-icon-close"
+              aria-hidden
+            ></span>
+          </button>
+        </div>
+      </div>
+      <div class="ids-popover-content__content-wrapper-inner">
+        <ng-content select="id-popover-header"></ng-content>
+        <ng-content></ng-content>
       </div>
     </div>
-    <div class="ids-popover-content__content-wrapper-inner">
-      <ng-content select="id-popover-header"></ng-content>
-      <ng-content></ng-content>
-    </div>
-  </div>`,
+  `,
                     host: {
                         '[class]': 'hostClasses',
-                        'style': 'display: none',
-                    }
+                        style: 'display: none',
+                    },
                 }]
         }], propDecorators: { contentClosed: [{
                 type: Output
@@ -150,9 +204,9 @@ class IDPopoverComponent {
     showChange = new EventEmitter();
     closed = new EventEmitter();
     opened = new EventEmitter();
-    bodyComponent;
-    closeComponents;
-    triggerEl;
+    bodyComponent = contentChild(IDPopoverContentComponent, { descendants: true });
+    closeComponents = contentChildren(IDPopoverCloseComponent, { descendants: true });
+    triggerEl = viewChild.required('triggerEl');
     document = inject(DOCUMENT);
     appRef = inject(ApplicationRef);
     opener = false;
@@ -197,19 +251,19 @@ class IDPopoverComponent {
     updatePosition(position) {
         clearTimeout(this.updatePositionTimeout);
         this.updatePositionTimeout = setTimeout(() => {
-            this.bodyComponent.position = position;
+            this.bodyComponent().position = position;
             if (this.isAttached) {
                 requestAnimationFrame(() => this.applyPortalPosition());
             }
         }, 0);
     }
     ngAfterContentInit() {
-        this.bodyComponent.contentClosed
+        this.bodyComponent().contentClosed
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => {
             this.closePopover(event);
         });
-        this.closeComponents.forEach((closeComponent) => {
+        this.closeComponents().forEach((closeComponent) => {
             closeComponent.clicked
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((event) => {
@@ -234,9 +288,9 @@ class IDPopoverComponent {
         }
     }
     focusContent() {
-        if (!this.bodyComponent)
+        if (!this.bodyComponent())
             return;
-        const contentEl = this.bodyComponent.elementRef.nativeElement;
+        const contentEl = this.bodyComponent().elementRef.nativeElement;
         const wrapper = contentEl.querySelector('.ids-popover-content__content-wrapper');
         if (wrapper) {
             wrapper.focus({ preventScroll: true });
@@ -259,7 +313,7 @@ class IDPopoverComponent {
         this.focusTriggerContent();
     }
     focusTriggerContent() {
-        const trigger = this.triggerEl?.nativeElement;
+        const trigger = this.triggerEl()?.nativeElement;
         if (!trigger)
             return;
         const focusable = trigger.querySelector('button, a[href], [tabindex]:not([tabindex="-1"]), input, select, textarea');
@@ -268,16 +322,16 @@ class IDPopoverComponent {
         }
     }
     attachPortal() {
-        if (this.isAttached || !this.bodyComponent)
+        if (this.isAttached || !this.bodyComponent())
             return;
         this.isAttached = true;
-        const contentEl = this.bodyComponent.elementRef.nativeElement;
+        const contentEl = this.bodyComponent().elementRef.nativeElement;
         contentEl.style.display = '';
         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.bodyComponent.elementRef));
+        this.portalOutlet.attach(new DomPortal(this.bodyComponent().elementRef));
         clearTimeout(this.updatePositionTimeout);
         this.updatePositionTimeout = setTimeout(() => {
             requestAnimationFrame(() => {
@@ -300,8 +354,8 @@ class IDPopoverComponent {
             this.portalOutlet.dispose();
             this.portalOutlet = null;
         }
-        if (this.bodyComponent) {
-            this.bodyComponent.elementRef.nativeElement.style.cssText = 'display:none';
+        if (this.bodyComponent()) {
+            this.bodyComponent().elementRef.nativeElement.style.cssText = 'display:none';
         }
     }
     calculatePosition(triggerRect, contentRect) {
@@ -334,10 +388,10 @@ class IDPopoverComponent {
         return { top, left };
     }
     applyPortalPosition() {
-        if (!this.bodyComponent || !this.triggerEl)
+        if (!this.bodyComponent() || !this.triggerEl())
             return;
-        const triggerRect = this.triggerEl.nativeElement.getBoundingClientRect();
-        const contentEl = this.bodyComponent.elementRef.nativeElement;
+        const triggerRect = this.triggerEl().nativeElement.getBoundingClientRect();
+        const contentEl = this.bodyComponent().elementRef.nativeElement;
         const { top, left } = this.calculatePosition(triggerRect, contentEl.getBoundingClientRect());
         const window = this.win;
         Object.assign(contentEl.style, {
@@ -347,15 +401,15 @@ class IDPopoverComponent {
             bottom: 'auto', right: 'auto', transform: 'none', zIndex: '9999',
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDPopoverComponent, isStandalone: true, selector: "id-popover", inputs: { position: "position", category: "category", show: ["show", "show", booleanAttribute] }, outputs: { showChange: "showChange", closed: "closed", opened: "opened" }, host: { classAttribute: "ids-popover" }, queries: [{ propertyName: "bodyComponent", first: true, predicate: IDPopoverContentComponent, descendants: true }, { propertyName: "closeComponents", predicate: IDPopoverCloseComponent, descendants: true }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDPopoverComponent, isStandalone: true, selector: "id-popover", inputs: { position: "position", category: "category", show: ["show", "show", booleanAttribute] }, outputs: { showChange: "showChange", closed: "closed", opened: "opened" }, host: { classAttribute: "ids-popover" }, queries: [{ propertyName: "bodyComponent", first: true, predicate: IDPopoverContentComponent, descendants: true, isSignal: true }, { propertyName: "closeComponents", predicate: IDPopoverCloseComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
     <span #triggerEl class="ids-popover-trigger" (click)="togglePopover($event)">
       <ng-content></ng-content>
     </span>
     <ng-content select="id-popover-content"></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover',
@@ -383,22 +437,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], opened: [{
                 type: Output
-            }], bodyComponent: [{
-                type: ContentChild,
-                args: [IDPopoverContentComponent, { descendants: true }]
-            }], closeComponents: [{
-                type: ContentChildren,
-                args: [IDPopoverCloseComponent, { descendants: true }]
-            }], triggerEl: [{
-                type: ViewChild,
-                args: ['triggerEl']
             }] } });
 
 class IDPopoverHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverHeaderComponent, isStandalone: true, selector: "id-popover-header", host: { classAttribute: "ids-popover-content__headline" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverHeaderComponent, isStandalone: true, selector: "id-popover-header", host: { classAttribute: "ids-popover-content__headline" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-header',
@@ -411,10 +456,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPopoverTriggerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverTriggerComponent, isStandalone: true, selector: "id-popover-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverTriggerComponent, isStandalone: true, selector: "id-popover-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-trigger',
@@ -424,8 +469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPopoverModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverComponent,
             IDPopoverHeaderComponent,
             IDPopoverContentComponent,
             IDPopoverTriggerComponent,
@@ -434,9 +479,9 @@ class IDPopoverModule {
             IDPopoverContentComponent,
             IDPopoverTriggerComponent,
             IDPopoverCloseComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverContentComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverContentComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [