@inera/ids-angular 9.0.2 → 9.1.0

package/fesm2022/inera-ids-angular-components-box-link.mjs

@@ -5,13 +5,13 @@ import { TemplateRef, ViewChild, Component, ContentChild } from '@angular/core';
 
 class IDBoxLinkButtonComponent {
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDBoxLinkButtonComponent, isStandalone: true, selector: "id-box-link-button", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBoxLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDBoxLinkButtonComponent, isStandalone: true, selector: "id-box-link-button", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBoxLinkButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-box-link-button",
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 class IDBoxLinkComponent {
     button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBoxLinkComponent, isStandalone: true, selector: "id-box-link", host: { classAttribute: "ids-box-link" }, queries: [{ propertyName: "button", first: true, predicate: IDBoxLinkButtonComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-box-link\">\n  <div class=\"ids-box-link__inner\">\n    <div class=\"ids-box-link__link\">\n      <ng-content select=\":not(id-box-link-button)\"></ng-content>\n    </div>\n    @if(button) {\n    <div class=\"ids-box-link__button\">\n      <ng-container *ngTemplateOutlet=\"button.template\"></ng-container>\n    </div>\n    }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBoxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDBoxLinkComponent, isStandalone: true, selector: "id-box-link", host: { classAttribute: "ids-box-link" }, queries: [{ propertyName: "button", first: true, predicate: IDBoxLinkButtonComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-box-link\">\n  <div class=\"ids-box-link__inner\">\n    <div class=\"ids-box-link__link\">\n      <ng-content select=\":not(id-box-link-button)\"></ng-content>\n    </div>\n    @if(button) {\n    <div class=\"ids-box-link__button\">\n      <ng-container *ngTemplateOutlet=\"button.template\"></ng-container>\n    </div>\n    }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBoxLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBoxLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-box-link", imports: [CommonModule], standalone: true, host: {
                         class: 'ids-box-link'

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

@@ -8,13 +8,13 @@ class IDCrumbComponent {
     current = false;
     mobile = false;
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCrumbComponent, isStandalone: true, selector: "id-crumb", inputs: { current: "current", mobile: "mobile" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDCrumbComponent, isStandalone: true, selector: "id-crumb", inputs: { current: "current", mobile: "mobile" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-crumb',
@@ -55,10 +55,10 @@ class IDBreadcrumbsComponent {
             this.crumbs = this.crumbComponents.toArray();
         }, 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBreadcrumbsComponent, isStandalone: true, selector: "id-breadcrumbs", inputs: { lead: "lead", srLabel: "srLabel" }, queries: [{ propertyName: "crumbComponents", predicate: IDCrumbComponent }], ngImport: i0, template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>", 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDBreadcrumbsComponent, isStandalone: true, selector: "id-breadcrumbs", inputs: { lead: "lead", srLabel: "srLabel" }, queries: [{ propertyName: "crumbComponents", predicate: IDCrumbComponent }], ngImport: i0, template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>", 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: "18.2.14", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-breadcrumbs', standalone: true, imports: [CommonModule], template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n  <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n    <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n    <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n      <li class=\"ids-breadcrumbs__crumb\" \n        [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n        [attr.aria-current]=\"crumb.current ? 'page' : null\">\n        <ng-container *ngTemplateOutlet=\"crumb.template\"></ng-container>\n        @if (!crumb.current) {\n        <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n          /\n        </span>\n        }\n      </li>\n    </ng-container>\n  </ol>\n\n  @if (getMobileCrumb()) {\n  <ol class=\"ids-breadcrumbs__mobile\">\n    <li class=\"ids-breadcrumbs__mobile-links\">\n      <span class=\"ids-breadcrumbs__icon\"></span>\n      <span class=\"ids-breadcrumbs__mobile-link\">\n        <span class=\"ids-breadcrumbs__crumb  ids-breadcrumbs__crumb--mobile\">\n          <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template ?? null\"></ng-container>\n        </span>\n      </span>\n    </li>\n  </ol>\n  }\n</nav>" }]
         }], propDecorators: { lead: [{

package/fesm2022/inera-ids-angular-components-button-group.mjs

@@ -18,10 +18,10 @@ class IDButtonGroupComponent {
             classes.push(getStateClass('break-' + this.break));
         return classes.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDButtonGroupComponent, isStandalone: true, selector: "id-button-group", inputs: { rtl: ["rtl", "rtl", booleanAttribute], unresponsive: ["unresponsive", "unresponsive", booleanAttribute], justify: "justify", break: "break" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<ng-content></ng-content>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDButtonGroupComponent, isStandalone: true, selector: "id-button-group", inputs: { rtl: ["rtl", "rtl", booleanAttribute], unresponsive: ["unresponsive", "unresponsive", booleanAttribute], justify: "justify", break: "break" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<ng-content></ng-content>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-button-group', standalone: true, host: {
                         '[class]': 'hostClasses'

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

@@ -80,10 +80,10 @@ class IDButtonDirective {
         });
         this.originalContent = [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.14", type: IDButtonDirective, isStandalone: true, selector: "button[idButton], a[idButton]", inputs: { block: ["block", "block", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], fab: ["fab", "fab", booleanAttribute], icon: ["icon", "icon", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], submit: ["submit", "submit", booleanAttribute], sBlock: ["sBlock", "sBlock", booleanAttribute], mBlock: ["mBlock", "mBlock", booleanAttribute], toggle: ["toggle", "toggle", booleanAttribute], active: ["active", "active", booleanAttribute], size: "size", loading: "loading" }, host: { properties: { "class": "baseAndSizeClasses", "class.ids-button--secondary": "secondary", "class.ids-button--tertiary": "tertiary", "class.ids-button--submit": "submit", "class.ids-button--fab": "fab", "class.ids-button--icon": "icon", "class.ids-button--active": "active", "class.ids-button--loading": "loading", "class.ids-button--block": "block", "class.ids-button--s-block": "sBlock", "class.ids-button--m-block": "mBlock", "attr.aria-pressed": "ariaPressedValue" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.20", type: IDButtonDirective, isStandalone: true, selector: "button[idButton], a[idButton]", inputs: { block: ["block", "block", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], fab: ["fab", "fab", booleanAttribute], icon: ["icon", "icon", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], submit: ["submit", "submit", booleanAttribute], sBlock: ["sBlock", "sBlock", booleanAttribute], mBlock: ["mBlock", "mBlock", booleanAttribute], toggle: ["toggle", "toggle", booleanAttribute], active: ["active", "active", booleanAttribute], size: "size", loading: "loading" }, host: { properties: { "class": "baseAndSizeClasses", "class.ids-button--secondary": "secondary", "class.ids-button--tertiary": "tertiary", "class.ids-button--submit": "submit", "class.ids-button--fab": "fab", "class.ids-button--icon": "icon", "class.ids-button--active": "active", "class.ids-button--loading": "loading", "class.ids-button--block": "block", "class.ids-button--s-block": "sBlock", "class.ids-button--m-block": "mBlock", "attr.aria-pressed": "ariaPressedValue" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "button[idButton], a[idButton]",

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Input, Component, Directive } from '@angular/core';
+import { booleanAttribute, Input, Component } from '@angular/core';
 
 class IDCardComponent {
     hideOnM = false;
@@ -9,10 +9,10 @@ class IDCardComponent {
     borderTop = false;
     interactive = false;
     lean = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDCardComponent, isStandalone: true, selector: "id-card", inputs: { hideOnM: ["hideOnM", "hideOnM", booleanAttribute], hideOnS: ["hideOnS", "hideOnS", booleanAttribute], fill: ["fill", "fill", booleanAttribute], focusCard: ["focusCard", "focusCard", booleanAttribute], borderTop: ["borderTop", "borderTop", booleanAttribute], interactive: ["interactive", "interactive", booleanAttribute], lean: ["lean", "lean", booleanAttribute] }, host: { properties: { "class.ids-card--hide-on-m": "hideOnM", "class.ids-card--hide-on-s": "hideOnS", "class.ids-card--border-top": "!focusCard && borderTop", "class.ids-card--focus-card": "focusCard && !borderTop", "class.ids-card--fill": "fill", "class.ids-card--lean": "lean", "class.ids-card--interactive": "interactive" }, classAttribute: "ids-card" }, ngImport: i0, template: "@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n  <ng-content select=\"[interactive]\"></ng-content>\n</div>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDCardComponent, isStandalone: true, selector: "id-card", inputs: { hideOnM: ["hideOnM", "hideOnM", booleanAttribute], hideOnS: ["hideOnS", "hideOnS", booleanAttribute], fill: ["fill", "fill", booleanAttribute], focusCard: ["focusCard", "focusCard", booleanAttribute], borderTop: ["borderTop", "borderTop", booleanAttribute], interactive: ["interactive", "interactive", booleanAttribute], lean: ["lean", "lean", booleanAttribute] }, host: { properties: { "class.ids-card--hide-on-m": "hideOnM", "class.ids-card--hide-on-s": "hideOnS", "class.ids-card--border-top": "!focusCard && borderTop", "class.ids-card--focus-card": "focusCard && !borderTop", "class.ids-card--fill": "fill", "class.ids-card--lean": "lean", "class.ids-card--interactive": "interactive" }, classAttribute: "ids-card" }, ngImport: i0, template: "@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n</div>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCardComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-card", standalone: true, host: {
                         class: "ids-card",
@@ -23,7 +23,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         "[class.ids-card--fill]": "fill",
                         "[class.ids-card--lean]": "lean",
                         "[class.ids-card--interactive]": "interactive"
-                    }, template: "@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n  <ng-content select=\"[interactive]\"></ng-content>\n</div>" }]
+                    }, template: "@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { hideOnM: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -47,24 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: [{ transform: booleanAttribute }]
             }] } });
 
-class IDCardLinkDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDCardLinkDirective, isStandalone: true, selector: "button[idCardLink], a[idCardLink]", host: { classAttribute: "ids-card--interactive-link" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardLinkDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "button[idCardLink], a[idCardLink]",
-                    standalone: true,
-                    host: {
-                        class: 'ids-card--interactive-link'
-                    },
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDCardComponent, IDCardLinkDirective };
+export { IDCardComponent };
 //# sourceMappingURL=inera-ids-angular-components-card.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-card.mjs","sources":["../../../projects/ids-angular/components/card/card.component.ts","../../../projects/ids-angular/components/card/card.component.html","../../../projects/ids-angular/components/card/card-link.directive.ts","../../../projects/ids-angular/components/card/inera-ids-angular-components-card.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from \"@angular/core\";\n\n@Component({\n  selector: \"id-card\",\n  standalone: true,\n  templateUrl: \"./card.component.html\",\n  host: {\n    class: \"ids-card\",\n    \"[class.ids-card--hide-on-m]\": \"hideOnM\",\n    \"[class.ids-card--hide-on-s]\": \"hideOnS\",\n    \"[class.ids-card--border-top]\": \"!focusCard && borderTop\",\n    \"[class.ids-card--focus-card]\": \"focusCard && !borderTop\",\n    \"[class.ids-card--fill]\": \"fill\",\n    \"[class.ids-card--lean]\": \"lean\",\n    \"[class.ids-card--interactive]\": \"interactive\"\n  }\n})\nexport class IDCardComponent {\n  @Input({ transform: booleanAttribute }) hideOnM = false;\n  @Input({ transform: booleanAttribute }) hideOnS = false;\n  @Input({ transform: booleanAttribute }) fill = false;\n  @Input({ transform: booleanAttribute }) focusCard = false;\n  @Input({ transform: booleanAttribute }) borderTop = false;\n  @Input({ transform: booleanAttribute }) interactive = false;\n  @Input({ transform: booleanAttribute }) lean = false;\n}","@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n  <ng-content select=\"[interactive]\"></ng-content>\n</div>","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"button[idCardLink], a[idCardLink]\",\n  standalone: true,\n  host: {\n    class:'ids-card--interactive-link'\n  },\n})\nexport class IDCardLinkDirective  {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-card.mjs","sources":["../../../projects/ids-angular/components/card/card.component.ts","../../../projects/ids-angular/components/card/card.component.html","../../../projects/ids-angular/components/card/inera-ids-angular-components-card.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from \"@angular/core\";\n\n@Component({\n  selector: \"id-card\",\n  standalone: true,\n  templateUrl: \"./card.component.html\",\n  host: {\n    class: \"ids-card\",\n    \"[class.ids-card--hide-on-m]\": \"hideOnM\",\n    \"[class.ids-card--hide-on-s]\": \"hideOnS\",\n    \"[class.ids-card--border-top]\": \"!focusCard && borderTop\",\n    \"[class.ids-card--focus-card]\": \"focusCard && !borderTop\",\n    \"[class.ids-card--fill]\": \"fill\",\n    \"[class.ids-card--lean]\": \"lean\",\n    \"[class.ids-card--interactive]\": \"interactive\"\n  }\n})\nexport class IDCardComponent {\n  @Input({ transform: booleanAttribute }) hideOnM = false;\n  @Input({ transform: booleanAttribute }) hideOnS = false;\n  @Input({ transform: booleanAttribute }) fill = false;\n  @Input({ transform: booleanAttribute }) focusCard = false;\n  @Input({ transform: booleanAttribute }) borderTop = false;\n  @Input({ transform: booleanAttribute }) interactive = false;\n  @Input({ transform: booleanAttribute }) lean = false;\n}","@if (borderTop && !focusCard) {\n  <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,eAAe,CAAA;IACc,OAAO,GAAG,KAAK;IACf,OAAO,GAAG,KAAK;IACf,IAAI,GAAG,KAAK;IACZ,SAAS,GAAG,KAAK;IACjB,SAAS,GAAG,KAAK;IACjB,WAAW,GAAG,KAAK;IACnB,IAAI,GAAG,KAAK;wGAPzC,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EACN,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAChB,gBAAgB,0BAChB,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAChB,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAChB,gBAAgB,mYCxBtC,8JAOA,EAAA,CAAA;;4FDUa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAf3B,SAAS;+BACE,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,IAAA,EAEV;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,6BAA6B,EAAE,SAAS;AACxC,wBAAA,6BAA6B,EAAE,SAAS;AACxC,wBAAA,8BAA8B,EAAE,yBAAyB;AACzD,wBAAA,8BAA8B,EAAE,yBAAyB;AACzD,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,+BAA+B,EAAE;AAClC,qBAAA,EAAA,QAAA,EAAA,8JAAA,EAAA;8BAGuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,IAAI,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,IAAI,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AExBxC;;AAEG;;;;"}

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

@@ -12,10 +12,10 @@ class IDCarouselItemComponent {
     next = true;
     prev = true;
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCarouselItemComponent, isStandalone: true, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step", active: "active", next: "next", prev: "prev" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDCarouselItemComponent, isStandalone: true, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step", active: "active", next: "next", prev: "prev" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-carousel-item', standalone: true, template: "<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>" }]
         }], propDecorators: { headline: [{
@@ -43,6 +43,10 @@ class IDCarouselComponent {
     slideChanged = new EventEmitter();
     activeSlide = 0;
     isAnimating = false;
+    animatingTimeout;
+    ngOnDestroy() {
+        clearTimeout(this.animatingTimeout);
+    }
     ngAfterContentInit() {
         this.syncActiveSlide();
         this.carouselItems.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
@@ -51,7 +55,8 @@ class IDCarouselComponent {
     }
     setIsAnimating() {
         this.isAnimating = true;
-        setTimeout(() => {
+        clearTimeout(this.animatingTimeout);
+        this.animatingTimeout = setTimeout(() => {
             this.isAnimating = false;
         }, 500);
     }
@@ -83,12 +88,15 @@ class IDCarouselComponent {
             item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCarouselComponent, isStandalone: true, selector: "id-carousel", inputs: { srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel" }, outputs: { slideChanged: "slideChanged" }, queries: [{ propertyName: "carouselItems", predicate: IDCarouselItemComponent }], ngImport: i0, template: "<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", 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"] }] });
+    trackByItem(_, item) {
+        return item;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDCarouselComponent, isStandalone: true, selector: "id-carousel", inputs: { srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel" }, outputs: { slideChanged: "slideChanged" }, queries: [{ propertyName: "carouselItems", predicate: IDCarouselItemComponent }], ngImport: i0, template: "<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems; trackBy: trackByItem\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", 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: "18.2.14", ngImport: i0, type: IDCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-carousel', imports: [CommonModule], standalone: true, template: "<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'id-carousel', imports: [CommonModule], standalone: true, template: "<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems; trackBy: trackByItem\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { carouselItems: [{
                 type: ContentChildren,
                 args: [IDCarouselItemComponent]

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-carousel-item',\n  templateUrl: './carousel-item.component.html',\n  standalone: true,\n})\nexport class IDCarouselItemComponent {\n  @Input() headline: string = '';\n  @Input() description: string = '';\n  @Input() step: string = '';\n  @Input() active: boolean = true;\n  @Input() next: boolean = true;\n  @Input() prev: boolean = true;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-carousel',\n  templateUrl: './carousel.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDCarouselComponent implements AfterContentInit {\n  @ContentChildren(IDCarouselItemComponent)\n  carouselItems!: QueryList<IDCarouselItemComponent>;\n\n  private destroyRef = inject(DestroyRef);\n  @Input() srNextLabel = 'Nästa slide';\n  @Input() srPrevLabel = 'Föregående slide';\n\n  @Output() slideChanged: EventEmitter<number> = new EventEmitter<number>();\n\n  activeSlide = 0;\n\n  isAnimating = false;\n\n  ngAfterContentInit() {\n    this.syncActiveSlide();\n    this.carouselItems.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.syncActiveSlide();\n    });\n  }\n\n  setIsAnimating() {\n    this.isAnimating = true;\n    setTimeout(() => {\n      this.isAnimating = false;\n    }, 500);\n  }\n\n  nextSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n      this.setIsAnimating();\n    }\n  }\n\n  prevSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      this.setIsAnimating();\n    }\n  }\n\n  setActiveSlide(index: number) {\n    this.activeSlide = index;\n    this.syncActiveSlide();\n    this.slideChanged.emit(this.activeSlide);\n  }\n\n  private syncActiveSlide() {\n    const items = this.carouselItems.toArray();\n    const lastIndex = items.length - 1;\n\n    items.forEach((item, index) => {\n      item.active = index === this.activeSlide;\n      item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n    });\n  }\n}\n","<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-carousel-item',\n  templateUrl: './carousel-item.component.html',\n  standalone: true,\n})\nexport class IDCarouselItemComponent {\n  @Input() headline: string = '';\n  @Input() description: string = '';\n  @Input() step: string = '';\n  @Input() active: boolean = true;\n  @Input() next: boolean = true;\n  @Input() prev: boolean = true;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-carousel',\n  templateUrl: './carousel.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDCarouselComponent implements AfterContentInit, OnDestroy {\n  @ContentChildren(IDCarouselItemComponent)\n  carouselItems!: QueryList<IDCarouselItemComponent>;\n\n  private destroyRef = inject(DestroyRef);\n  @Input() srNextLabel = 'Nästa slide';\n  @Input() srPrevLabel = 'Föregående slide';\n\n  @Output() slideChanged: EventEmitter<number> = new EventEmitter<number>();\n\n  activeSlide = 0;\n  isAnimating = false;\n  private animatingTimeout?: ReturnType<typeof setTimeout>;\n\n  ngOnDestroy() {\n    clearTimeout(this.animatingTimeout);\n  }\n\n  ngAfterContentInit() {\n    this.syncActiveSlide();\n    this.carouselItems.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.syncActiveSlide();\n    });\n  }\n\n  setIsAnimating() {\n    this.isAnimating = true;\n    clearTimeout(this.animatingTimeout);\n    this.animatingTimeout = setTimeout(() => {\n      this.isAnimating = false;\n    }, 500);\n  }\n\n  nextSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n      this.setIsAnimating();\n    }\n  }\n\n  prevSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      this.setIsAnimating();\n    }\n  }\n\n  setActiveSlide(index: number) {\n    this.activeSlide = index;\n    this.syncActiveSlide();\n    this.slideChanged.emit(this.activeSlide);\n  }\n\n  private syncActiveSlide() {\n    const items = this.carouselItems.toArray();\n    const lastIndex = items.length - 1;\n\n    items.forEach((item, index) => {\n      item.active = index === this.activeSlide;\n      item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n    });\n  }\n\n  trackByItem(_: number, item: IDCarouselItemComponent): IDCarouselItemComponent {\n    return item;\n  }\n}\n","<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems; trackBy: trackByItem\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-date-label.mjs

@@ -96,10 +96,10 @@ class IDDateLabelComponent {
                 return "";
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDDateLabelComponent, isStandalone: true, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", day: "day", monthLabel: "monthLabel", dateTo: "dateTo", yearTo: "yearTo", monthTo: "monthTo", dayTo: "dayTo", monthToLabel: "monthToLabel" }, ngImport: i0, template: "<div class=\"ids-date-label\">\n  <time class=\"ids-date-label__time\"\n    [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Fr\u00E5n: ' + getYear + ' ' + displayMonthText + ' ' + displayDay : null\"\n    [attr.datetime]=\"displayDay + '-' + (getMonth < 10 ? '0' + month : month) + '-' + getYear\">\n    <span class=\"ids-date-label__day\">{{ displayDay }}</span>\n    <span class=\"ids-date-label__month\">{{ displayMonth }}</span>\n    <span class=\"ids-date-label__year\">{{ getYear }}</span>\n  </time>\n  @if(dateTo || (dayTo && monthTo && yearTo)) {\n    <time class=\"ids-date-label__time ids-date-label__time--separator\"\n      [attr.aria-label]=\"'Till: ' + getYearTo + ' ' + displayMonthTo + ' ' + displayDayTo\"\n      [attr.datetime]=\"displayDayTo + '-' + (monthTo! < 10 ? '0' + month : month) + '-' + yearTo\">\n      <span class=\"ids-date-label__day\">{{ displayDayTo }}</span>\n      <span class=\"ids-date-label__month\">{{ displayMonthTo }}</span>\n      <span class=\"ids-date-label__year\">{{ getYearTo }}</span>\n    </time>\n  }\n</div>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDDateLabelComponent, isStandalone: true, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", day: "day", monthLabel: "monthLabel", dateTo: "dateTo", yearTo: "yearTo", monthTo: "monthTo", dayTo: "dayTo", monthToLabel: "monthToLabel" }, ngImport: i0, template: "<div class=\"ids-date-label\">\n  <time class=\"ids-date-label__time\"\n    [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Fr\u00E5n: ' + getYear + ' ' + displayMonthText + ' ' + displayDay : null\"\n    [attr.datetime]=\"displayDay + '-' + (getMonth < 10 ? '0' + month : month) + '-' + getYear\">\n    <span class=\"ids-date-label__day\">{{ displayDay }}</span>\n    <span class=\"ids-date-label__month\">{{ displayMonth }}</span>\n    <span class=\"ids-date-label__year\">{{ getYear }}</span>\n  </time>\n  @if(dateTo || (dayTo && monthTo && yearTo)) {\n    <time class=\"ids-date-label__time ids-date-label__time--separator\"\n      [attr.aria-label]=\"'Till: ' + getYearTo + ' ' + displayMonthTo + ' ' + displayDayTo\"\n      [attr.datetime]=\"displayDayTo + '-' + (monthTo! < 10 ? '0' + month : month) + '-' + yearTo\">\n      <span class=\"ids-date-label__day\">{{ displayDayTo }}</span>\n      <span class=\"ids-date-label__month\">{{ displayMonthTo }}</span>\n      <span class=\"ids-date-label__year\">{{ getYearTo }}</span>\n    </time>\n  }\n</div>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDateLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-date-label", standalone: true, template: "<div class=\"ids-date-label\">\n  <time class=\"ids-date-label__time\"\n    [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Fr\u00E5n: ' + getYear + ' ' + displayMonthText + ' ' + displayDay : null\"\n    [attr.datetime]=\"displayDay + '-' + (getMonth < 10 ? '0' + month : month) + '-' + getYear\">\n    <span class=\"ids-date-label__day\">{{ displayDay }}</span>\n    <span class=\"ids-date-label__month\">{{ displayMonth }}</span>\n    <span class=\"ids-date-label__year\">{{ getYear }}</span>\n  </time>\n  @if(dateTo || (dayTo && monthTo && yearTo)) {\n    <time class=\"ids-date-label__time ids-date-label__time--separator\"\n      [attr.aria-label]=\"'Till: ' + getYearTo + ' ' + displayMonthTo + ' ' + displayDayTo\"\n      [attr.datetime]=\"displayDayTo + '-' + (monthTo! < 10 ? '0' + month : month) + '-' + yearTo\">\n      <span class=\"ids-date-label__day\">{{ displayDayTo }}</span>\n      <span class=\"ids-date-label__month\">{{ displayMonthTo }}</span>\n      <span class=\"ids-date-label__year\">{{ getYearTo }}</span>\n    </time>\n  }\n</div>" }]
         }], propDecorators: { date: [{

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

@@ -3,14 +3,14 @@ import { Component, EventEmitter, HostListener, Output, inject, DestroyRef, bool
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { IDUseIdService, IDClickOutsideDirective } from '@inera/ids-angular/common';
-import { FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';
+import { IDUseIdService, useFocusTrap, IDClickOutsideDirective } from '@inera/ids-angular/common';
+import { A11yModule } from '@angular/cdk/a11y';
 
 class IDDialogTriggerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogTriggerComponent, isStandalone: true, selector: "id-dialog-trigger", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogTriggerComponent, isStandalone: true, selector: "id-dialog-trigger", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-trigger',
@@ -24,10 +24,10 @@ class IDDialogCloseComponent {
     onClick = (e) => {
         this.closed.emit(e);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogCloseComponent, isStandalone: true, selector: "id-dialog-close", outputs: { closed: "closed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogCloseComponent, isStandalone: true, selector: "id-dialog-close", outputs: { closed: "closed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogCloseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogCloseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-close',
@@ -72,43 +72,11 @@ class IDDialogComponent {
             });
         });
     }
-    /* Focus trap */
-    dialogContent;
-    focusTrap;
-    focusTrapFactory = inject(FocusTrapFactory);
-    get focusableElements() {
-        return Array.from(this.dialogContent.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]'));
-    }
-    createFocusTrap() {
-        if (this.noFocusTrap || this.focusTrap)
-            return;
-        queueMicrotask(() => {
-            this.focusTrap = this.focusTrapFactory.create(this.dialogContent.nativeElement);
-            this.focusTrap.focusInitialElement();
-        });
-    }
-    destroyFocusTrap() {
-        if (!this.focusTrap)
-            return;
-        const firstFocusable = this.focusableElements[0];
-        firstFocusable?.removeEventListener('keydown', this.handleBackTab);
-        this.focusTrap.destroy();
-        this.focusTrap = undefined;
+    ngOnDestroy() {
+        this.reusableFocusTrap.destroy();
     }
-    handleBackTab = (e) => {
-        if (e.key !== 'Tab')
-            return;
-        if (e.target !== this.focusableElements[0])
-            return;
-        if (e.shiftKey) {
-            e.preventDefault();
-            this.focusableElements[this.focusableElements.length - 1].focus();
-        }
-    };
-    resetFocusTrap = () => {
-        this.focusableElements[0].removeEventListener('keydown', this.handleBackTab);
-    };
-    /* */
+    dialogContent;
+    reusableFocusTrap = useFocusTrap(() => this.dialogContent, { disabled: () => this.noFocusTrap });
     toggleDialog(event) {
         if (this.show) {
             this.hideDialog(event);
@@ -126,30 +94,24 @@ class IDDialogComponent {
         if (!this.noOverlay) {
             document.body.classList.add('ids-hide-overflow');
         }
-        this.hasOpened(event);
-        this.createFocusTrap();
+        this.show = true;
+        this.opened.emit(event);
+        this.showChange.emit(this.show);
+        this.reusableFocusTrap.create();
     }
     hideDialog(event) {
         if (!this.noOverlay) {
             document.body.classList.remove('ids-hide-overflow');
         }
-        this.resetFocusTrap();
-        this.hasClosed(event);
-    }
-    hasClosed(event) {
+        this.reusableFocusTrap.destroy();
         this.show = false;
         this.closed.emit(event);
         this.showChange.emit(this.show);
     }
-    hasOpened(event) {
-        this.show = true;
-        this.opened.emit(event);
-        this.showChange.emit(this.show);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDDialogComponent, isStandalone: true, selector: "id-dialog", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], srCloseText: "srCloseText", noFocusTrap: ["noFocusTrap", "noFocusTrap", booleanAttribute], keepScrollbar: ["keepScrollbar", "keepScrollbar", booleanAttribute], noOverlay: ["noOverlay", "noOverlay", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute], show: ["show", "show", booleanAttribute], width: "width", maxWidth: "maxWidth" }, outputs: { closed: "closed", opened: "opened", showChange: "showChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, queries: [{ propertyName: "trigger", first: true, predicate: IDDialogTriggerComponent, descendants: true }, { propertyName: "closeComponents", predicate: IDDialogCloseComponent, descendants: true }], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDDialogComponent, isStandalone: true, selector: "id-dialog", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], srCloseText: "srCloseText", noFocusTrap: ["noFocusTrap", "noFocusTrap", booleanAttribute], keepScrollbar: ["keepScrollbar", "keepScrollbar", booleanAttribute], noOverlay: ["noOverlay", "noOverlay", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute], show: ["show", "show", booleanAttribute], width: "width", maxWidth: "maxWidth" }, outputs: { closed: "closed", opened: "opened", showChange: "showChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, queries: [{ propertyName: "trigger", first: true, predicate: IDDialogTriggerComponent, descendants: true }, { propertyName: "closeComponents", predicate: IDDialogCloseComponent, descendants: true }], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-dialog', standalone: true, imports: [CommonModule, A11yModule, IDClickOutsideDirective], template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>" }]
         }], propDecorators: { onEsc: [{
@@ -197,10 +159,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDDialogHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogHeaderComponent, isStandalone: true, selector: "id-dialog-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogHeaderComponent, isStandalone: true, selector: "id-dialog-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-header',
@@ -210,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDDialogContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogContentComponent, isStandalone: true, selector: "id-dialog-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogContentComponent, isStandalone: true, selector: "id-dialog-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-content',
@@ -223,10 +185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDDialogFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogFooterComponent, isStandalone: true, selector: "id-dialog-footer", host: { classAttribute: "ids-dialog__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogFooterComponent, isStandalone: true, selector: "id-dialog-footer", host: { classAttribute: "ids-dialog__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-footer',