@ifsworld/granite-components 14.2.3 → 15.0.0-beta.1

package/date-picker/lib/date-picker-base.d.ts

@@ -1,14 +1,14 @@
 import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
-import { PrimeNGConfig } from 'primeng/api';
 import { ClientInputInterface, ClientOutputInterface } from '@ifsworld/granite-components';
+import { PrimeNG } from 'primeng/config';
 import * as i0 from "@angular/core";
 export type PositionX = 'before' | 'after';
 export type PositionY = 'above' | 'below';
 /** Base class with common functionality for date/date-range pickers. */
 export declare class _DatePickerBase implements OnInit {
     _elementRef: ElementRef;
-    config: PrimeNGConfig;
+    primeNG: PrimeNG;
     minDate: Date | null;
     maxDate: Date | null;
     firstDayOfWeek: number;
@@ -26,7 +26,7 @@ export declare class _DatePickerBase implements OnInit {
     clientInput: ClientInputInterface;
     /** Client output device information */
     clientOutput: ClientOutputInterface;
-    constructor(_elementRef: ElementRef, config: PrimeNGConfig);
+    constructor(_elementRef: ElementRef, primeNG: PrimeNG);
     ngOnInit(): void;
     _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_DatePickerBase, never>;

package/date-picker/lib/date-picker.module.d.ts

@@ -4,12 +4,12 @@ import * as i2 from "./date-range-picker.component";
 import * as i3 from "./date-picker-trigger-for.directive";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "primeng/calendar";
+import * as i6 from "primeng/datepicker";
 import * as i7 from "@angular/forms";
 import * as i8 from "@ifsworld/granite-components";
 import * as i9 from "@angular/cdk/a11y";
 export declare class GraniteDatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteDatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteDatePickerModule, [typeof i1.GraniteDatePickerComponent, typeof i2.GraniteDateRangePickerComponent, typeof i3.GraniteDatePickerTriggerForDirective], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.CalendarModule, typeof i7.FormsModule, typeof i8.GraniteIconModule, typeof i8.GraniteButtonModule, typeof i9.A11yModule], [typeof i1.GraniteDatePickerComponent, typeof i2.GraniteDateRangePickerComponent, typeof i3.GraniteDatePickerTriggerForDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteDatePickerModule, [typeof i1.GraniteDatePickerComponent, typeof i2.GraniteDateRangePickerComponent, typeof i3.GraniteDatePickerTriggerForDirective], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.DatePickerModule, typeof i7.FormsModule, typeof i8.GraniteIconModule, typeof i8.GraniteButtonModule, typeof i9.A11yModule], [typeof i1.GraniteDatePickerComponent, typeof i2.GraniteDateRangePickerComponent, typeof i3.GraniteDatePickerTriggerForDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GraniteDatePickerModule>;
 }

package/fesm2022/ifsworld-granite-components-carousel.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ContentChild, ViewChild, HostListener, NgModule } from '@angular/core';
+import { HostListener, ViewChild, ContentChild, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from 'primeng/carousel';
@@ -124,12 +124,12 @@ class GraniteCarouselComponent {
         }
         this.updateVisibleItems();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteCarouselComponent, selector: "granite-carousel", inputs: { items: "items", responsiveOptions: "responsiveOptions", numVisible: "numVisible", numScroll: "numScroll", circular: "circular", prevButtonAriaLabel: "prevButtonAriaLabel", nextButtonAriaLabel: "nextButtonAriaLabel", shrinkToContent: "shrinkToContent" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "itemTemplateRef", first: true, predicate: ["itemTemplate"], descendants: true }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n", styles: [":host{width:100%;overflow:hidden}.carousel-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--granite-spacing-8);padding:var(--granite-spacing-8);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}p-carousel{flex:1;min-width:0}p-carousel .item-template-wrapper{margin:var(--granite-spacing-4)}.arrow-btn{width:calc(var(--granite-size-base-rem) * 2);height:calc(var(--granite-size-base-rem) * 2)}.arrow-btn granite-icon{font-size:var(--granite-font-size-body);position:relative;top:0}::ng-deep .auto-width .p-carousel-item{flex:0 0 auto!important}::ng-deep .is-one-item .p-carousel-item{flex:1 0 100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.GraniteButtonComponent, selector: "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", inputs: ["disabled", "toggled"], exportAs: ["graniteButton"] }, { kind: "component", type: i4.GraniteIconComponent, selector: "granite-icon", inputs: ["fontIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GraniteCarouselComponent, isStandalone: false, selector: "granite-carousel", inputs: { items: "items", responsiveOptions: "responsiveOptions", numVisible: "numVisible", numScroll: "numScroll", circular: "circular", prevButtonAriaLabel: "prevButtonAriaLabel", nextButtonAriaLabel: "nextButtonAriaLabel", shrinkToContent: "shrinkToContent" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "itemTemplateRef", first: true, predicate: ["itemTemplate"], descendants: true }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n", styles: [":host{width:100%;overflow:hidden}.carousel-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--granite-spacing-8);padding:var(--granite-spacing-8);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}p-carousel{flex:1;min-width:0}p-carousel .item-template-wrapper{margin:var(--granite-spacing-4)}.arrow-btn{width:calc(var(--granite-size-base-rem) * 2);height:calc(var(--granite-size-base-rem) * 2)}.arrow-btn granite-icon{font-size:var(--granite-font-size-body);position:relative;top:0}::ng-deep .auto-width .p-carousel-item{flex:0 0 auto!important}::ng-deep .is-one-item .p-carousel-item{flex:1 0 100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass", "prevButtonProps", "nextButtonProps"], outputs: ["onPage"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.GraniteButtonComponent, selector: "button[graniteButton],    button[granitePrimaryButton],    button[graniteFlatButton],    button[graniteToolbarButton]  ", inputs: ["disabled", "toggled"], exportAs: ["graniteButton"] }, { kind: "component", type: i4.GraniteIconComponent, selector: "granite-icon", inputs: ["fontIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'granite-carousel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n", styles: [":host{width:100%;overflow:hidden}.carousel-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--granite-spacing-8);padding:var(--granite-spacing-8);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}p-carousel{flex:1;min-width:0}p-carousel .item-template-wrapper{margin:var(--granite-spacing-4)}.arrow-btn{width:calc(var(--granite-size-base-rem) * 2);height:calc(var(--granite-size-base-rem) * 2)}.arrow-btn granite-icon{font-size:var(--granite-font-size-body);position:relative;top:0}::ng-deep .auto-width .p-carousel-item{flex:0 0 auto!important}::ng-deep .is-one-item .p-carousel-item{flex:1 0 100%!important}\n"] }]
+            args: [{ selector: 'granite-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n", styles: [":host{width:100%;overflow:hidden}.carousel-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--granite-spacing-8);padding:var(--granite-spacing-8);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}p-carousel{flex:1;min-width:0}p-carousel .item-template-wrapper{margin:var(--granite-spacing-4)}.arrow-btn{width:calc(var(--granite-size-base-rem) * 2);height:calc(var(--granite-size-base-rem) * 2)}.arrow-btn granite-icon{font-size:var(--granite-font-size-body);position:relative;top:0}::ng-deep .auto-width .p-carousel-item{flex:0 0 auto!important}::ng-deep .is-one-item .p-carousel-item{flex:1 0 100%!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
                 type: Input
             }], responsiveOptions: [{
@@ -158,17 +158,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class GraniteCarouselModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, declarations: [GraniteCarouselComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselModule, declarations: [GraniteCarouselComponent], imports: [CommonModule,
             CarouselModule,
             GraniteButtonModule,
             GraniteIconModule], exports: [GraniteCarouselComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselModule, imports: [CommonModule,
             CarouselModule,
             GraniteButtonModule,
             GraniteIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GraniteCarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GraniteCarouselComponent],

package/fesm2022/ifsworld-granite-components-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ifsworld-granite-components-carousel.mjs","sources":["../../../../libs/granite-components/carousel/src/lib/carousel.component.ts","../../../../libs/granite-components/carousel/src/lib/carousel.component.html","../../../../libs/granite-components/carousel/src/lib/carousel.module.ts","../../../../libs/granite-components/carousel/src/ifsworld-granite-components-carousel.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { Carousel, CarouselResponsiveOptions } from 'primeng/carousel';\n\n@Component({\n  selector: 'granite-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrl: './carousel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteCarouselComponent<T>\n  implements OnChanges, AfterViewInit, OnDestroy\n{\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  responsiveOptions: CarouselResponsiveOptions[] = [\n    {\n      breakpoint: '1024px',\n      numVisible: 3,\n      numScroll: 1,\n    },\n    {\n      breakpoint: '768px',\n      numVisible: 2,\n      numScroll: 1,\n    },\n    {\n      breakpoint: '560px',\n      numVisible: 1,\n      numScroll: 1,\n    },\n  ];\n\n  @Input()\n  numVisible: number = 1;\n\n  @Input()\n  numScroll: number = 1;\n\n  @Input()\n  circular: boolean = false;\n\n  @Input()\n  prevButtonAriaLabel: string = 'Previous page';\n\n  @Input()\n  nextButtonAriaLabel: string = 'Next page';\n\n  @Input()\n  shrinkToContent: boolean = false;\n\n  @ContentChild('itemTemplate', { static: false })\n  itemTemplateRef: TemplateRef<any>;\n\n  @ViewChild('carousel')\n  carousel: Carousel;\n\n  visibleItems: T[] = [];\n  isOneItemVisible: boolean = false;\n\n  private resizeObserver: ResizeObserver;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['items'] && changes['items'].currentValue) {\n      this.items = changes['items'].currentValue;\n      this.triggerUpdate();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        this.handleResize(entries);\n      });\n\n      this.resizeObserver.observe(this.carousel?.el?.nativeElement);\n    }\n  }\n\n  @HostListener('window:resize')\n  onResize(): void {\n    this.triggerUpdate();\n  }\n\n  onKeyDown(event: KeyboardEvent): void {\n    const mouseEvent = new MouseEvent('click', { cancelable: true });\n    if (event.key === 'ArrowRight') {\n      this.navForward(mouseEvent);\n    } else if (event.key === 'ArrowLeft') {\n      this.navBackward(mouseEvent);\n    }\n  }\n\n  navForward(event: MouseEvent): void {\n    this.carousel?.navForward(event);\n  }\n\n  navBackward(event: MouseEvent): void {\n    this.carousel?.navBackward(event);\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  private triggerUpdate(): void {\n    if (this.carousel?.el?.nativeElement) {\n      const containerWidth = this.carousel.el.nativeElement.offsetWidth;\n      this.updateNumVisibleBasedOnWidth(containerWidth);\n    } else {\n      this.updateVisibleItems();\n    }\n  }\n\n  private handleResize(entries: ResizeObserverEntry[]): void {\n    entries.forEach((entry) => {\n      if (entry.contentRect) {\n        const containerWidth = entry.contentRect.width;\n        this.updateNumVisibleBasedOnWidth(containerWidth);\n      }\n    });\n  }\n\n  private getDisplayItems(items: T[], numVisible: number): T[] {\n    const placeholders = Array(Math.max(0, numVisible - items.length)).fill({\n      placeholder: true,\n    });\n\n    return [...items, ...placeholders];\n  }\n\n  private updateVisibleItems(): void {\n    if (!this.items || !this.carousel) return;\n\n    const numVisible = this.carousel.numVisible || this.numVisible;\n    this.visibleItems = this.getDisplayItems(this.items, numVisible);\n    this.cdr.markForCheck();\n  }\n\n  private updateNumVisibleBasedOnWidth(containerWidth: number): void {\n    if (!this.carousel) return;\n\n    let matched: boolean = false;\n    const sortedResponsiveOptions = [...this.responsiveOptions].sort(\n      (a, b) => parseInt(a.breakpoint) - parseInt(b.breakpoint)\n    );\n\n    if (containerWidth) {\n      for (const option of sortedResponsiveOptions) {\n        const breakpoint = parseInt(option.breakpoint);\n\n        if (containerWidth <= breakpoint) {\n          this.carousel.numVisible = option.numVisible;\n          this.isOneItemVisible = option.numVisible === 1;\n          matched = true;\n          break;\n        }\n      }\n    }\n\n    if (!matched) {\n      this.carousel.numVisible = this.numVisible;\n    }\n\n    this.updateVisibleItems();\n  }\n}\n","<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GraniteCarouselComponent } from './carousel.component';\nimport { CarouselModule } from 'primeng/carousel';\nimport {\n  GraniteIconModule,\n  GraniteButtonModule,\n} from '@ifsworld/granite-components';\n\n@NgModule({\n  declarations: [GraniteCarouselComponent],\n  exports: [GraniteCarouselComponent],\n  imports: [\n    CommonModule,\n    CarouselModule,\n    GraniteButtonModule,\n    GraniteIconModule,\n  ],\n})\nexport class GraniteCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifsworld-granite-components-carousel.mjs","sources":["../../../../libs/granite-components/carousel/src/lib/carousel.component.ts","../../../../libs/granite-components/carousel/src/lib/carousel.component.html","../../../../libs/granite-components/carousel/src/lib/carousel.module.ts","../../../../libs/granite-components/carousel/src/ifsworld-granite-components-carousel.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { Carousel, CarouselResponsiveOptions } from 'primeng/carousel';\n\n@Component({\n  selector: 'granite-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrl: './carousel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class GraniteCarouselComponent<T>\n  implements OnChanges, AfterViewInit, OnDestroy\n{\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  responsiveOptions: CarouselResponsiveOptions[] = [\n    {\n      breakpoint: '1024px',\n      numVisible: 3,\n      numScroll: 1,\n    },\n    {\n      breakpoint: '768px',\n      numVisible: 2,\n      numScroll: 1,\n    },\n    {\n      breakpoint: '560px',\n      numVisible: 1,\n      numScroll: 1,\n    },\n  ];\n\n  @Input()\n  numVisible: number = 1;\n\n  @Input()\n  numScroll: number = 1;\n\n  @Input()\n  circular: boolean = false;\n\n  @Input()\n  prevButtonAriaLabel: string = 'Previous page';\n\n  @Input()\n  nextButtonAriaLabel: string = 'Next page';\n\n  @Input()\n  shrinkToContent: boolean = false;\n\n  @ContentChild('itemTemplate', { static: false })\n  itemTemplateRef: TemplateRef<any>;\n\n  @ViewChild('carousel')\n  carousel: Carousel;\n\n  visibleItems: T[] = [];\n  isOneItemVisible: boolean = false;\n\n  private resizeObserver: ResizeObserver;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['items'] && changes['items'].currentValue) {\n      this.items = changes['items'].currentValue;\n      this.triggerUpdate();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        this.handleResize(entries);\n      });\n\n      this.resizeObserver.observe(this.carousel?.el?.nativeElement);\n    }\n  }\n\n  @HostListener('window:resize')\n  onResize(): void {\n    this.triggerUpdate();\n  }\n\n  onKeyDown(event: KeyboardEvent): void {\n    const mouseEvent = new MouseEvent('click', { cancelable: true });\n    if (event.key === 'ArrowRight') {\n      this.navForward(mouseEvent);\n    } else if (event.key === 'ArrowLeft') {\n      this.navBackward(mouseEvent);\n    }\n  }\n\n  navForward(event: MouseEvent): void {\n    this.carousel?.navForward(event);\n  }\n\n  navBackward(event: MouseEvent): void {\n    this.carousel?.navBackward(event);\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  private triggerUpdate(): void {\n    if (this.carousel?.el?.nativeElement) {\n      const containerWidth = this.carousel.el.nativeElement.offsetWidth;\n      this.updateNumVisibleBasedOnWidth(containerWidth);\n    } else {\n      this.updateVisibleItems();\n    }\n  }\n\n  private handleResize(entries: ResizeObserverEntry[]): void {\n    entries.forEach((entry) => {\n      if (entry.contentRect) {\n        const containerWidth = entry.contentRect.width;\n        this.updateNumVisibleBasedOnWidth(containerWidth);\n      }\n    });\n  }\n\n  private getDisplayItems(items: T[], numVisible: number): T[] {\n    const placeholders = Array(Math.max(0, numVisible - items.length)).fill({\n      placeholder: true,\n    });\n\n    return [...items, ...placeholders];\n  }\n\n  private updateVisibleItems(): void {\n    if (!this.items || !this.carousel) return;\n\n    const numVisible = this.carousel.numVisible || this.numVisible;\n    this.visibleItems = this.getDisplayItems(this.items, numVisible);\n    this.cdr.markForCheck();\n  }\n\n  private updateNumVisibleBasedOnWidth(containerWidth: number): void {\n    if (!this.carousel) return;\n\n    let matched: boolean = false;\n    const sortedResponsiveOptions = [...this.responsiveOptions].sort(\n      (a, b) => parseInt(a.breakpoint) - parseInt(b.breakpoint)\n    );\n\n    if (containerWidth) {\n      for (const option of sortedResponsiveOptions) {\n        const breakpoint = parseInt(option.breakpoint);\n\n        if (containerWidth <= breakpoint) {\n          this.carousel.numVisible = option.numVisible;\n          this.isOneItemVisible = option.numVisible === 1;\n          matched = true;\n          break;\n        }\n      }\n    }\n\n    if (!matched) {\n      this.carousel.numVisible = this.numVisible;\n    }\n\n    this.updateVisibleItems();\n  }\n}\n","<div class=\"carousel-wrapper\">\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isBackwardNavDisabled()\"\n    [attr.aria-label]=\"prevButtonAriaLabel\"\n    (click)=\"navBackward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-left\"></granite-icon>\n  </button>\n\n  <p-carousel\n    #carousel\n    [value]=\"visibleItems\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    [class.auto-width]=\"shrinkToContent\"\n    [class.is-one-item]=\"isOneItemVisible\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\" *ngIf=\"!item.placeholder\">\n        <ng-container\n          *ngTemplateOutlet=\"itemTemplateRef; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-template>\n  </p-carousel>\n\n  <button\n    graniteFlatButton\n    class=\"arrow-btn\"\n    [disabled]=\"carousel.isForwardNavDisabled()\"\n    [attr.aria-label]=\"nextButtonAriaLabel\"\n    (click)=\"navForward($event)\"\n  >\n    <granite-icon fontIcon=\"icon-caret-right\"></granite-icon>\n  </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GraniteCarouselComponent } from './carousel.component';\nimport { CarouselModule } from 'primeng/carousel';\nimport {\n  GraniteIconModule,\n  GraniteButtonModule,\n} from '@ifsworld/granite-components';\n\n@NgModule({\n  declarations: [GraniteCarouselComponent],\n  exports: [GraniteCarouselComponent],\n  imports: [\n    CommonModule,\n    CarouselModule,\n    GraniteButtonModule,\n    GraniteIconModule,\n  ],\n})\nexport class GraniteCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}