@c-code/c-code-fw 1.2.6 → 2.0.0

package/ui/lib/components/lightbox/lightbox.component.d.ts

@@ -0,0 +1,41 @@
+import { GalleryImage } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Full-screen image viewer. It is open while `index` is not null.
+ * Arrow keys and swipe move between images; Escape and the backdrop close it.
+ * Focus moves into the viewer on open, stays inside while open, and returns to the
+ * element that opened it on close.
+ *
+ * ```html
+ * <cc-lightbox [images]="images" [(index)]="openIndex" />
+ * ```
+ *
+ * Tokens: --cc-lightbox-backdrop, --cc-lightbox-control-bg, --cc-lightbox-color.
+ */
+export declare class LightboxComponent {
+    readonly images: import("@angular/core").InputSignal<GalleryImage[]>;
+    /** Index of the open image, or null when closed. Use `[(index)]`. */
+    readonly index: import("@angular/core").ModelSignal<number | null>;
+    readonly closeLabel: import("@angular/core").InputSignal<string>;
+    readonly prevLabel: import("@angular/core").InputSignal<string>;
+    readonly nextLabel: import("@angular/core").InputSignal<string>;
+    /** Text of the position counter, for example "3 de 18". */
+    readonly counterSeparator: import("@angular/core").InputSignal<string>;
+    protected readonly current: import("@angular/core").Signal<GalleryImage | null>;
+    /** Changes only on open/close, not when moving between images. */
+    private readonly isOpen;
+    private readonly document;
+    private readonly dialog;
+    private readonly closeButton;
+    private touchStartX;
+    constructor();
+    close(): void;
+    next(): void;
+    prev(): void;
+    /** Keeps Tab and Shift+Tab inside the viewer. */
+    protected trapFocus(event: KeyboardEvent): void;
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchEnd(event: TouchEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LightboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LightboxComponent, "cc-lightbox", never, { "images": { "alias": "images"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "counterSeparator": { "alias": "counterSeparator"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, never, true, never>;
+}

package/ui/lib/components/notice/notice.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+/**
+ * Highlighted note for important conditions, warnings or tips. The content is projected.
+ *
+ * ```html
+ * <cc-notice tone="warning" title="Importante">Su bono tiene vigencia de 30 días.</cc-notice>
+ * ```
+ *
+ * Tokens: --cc-notice-bg, --cc-notice-border, --cc-notice-color.
+ */
+export declare class NoticeComponent {
+    /** `info` uses the brand colors, `warning` a red accent, `success` the primary color. */
+    readonly tone: import("@angular/core").InputSignal<"info" | "warning" | "success">;
+    readonly title: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoticeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoticeComponent, "cc-notice", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/ui/lib/components/page-banner/page-banner.component.d.ts

@@ -0,0 +1,29 @@
+import { LinkTarget } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Title strip at the top of a page, with an optional back link and icon.
+ * Renders the page's `<h1>`.
+ *
+ * ```html
+ * <cc-page-banner title="Reserva tu plan - Pareja" />
+ * <cc-page-banner [title]="plan.name" backLink="/planes" iconSrc="assets/icons/hoja.png" size="lg" italic />
+ * ```
+ *
+ * Tokens: --cc-banner-bg, --cc-banner-color, --cc-banner-padding.
+ */
+export declare class PageBannerComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly subtitle: import("@angular/core").InputSignal<string>;
+    /** `band` draws a surface-colored strip; `plain` has no background. */
+    readonly variant: import("@angular/core").InputSignal<"band" | "plain">;
+    readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+    readonly italic: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly align: import("@angular/core").InputSignal<"start" | "center">;
+    readonly iconSrc: import("@angular/core").InputSignal<string>;
+    /** Shows a back arrow that links here. */
+    readonly backLink: import("@angular/core").InputSignal<LinkTarget | null>;
+    readonly backIconSrc: import("@angular/core").InputSignal<string>;
+    readonly backLabel: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageBannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageBannerComponent, "cc-page-banner", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "italic": { "alias": "italic"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "backLink": { "alias": "backLink"; "required": false; "isSignal": true; }; "backIconSrc": { "alias": "backIconSrc"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/ui/lib/components/plan-card/plan-card.component.d.ts

@@ -0,0 +1,46 @@
+import { LinkTarget } from '../../models/ui.models';
+import { PriceFormat } from '../../utils/text.utils';
+import { ButtonVariant } from '../button/button.component';
+import * as i0 from "@angular/core";
+/**
+ * Plan card: photo, name, details, price and a call to action.
+ * With `link`, the whole card is clickable and navigates with the router; without it,
+ * the button emits `ctaClick`. With `skeleton`, it renders a loading placeholder.
+ *
+ * ```html
+ * <cc-plan-card [name]="plan.name" [imageSrc]="plan.imgPath" [price]="plan.price"
+ *               meta="2 h · 2 personas" [link]="['/planes', slug]" />
+ * ```
+ *
+ * Tokens: --cc-plan-card-bg, --cc-plan-card-color, --cc-plan-card-border,
+ * --cc-plan-card-radius, --cc-plan-card-shadow, --cc-plan-card-image-ratio,
+ * --cc-plan-card-price-color.
+ */
+export declare class PlanCardComponent {
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly imageSrc: import("@angular/core").InputSignal<string>;
+    /** Defaults to `name`. */
+    readonly imageAlt: import("@angular/core").InputSignal<string>;
+    /** Short line under the name, for example "2 h 20 min · 2 personas". */
+    readonly meta: import("@angular/core").InputSignal<string>;
+    /** Price to show. Leave it null to hide it. */
+    readonly price: import("@angular/core").InputSignal<number | null>;
+    /** Text before the price, for example "Desde". */
+    readonly priceLabel: import("@angular/core").InputSignal<string>;
+    readonly priceFormat: import("@angular/core").InputSignal<PriceFormat>;
+    readonly link: import("@angular/core").InputSignal<LinkTarget | null>;
+    /** Query params of `link`, for example `{ categoria: 'pareja' }`. */
+    readonly queryParams: import("@angular/core").InputSignal<Record<string, string> | null>;
+    readonly ctaLabel: import("@angular/core").InputSignal<string>;
+    readonly ctaVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    /** `filled` uses the surface color, `outlined` a border on white, `plain` no box. */
+    readonly appearance: import("@angular/core").InputSignal<"plain" | "filled" | "outlined">;
+    /** Heading level of the name inside the page outline. */
+    readonly headingLevel: import("@angular/core").InputSignal<"h2" | "h3">;
+    /** Renders a loading placeholder instead of the content. */
+    readonly skeleton: import("@angular/core").InputSignal<boolean>;
+    readonly ctaClick: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly formattedPrice: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanCardComponent, "cc-plan-card", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": false; "isSignal": true; }; "priceLabel": { "alias": "priceLabel"; "required": false; "isSignal": true; }; "priceFormat": { "alias": "priceFormat"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaVariant": { "alias": "ctaVariant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "skeleton": { "alias": "skeleton"; "required": false; "isSignal": true; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
+}

package/ui/lib/components/plan-catalog/plan-catalog.component.d.ts

@@ -0,0 +1,102 @@
+import { TemplateRef } from '@angular/core';
+import { AdditionalService, CategoryOption, Plan, PlanCategory, PlanFilter, PriceRange } from '../../models/plan.models';
+import { LinkTarget } from '../../models/ui.models';
+import { PriceFormat } from '../../utils/text.utils';
+import { ButtonVariant } from '../button/button.component';
+import * as i0 from "@angular/core";
+/** Context of a custom card template: `<ng-template ccPlanCard let-plan let-link="link">`. */
+export interface PlanCardContext {
+    $implicit: Plan;
+    link: LinkTarget;
+}
+/** Marks an `<ng-template>` inside `cc-plan-catalog` as the card to render for each plan. */
+export declare class PlanCardTemplateDirective {
+    static ngTemplateContextGuard(_dir: PlanCardTemplateDirective, ctx: unknown): ctx is PlanCardContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanCardTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlanCardTemplateDirective, "ng-template[ccPlanCard]", never, {}, {}, never, never, true, never>;
+}
+/** Default detail line of a card: "2 horas 20 minutos · 2 personas". */
+export declare function defaultPlanMeta(plan: Plan): string;
+/**
+ * Full plan list page: title, name search, category menu, filter and card grid.
+ * It only needs the plans; the rest has Spanish defaults you can override.
+ *
+ * - `plans` set to `null` means "loading" and shows placeholder cards.
+ * - `[(category)]` is two-way, so a page can keep it in the URL (`?categoria=pareja`).
+ * - Selecting a category shows its plans. Searching by name or filtering looks across
+ *   every category; clearing the search goes back to the selected category.
+ *
+ * ```html
+ * <cc-plan-catalog [plans]="plans()" [services]="services()" [priceRanges]="ranges()" [(category)]="category" />
+ * ```
+ *
+ * Tokens: --cc-catalog-panel-bg, --cc-catalog-sidebar-width, --cc-catalog-column-min,
+ * --cc-catalog-gap.
+ */
+export declare class PlanCatalogComponent {
+    /** The plans, or `null` while they load. */
+    readonly plans: import("@angular/core").InputSignal<Plan[] | null>;
+    readonly categories: import("@angular/core").InputSignal<CategoryOption<number>[]>;
+    /** Selected category. Use `[(category)]` to bind it; `null` means `initialCategory`. */
+    readonly category: import("@angular/core").ModelSignal<number | null>;
+    readonly initialCategory: import("@angular/core").InputSignal<number>;
+    /** Shows how many plans each category has, counted from `plans`. */
+    readonly showCounts: import("@angular/core").InputSignal<boolean>;
+    /** Options for the filter form. The filter is hidden when both are empty. */
+    readonly services: import("@angular/core").InputSignal<AdditionalService[]>;
+    readonly priceRanges: import("@angular/core").InputSignal<PriceRange[]>;
+    /** Where each card links to. Defaults to `/planes/<slug>`. */
+    readonly detailsLink: import("@angular/core").InputSignal<(plan: Plan) => LinkTarget>;
+    readonly showPrice: import("@angular/core").InputSignal<boolean>;
+    readonly priceLabel: import("@angular/core").InputSignal<string>;
+    readonly priceFormat: import("@angular/core").InputSignal<PriceFormat>;
+    /** Detail line of each card. Defaults to duration and number of people. */
+    readonly planMeta: import("@angular/core").InputSignal<(plan: Plan) => string>;
+    readonly cardAppearance: import("@angular/core").InputSignal<"plain" | "filled" | "outlined">;
+    readonly ctaLabel: import("@angular/core").InputSignal<string>;
+    readonly ctaVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    /** Added after the plan name in each image's alt text. */
+    readonly imageAltSuffix: import("@angular/core").InputSignal<string>;
+    readonly skeletonCount: import("@angular/core").InputSignal<number>;
+    readonly showBanner: import("@angular/core").InputSignal<boolean>;
+    readonly showSearch: import("@angular/core").InputSignal<boolean>;
+    readonly titlePrefix: import("@angular/core").InputSignal<string>;
+    readonly resultsTitle: import("@angular/core").InputSignal<string>;
+    readonly categoriesTitle: import("@angular/core").InputSignal<string>;
+    readonly categoriesLayout: import("@angular/core").InputSignal<"auto" | "list" | "chips">;
+    readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
+    readonly searchIconSrc: import("@angular/core").InputSignal<string>;
+    readonly filterTitle: import("@angular/core").InputSignal<string>;
+    readonly filterIconSrc: import("@angular/core").InputSignal<string>;
+    readonly emptyMessage: import("@angular/core").InputSignal<string>;
+    readonly emptyActionLabel: import("@angular/core").InputSignal<string>;
+    /** Optional contact link shown in the empty state, for example WhatsApp. */
+    readonly contactHref: import("@angular/core").InputSignal<string>;
+    readonly contactLabel: import("@angular/core").InputSignal<string>;
+    protected readonly cardTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    private readonly filterForm;
+    protected readonly query: import("@angular/core").WritableSignal<string>;
+    protected readonly filter: import("@angular/core").WritableSignal<PlanFilter | null>;
+    protected readonly filterOpen: import("@angular/core").WritableSignal<boolean>;
+    /** Set when the user searched or filtered; results then cover every category. */
+    protected readonly searching: import("@angular/core").WritableSignal<boolean>;
+    protected readonly loading: import("@angular/core").Signal<boolean>;
+    protected readonly skeletons: import("@angular/core").Signal<number[]>;
+    /** Category shown in the menu: none while searching. */
+    protected readonly activeCategory: import("@angular/core").Signal<number | null>;
+    protected readonly categoryOptions: import("@angular/core").Signal<CategoryOption<number>[]>;
+    protected readonly hasFilter: import("@angular/core").Signal<boolean>;
+    protected readonly visiblePlans: import("@angular/core").Signal<Plan[]>;
+    protected readonly title: import("@angular/core").Signal<string>;
+    protected selectCategory(value: PlanCategory | number | null): void;
+    protected onSearch(query: string): void;
+    protected onFilter(filter: PlanFilter): void;
+    /** Clears search and filter and shows the selected category again. */
+    protected showAll(): void;
+    protected linkFor(plan: Plan): LinkTarget;
+    protected metaFor(plan: Plan): string;
+    private clearSearch;
+    private updateSearching;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanCatalogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanCatalogComponent, "cc-plan-catalog", never, { "plans": { "alias": "plans"; "required": true; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; "initialCategory": { "alias": "initialCategory"; "required": false; "isSignal": true; }; "showCounts": { "alias": "showCounts"; "required": false; "isSignal": true; }; "services": { "alias": "services"; "required": false; "isSignal": true; }; "priceRanges": { "alias": "priceRanges"; "required": false; "isSignal": true; }; "detailsLink": { "alias": "detailsLink"; "required": false; "isSignal": true; }; "showPrice": { "alias": "showPrice"; "required": false; "isSignal": true; }; "priceLabel": { "alias": "priceLabel"; "required": false; "isSignal": true; }; "priceFormat": { "alias": "priceFormat"; "required": false; "isSignal": true; }; "planMeta": { "alias": "planMeta"; "required": false; "isSignal": true; }; "cardAppearance": { "alias": "cardAppearance"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaVariant": { "alias": "ctaVariant"; "required": false; "isSignal": true; }; "imageAltSuffix": { "alias": "imageAltSuffix"; "required": false; "isSignal": true; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; "isSignal": true; }; "showBanner": { "alias": "showBanner"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "titlePrefix": { "alias": "titlePrefix"; "required": false; "isSignal": true; }; "resultsTitle": { "alias": "resultsTitle"; "required": false; "isSignal": true; }; "categoriesTitle": { "alias": "categoriesTitle"; "required": false; "isSignal": true; }; "categoriesLayout": { "alias": "categoriesLayout"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchIconSrc": { "alias": "searchIconSrc"; "required": false; "isSignal": true; }; "filterTitle": { "alias": "filterTitle"; "required": false; "isSignal": true; }; "filterIconSrc": { "alias": "filterIconSrc"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyActionLabel": { "alias": "emptyActionLabel"; "required": false; "isSignal": true; }; "contactHref": { "alias": "contactHref"; "required": false; "isSignal": true; }; "contactLabel": { "alias": "contactLabel"; "required": false; "isSignal": true; }; }, { "category": "categoryChange"; }, ["cardTemplate"], never, true, never>;
+}

package/ui/lib/components/plan-details/plan-details.component.d.ts

@@ -0,0 +1,59 @@
+import { Plan } from '../../models/plan.models';
+import { LinkTarget } from '../../models/ui.models';
+import { PriceFormat } from '../../utils/text.utils';
+import { ButtonVariant } from '../button/button.component';
+import * as i0 from "@angular/core";
+/**
+ * Plan detail view: title with a back link, photo, price with an early booking button,
+ * description, duration, number of people, included services and a gift box.
+ * On screens below 1024px a bar with the price and the booking button stays fixed at
+ * the bottom while the plan is on screen. It only renders; the page loads the plan and
+ * handles SEO.
+ *
+ * ```html
+ * <cc-plan-details [plan]="plan" [bookingUrl]="bookingFor" imageAltSuffix=" en Laurel Spa" />
+ * ```
+ *
+ * Tokens: --cc-details-panel-bg, --cc-details-price-bg, --cc-details-price-color,
+ * --cc-details-gift-border, --cc-details-bar-bg, --cc-details-image-ratio.
+ */
+export declare class PlanDetailsComponent {
+    readonly plan: import("@angular/core").InputSignal<Plan>;
+    /** Booking link, usually WhatsApp. A function receives the plan, to mention it in the message. */
+    readonly bookingUrl: import("@angular/core").InputSignal<string | ((plan: Plan) => string)>;
+    readonly bookingLabel: import("@angular/core").InputSignal<string>;
+    /** Shorter label for the bottom bar on small screens. */
+    readonly barBookingLabel: import("@angular/core").InputSignal<string>;
+    readonly bookingVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    /** Keeps a bar with price and booking button at the bottom on small screens. */
+    readonly stickyBar: import("@angular/core").InputSignal<boolean>;
+    readonly showBanner: import("@angular/core").InputSignal<boolean>;
+    readonly backLink: import("@angular/core").InputSignal<LinkTarget | null>;
+    readonly backLabel: import("@angular/core").InputSignal<string>;
+    readonly backIconSrc: import("@angular/core").InputSignal<string>;
+    readonly titleIconSrc: import("@angular/core").InputSignal<string>;
+    /** Added after the plan name in the photo's alt text. */
+    readonly imageAltSuffix: import("@angular/core").InputSignal<string>;
+    readonly priceFormat: import("@angular/core").InputSignal<PriceFormat>;
+    /** Small text under the price. Defaults to "Precio por plan". */
+    readonly priceNote: import("@angular/core").InputSignal<string>;
+    readonly durationIconSrc: import("@angular/core").InputSignal<string>;
+    readonly personIconSrc: import("@angular/core").InputSignal<string>;
+    readonly peopleIconSrc: import("@angular/core").InputSignal<string>;
+    readonly durationLabel: import("@angular/core").InputSignal<string>;
+    readonly peopleCaption: import("@angular/core").InputSignal<string>;
+    readonly personLabel: import("@angular/core").InputSignal<string>;
+    readonly peopleLabel: import("@angular/core").InputSignal<string>;
+    readonly includesLabel: import("@angular/core").InputSignal<string>;
+    /** Gift box. It is hidden when `perks` is empty. */
+    readonly perksTitle: import("@angular/core").InputSignal<string>;
+    readonly perks: import("@angular/core").InputSignal<string[]>;
+    readonly perksImageSrc: import("@angular/core").InputSignal<string>;
+    readonly perksImageAlt: import("@angular/core").InputSignal<string>;
+    protected readonly people: import("@angular/core").Signal<number>;
+    protected readonly services: import("@angular/core").Signal<import("@c-code/c-code-fw/ui").AdditionalService[]>;
+    protected readonly price: import("@angular/core").Signal<string>;
+    protected readonly booking: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanDetailsComponent, "cc-plan-details", never, { "plan": { "alias": "plan"; "required": true; "isSignal": true; }; "bookingUrl": { "alias": "bookingUrl"; "required": true; "isSignal": true; }; "bookingLabel": { "alias": "bookingLabel"; "required": false; "isSignal": true; }; "barBookingLabel": { "alias": "barBookingLabel"; "required": false; "isSignal": true; }; "bookingVariant": { "alias": "bookingVariant"; "required": false; "isSignal": true; }; "stickyBar": { "alias": "stickyBar"; "required": false; "isSignal": true; }; "showBanner": { "alias": "showBanner"; "required": false; "isSignal": true; }; "backLink": { "alias": "backLink"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "backIconSrc": { "alias": "backIconSrc"; "required": false; "isSignal": true; }; "titleIconSrc": { "alias": "titleIconSrc"; "required": false; "isSignal": true; }; "imageAltSuffix": { "alias": "imageAltSuffix"; "required": false; "isSignal": true; }; "priceFormat": { "alias": "priceFormat"; "required": false; "isSignal": true; }; "priceNote": { "alias": "priceNote"; "required": false; "isSignal": true; }; "durationIconSrc": { "alias": "durationIconSrc"; "required": false; "isSignal": true; }; "personIconSrc": { "alias": "personIconSrc"; "required": false; "isSignal": true; }; "peopleIconSrc": { "alias": "peopleIconSrc"; "required": false; "isSignal": true; }; "durationLabel": { "alias": "durationLabel"; "required": false; "isSignal": true; }; "peopleCaption": { "alias": "peopleCaption"; "required": false; "isSignal": true; }; "personLabel": { "alias": "personLabel"; "required": false; "isSignal": true; }; "peopleLabel": { "alias": "peopleLabel"; "required": false; "isSignal": true; }; "includesLabel": { "alias": "includesLabel"; "required": false; "isSignal": true; }; "perksTitle": { "alias": "perksTitle"; "required": false; "isSignal": true; }; "perks": { "alias": "perks"; "required": false; "isSignal": true; }; "perksImageSrc": { "alias": "perksImageSrc"; "required": false; "isSignal": true; }; "perksImageAlt": { "alias": "perksImageAlt"; "required": false; "isSignal": true; }; }, {}, never, ["[ccDetailsMedia]", "*"], true, never>;
+}

package/ui/lib/components/plan-filter-form/plan-filter-form.component.d.ts

@@ -0,0 +1,38 @@
+import { AdditionalService, PlanFilter, PriceRange } from '../../models/plan.models';
+import * as i0 from "@angular/core";
+/**
+ * Filter by included service and price range. The options come in as inputs,
+ * so the form does not load data by itself.
+ *
+ * `mode`:
+ * - `instant` (default): emits `filterChange` as soon as an option changes.
+ * - `submit`: emits when the user presses the submit button.
+ *
+ * ```html
+ * <cc-plan-filter-form [services]="services" [priceRanges]="ranges" (filterChange)="apply($event)" />
+ * ```
+ *
+ * Tokens: --cc-filter-field-bg, --cc-filter-field-border, --cc-filter-label-color.
+ */
+export declare class PlanFilterFormComponent {
+    readonly services: import("@angular/core").InputSignal<AdditionalService[]>;
+    readonly priceRanges: import("@angular/core").InputSignal<PriceRange[]>;
+    readonly mode: import("@angular/core").InputSignal<"instant" | "submit">;
+    readonly serviceLabel: import("@angular/core").InputSignal<string>;
+    readonly priceLabel: import("@angular/core").InputSignal<string>;
+    readonly anyLabel: import("@angular/core").InputSignal<string>;
+    readonly submitLabel: import("@angular/core").InputSignal<string>;
+    readonly resetLabel: import("@angular/core").InputSignal<string>;
+    /** Emits the current filter, and an empty filter on reset. */
+    readonly filterChange: import("@angular/core").OutputEmitterRef<PlanFilter>;
+    protected readonly serviceIndex: import("@angular/core").WritableSignal<number>;
+    protected readonly rangeIndex: import("@angular/core").WritableSignal<number>;
+    protected readonly hasSelection: import("@angular/core").Signal<boolean>;
+    protected onServiceChange(event: Event): void;
+    protected onRangeChange(event: Event): void;
+    submit(): void;
+    reset(): void;
+    private toIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanFilterFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanFilterFormComponent, "cc-plan-filter-form", never, { "services": { "alias": "services"; "required": false; "isSignal": true; }; "priceRanges": { "alias": "priceRanges"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "serviceLabel": { "alias": "serviceLabel"; "required": false; "isSignal": true; }; "priceLabel": { "alias": "priceLabel"; "required": false; "isSignal": true; }; "anyLabel": { "alias": "anyLabel"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; }, never, never, true, never>;
+}

package/ui/lib/components/promo-modal/promo-modal.component.d.ts

@@ -0,0 +1,56 @@
+import { ButtonVariant } from '../button/button.component';
+import * as i0 from "@angular/core";
+/**
+ * Modal over the page, for example a promotion. Shows `imageSrc`, or the projected
+ * content when there is no image, plus an optional call to action.
+ *
+ * It decides by itself when to open:
+ * - `autoOpen` opens it in the browser after `delayMs` (never during SSR, so it is not
+ *   part of the prerendered page).
+ * - `rememberKey` stores the dismissal in localStorage for `rememberDays` days, so it
+ *   does not reopen on every visit.
+ *
+ * Closes with the ✕ button, a backdrop click or Escape. Focus moves into the modal,
+ * stays inside while open and returns to the previous element on close.
+ *
+ * ```html
+ * <cc-promo-modal imageSrc="assets/images/pop.jpeg" imageAlt="Promoción" [delayMs]="6000"
+ *                 rememberKey="promo-octubre" ctaLabel="Reservar la promo" [ctaHref]="whatsapp" />
+ * ```
+ *
+ * Tokens: --cc-modal-backdrop, --cc-modal-radius, --cc-modal-close-bg, --cc-modal-close-color.
+ */
+export declare class PromoModalComponent {
+    /** Whether the modal is visible. Use `[(open)]` to control it from outside. */
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    /** Opens the modal by itself in the browser after `delayMs`. */
+    readonly autoOpen: import("@angular/core").InputSignal<boolean>;
+    readonly delayMs: import("@angular/core").InputSignal<number>;
+    /** localStorage key to remember the dismissal. Change it for each new promotion. */
+    readonly rememberKey: import("@angular/core").InputSignal<string>;
+    readonly rememberDays: import("@angular/core").InputSignal<number>;
+    readonly imageSrc: import("@angular/core").InputSignal<string>;
+    readonly imageAlt: import("@angular/core").InputSignal<string>;
+    /** Makes the image a link. */
+    readonly link: import("@angular/core").InputSignal<string>;
+    /** Button under the image. Hidden when `ctaHref` is empty. */
+    readonly ctaLabel: import("@angular/core").InputSignal<string>;
+    readonly ctaHref: import("@angular/core").InputSignal<string>;
+    readonly ctaVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    readonly closeOnBackdrop: import("@angular/core").InputSignal<boolean>;
+    readonly closeLabel: import("@angular/core").InputSignal<string>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    private readonly document;
+    private readonly box;
+    private readonly closeButton;
+    private readonly isOpen;
+    constructor();
+    close(): void;
+    /** Keeps Tab and Shift+Tab inside the modal. */
+    protected trapFocus(event: KeyboardEvent): void;
+    private storage;
+    private wasDismissed;
+    private remember;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromoModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromoModalComponent, "cc-promo-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; "rememberKey": { "alias": "rememberKey"; "required": false; "isSignal": true; }; "rememberDays": { "alias": "rememberDays"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaHref": { "alias": "ctaHref"; "required": false; "isSignal": true; }; "ctaVariant": { "alias": "ctaVariant"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*"], true, never>;
+}

package/ui/lib/components/search-box/search-box.component.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+/**
+ * Text field with a search button. Emits `search` on Enter or on the button.
+ *
+ * ```html
+ * <cc-search-box placeholder="Buscar plan" [(value)]="query" (search)="onSearch($event)" />
+ * ```
+ *
+ * Tokens: --cc-search-bg, --cc-search-border, --cc-search-btn-bg, --cc-search-btn-color,
+ * --cc-search-radius.
+ */
+export declare class SearchBoxComponent {
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    /** Accessible name of the field. Defaults to `placeholder`. */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly buttonLabel: import("@angular/core").InputSignal<string>;
+    readonly iconSrc: import("@angular/core").InputSignal<string>;
+    readonly search: import("@angular/core").OutputEmitterRef<string>;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchBoxComponent, "cc-search-box", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "search"; }, never, never, true, never>;
+}

package/ui/lib/components/section-heading/section-heading.component.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+/**
+ * Section title with optional eyebrow, icon, subtitle and decorative rule.
+ * Use one per page section so every page shares the same heading rhythm.
+ *
+ * ```html
+ * <cc-section-heading title="Planes" subtitle="Para ti, en pareja o en grupo" iconSrc="assets/images/trebol.png" />
+ * <cc-section-heading title="Contacto" tone="inverse" align="center" level="h3" />
+ * ```
+ *
+ * Tokens: --cc-section-heading-color, --cc-section-heading-size, --cc-section-heading-rule,
+ * --cc-section-heading-gap, --cc-section-heading-icon-size.
+ */
+export declare class SectionHeadingComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly subtitle: import("@angular/core").InputSignal<string>;
+    /** Small text above the title. */
+    readonly eyebrow: import("@angular/core").InputSignal<string>;
+    readonly iconSrc: import("@angular/core").InputSignal<string>;
+    /** Heading level. The visual size does not change with the level. */
+    readonly level: import("@angular/core").InputSignal<"h1" | "h2" | "h3">;
+    readonly align: import("@angular/core").InputSignal<"start" | "center">;
+    /** `default` for light backgrounds, `inverse` for dark ones, `accent` for brand-colored titles. */
+    readonly tone: import("@angular/core").InputSignal<"inverse" | "default" | "accent">;
+    /** Shows a short accent line under the title. */
+    readonly rule: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `sm` for sub-sections, `md` (default) for page sections, `lg` for heroes. */
+    readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+    readonly italic: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Id of the heading element, for anchors. */
+    readonly headingId: import("@angular/core").InputSignal<string | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionHeadingComponent, "cc-section-heading", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "italic": { "alias": "italic"; "required": false; "isSignal": true; }; "headingId": { "alias": "headingId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/ui/lib/components/social-links/social-links.component.d.ts

@@ -0,0 +1,21 @@
+import { SocialLink } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Row of social network icons that open in a new tab. Each link has a 44px tap area
+ * even when the icon is smaller.
+ *
+ * ```html
+ * <cc-social-links [links]="socials" size="sm" tone="inverse" />
+ * ```
+ *
+ * Tokens: --cc-social-icon-size, --cc-social-gap.
+ */
+export declare class SocialLinksComponent {
+    readonly links: import("@angular/core").InputSignal<SocialLink[]>;
+    /** Icon size: `sm` 1rem, `md` 1.5rem, `lg` 2.5rem. */
+    readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+    /** `inverse` for dark backgrounds: changes the hover and focus colors. */
+    readonly tone: import("@angular/core").InputSignal<"inverse" | "default">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SocialLinksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SocialLinksComponent, "cc-social-links", never, { "links": { "alias": "links"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/ui/lib/components/whatsapp-button/whatsapp-button.component.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+/**
+ * Floating WhatsApp button, fixed to a corner of the screen.
+ *
+ * `variant`:
+ * - `icon` (default): round button with the logo.
+ * - `extended`: pill with the logo and `label` as visible text.
+ *
+ * ```html
+ * <cc-whatsapp-button [href]="whatsappLink" />
+ * <cc-whatsapp-button [href]="whatsappLink" variant="extended" label="Reservar" position="left" />
+ * ```
+ *
+ * Tokens: --cc-whatsapp, --cc-whatsapp-hover, --cc-whatsapp-size, --cc-whatsapp-offset-x,
+ * --cc-whatsapp-offset-y.
+ */
+export declare class WhatsappButtonComponent {
+    /** WhatsApp link. Build it with `whatsappUrl(phone, message)`. */
+    readonly href: import("@angular/core").InputSignal<string>;
+    /** Custom icon. Without it, the WhatsApp logo is drawn as SVG. */
+    readonly iconSrc: import("@angular/core").InputSignal<string>;
+    /** Accessible name, and the visible text in the `extended` variant. */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"icon" | "extended">;
+    readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+    readonly position: import("@angular/core").InputSignal<"right" | "left">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WhatsappButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WhatsappButtonComponent, "cc-whatsapp-button", never, { "href": { "alias": "href"; "required": true; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/ui/lib/models/plan.models.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Plan category. The numeric values match the `category` field stored in the sites' `plans.json`.
+ */
+export declare enum PlanCategory {
+    Individual = 0,
+    Couple = 1,
+    Group = 2,
+    None = 3
+}
+/** Add-on service that a plan includes (an entry in `additionals.json`). */
+export interface AdditionalService {
+    id: number;
+    iconPath: string;
+    name: string;
+}
+/** A spa plan (an entry in `plans.json`). */
+export interface Plan {
+    id: number;
+    name: string;
+    description: string;
+    duration: string;
+    price: number;
+    /** Number of people the plan is for. The spelling matches the existing JSON files. */
+    cuantity: number;
+    imgPath: string;
+    category: PlanCategory | number;
+    additionalServicesId: number[];
+    /** Filled in by `PlanCatalogService` by joining `additionalServicesId` with `additionals.json`. */
+    additionalServices?: AdditionalService[];
+}
+/** Price range option for the filter form (an entry in `priceRanges.json`). */
+export interface PriceRange {
+    description: string;
+    min: number;
+    max: number;
+}
+/** Filter produced by `cc-plan-filter-form`. Empty fields are not applied. */
+export interface PlanFilter {
+    service?: AdditionalService | null;
+    priceRange?: PriceRange | null;
+}
+/** Entry in `cc-category-menu`. */
+export interface CategoryOption<T = PlanCategory | number> {
+    value: T;
+    label: string;
+    /** Number shown next to the label. Leave it empty to hide it. */
+    count?: number;
+}
+/** Default Spanish labels for the plan categories. */
+export declare const DEFAULT_PLAN_CATEGORIES: CategoryOption[];

package/ui/lib/models/ui.models.d.ts

@@ -0,0 +1,24 @@
+/** Image for `cc-gallery` and `cc-lightbox`. */
+export interface GalleryImage {
+    src: string;
+    /** Smaller version for the grid. Defaults to `src`. */
+    thumb?: string;
+    /** Alternative text. Defaults to `caption`. */
+    alt?: string;
+    /** Text shown under the image in the lightbox. */
+    caption?: string;
+}
+/** Link for `cc-social-links`. */
+export interface SocialLink {
+    href: string;
+    iconSrc: string;
+    /** Accessible name, for example "Instagram de Laurel Spa". */
+    label: string;
+}
+/** Question for `cc-faq`. */
+export interface FaqItem {
+    question: string;
+    answer: string;
+}
+/** Router link accepted by the components: a path string or a commands array. */
+export type LinkTarget = string | any[];