@ifsworld/granite-components 14.0.3 → 14.1.1

package/carousel/README.md

@@ -0,0 +1,3 @@
+# @ifsworld/granite-components/carousel
+
+Secondary entry point of `@ifsworld/granite-components`. It can be used by importing from `@ifsworld/granite-components/carousel`.

package/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/carousel.module';
+export * from './lib/carousel.component';

package/carousel/lib/carousel.component.d.ts

@@ -0,0 +1,19 @@
+import { TemplateRef } from '@angular/core';
+import { Carousel, CarouselResponsiveOptions } from 'primeng/carousel';
+import * as i0 from "@angular/core";
+export declare class GraniteCarouselComponent<T> {
+    items: T[];
+    responsiveOptions: CarouselResponsiveOptions[];
+    numVisible: number;
+    numScroll: number;
+    circular: boolean;
+    prevButtonAriaLabel: string;
+    nextButtonAriaLabel: string;
+    itemTemplateRef: TemplateRef<any>;
+    carousel: Carousel;
+    onKeyDown(event: KeyboardEvent): void;
+    navForward(event: MouseEvent): void;
+    navBackward(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCarouselComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteCarouselComponent<any>, "granite-carousel", never, { "items": { "alias": "items"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "numScroll": { "alias": "numScroll"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; }, {}, ["itemTemplateRef"], never, false, never>;
+}

package/carousel/lib/carousel.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./carousel.component";
+import * as i2 from "@angular/common";
+import * as i3 from "primeng/carousel";
+import * as i4 from "@ifsworld/granite-components";
+export declare class GraniteCarouselModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteCarouselModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteCarouselModule, [typeof i1.GraniteCarouselComponent], [typeof i2.CommonModule, typeof i3.CarouselModule, typeof i4.GraniteButtonModule, typeof i4.GraniteIconModule], [typeof i1.GraniteCarouselComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteCarouselModule>;
+}

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWZzd29ybGQtZ3Jhbml0ZS1jb21wb25lbnRzLWNhcm91c2VsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvY2Fyb3VzZWwvc3JjL2lmc3dvcmxkLWdyYW5pdGUtY29tcG9uZW50cy1jYXJvdXNlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/carousel/index.mjs

@@ -0,0 +1,3 @@
+export * from './lib/carousel.module';
+export * from './lib/carousel.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9jYXJvdXNlbC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvY2Fyb3VzZWwubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Nhcm91c2VsLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/carousel/lib/carousel.component.mjs

@@ -0,0 +1,60 @@
+import { ChangeDetectionStrategy, Component, ContentChild, Input, TemplateRef, ViewChild, } from '@angular/core';
+import { Carousel } from 'primeng/carousel';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/carousel";
+import * as i3 from "primeng/api";
+import * as i4 from "@ifsworld/granite-components";
+export class GraniteCarouselComponent {
+    constructor() {
+        this.items = [];
+        this.responsiveOptions = [];
+        this.numVisible = 1;
+        this.numScroll = 1;
+        this.circular = false;
+        this.prevButtonAriaLabel = 'Previous page';
+        this.nextButtonAriaLabel = 'Next page';
+    }
+    onKeyDown(event) {
+        const mouseEvent = new MouseEvent('click', { cancelable: true });
+        if (event.key === 'ArrowRight') {
+            this.navForward(mouseEvent);
+        }
+        else if (event.key === 'ArrowLeft') {
+            this.navBackward(mouseEvent);
+        }
+    }
+    navForward(event) {
+        this.carousel?.navForward(event);
+    }
+    navBackward(event) {
+        this.carousel?.navBackward(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselComponent, deps: [], 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" }, queries: [{ propertyName: "itemTemplateRef", first: true, predicate: ["itemTemplate"], descendants: true }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: 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]=\"items\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\">\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: [".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}\n"], dependencies: [{ 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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]=\"items\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\">\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: [".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}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], responsiveOptions: [{
+                type: Input
+            }], numVisible: [{
+                type: Input
+            }], numScroll: [{
+                type: Input
+            }], circular: [{
+                type: Input
+            }], prevButtonAriaLabel: [{
+                type: Input
+            }], nextButtonAriaLabel: [{
+                type: Input
+            }], itemTemplateRef: [{
+                type: ContentChild,
+                args: ['itemTemplate', { static: false }]
+            }], carousel: [{
+                type: ViewChild,
+                args: ['carousel']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvY2Fyb3VzZWwvc3JjL2xpYi9jYXJvdXNlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9jYXJvdXNlbC9zcmMvbGliL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsV0FBVyxFQUNYLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUE2QixNQUFNLGtCQUFrQixDQUFDOzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQVFFLFVBQUssR0FBUSxFQUFFLENBQUM7UUFHaEIsc0JBQWlCLEdBQWdDLEVBQUUsQ0FBQztRQUdwRCxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBR3ZCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFHdEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUcxQix3QkFBbUIsR0FBVyxlQUFlLENBQUM7UUFHOUMsd0JBQW1CLEdBQVcsV0FBVyxDQUFDO0tBd0IzQztJQWhCQyxTQUFTLENBQUMsS0FBb0I7UUFDNUIsTUFBTSxVQUFVLEdBQUcsSUFBSSxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDakUsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFlBQVksRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDOUIsQ0FBQzthQUFNLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWlCO1FBQzFCLElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0EzQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0IsK2VDaEJyQyx5cUNBMENBOzs0RkQxQmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4saUJBQWlCO3NCQURoQixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFJTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGNBQWMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSS9DLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJvdXNlbCwgQ2Fyb3VzZWxSZXNwb25zaXZlT3B0aW9ucyB9IGZyb20gJ3ByaW1lbmcvY2Fyb3VzZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmFuaXRlLWNhcm91c2VsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2Nhcm91c2VsLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVDYXJvdXNlbENvbXBvbmVudDxUPiB7XG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBUW10gPSBbXTtcblxuICBASW5wdXQoKVxuICByZXNwb25zaXZlT3B0aW9uczogQ2Fyb3VzZWxSZXNwb25zaXZlT3B0aW9uc1tdID0gW107XG5cbiAgQElucHV0KClcbiAgbnVtVmlzaWJsZTogbnVtYmVyID0gMTtcblxuICBASW5wdXQoKVxuICBudW1TY3JvbGw6IG51bWJlciA9IDE7XG5cbiAgQElucHV0KClcbiAgY2lyY3VsYXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwcmV2QnV0dG9uQXJpYUxhYmVsOiBzdHJpbmcgPSAnUHJldmlvdXMgcGFnZSc7XG5cbiAgQElucHV0KClcbiAgbmV4dEJ1dHRvbkFyaWFMYWJlbDogc3RyaW5nID0gJ05leHQgcGFnZSc7XG5cbiAgQENvbnRlbnRDaGlsZCgnaXRlbVRlbXBsYXRlJywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIGl0ZW1UZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAVmlld0NoaWxkKCdjYXJvdXNlbCcpXG4gIGNhcm91c2VsOiBDYXJvdXNlbDtcblxuICBvbktleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBtb3VzZUV2ZW50ID0gbmV3IE1vdXNlRXZlbnQoJ2NsaWNrJywgeyBjYW5jZWxhYmxlOiB0cnVlIH0pO1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1JpZ2h0Jykge1xuICAgICAgdGhpcy5uYXZGb3J3YXJkKG1vdXNlRXZlbnQpO1xuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dMZWZ0Jykge1xuICAgICAgdGhpcy5uYXZCYWNrd2FyZChtb3VzZUV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBuYXZGb3J3YXJkKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jYXJvdXNlbD8ubmF2Rm9yd2FyZChldmVudCk7XG4gIH1cblxuICBuYXZCYWNrd2FyZChldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2Fyb3VzZWw/Lm5hdkJhY2t3YXJkKGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcm91c2VsLXdyYXBwZXJcIj5cbiAgPGJ1dHRvblxuICAgIGdyYW5pdGVGbGF0QnV0dG9uXG4gICAgY2xhc3M9XCJhcnJvdy1idG5cIlxuICAgIFtkaXNhYmxlZF09XCJjYXJvdXNlbC5pc0JhY2t3YXJkTmF2RGlzYWJsZWQoKVwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJwcmV2QnV0dG9uQXJpYUxhYmVsXCJcbiAgICAoY2xpY2spPVwibmF2QmFja3dhcmQoJGV2ZW50KVwiXG4gID5cbiAgICA8Z3Jhbml0ZS1pY29uIGZvbnRJY29uPVwiaWNvbi1jYXJldC1sZWZ0XCI+PC9ncmFuaXRlLWljb24+XG4gIDwvYnV0dG9uPlxuXG4gIDxwLWNhcm91c2VsXG4gICAgI2Nhcm91c2VsXG4gICAgW3ZhbHVlXT1cIml0ZW1zXCJcbiAgICBbbnVtVmlzaWJsZV09XCJudW1WaXNpYmxlXCJcbiAgICBbbnVtU2Nyb2xsXT1cIm51bVNjcm9sbFwiXG4gICAgW2NpcmN1bGFyXT1cImNpcmN1bGFyXCJcbiAgICBbcmVzcG9uc2l2ZU9wdGlvbnNdPVwicmVzcG9uc2l2ZU9wdGlvbnNcIlxuICAgIFtzaG93TmF2aWdhdG9yc109XCJmYWxzZVwiXG4gICAgW3Nob3dJbmRpY2F0b3JzXT1cImZhbHNlXCJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgPlxuICAgIDxuZy10ZW1wbGF0ZSBsZXQtaXRlbSBwVGVtcGxhdGU9XCJpdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaXRlbS10ZW1wbGF0ZS13cmFwcGVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW1UZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0gfVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC1jYXJvdXNlbD5cblxuICA8YnV0dG9uXG4gICAgZ3Jhbml0ZUZsYXRCdXR0b25cbiAgICBjbGFzcz1cImFycm93LWJ0blwiXG4gICAgW2Rpc2FibGVkXT1cImNhcm91c2VsLmlzRm9yd2FyZE5hdkRpc2FibGVkKClcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwibmV4dEJ1dHRvbkFyaWFMYWJlbFwiXG4gICAgKGNsaWNrKT1cIm5hdkZvcndhcmQoJGV2ZW50KVwiXG4gID5cbiAgICA8Z3Jhbml0ZS1pY29uIGZvbnRJY29uPVwiaWNvbi1jYXJldC1yaWdodFwiPjwvZ3Jhbml0ZS1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2022/carousel/lib/carousel.module.mjs

@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GraniteCarouselComponent } from './carousel.component';
+import { CarouselModule } from 'primeng/carousel';
+import { GraniteIconModule, GraniteButtonModule, } from '@ifsworld/granite-components';
+import * as i0 from "@angular/core";
+export 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,
+            CarouselModule,
+            GraniteButtonModule,
+            GraniteIconModule], exports: [GraniteCarouselComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, imports: [CommonModule,
+            CarouselModule,
+            GraniteButtonModule,
+            GraniteIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GraniteCarouselComponent],
+                    exports: [GraniteCarouselComponent],
+                    imports: [
+                        CommonModule,
+                        CarouselModule,
+                        GraniteButtonModule,
+                        GraniteIconModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvY2Fyb3VzZWwvc3JjL2xpYi9jYXJvdXNlbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsbUJBQW1CLEdBQ3BCLE1BQU0sOEJBQThCLENBQUM7O0FBWXRDLE1BQU0sT0FBTyxxQkFBcUI7K0dBQXJCLHFCQUFxQjtnSEFBckIscUJBQXFCLGlCQVRqQix3QkFBd0IsYUFHckMsWUFBWTtZQUNaLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIsaUJBQWlCLGFBTFQsd0JBQXdCO2dIQVF2QixxQkFBcUIsWUFOOUIsWUFBWTtZQUNaLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIsaUJBQWlCOzs0RkFHUixxQkFBcUI7a0JBVmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNuQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgR3Jhbml0ZUNhcm91c2VsQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJvdXNlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2Fyb3VzZWxNb2R1bGUgfSBmcm9tICdwcmltZW5nL2Nhcm91c2VsJztcbmltcG9ydCB7XG4gIEdyYW5pdGVJY29uTW9kdWxlLFxuICBHcmFuaXRlQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAaWZzd29ybGQvZ3Jhbml0ZS1jb21wb25lbnRzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbR3Jhbml0ZUNhcm91c2VsQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0dyYW5pdGVDYXJvdXNlbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ2Fyb3VzZWxNb2R1bGUsXG4gICAgR3Jhbml0ZUJ1dHRvbk1vZHVsZSxcbiAgICBHcmFuaXRlSWNvbk1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUNhcm91c2VsTW9kdWxlIHt9XG4iXX0=

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

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ContentChild, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'primeng/carousel';
+import { CarouselModule } from 'primeng/carousel';
+import * as i3 from 'primeng/api';
+import * as i4 from '@ifsworld/granite-components';
+import { GraniteButtonModule, GraniteIconModule } from '@ifsworld/granite-components';
+
+class GraniteCarouselComponent {
+    constructor() {
+        this.items = [];
+        this.responsiveOptions = [];
+        this.numVisible = 1;
+        this.numScroll = 1;
+        this.circular = false;
+        this.prevButtonAriaLabel = 'Previous page';
+        this.nextButtonAriaLabel = 'Next page';
+    }
+    onKeyDown(event) {
+        const mouseEvent = new MouseEvent('click', { cancelable: true });
+        if (event.key === 'ArrowRight') {
+            this.navForward(mouseEvent);
+        }
+        else if (event.key === 'ArrowLeft') {
+            this.navBackward(mouseEvent);
+        }
+    }
+    navForward(event) {
+        this.carousel?.navForward(event);
+    }
+    navBackward(event) {
+        this.carousel?.navBackward(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselComponent, deps: [], 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" }, queries: [{ propertyName: "itemTemplateRef", first: true, predicate: ["itemTemplate"], descendants: true }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: 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]=\"items\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\">\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: [".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}\n"], dependencies: [{ 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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]=\"items\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\">\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: [".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}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], responsiveOptions: [{
+                type: Input
+            }], numVisible: [{
+                type: Input
+            }], numScroll: [{
+                type: Input
+            }], circular: [{
+                type: Input
+            }], prevButtonAriaLabel: [{
+                type: Input
+            }], nextButtonAriaLabel: [{
+                type: Input
+            }], itemTemplateRef: [{
+                type: ContentChild,
+                args: ['itemTemplate', { static: false }]
+            }], carousel: [{
+                type: ViewChild,
+                args: ['carousel']
+            }] } });
+
+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,
+            CarouselModule,
+            GraniteButtonModule,
+            GraniteIconModule], exports: [GraniteCarouselComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, imports: [CommonModule,
+            CarouselModule,
+            GraniteButtonModule,
+            GraniteIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GraniteCarouselComponent],
+                    exports: [GraniteCarouselComponent],
+                    imports: [
+                        CommonModule,
+                        CarouselModule,
+                        GraniteButtonModule,
+                        GraniteIconModule,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GraniteCarouselComponent, GraniteCarouselModule };
+//# sourceMappingURL=ifsworld-granite-components-carousel.mjs.map

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

@@ -0,0 +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  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Input,\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  @Input()\n  items: T[] = [];\n\n  @Input()\n  responsiveOptions: CarouselResponsiveOptions[] = [];\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  @ContentChild('itemTemplate', { static: false })\n  itemTemplateRef: TemplateRef<any>;\n\n  @ViewChild('carousel')\n  carousel: Carousel;\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","<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]=\"items\"\n    [numVisible]=\"numVisible\"\n    [numScroll]=\"numScroll\"\n    [circular]=\"circular\"\n    [responsiveOptions]=\"responsiveOptions\"\n    [showNavigators]=\"false\"\n    [showIndicators]=\"false\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n  >\n    <ng-template let-item pTemplate=\"item\">\n      <div class=\"item-template-wrapper\">\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "14.0.3",
+  "version": "14.1.1",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=18.2.12",
@@ -29,6 +29,12 @@
       "esm": "./esm2022/ifsworld-granite-components.mjs",
       "default": "./fesm2022/ifsworld-granite-components.mjs"
     },
+    "./carousel": {
+      "types": "./carousel/index.d.ts",
+      "esm2022": "./esm2022/carousel/ifsworld-granite-components-carousel.mjs",
+      "esm": "./esm2022/carousel/ifsworld-granite-components-carousel.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-carousel.mjs"
+    },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
       "esm2022": "./esm2022/date-picker/ifsworld-granite-components-date-picker.mjs",