@inera/ids-angular 8.2.0 → 9.0.1

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

@@ -1,67 +1,108 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/carousel/register';
+import { TemplateRef, ViewChild, Input, Component, inject, DestroyRef, EventEmitter, Output, ContentChildren } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class IDCarouselItemComponent {
-    headline = "";
-    description = "";
-    step = "";
-    constructor() { }
+    headline = '';
+    description = '';
+    step = '';
+    active = true;
+    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, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step" }, ngImport: i0, template: "<ids-carousel-item\n  [headline]=\"headline\"\n  [description]=\"description\"\n  [step]=\"step\">\n  <ng-content></ng-content>\n</ids-carousel-item>" });
+    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>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-carousel-item", template: "<ids-carousel-item\n  [headline]=\"headline\"\n  [description]=\"description\"\n  [step]=\"step\">\n  <ng-content></ng-content>\n</ids-carousel-item>" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            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: [{
                 type: Input
             }], description: [{
                 type: Input
             }], step: [{
                 type: Input
+            }], active: [{
+                type: Input
+            }], next: [{
+                type: Input
+            }], prev: [{
+                type: Input
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
             }] } });
 
 class IDCarouselComponent {
-    srnextlabel = "Nästa";
-    srprevlabel = "Föregående";
-    constructor() { }
+    carouselItems;
+    destroyRef = inject(DestroyRef);
+    srNextLabel = 'Nästa slide';
+    srPrevLabel = 'Föregående slide';
+    slideChanged = new EventEmitter();
+    activeSlide = 0;
+    isAnimating = false;
+    ngAfterContentInit() {
+        this.syncActiveSlide();
+        this.carouselItems.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            this.syncActiveSlide();
+        });
+    }
+    setIsAnimating() {
+        this.isAnimating = true;
+        setTimeout(() => {
+            this.isAnimating = false;
+        }, 500);
+    }
+    nextSlide() {
+        if (!this.isAnimating) {
+            const lastIndex = this.carouselItems.length - 1;
+            this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);
+            this.setIsAnimating();
+        }
+    }
+    prevSlide() {
+        if (!this.isAnimating) {
+            const lastIndex = this.carouselItems.length - 1;
+            this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);
+            this.setIsAnimating();
+        }
+    }
+    setActiveSlide(index) {
+        this.activeSlide = index;
+        this.syncActiveSlide();
+        this.slideChanged.emit(this.activeSlide);
+    }
+    syncActiveSlide() {
+        const items = this.carouselItems.toArray();
+        const lastIndex = items.length - 1;
+        items.forEach((item, index) => {
+            item.active = index === this.activeSlide;
+            item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);
+            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, selector: "id-carousel", inputs: { srnextlabel: "srnextlabel", srprevlabel: "srprevlabel" }, ngImport: i0, template: "<ids-carousel [srnextlabel]=\"srnextlabel\" [srprevlabel]=\"srprevlabel\">\n  <ng-content></ng-content>\n</ids-carousel>\n" });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-carousel", template: "<ids-carousel [srnextlabel]=\"srnextlabel\" [srprevlabel]=\"srprevlabel\">\n  <ng-content></ng-content>\n</ids-carousel>\n" }]
-        }], ctorParameters: () => [], propDecorators: { srnextlabel: [{
+            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" }]
+        }], propDecorators: { carouselItems: [{
+                type: ContentChildren,
+                args: [IDCarouselItemComponent]
+            }], srNextLabel: [{
                 type: Input
-            }], srprevlabel: [{
+            }], srPrevLabel: [{
                 type: Input
+            }], slideChanged: [{
+                type: Output
             }] } });
 
