npm - @inera/ids-angular - Versions diffs - 9.0.2 → 9.2.0 - Mend

@inera/ids-angular 9.0.2 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (540) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,12 +55,12 @@ 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\" aria-hidden=\"true\"></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>" }]
+            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\" aria-hidden=\"true\"></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: [{
                 type: Input
             }], srLabel: [{

package/fesm2022/inera-ids-angular-components-breadcrumbs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-breadcrumbs.mjs","sources":["../../../projects/ids-angular/components/breadcrumbs/crumb.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.html","../../../projects/ids-angular/components/breadcrumbs/inera-ids-angular-components-breadcrumbs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'id-crumb',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDCrumbComponent {\n @Input() current: boolean = false;\n @Input() mobile: boolean = false;\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","import { AfterContentInit, Component, ContentChildren, DestroyRef, Input, QueryList, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCrumbComponent } from './crumb.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'id-breadcrumbs',\n templateUrl: './breadcrumbs.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDBreadcrumbsComponent implements AfterContentInit {\n\n @Input() lead = 'Du är här:';\n @Input() srLabel = 'Du är här';\n\n @ContentChildren(IDCrumbComponent) crumbComponents: QueryList<IDCrumbComponent>;\n\n crumbs: IDCrumbComponent[] = [];\n\n private destroyRef = inject(DestroyRef);\n\n getDesktopCrumbs(): IDCrumbComponent[] \| undefined {\n return this.crumbComponents.filter(crumb => !crumb.mobile)\n }\n\n getMobileCrumb(): IDCrumbComponent \| undefined {\n return this.crumbComponents.find(crumb => crumb.mobile)\n }\n\n ngAfterContentInit(): void {\n this.crumbComponents.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n setTimeout(() => {\n this.crumbs = this.crumbComponents.toArray();\n });\n });\n setTimeout(() => {\n this.crumbs = this.crumbComponents.toArray();\n }, 0);\n }\n\n}\n","<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>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,gBAAgB,CAAA;IAClB,OAAO,GAAY,KAAK;IACxB,MAAM,GAAY,KAAK;AAER,IAAA,QAAQ;wGAJrB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIhB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATZ;;;AAGO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;AAGO,kBAAA;AAClB,iBAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBAEuB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;MCHX,sBAAsB,CAAA;IAExB,IAAI,GAAG,YAAY;IACnB,OAAO,GAAG,WAAW;AAEK,IAAA,eAAe;IAElD,MAAM,GAAuB,EAAE;AAEvB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEvC,gBAAgB,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC5D;IAEA,cAAc,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC;IACzD;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YACpF,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AAC9C,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QACF,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;QAC9C,CAAC,EAAE,CAAC,CAAC;IACP;wGA5BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAKhB,gBAAgB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,~~0qCA8BM,~~2CDrBM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EAEd,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,~~0qCAAA,~~EAAA;8BAId,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAEkC,eAAe,EAAA,CAAA;sBAAjD,eAAe;uBAAC,gBAAgB;;;AEhBnC;;AAEG;;;;"}
1	+ {"version":3,"file":"inera-ids-angular-components-breadcrumbs.mjs","sources":["../../../projects/ids-angular/components/breadcrumbs/crumb.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.ts","../../../projects/ids-angular/components/breadcrumbs/breadcrumbs.component.html","../../../projects/ids-angular/components/breadcrumbs/inera-ids-angular-components-breadcrumbs.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'id-crumb',\n standalone: true,\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>`\n})\nexport class IDCrumbComponent {\n @Input() current: boolean = false;\n @Input() mobile: boolean = false;\n\n @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","import { AfterContentInit, Component, ContentChildren, DestroyRef, Input, QueryList, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCrumbComponent } from './crumb.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'id-breadcrumbs',\n templateUrl: './breadcrumbs.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDBreadcrumbsComponent implements AfterContentInit {\n\n @Input() lead = 'Du är här:';\n @Input() srLabel = 'Du är här';\n\n @ContentChildren(IDCrumbComponent) crumbComponents: QueryList<IDCrumbComponent>;\n\n crumbs: IDCrumbComponent[] = [];\n\n private destroyRef = inject(DestroyRef);\n\n getDesktopCrumbs(): IDCrumbComponent[] \| undefined {\n return this.crumbComponents.filter(crumb => !crumb.mobile)\n }\n\n getMobileCrumb(): IDCrumbComponent \| undefined {\n return this.crumbComponents.find(crumb => crumb.mobile)\n }\n\n ngAfterContentInit(): void {\n this.crumbComponents.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n setTimeout(() => {\n this.crumbs = this.crumbComponents.toArray();\n });\n });\n setTimeout(() => {\n this.crumbs = this.crumbComponents.toArray();\n }, 0);\n }\n\n}\n","<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\" aria-hidden=\"true\"></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>","/\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-button-group.mjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -27,7 +27,7 @@ class IDButtonDirective {
     get baseAndSizeClasses() {
         const buttonClass = 'ids-button';
         const sizeClass = `${buttonClass}--${this.size}`;
-        return `${buttonClass} ${sizeClass}`;
+        return this.fab ? `${buttonClass}` : `${buttonClass} ${sizeClass}`;
     }
     // Spinner logic
     _loading = false;
@@ -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-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-button.mjs","sources":["../../../projects/ids-angular/components/button/button.directive.ts","../../../projects/ids-angular/components/button/inera-ids-angular-components-button.ts"],"sourcesContent":["import { Directive, Input, Renderer2, ElementRef, ViewContainerRef, Injector, ComponentRef, OnChanges, booleanAttribute, inject } from \"@angular/core\";\nimport { IDSpinnerComponent } from \"@inera/ids-angular/components/form/spinner\";\n\n@Directive({\n selector: \"button[idButton], a[idButton]\",\n standalone: true,\n host: {\n '[class]': 'baseAndSizeClasses',\n '[class.ids-button--secondary]': 'secondary',\n '[class.ids-button--tertiary]': 'tertiary',\n '[class.ids-button--submit]': 'submit',\n '[class.ids-button--fab]': 'fab',\n '[class.ids-button--icon]': 'icon',\n '[class.ids-button--active]': 'active',\n '[class.ids-button--loading]': 'loading',\n '[class.ids-button--block]': 'block',\n '[class.ids-button--s-block]': 'sBlock',\n '[class.ids-button--m-block]': 'mBlock',\n '[attr.aria-pressed]': 'ariaPressedValue',\n },\n})\nexport class IDButtonDirective implements OnChanges {\n\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n private viewContainerRef = inject(ViewContainerRef);\n private injector = inject(Injector);\n\n @Input({ transform: booleanAttribute }) block: boolean = false;\n @Input({ transform: booleanAttribute }) secondary: boolean = false;\n @Input({ transform: booleanAttribute }) fab: boolean = false;\n @Input({ transform: booleanAttribute }) icon: boolean = false;\n @Input({ transform: booleanAttribute }) tertiary: boolean = false;\n @Input({ transform: booleanAttribute }) submit: boolean = false;\n @Input({ transform: booleanAttribute }) sBlock: boolean = false;\n @Input({ transform: booleanAttribute }) mBlock: boolean = false;\n @Input({ transform: booleanAttribute }) toggle: boolean = false;\n @Input({ transform: booleanAttribute }) active: boolean = false;\n @Input() size: \"s\" \| \"m\" \| \"l\" = \"m\";\n\n get ariaPressedValue(): boolean \| null {\n if (!this.toggle) {\n return null;\n }\n return this.active;\n }\n\n get baseAndSizeClasses(): string {\n const buttonClass = 'ids-button';\n const sizeClass = `${buttonClass}--${this.size}`;\n return `${buttonClass} ${sizeClass}`;\n }\n\n // Spinner logic\n private _loading: boolean = false;\n @Input()\n set loading(value: boolean) {\n this._loading = value;\n if (value) {\n this.addSpinnerComponent();\n } else {\n this.removeSpinnerComponent();\n }\n }\n get loading(): boolean {\n return this._loading;\n }\n private spinnerComponentRef: ComponentRef<IDSpinnerComponent> \| null = null;\n private originalContent: any[] = [];\n\n ngOnChanges(): void {\n this.setSpinnerColor();\n }\n\n setSpinnerColor(): void {\n if (this.spinnerComponentRef) {\n this.spinnerComponentRef.instance.variant = !this.secondary && !this.tertiary ? \"3\" : \"2\";\n }\n }\n\n private addSpinnerComponent(): void {\n const hostElement = this.elementRef.nativeElement;\n if (this.spinnerComponentRef) {\n return;\n }\n this.originalContent = Array.from(hostElement.childNodes).filter((node: any) => node.nodeType === 1);\n this.originalContent.forEach(node => {\n this.renderer.setStyle(node, 'display', 'none');\n });\n this.spinnerComponentRef = this.viewContainerRef.createComponent(IDSpinnerComponent, {\n injector: this.injector\n });\n this.setSpinnerColor();\n const spinnerNativeElement = this.spinnerComponentRef.location.nativeElement;\n this.renderer.appendChild(hostElement, spinnerNativeElement);\n }\n\n private removeSpinnerComponent(): void {\n if (!this.spinnerComponentRef) {\n return;\n }\n this.spinnerComponentRef.destroy();\n this.spinnerComponentRef = null;\n this.originalContent.forEach(node => {\n this.renderer.setStyle(node, 'display', '');\n });\n this.originalContent = [];\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAqBa,iBAAiB,CAAA;AAEpB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAEK,KAAK,GAAY,KAAK;IACtB,SAAS,GAAY,KAAK;IAC1B,GAAG,GAAY,KAAK;IACpB,IAAI,GAAY,KAAK;IACrB,QAAQ,GAAY,KAAK;IACzB,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;IACtD,IAAI,GAAoB,GAAG;AAEpC,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,IAAI;QACb;QACA,OAAO,IAAI,CAAC,MAAM;IACpB;AAEA,IAAA,IAAI,kBAAkB,GAAA;QACpB,MAAM,WAAW,GAAG,YAAY;QAChC,MAAM,SAAS,GAAG,CAAA,EAAG,WAAW,KAAK,IAAI,CAAC,IAAI,CAAA,CAAE;AAChD,QAAA,OAAO,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,EAAE;~~IACtC~~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"}
1	+ {"version":3,"file":"inera-ids-angular-components-button.mjs","sources":["../../../projects/ids-angular/components/button/button.directive.ts","../../../projects/ids-angular/components/button/inera-ids-angular-components-button.ts"],"sourcesContent":["import { Directive, Input, Renderer2, ElementRef, ViewContainerRef, Injector, ComponentRef, OnChanges, booleanAttribute, inject } from \"@angular/core\";\nimport { IDSpinnerComponent } from \"@inera/ids-angular/components/form/spinner\";\n\n@Directive({\n selector: \"button[idButton], a[idButton]\",\n standalone: true,\n host: {\n '[class]': 'baseAndSizeClasses',\n '[class.ids-button--secondary]': 'secondary',\n '[class.ids-button--tertiary]': 'tertiary',\n '[class.ids-button--submit]': 'submit',\n '[class.ids-button--fab]': 'fab',\n '[class.ids-button--icon]': 'icon',\n '[class.ids-button--active]': 'active',\n '[class.ids-button--loading]': 'loading',\n '[class.ids-button--block]': 'block',\n '[class.ids-button--s-block]': 'sBlock',\n '[class.ids-button--m-block]': 'mBlock',\n '[attr.aria-pressed]': 'ariaPressedValue',\n },\n})\nexport class IDButtonDirective implements OnChanges {\n\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n private viewContainerRef = inject(ViewContainerRef);\n private injector = inject(Injector);\n\n @Input({ transform: booleanAttribute }) block: boolean = false;\n @Input({ transform: booleanAttribute }) secondary: boolean = false;\n @Input({ transform: booleanAttribute }) fab: boolean = false;\n @Input({ transform: booleanAttribute }) icon: boolean = false;\n @Input({ transform: booleanAttribute }) tertiary: boolean = false;\n @Input({ transform: booleanAttribute }) submit: boolean = false;\n @Input({ transform: booleanAttribute }) sBlock: boolean = false;\n @Input({ transform: booleanAttribute }) mBlock: boolean = false;\n @Input({ transform: booleanAttribute }) toggle: boolean = false;\n @Input({ transform: booleanAttribute }) active: boolean = false;\n @Input() size: \"s\" \| \"m\" \| \"l\" = \"m\";\n\n get ariaPressedValue(): boolean \| null {\n if (!this.toggle) {\n return null;\n }\n return this.active;\n }\n\n get baseAndSizeClasses(): string {\n const buttonClass = 'ids-button';\n const sizeClass = `${buttonClass}--${this.size}`;\n return this.fab ? `${buttonClass}` : `${buttonClass} ${sizeClass}`;\n }\n\n // Spinner logic\n private _loading: boolean = false;\n @Input()\n set loading(value: boolean) {\n this._loading = value;\n if (value) {\n this.addSpinnerComponent();\n } else {\n this.removeSpinnerComponent();\n }\n }\n get loading(): boolean {\n return this._loading;\n }\n private spinnerComponentRef: ComponentRef<IDSpinnerComponent> \| null = null;\n private originalContent: any[] = [];\n\n ngOnChanges(): void {\n this.setSpinnerColor();\n }\n\n setSpinnerColor(): void {\n if (this.spinnerComponentRef) {\n this.spinnerComponentRef.instance.variant = !this.secondary && !this.tertiary ? \"3\" : \"2\";\n }\n }\n\n private addSpinnerComponent(): void {\n const hostElement = this.elementRef.nativeElement;\n if (this.spinnerComponentRef) {\n return;\n }\n this.originalContent = Array.from(hostElement.childNodes).filter((node: any) => node.nodeType === 1);\n this.originalContent.forEach(node => {\n this.renderer.setStyle(node, 'display', 'none');\n });\n this.spinnerComponentRef = this.viewContainerRef.createComponent(IDSpinnerComponent, {\n injector: this.injector\n });\n this.setSpinnerColor();\n const spinnerNativeElement = this.spinnerComponentRef.location.nativeElement;\n this.renderer.appendChild(hostElement, spinnerNativeElement);\n }\n\n private removeSpinnerComponent(): void {\n if (!this.spinnerComponentRef) {\n return;\n }\n this.spinnerComponentRef.destroy();\n this.spinnerComponentRef = null;\n this.originalContent.forEach(node => {\n this.renderer.setStyle(node, 'display', '');\n });\n this.originalContent = [];\n }\n}\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-card.mjs CHANGED Viewed

@@ -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,21 +9,21 @@ 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": "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",
                         "[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--focus]": "focusCard && !borderTop",
                         "[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 CHANGED Viewed

	@@ -1 +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":";;;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~~,~~kNAOM~~,EAAA,CAAA;;~~4FDUO~~,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,~~kNAAA~~,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;;;MEf3B,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;~~4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAC;AACP,qBAAA;AACF,iBAAA;;;ACRD;;~~AAEG;;;;"}
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/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]\": \"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,8XCxBtC,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,yBAAyB,EAAE,yBAAyB;AACpD,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;MAOa,uBAAuB,CAAA;IACzB,QAAQ,GAAW,EAAE;IACrB,WAAW,GAAW,EAAE;IACxB,IAAI,GAAW,EAAE;IACjB,MAAM,GAAY,IAAI;IACtB,IAAI,GAAY,IAAI;IACpB,IAAI,GAAY,IAAI;AAEL,IAAA,QAAQ;wGARrB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAQvB,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfxB,i3BAuBc,EAAA,CAAA;;4FDhBD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAEhB,IAAI,EAAA,QAAA,EAAA,i3BAAA,EAAA;8BAGP,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBAEuB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;~~MEMX~~,mBAAmB,CAAA;AAE9B,IAAA,aAAa;AAEL,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAC9B,WAAW,GAAG,aAAa;IAC3B,WAAW,GAAG,kBAAkB;AAE/B,IAAA,YAAY,GAAyB,IAAI,YAAY,EAAU;IAEzE,WAAW,GAAG,CAAC;~~IAEf~~,WAAW,GAAG,KAAK;~~IAEnB~~,kBAAkB,GAAA;QAChB,IAAI,CAAC,eAAe,EAAE;AACtB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAClF,IAAI,CAAC,eAAe,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;~~QACvB~~,UAAU,CAAC,MAAK;~~AACd~~,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAC1B,CAAC,EAAE,GAAG,CAAC;IACT;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;YAC/C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,KAAK,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YAC9E,IAAI,CAAC,cAAc,EAAE;QACvB;IACF;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;YAC/C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,KAAK,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YAC9E,IAAI,CAAC,cAAc,EAAE;QACvB;IACF;AAEA,IAAA,cAAc,CAAC,KAAa,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QACxB,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;IAC1C;IAEQ,eAAe,GAAA;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC1C,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,WAAW;YACxC,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC,WAAW,KAAK,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACjF,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC,WAAW,KAAK,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AACnF,QAAA,CAAC,CAAC;IACJ;~~wGA3DW~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EACb,uBAAuB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECtB1C,+/BAiCA~~,~~2CDfY~~,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,OAAA,EAEd,CAAC,YAAY,CAAC,cACX,IAAI,EAAA,QAAA,EAAA~~,+/BAAA~~,EAAA;8BAIhB,aAAa,EAAA,CAAA;sBADZ,eAAe;uBAAC,uBAAuB;gBAI/B,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBAES,YAAY,EAAA,CAAA;sBAArB;;;~~AE7BH~~;;AAEG;;;;"}
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 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 CHANGED Viewed

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