valtech-components 2.0.691 → 2.0.692

package/esm2022/lib/components/organisms/cards-carousel/cards-carousel.component.mjs

@@ -0,0 +1,61 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { ActionHeaderComponent } from '../../molecules/action-header/action-header.component';
+import { HorizontalScrollComponent } from '../../atoms/horizontal-scroll/horizontal-scroll.component';
+import { RecapCardComponent } from '../../molecules/recap-card/recap-card.component';
+import * as i0 from "@angular/core";
+/**
+ * val-cards-carousel
+ *
+ * A horizontal carousel of recap cards with optional action header.
+ * Combines HorizontalScroll for smooth horizontal scrolling with RecapCard
+ * components for consistent card styling.
+ *
+ * @example
+ * <val-cards-carousel
+ *   [props]="{
+ *     header: { title: 'Featured Items', actionType: 'link', actionLabel: 'View All' },
+ *     cards: [
+ *       { title: 'Card 1', description: 'Description', href: '/item/1' },
+ *       { title: 'Card 2', description: 'Description', href: '/item/2' }
+ *     ]
+ *   }"
+ * ></val-cards-carousel>
+ *
+ * @input props - Carousel configuration with cards and optional header
+ */
+export class CardsCarouselComponent {
+    constructor() {
+        /**
+         * Carousel configuration with cards and optional header.
+         */
+        this.props = { cards: [] };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CardsCarouselComponent, isStandalone: true, selector: "val-cards-carousel", inputs: { props: "props" }, ngImport: i0, template: `
+    @if (props.header) {
+      <val-action-header [props]="props.header" />
+    }
+
+    <val-horizontal-scroll [items]="props.cards" [itemTemplate]="recapCardTemplate" />
+    <ng-template #recapCardTemplate let-recap>
+      <val-recap-card [props]="recap" />
+    </ng-template>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: RecapCardComponent, selector: "val-recap-card", inputs: ["props"] }, { kind: "component", type: HorizontalScrollComponent, selector: "val-horizontal-scroll", inputs: ["items", "itemTemplate", "props"] }, { kind: "component", type: ActionHeaderComponent, selector: "val-action-header", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardsCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-cards-carousel', standalone: true, imports: [CommonModule, RecapCardComponent, HorizontalScrollComponent, ActionHeaderComponent], template: `
+    @if (props.header) {
+      <val-action-header [props]="props.header" />
+    }
+
+    <val-horizontal-scroll [items]="props.cards" [itemTemplate]="recapCardTemplate" />
+    <ng-template #recapCardTemplate let-recap>
+      <val-recap-card [props]="recap" />
+    </ng-template>
+  `, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9jYXJkcy1jYXJvdXNlbC9jYXJkcy1jYXJvdXNlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQUdyRjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQXFCSCxNQUFNLE9BQU8sc0JBQXNCO0lBcEJuQztRQXFCRTs7V0FFRztRQUNNLFVBQUssR0FBMEIsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDdkQ7K0dBTFksc0JBQXNCO21HQUF0QixzQkFBc0IsMEdBaEJ2Qjs7Ozs7Ozs7O0dBU1QsK0ZBVlMsWUFBWSwrQkFBRSxrQkFBa0IsOEVBQUUseUJBQXlCLDhHQUFFLHFCQUFxQjs7NEZBaUJqRixzQkFBc0I7a0JBcEJsQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLEVBQUUseUJBQXlCLEVBQUUscUJBQXFCLENBQUMsWUFDbkY7Ozs7Ozs7OztHQVNUOzhCQVdRLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYWN0aW9uLWhlYWRlci9hY3Rpb24taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBIb3Jpem9udGFsU2Nyb2xsQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvaG9yaXpvbnRhbC1zY3JvbGwvaG9yaXpvbnRhbC1zY3JvbGwuY29tcG9uZW50JztcbmltcG9ydCB7IFJlY2FwQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9yZWNhcC1jYXJkL3JlY2FwLWNhcmQuY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRzQ2Fyb3VzZWxNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKipcbiAqIHZhbC1jYXJkcy1jYXJvdXNlbFxuICpcbiAqIEEgaG9yaXpvbnRhbCBjYXJvdXNlbCBvZiByZWNhcCBjYXJkcyB3aXRoIG9wdGlvbmFsIGFjdGlvbiBoZWFkZXIuXG4gKiBDb21iaW5lcyBIb3Jpem9udGFsU2Nyb2xsIGZvciBzbW9vdGggaG9yaXpvbnRhbCBzY3JvbGxpbmcgd2l0aCBSZWNhcENhcmRcbiAqIGNvbXBvbmVudHMgZm9yIGNvbnNpc3RlbnQgY2FyZCBzdHlsaW5nLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLWNhcmRzLWNhcm91c2VsXG4gKiAgIFtwcm9wc109XCJ7XG4gKiAgICAgaGVhZGVyOiB7IHRpdGxlOiAnRmVhdHVyZWQgSXRlbXMnLCBhY3Rpb25UeXBlOiAnbGluaycsIGFjdGlvbkxhYmVsOiAnVmlldyBBbGwnIH0sXG4gKiAgICAgY2FyZHM6IFtcbiAqICAgICAgIHsgdGl0bGU6ICdDYXJkIDEnLCBkZXNjcmlwdGlvbjogJ0Rlc2NyaXB0aW9uJywgaHJlZjogJy9pdGVtLzEnIH0sXG4gKiAgICAgICB7IHRpdGxlOiAnQ2FyZCAyJywgZGVzY3JpcHRpb246ICdEZXNjcmlwdGlvbicsIGhyZWY6ICcvaXRlbS8yJyB9XG4gKiAgICAgXVxuICogICB9XCJcbiAqID48L3ZhbC1jYXJkcy1jYXJvdXNlbD5cbiAqXG4gKiBAaW5wdXQgcHJvcHMgLSBDYXJvdXNlbCBjb25maWd1cmF0aW9uIHdpdGggY2FyZHMgYW5kIG9wdGlvbmFsIGhlYWRlclxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtY2FyZHMtY2Fyb3VzZWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZWNhcENhcmRDb21wb25lbnQsIEhvcml6b250YWxTY3JvbGxDb21wb25lbnQsIEFjdGlvbkhlYWRlckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChwcm9wcy5oZWFkZXIpIHtcbiAgICAgIDx2YWwtYWN0aW9uLWhlYWRlciBbcHJvcHNdPVwicHJvcHMuaGVhZGVyXCIgLz5cbiAgICB9XG5cbiAgICA8dmFsLWhvcml6b250YWwtc2Nyb2xsIFtpdGVtc109XCJwcm9wcy5jYXJkc1wiIFtpdGVtVGVtcGxhdGVdPVwicmVjYXBDYXJkVGVtcGxhdGVcIiAvPlxuICAgIDxuZy10ZW1wbGF0ZSAjcmVjYXBDYXJkVGVtcGxhdGUgbGV0LXJlY2FwPlxuICAgICAgPHZhbC1yZWNhcC1jYXJkIFtwcm9wc109XCJyZWNhcFwiIC8+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVzOiBgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkc0Nhcm91c2VsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIENhcm91c2VsIGNvbmZpZ3VyYXRpb24gd2l0aCBjYXJkcyBhbmQgb3B0aW9uYWwgaGVhZGVyLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IENhcmRzQ2Fyb3VzZWxNZXRhZGF0YSA9IHsgY2FyZHM6IFtdIH07XG59XG4iXX0=

package/esm2022/lib/components/organisms/cards-carousel/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2NhcmRzLWNhcm91c2VsL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBY3Rpb25IZWFkZXJNZXRhZGF0YSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9hY3Rpb24taGVhZGVyL3R5cGVzJztcbmltcG9ydCB7IFJlY2FwQ2FyZE1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL3JlY2FwLWNhcmQvdHlwZXMnO1xuXG4vKipcbiAqIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBjYXJkcyBjYXJvdXNlbCBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQ2FyZHNDYXJvdXNlbE1ldGFkYXRhIHtcbiAgLyoqIEFycmF5IG9mIHJlY2FwIGNhcmRzIHRvIGRpc3BsYXkgKi9cbiAgY2FyZHM6IFJlY2FwQ2FyZE1ldGFkYXRhW107XG4gIC8qKiBPcHRpb25hbCBhY3Rpb24gaGVhZGVyIGNvbmZpZ3VyYXRpb24gKi9cbiAgaGVhZGVyPzogQWN0aW9uSGVhZGVyTWV0YWRhdGE7XG59XG4iXX0=