-class IDCarouselModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselModule, declarations: [IDCarouselComponent,
-            IDCarouselItemComponent], exports: [IDCarouselComponent,
-            IDCarouselItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCarouselModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDCarouselComponent,
-                        IDCarouselItemComponent
-                    ],
-                    exports: [
-                        IDCarouselComponent,
-                        IDCarouselItemComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDCarouselComponent, IDCarouselItemComponent, IDCarouselModule };
+export { IDCarouselComponent, IDCarouselItemComponent };
 //# sourceMappingURL=inera-ids-angular-components-carousel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/carousel.module.ts","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-carousel-item\",\n  templateUrl: \"./carousel-item.component.html\"\n})\nexport class IDCarouselItemComponent {\n  @Input()\n  headline: string = \"\";\n\n  @Input()\n  description: string = \"\";\n\n  @Input()\n  step: string = \"\";\n\n  constructor() {}\n}\n","<ids-carousel-item\n  [headline]=\"headline\"\n  [description]=\"description\"\n  [step]=\"step\">\n  <ng-content></ng-content>\n</ids-carousel-item>","import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-carousel\",\n  templateUrl: \"./carousel.component.html\"\n})\nexport class IDCarouselComponent {\n  @Input()\n  srnextlabel = \"Nästa\";\n\n  @Input()\n  srprevlabel = \"Föregående\";\n\n  constructor() {}\n}\n","<ids-carousel [srnextlabel]=\"srnextlabel\" [srprevlabel]=\"srprevlabel\">\n  <ng-content></ng-content>\n</ids-carousel>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDCarouselComponent } from './carousel.component';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport '@inera/ids-core/components/carousel/register';\n\n@NgModule({\n  declarations: [\n    IDCarouselComponent,\n    IDCarouselItemComponent\n  ],\n  exports: [\n    IDCarouselComponent,\n    IDCarouselItemComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDCarouselModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,uBAAuB,CAAA;IAElC,QAAQ,GAAW,EAAE;IAGrB,WAAW,GAAW,EAAE;IAGxB,IAAI,GAAW,EAAE;AAEjB,IAAA,WAAA,GAAA,EAAe;wGAVJ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,oICNpC,uJAKoB,EAAA,CAAA;;4FDCP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,uJAAA,EAAA;wDAK5B,QAAQ,EAAA,CAAA;sBADP;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,IAAI,EAAA,CAAA;sBADH;;;MEPU,mBAAmB,CAAA;IAE9B,WAAW,GAAG,OAAO;IAGrB,WAAW,GAAG,YAAY;AAE1B,IAAA,WAAA,GAAA,EAAe;wGAPJ,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,uHCNhC,4HAGA,EAAA,CAAA;;4FDGa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,4HAAA,EAAA;wDAKvB,WAAW,EAAA,CAAA;sBADV;gBAID,WAAW,EAAA,CAAA;sBADV;;;MEMU,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBATzB,mBAAmB;AACnB,YAAA,uBAAuB,aAGvB,mBAAmB;YACnB,uBAAuB,CAAA,EAAA,CAAA;yGAId,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;wBACnB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-carousel-item',\n  templateUrl: './carousel-item.component.html',\n  standalone: true,\n})\nexport class IDCarouselItemComponent {\n  @Input() headline: string = '';\n  @Input() description: string = '';\n  @Input() step: string = '';\n  @Input() active: boolean = true;\n  @Input() next: boolean = true;\n  @Input() prev: boolean = true;\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"ids-carousel-item-wrapper\" \n    [class.active]=\"active\"\n    [class.prev]=\"prev\"\n    [class.next]=\"next\"\n    [attr.aria-hidden]=\"!active ? 'true' : null\"\n    [attr.inert]=\"!active ? 'true' : null\">\n    <div class=\"ids-carousel-item\">\n      <div class=\"ids-carousel-item__image\">\n        <ng-content select=\"[idCarouselImage]\"></ng-content>\n      </div>\n      <div class=\"ids-carousel-item__content\">\n        <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n        <ng-content></ng-content>\n        <div class=\"ids-carousel-item__footer\">\n          <div class=\"ids-carousel-item__description\">{{description}}</div>\n          <div class=\"ids-carousel-item__step\">\n            <div class=\"ids-tag\">{{step}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-carousel',\n  templateUrl: './carousel.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDCarouselComponent implements AfterContentInit {\n  @ContentChildren(IDCarouselItemComponent)\n  carouselItems!: QueryList<IDCarouselItemComponent>;\n\n  private destroyRef = inject(DestroyRef);\n  @Input() srNextLabel = 'Nästa slide';\n  @Input() srPrevLabel = 'Föregående slide';\n\n  @Output() slideChanged: EventEmitter<number> = new EventEmitter<number>();\n\n  activeSlide = 0;\n\n  isAnimating = false;\n\n  ngAfterContentInit() {\n    this.syncActiveSlide();\n    this.carouselItems.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.syncActiveSlide();\n    });\n  }\n\n  setIsAnimating() {\n    this.isAnimating = true;\n    setTimeout(() => {\n      this.isAnimating = false;\n    }, 500);\n  }\n\n  nextSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n      this.setIsAnimating();\n    }\n  }\n\n  prevSlide() {\n    if (!this.isAnimating) {\n      const lastIndex = this.carouselItems.length - 1;\n      this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      this.setIsAnimating();\n    }\n  }\n\n  setActiveSlide(index: number) {\n    this.activeSlide = index;\n    this.syncActiveSlide();\n    this.slideChanged.emit(this.activeSlide);\n  }\n\n  private syncActiveSlide() {\n    const items = this.carouselItems.toArray();\n    const lastIndex = items.length - 1;\n\n    items.forEach((item, index) => {\n      item.active = index === this.activeSlide;\n      item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n      item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n    });\n  }\n}\n","<div class=\"ids-carousel\">\n  <button\n    class=\"ids-carousel__button-prev\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-next\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  ></button>\n  <button\n    class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n    [attr.aria-label]=\"srPrevLabel\"\n    (click)=\"prevSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <button\n    class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n    [attr.aria-label]=\"srNextLabel\"\n    (click)=\"nextSlide()\"\n  >\n    <div class=\"ids-carousel-btn__inner\"></div>\n  </button>\n  <div class=\"ids-carousel-content js-carousel-slide\">\n    <div aria-live=\"polite\">\n      <ng-container *ngFor=\"let item of carouselItems\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,71 +1,132 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/date-label/register';
