@inera/ids-angular 9.0.1 → 9.1.0

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

@@ -6,13 +6,13 @@ import { IDUseIdService } from '@inera/ids-angular/common';
 
 class IDAlertHeaderComponent {
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDAlertHeaderComponent, isStandalone: true, selector: "id-alert-header", 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: IDAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDAlertHeaderComponent, isStandalone: true, selector: "id-alert-header", 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: IDAlertHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDAlertHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-alert-header',
@@ -80,10 +80,10 @@ class IDAlertComponent {
             return;
         this.dismissed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDAlertComponent, isStandalone: true, selector: "id-alert", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], collapsible: ["collapsible", "collapsible", booleanAttribute], compact: ["compact", "compact", booleanAttribute], ribbon: ["ribbon", "ribbon", booleanAttribute], type: "type", noRole: ["noRole", "noRole", booleanAttribute], srCloseText: "srCloseText", srIconTitle: "srIconTitle", srCollapseText: "srCollapseText", srExpandText: "srExpandText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", dismissed: "dismissed", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses", "class.ids-alert--collapsible": "collapsible", "class.ids-alert--dismissible": "dismissible", "class.ids-alert--ribbon": "ribbon", "class.ids-alert--compact": "compact", "class.ids-alert--collapsed": "collapsed", "attr.ids-alert--dismissible": "dismissible ? \"\" : null", "attr.role": "noRole ? null : \"alert\"" } }, queries: [{ propertyName: "header", first: true, predicate: IDAlertHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n  <div class=\"ids-alert__content\">\n    <span\n      class=\"ids-alert__content-icon\"\n      aria-hidden\n    ></span>\n    <span class=\"ids-alert__content-text\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </span>\n  </div>\n\n  @if (dismissible) {\n    <div class=\"ids-alert__button\">\n      <button\n        class=\"ids-alert__close\"\n        (click)=\"dismissAlert()\"\n        [attr.aria-label]=\"srCloseText\"\n      >\n        <span\n          class=\"ids-alert__close-icon\"\n          aria-hidden\n        ></span>\n      </button>\n    </div>\n  }\n}\n\n@if (!compact && !ribbon) {\n  <div class=\"ids-alert__container\">\n    <div class=\"ids-alert__header\">\n      <ng-template #headerContentTemplate>\n        <div class=\"ids-alert__icon_and_text\">\n          <span\n            class=\"ids-alert__state-icon\"\n            aria-hidden\n          ></span>\n          <div class=\"ids-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        </div>\n      </ng-template>\n\n      @if (collapsible) {\n        <button\n          class=\"ids-alert__expand-button\"\n          [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n          (click)=\"toggleCollapsed()\"\n          [attr.aria-expanded]=\"!collapsed\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n        >\n          <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n        </button>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n      }\n    </div>\n\n    <div\n      class=\"ids-alert__content\"\n      [attr.id]=\"contentId\"\n      [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n    >\n      @if (!collapsed) {\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n}\n", 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: IDAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDAlertComponent, isStandalone: true, selector: "id-alert", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], collapsible: ["collapsible", "collapsible", booleanAttribute], compact: ["compact", "compact", booleanAttribute], ribbon: ["ribbon", "ribbon", booleanAttribute], type: "type", noRole: ["noRole", "noRole", booleanAttribute], srCloseText: "srCloseText", srIconTitle: "srIconTitle", srCollapseText: "srCollapseText", srExpandText: "srExpandText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", dismissed: "dismissed", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses", "class.ids-alert--collapsible": "collapsible", "class.ids-alert--dismissible": "dismissible", "class.ids-alert--ribbon": "ribbon", "class.ids-alert--compact": "compact", "class.ids-alert--collapsed": "collapsed", "attr.ids-alert--dismissible": "dismissible ? \"\" : null", "attr.role": "noRole ? null : \"alert\"" } }, queries: [{ propertyName: "header", first: true, predicate: IDAlertHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n  <div class=\"ids-alert__content\">\n    <span\n      class=\"ids-alert__content-icon\"\n      aria-hidden\n    ></span>\n    <span class=\"ids-alert__content-text\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </span>\n  </div>\n\n  @if (dismissible) {\n    <div class=\"ids-alert__button\">\n      <button\n        class=\"ids-alert__close\"\n        (click)=\"dismissAlert()\"\n        [attr.aria-label]=\"srCloseText\"\n      >\n        <span\n          class=\"ids-alert__close-icon\"\n          aria-hidden\n        ></span>\n      </button>\n    </div>\n  }\n}\n\n@if (!compact && !ribbon) {\n  <div class=\"ids-alert__container\">\n    <div class=\"ids-alert__header\">\n      <ng-template #headerContentTemplate>\n        <div class=\"ids-alert__icon_and_text\">\n          <span\n            class=\"ids-alert__state-icon\"\n            aria-hidden\n          ></span>\n          <div class=\"ids-alert__headline\">\n            <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n          </div>\n        </div>\n      </ng-template>\n\n      @if (collapsible) {\n        <button\n          class=\"ids-alert__expand-button\"\n          [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n          (click)=\"toggleCollapsed()\"\n          [attr.aria-expanded]=\"!collapsed\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n        >\n          <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n        </button>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n      }\n    </div>\n\n    <div\n      class=\"ids-alert__content\"\n      [attr.id]=\"contentId\"\n      [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n    >\n      @if (!collapsed) {\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n}\n", 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: IDAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-alert", host: {
                         '[class]': 'hostClasses',

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

@@ -7,10 +7,10 @@ class IDBadgeComponent {
     get hostClasses() {
         return `ids-badge ids-badge--${this.type}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDBadgeComponent, isStandalone: true, selector: "id-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<div class=\"ids-badge__inner\">\n  @if (icon) {\n  <div class=\"ids-badge__icon\">\n    <span class=\"ids-icon-{{ icon }}\"></span>\n  </div>\n  }\n  <ng-content></ng-content>\n</div>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDBadgeComponent, isStandalone: true, selector: "id-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<div class=\"ids-badge__inner\">\n  @if (icon) {\n  <div class=\"ids-badge__icon\">\n    <span class=\"ids-icon-{{ icon }}\"></span>\n  </div>\n  }\n  <ng-content></ng-content>\n</div>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-badge", standalone: true, host: {
                         '[class]': 'hostClasses'

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: [{