@c-code/c-code-fw 1.1.9 → 1.3.0

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

@@ -0,0 +1,26 @@
+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 move between images and Escape closes it.
+ *
+ * ```html
+ * <cc-lightbox [images]="images" [(index)]="openIndex" />
+ * ```
+ */
+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>;
+    protected readonly current: import("@angular/core").Signal<GalleryImage | null>;
+    private document;
+    constructor();
+    close(): void;
+    next(): void;
+    prev(): 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; }; }, { "index": "indexChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,23 @@
+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" variant="plain" />
+ * ```
+ */
+export declare class PageBannerComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    /** `band` uses the surface color; `plain` uses the page background. */
+    readonly variant: import("@angular/core").InputSignal<"band" | "plain">;
+    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; }; "variant": { "alias": "variant"; "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,23 @@
+import { LinkTarget } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Plan card: image, name and a button.
+ * With `link` the button navigates with the router; without it, it emits `ctaClick`.
+ *
+ * ```html
+ * <cc-plan-card [name]="plan.name" [imageSrc]="plan.imgPath" [link]="['/planes', slug]" />
+ * ```
+ */
+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>;
+    /** Optional line under the name, for example the formatted price. */
+    readonly subtitle: import("@angular/core").InputSignal<string>;
+    readonly link: import("@angular/core").InputSignal<LinkTarget | null>;
+    readonly ctaLabel: import("@angular/core").InputSignal<string>;
+    readonly ctaClick: import("@angular/core").OutputEmitterRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanCardComponent, "cc-plan-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": true; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,78 @@
+import { TemplateRef } from '@angular/core';
+import { AdditionalService, CategoryOption, Plan, PlanCategory, PlanFilter, PriceRange } from '../../models/plan.models';
+import { LinkTarget } from '../../models/ui.models';
+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>;
+}
+/**
+ * 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.
+ *
+ * Selecting a category shows its plans. Searching by name or applying the filter
+ * looks across every category, as the sites already did.
+ *
+ * ```html
+ * <cc-plan-catalog
+ *   [plans]="plans()"
+ *   [services]="services()"
+ *   [priceRanges]="ranges()"
+ *   imageAltSuffix=" - Laurel Spa Medellín"
+ * />
+ * ```
+ */
+export declare class PlanCatalogComponent {
+    readonly plans: import("@angular/core").InputSignal<Plan[]>;
+    readonly categories: import("@angular/core").InputSignal<CategoryOption<number>[]>;
+    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 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 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 ctaLabel: import("@angular/core").InputSignal<string>;
+    /** Added after the plan name in each image's alt text. */
+    readonly imageAltSuffix: import("@angular/core").InputSignal<string>;
+    readonly emptyMessage: import("@angular/core").InputSignal<string>;
+    readonly categoryChange: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly cardTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly category: import("@angular/core").WritableSignal<number | null>;
+    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>;
+    /** Category that was open before searching, to return to it when the search is cleared. */
+    private lastCategory;
+    constructor();
+    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;
+    protected linkFor(plan: Plan): LinkTarget;
+    private startSearch;
+    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; }; "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; }; "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; }; "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; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "imageAltSuffix": { "alias": "imageAltSuffix"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, { "categoryChange": "categoryChange"; }, ["cardTemplate"], never, true, never>;
+}

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

@@ -0,0 +1,44 @@
+import { Plan } from '../../models/plan.models';
+import { LinkTarget } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Plan detail view: title with a back link, photo, price, description, duration,
+ * number of people, included services, and a gift box with the booking button.
+ * It only renders; the page loads the plan and handles SEO.
+ *
+ * ```html
+ * <cc-plan-details [plan]="plan" [bookingUrl]="whatsappLink" imageAltSuffix=" en Laurel Spa Medellín" />
+ * ```
+ */
+export declare class PlanDetailsComponent {
+    readonly plan: import("@angular/core").InputSignal<Plan>;
+    /** Link of the booking button, usually WhatsApp. */
+    readonly bookingUrl: import("@angular/core").InputSignal<string>;
+    readonly bookingLabel: import("@angular/core").InputSignal<string>;
+    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>;
+    /** Arguments of Angular's `currency` pipe. */
+    readonly currencyCode: import("@angular/core").InputSignal<string>;
+    readonly currencyDisplay: import("@angular/core").InputSignal<string>;
+    readonly currencyDigits: 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 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[]>;
+    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; }; "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; }; "currencyCode": { "alias": "currencyCode"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "currencyDigits": { "alias": "currencyDigits"; "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; }; "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,28 @@
+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.
+ *
+ * ```html
+ * <cc-plan-filter-form [services]="services" [priceRanges]="ranges" (filterChange)="apply($event)" />
+ * ```
+ */
+export declare class PlanFilterFormComponent {
+    readonly services: import("@angular/core").InputSignal<AdditionalService[]>;
+    readonly priceRanges: import("@angular/core").InputSignal<PriceRange[]>;
+    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 on submit, and with an empty filter on reset. */
+    readonly filterChange: import("@angular/core").OutputEmitterRef<PlanFilter>;
+    protected serviceIndex: import("@angular/core").WritableSignal<number>;
+    protected rangeIndex: import("@angular/core").WritableSignal<number>;
+    protected toIndex(event: Event): number;
+    submit(): void;
+    reset(): void;
+    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; }; "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,24 @@
+import * as i0 from "@angular/core";
+/**
+ * Modal over the page, for example a promotion shown when the site opens.
+ * Shows `imageSrc`, or the projected content when there is no image.
+ * Closes with the ✕ button, a backdrop click or the Escape key.
+ *
+ * ```html
+ * <cc-promo-modal [(open)]="showPromo" imageSrc="assets/images/pop.jpeg" imageAlt="Promoción" />
+ * ```
+ */
+export declare class PromoModalComponent {
+    /** Whether the modal is visible. Use `[(open)]` to bind both ways. */
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly imageSrc: import("@angular/core").InputSignal<string>;
+    readonly imageAlt: import("@angular/core").InputSignal<string>;
+    /** Makes the image a link, for example to WhatsApp. */
+    readonly link: import("@angular/core").InputSignal<string>;
+    readonly closeOnBackdrop: import("@angular/core").InputSignal<boolean>;
+    readonly closeLabel: import("@angular/core").InputSignal<string>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromoModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromoModalComponent, "cc-promo-modal", never, { "open": { "alias": "open"; "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; }; "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,18 @@
+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)" />
+ * ```
+ */
+export declare class SearchBoxComponent {
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly placeholder: 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; }; "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/social-links/social-links.component.d.ts

@@ -0,0 +1,17 @@
+import { SocialLink } from '../../models/ui.models';
+import * as i0 from "@angular/core";
+/**
+ * Row of social network icons that open in a new tab.
+ *
+ * ```html
+ * <cc-social-links [links]="socials" size="1.25rem" />
+ * ```
+ */
+export declare class SocialLinksComponent {
+    readonly links: import("@angular/core").InputSignal<SocialLink[]>;
+    /** Icon width, any CSS length. */
+    readonly size: import("@angular/core").InputSignal<string>;
+    readonly gap: import("@angular/core").InputSignal<string>;
+    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; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+/**
+ * Floating WhatsApp button, fixed to a corner of the screen.
+ *
+ * ```html
+ * <cc-whatsapp-button [href]="whatsappLink" />
+ * <cc-whatsapp-button [href]="whatsappLink" iconSrc="assets/icons/whatsapp.png" position="left" />
+ * ```
+ */
+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>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    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; }; "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[];

package/ui/lib/services/plan-catalog.service.d.ts

@@ -0,0 +1,43 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import { Observable } from 'rxjs';
+import { AdditionalService, Plan, PlanCategory, PlanFilter, PriceRange } from '../models/plan.models';
+import * as i0 from "@angular/core";
+/** Where `PlanCatalogService` loads the JSON files from. */
+export interface PlanCatalogConfig {
+    plansUrl: string;
+    additionalsUrl: string;
+    /** Leave it empty if the site has no `priceRanges.json`; `getPriceRanges()` then returns `[]`. */
+    priceRangesUrl?: string | null;
+}
+export declare const DEFAULT_PLAN_CATALOG_CONFIG: PlanCatalogConfig;
+export declare const PLAN_CATALOG_CONFIG: InjectionToken<PlanCatalogConfig>;
+/**
+ * Overrides the JSON locations. Without it, the service reads `assets/data/*.json`.
+ *
+ * ```ts
+ * providers: [provideHttpClient(withFetch()), providePlanCatalog({ priceRangesUrl: null })]
+ * ```
+ */
+export declare function providePlanCatalog(config?: Partial<PlanCatalogConfig>): EnvironmentProviders;
+/**
+ * Reads plans, add-on services and price ranges from static JSON.
+ * Each file is requested once and cached; filtering happens in memory.
+ * Needs `provideHttpClient()` in the app.
+ */
+export declare class PlanCatalogService {
+    private http;
+    private config;
+    private additionals$;
+    private plans$;
+    private priceRanges$;
+    /** Every plan, with `additionalServices` filled in. */
+    getPlans(): Observable<Plan[]>;
+    getAdditionalServices(): Observable<AdditionalService[]>;
+    getPriceRanges(): Observable<PriceRange[]>;
+    getPlansByCategory(category: PlanCategory | number): Observable<Plan[]>;
+    getPlansByFilter(filter: PlanFilter): Observable<Plan[]>;
+    getPlansByName(name: string): Observable<Plan[]>;
+    getPlanBySlug(slug: string): Observable<Plan | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanCatalogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PlanCatalogService>;
+}

package/ui/lib/services/seo.service.d.ts

@@ -0,0 +1,39 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface SeoConfig {
+    /** Production domain without a trailing slash: "https://www.laurelspamedellin.com". */
+    siteUrl: string;
+    /** Image used when a page does not set one. Relative paths are resolved against `siteUrl`. */
+    defaultImage?: string;
+}
+export interface SeoData {
+    title: string;
+    description: string;
+    /** Page path, for example "/planes". */
+    path: string;
+    /** Image for the share preview. Defaults to `SeoConfig.defaultImage`. */
+    image?: string;
+}
+export declare const SEO_CONFIG: InjectionToken<SeoConfig>;
+/** Registers the site data `SeoService` needs. */
+export declare function provideSeo(config: SeoConfig): EnvironmentProviders;
+/**
+ * Sets the title, description, canonical URL, Open Graph and Twitter tags, and JSON-LD blocks.
+ * Works during SSR and prerendering. Requires `provideSeo()`.
+ */
+export declare class SeoService {
+    private title;
+    private meta;
+    private document;
+    private config;
+    get siteUrl(): string;
+    /** Turns a site path or relative asset into an absolute URL. Absolute URLs are returned unchanged. */
+    absoluteUrl(pathOrUrl: string): string;
+    update({ title, description, path, image }: SeoData): void;
+    /** Adds or replaces a `<script type="application/ld+json">` with the given id. */
+    setJsonLd(id: string, data: object): void;
+    removeJsonLd(id: string): void;
+    private setCanonical;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SeoService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SeoService>;
+}

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

@@ -0,0 +1,16 @@
+import { AdditionalService, CategoryOption, Plan, PlanCategory, PlanFilter } from '../models/plan.models';
+/** Fills `plan.additionalServices` from `additionalServicesId`. Unknown ids are skipped. */
+export declare function joinAdditionalServices(plans: Plan[], additionals: AdditionalService[]): Plan[];
+/** URL slug of a plan, derived from its name. */
+export declare function planSlug(plan: Plan | string): string;
+export declare function findPlanBySlug(plans: Plan[], slug: string): Plan | undefined;
+export declare function filterPlansByCategory(plans: Plan[], category: PlanCategory | number): Plan[];
+/** Case- and accent-insensitive search on the plan name. An empty query returns every plan. */
+export declare function searchPlansByName(plans: Plan[], query: string): Plan[];
+/**
+ * Applies a `PlanFilter`. Price uses `min < price <= max`, the same rule the sites had,
+ * except that `min = 0` also includes free plans.
+ */
+export declare function filterPlans(plans: Plan[], filter: PlanFilter): Plan[];
+/** Returns the options with `count` set to the number of plans in each category. */
+export declare function withCategoryCounts<T extends PlanCategory | number>(options: CategoryOption<T>[], plans: Plan[]): CategoryOption<T>[];

package/ui/lib/utils/text.utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Turns a text into a URL-safe slug: "PLAN FLOR DE LOTTO 3" -> "plan-flor-de-lotto-3".
+ * Accents are removed, so "Jacuzzi Mágico" -> "jacuzzi-magico".
+ */
+export declare function slugify(text: string): string;
+/** "PLAN GARDENIA" -> "Plan Gardenia". */
+export declare function titleCase(text: string): string;
+/** Cuts a text at the last whole word that fits in `max` characters and adds "…". */
+export declare function truncateText(text: string, max?: number): string;
+/**
+ * Builds a WhatsApp chat link.
+ * @param phone Number with country code, with or without "+" and spaces: "57 310 494 8884".
+ * @param message Pre-filled message, optional.
+ */
+export declare function whatsappUrl(phone: string, message?: string): string;

package/ui/public-api.d.ts

@@ -0,0 +1,20 @@
+export * from './lib/models/plan.models';
+export * from './lib/models/ui.models';
+export * from './lib/utils/text.utils';
+export * from './lib/utils/plan.utils';
+export * from './lib/services/plan-catalog.service';
+export * from './lib/services/seo.service';
+export * from './lib/components/whatsapp-button/whatsapp-button.component';
+export * from './lib/components/promo-modal/promo-modal.component';
+export * from './lib/components/page-banner/page-banner.component';
+export * from './lib/components/info-item/info-item.component';
+export * from './lib/components/faq/faq.component';
+export * from './lib/components/social-links/social-links.component';
+export * from './lib/components/plan-card/plan-card.component';
+export * from './lib/components/category-menu/category-menu.component';
+export * from './lib/components/search-box/search-box.component';
+export * from './lib/components/plan-filter-form/plan-filter-form.component';
+export * from './lib/components/plan-catalog/plan-catalog.component';
+export * from './lib/components/plan-details/plan-details.component';
+export * from './lib/components/lightbox/lightbox.component';
+export * from './lib/components/gallery/gallery.component';

package/ui/theme/tokens.css

@@ -0,0 +1,45 @@
+/*
+ * Design tokens for @c-code/c-code-fw/ui.
+ *
+ * The components already fall back to these values, so this file is optional.
+ * To apply a site's palette, set the variables in its global styles:
+ *
+ *   :root {
+ *     --cc-primary: #4C6B4A;
+ *     --cc-secondary: #CEAB5D;
+ *   }
+ *
+ * The overrides work on any element, not just :root, so a section can use its own palette.
+ *
+ * ROLES (optional). By default each role follows a palette color. Set a role only
+ * when a site needs it to differ from its palette:
+ *
+ *   --cc-surface       cards, sidebar, detail panel  (default --cc-secondary-light)
+ *   --cc-text          text inside components        (default --cc-primary)
+ *   --cc-heading       titles and the price badge    (default --cc-primary)
+ *   --cc-accent        buttons and highlighted text  (default --cc-secondary)
+ *   --cc-accent-hover  button hover                  (default --cc-secondary-dark)
+ *   --cc-on-accent     text on buttons and badges    (default --cc-bg)
+ *
+ * Each component also has its own variables (for example --cc-plan-card-bg).
+ * They are listed in the README.
+ */
+:root {
+  /* Palette */
+  --cc-primary: #4c6b4a;
+  --cc-primary-light: #a0ba9e;
+  --cc-primary-dark: #022b04;
+  --cc-secondary: #ceab5d;
+  --cc-secondary-light: #f8f4ee;
+  --cc-secondary-dark: #9a7521;
+  --cc-bg: #f0ffef;
+
+  /* Typography */
+  --cc-font-body: inherit;
+  --cc-font-heading: inherit;
+
+  /* Shape */
+  --cc-radius: 0;
+  --cc-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --cc-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+}