import { LitElement } from 'lit'; /** * Graphic item interface for the graphics list section */ export interface GraphicItem { heading: string; description: string; imageSrc?: string; imageAlt?: string; } /** * USA Landing Template * * Hero-focused landing page template following USWDS patterns. * Extends the base template structure with hero, tagline, graphics list, and CTA sections. * * **Template Structure (from USWDS):** * - Skip navigation + Banner + Header (inherited) * - Hero section with callout * - Tagline section * - Graphics list section (dark background) * - Call-to-action section * - Footer + Identifier (inherited) * * @element usa-landing-template * * @slot hero - Custom hero section content * @slot tagline - Custom tagline section * @slot graphics - Custom graphics list section * @slot cta - Custom call-to-action section * @slot header - Site header (inherited from base) * @slot footer - Site footer (inherited from base) * * @fires {CustomEvent} template-ready - Fired when template initializes * * @example Basic usage with properties * ```html * * ``` * * @example With custom slotted content * ```html * *
* *
*
* ``` * * @uswds-template https://designsystem.digital.gov/templates/landing-page/ */ export declare class USALandingTemplate extends LitElement { protected createRenderRoot(): this; /** * Page language attribute */ lang: string; /** * Whether to show the government banner */ showBanner: boolean; /** * Whether to show the identifier at the bottom */ showIdentifier: boolean; /** * Hero heading text (main headline) */ heroHeading: string; /** * Hero heading accent (smaller text above main heading) */ heroHeadingAccent: string; /** * Hero description text */ heroDescription: string; /** * Hero call-to-action button text */ heroCtaText: string; /** * Hero call-to-action button URL */ heroCtaUrl: string; /** * Hero background image URL */ heroImageUrl: string; /** * Tagline heading text */ taglineHeading: string; /** * Tagline description text */ taglineDescription: string; /** * CTA section heading text */ ctaHeading: string; /** * CTA section description text */ ctaDescription: string; /** * CTA button text */ ctaButtonText: string; /** * CTA button URL */ ctaButtonUrl: string; /** * Graphics list items (JSON array) */ graphics: GraphicItem[]; /** * Default image path for graphics */ imagePath: string; connectedCallback(): void; firstUpdated(changedProperties: Map): void; /** * Check if a slot has content */ private hasSlotContent; /** * Render the hero section */ private renderHero; /** * Render the tagline section */ private renderTagline; /** * Render the graphics list section */ private renderGraphics; /** * Render the CTA section */ private renderCta; render(): import('lit-html').TemplateResult<1>; /** * Public API: Set graphics items */ setGraphics(items: GraphicItem[]): void; /** * Public API: Add a graphic item */ addGraphic(item: GraphicItem): void; } //# sourceMappingURL=usa-landing-template.d.ts.map