+import { Input, Component } from '@angular/core';
 
 class IDDateLabelComponent {
-    constructor() { }
-    date = null;
-    year = null;
-    month = null;
-    monthlabel = null;
-    day = null;
-    dateto = null;
-    yearto = null;
-    monthto = null;
-    monthtolabel = null;
-    dayto = null;
-    srtext = "";
+    date;
+    year;
+    month;
+    day;
+    monthLabel;
+    dateTo;
+    yearTo;
+    monthTo;
+    dayTo;
+    monthToLabel;
+    get getYear() {
+        return this._getYearLogic(this.date, this.year);
+    }
+    get getYearTo() {
+        return this._getYearLogic(this.dateTo, this.yearTo);
+    }
+    get getMonth() {
+        return this._getMonthLogic(this.date, this.month);
+    }
+    get getMonthTo() {
+        return this._getMonthLogic(this.dateTo, this.monthTo);
+    }
+    get displayMonth() {
+        const month = this._getMonthLogic(this.date, this.month);
+        return this.monthLabel || this.getMonthAsSweText(month, 3);
+    }
+    get displayMonthTo() {
+        const month = this._getMonthLogic(this.dateTo, this.monthTo);
+        return this.monthToLabel || this.getMonthAsSweText(month, 3);
+    }
+    get displayDay() {
+        const day = this._getDayLogic(this.date, this.day);
+        return this.getDayAsText(day);
+    }
+    get displayDayTo() {
+        const day = this._getDayLogic(this.dateTo, this.dayTo);
+        return this.getDayAsText(day);
+    }
+    displayMonthText(month) {
+        return this.getMonthAsSweText(month - 1, 3);
+    }
+    _getYearLogic(date, fallbackYear) {
+        if (date) {
+            return date.getFullYear();
+        }
+        else {
+            return fallbackYear;
+        }
+    }
+    _getMonthLogic(date, fallbackMonth) {
+        return date ? date.getMonth() : fallbackMonth || 0;
+    }
+    _getDayLogic(date, fallbackDay) {
+        return date ? date.getDate() : fallbackDay || 0;
+    }
+    // These should be moved to a new ids-common lib
+    getDayAsText = (day) => {
+        if (day > 0) {
+            return day < 10 ? "0" + day : `${day}`;
+        }
+        else {
+            return "";
+        }
+    };
+    getMonthAsSweText = (date, letters = 3) => {
+        switch (date) {
+            case 1:
+                return "Januari".substring(0, letters);
+            case 2:
+                return "Februari".substring(0, letters);
+            case 3:
+                return "Mars".substring(0, letters);
+            case 4:
+                return "April".substring(0, letters);
+            case 5:
+                return "Maj".substring(0, letters);
+            case 6:
+                return "Juni".substring(0, letters);
+            case 7:
+                return "Juli".substring(0, letters);
+            case 8:
+                return "Augusti".substring(0, letters);
+            case 9:
+                return "September".substring(0, letters);
+            case 10:
+                return "Oktober".substring(0, letters);
+            case 11:
+                return "November".substring(0, letters);
+            case 12:
+                return "December".substring(0, letters);
+            default:
+                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: "14.0.0", version: "18.2.14", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day", dateto: "dateto", yearto: "yearto", monthto: "monthto", monthtolabel: "monthtolabel", dayto: "dayto", srtext: "srtext" }, ngImport: i0, template: "<ids-date-label\n  [date]=\"date?.toString()\"\n  [year]=\"year\"\n  [month]=\"month\"\n  [monthlabel]=\"monthlabel\"\n  [day]=\"day\"\n  [dateto]=\"dateto?.toString()\"\n  [yearto]=\"yearto\"\n  [monthto]=\"monthto\"\n  [srtext]=\"srtext\"\n  [monthtolabel]=\"monthtolabel\"\n  [dayto]=\"dayto\">\n  <ng-content></ng-content>\n</ids-date-label>\n", encapsulation: i0.ViewEncapsulation.None });
+    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>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-date-label", encapsulation: ViewEncapsulation.None, template: "<ids-date-label\n  [date]=\"date?.toString()\"\n  [year]=\"year\"\n  [month]=\"month\"\n  [monthlabel]=\"monthlabel\"\n  [day]=\"day\"\n  [dateto]=\"dateto?.toString()\"\n  [yearto]=\"yearto\"\n  [monthto]=\"monthto\"\n  [srtext]=\"srtext\"\n  [monthtolabel]=\"monthtolabel\"\n  [dayto]=\"dayto\">\n  <ng-content></ng-content>\n</ids-date-label>\n" }]
-        }], ctorParameters: () => [], propDecorators: { date: [{
+            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: [{
                 type: Input
             }], year: [{
                 type: Input
             }], month: [{
                 type: Input
-            }], monthlabel: [{
-                type: Input
             }], day: [{
                 type: Input
-            }], dateto: [{
+            }], monthLabel: [{
                 type: Input
-            }], yearto: [{
+            }], dateTo: [{
                 type: Input
-            }], monthto: [{
+            }], yearTo: [{
                 type: Input
-            }], monthtolabel: [{
+            }], monthTo: [{
                 type: Input
-            }], dayto: [{
+            }], dayTo: [{
                 type: Input
-            }], srtext: [{
+            }], monthToLabel: [{
                 type: Input
             }] } });
 
-class IDDateLabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelModule, declarations: [IDDateLabelComponent], exports: [IDDateLabelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDateLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDDateLabelComponent
-                    ],
-                    exports: [
-                        IDDateLabelComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDDateLabelComponent, IDDateLabelModule };
+export { IDDateLabelComponent };
 //# sourceMappingURL=inera-ids-angular-components-date-label.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-date-label.mjs","sources":["../../../projects/ids-angular/components/date-label/date-label.component.ts","../../../projects/ids-angular/components/date-label/date-label.component.html","../../../projects/ids-angular/components/date-label/date-label.module.ts","../../../projects/ids-angular/components/date-label/inera-ids-angular-components-date-label.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from \"@angular/core\";\n\n@Component({\n  selector: \"id-date-label\",\n  templateUrl: \"./date-label.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDDateLabelComponent {\n  constructor() {}\n\n  @Input() date: Date | null = null;\n  @Input() year: number | null = null;\n  @Input() month: number | null = null;\n  @Input() monthlabel: string | null = null;\n  @Input() day: number | null = null;\n\n  @Input() dateto: Date | null = null;\n  @Input() yearto: number | null = null;\n  @Input() monthto: number | null = null;\n  @Input() monthtolabel: string | null = null;\n  @Input() dayto: number | null = null;\n\n  @Input() srtext: string = \"\";\n}\n","<ids-date-label\n  [date]=\"date?.toString()\"\n  [year]=\"year\"\n  [month]=\"month\"\n  [monthlabel]=\"monthlabel\"\n  [day]=\"day\"\n  [dateto]=\"dateto?.toString()\"\n  [yearto]=\"yearto\"\n  [monthto]=\"monthto\"\n  [srtext]=\"srtext\"\n  [monthtolabel]=\"monthtolabel\"\n  [dayto]=\"dayto\">\n  <ng-content></ng-content>\n</ids-date-label>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDDateLabelComponent } from './date-label.component';\nimport '@inera/ids-core/components/date-label/register';\n\n@NgModule({\n  declarations: [\n    IDDateLabelComponent\n  ],\n  exports: [\n    IDDateLabelComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDDateLabelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,oBAAoB,CAAA;AAC/B,IAAA,WAAA,GAAA,EAAe;IAEN,IAAI,GAAgB,IAAI;IACxB,IAAI,GAAkB,IAAI;IAC1B,KAAK,GAAkB,IAAI;IAC3B,UAAU,GAAkB,IAAI;IAChC,GAAG,GAAkB,IAAI;IAEzB,MAAM,GAAgB,IAAI;IAC1B,MAAM,GAAkB,IAAI;IAC5B,OAAO,GAAkB,IAAI;IAC7B,YAAY,GAAkB,IAAI;IAClC,KAAK,GAAkB,IAAI;IAE3B,MAAM,GAAW,EAAE;wGAfjB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,2QCPjC,6VAcA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDPa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,eAAe,EAAA,aAAA,EAEV,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6VAAA,EAAA;wDAK5B,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,GAAG,EAAA,CAAA;sBAAX;gBAEQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBAEQ,MAAM,EAAA,CAAA;sBAAd;;;METU,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,YAAA,EAAA,CAP1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,oBAAoB,CAAA,EAAA,CAAA;yGAIX,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-date-label.mjs","sources":["../../../projects/ids-angular/components/date-label/date-label.component.ts","../../../projects/ids-angular/components/date-label/date-label.component.html","../../../projects/ids-angular/components/date-label/inera-ids-angular-components-date-label.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-date-label\",\n  templateUrl: \"./date-label.component.html\",\n  standalone: true,\n})\nexport class IDDateLabelComponent {\n  @Input() date?: Date;\n  @Input() year?: number;\n  @Input() month?: number;\n  @Input() day?: number;\n  @Input() monthLabel?: string;\n\n  @Input() dateTo?: Date;\n  @Input() yearTo?: number;\n  @Input() monthTo?: number;\n  @Input() dayTo?: number;\n  @Input() monthToLabel?: string;\n\n  get getYear() {\n    return this._getYearLogic(this.date, this.year);\n  }\n  get getYearTo() {\n    return this._getYearLogic(this.dateTo, this.yearTo);\n  }\n\n  get getMonth() {\n    return this._getMonthLogic(this.date, this.month)\n  }\n  get getMonthTo() {\n    return this._getMonthLogic(this.dateTo, this.monthTo)\n  }\n  get displayMonth(): string {\n    const month = this._getMonthLogic(this.date, this.month);\n    return this.monthLabel || this.getMonthAsSweText(month, 3);\n  }\n  get displayMonthTo(): string {\n    const month = this._getMonthLogic(this.dateTo, this.monthTo);\n    return this.monthToLabel || this.getMonthAsSweText(month, 3);\n  }\n\n  get displayDay(): string {\n    const day = this._getDayLogic(this.date, this.day);\n    return this.getDayAsText(day);\n  }\n  get displayDayTo(): string {\n    const day = this._getDayLogic(this.dateTo, this.dayTo);\n    return this.getDayAsText(day);\n  }\n\n  displayMonthText(month: number): string {\n    return this.getMonthAsSweText(month - 1, 3);\n  }\n\n  private _getYearLogic(date: Date | undefined, fallbackYear: number | undefined): number | undefined {\n    if (date) {\n      return date.getFullYear();\n    } else {\n      return fallbackYear;\n    }\n  }\n  private _getMonthLogic(date: Date | undefined, fallbackMonth: number | undefined): number {\n    return date ? date.getMonth() : fallbackMonth || 0;\n  }\n  private _getDayLogic(date: Date | undefined, fallbackDay: number | undefined): number {\n    return date ? date.getDate() : fallbackDay || 0;\n  }\n\n  // These should be moved to a new ids-common lib\n  getDayAsText = (day: number): string => {\n    if (day > 0) {\n      return day < 10 ? \"0\" + day : `${day}`;\n    } else {\n      return \"\";\n    }\n  };\n  getMonthAsSweText = (date: number, letters: number = 3): string => {\n    switch (date) {\n      case 1:\n        return \"Januari\".substring(0, letters);\n      case 2:\n        return \"Februari\".substring(0, letters);\n      case 3:\n        return \"Mars\".substring(0, letters);\n      case 4:\n        return \"April\".substring(0, letters);\n      case 5:\n        return \"Maj\".substring(0, letters);\n      case 6:\n        return \"Juni\".substring(0, letters);\n      case 7:\n        return \"Juli\".substring(0, letters);\n      case 8:\n        return \"Augusti\".substring(0, letters);\n      case 9:\n        return \"September\".substring(0, letters);\n      case 10:\n        return \"Oktober\".substring(0, letters);\n      case 11:\n        return \"November\".substring(0, letters);\n      case 12:\n        return \"December\".substring(0, letters);\n      default:\n        return \"\";\n    }\n  };\n  //--\n\n}\n","<div class=\"ids-date-label\">\n  <time class=\"ids-date-label__time\"\n    [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Från: ' + 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>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}