import { VariantProps } from 'class-variance-authority';
import * as i0 from '@angular/core';
import { ElementRef, TemplateRef, InputSignal, InputSignalWithTransform, ModelSignal, Signal, WritableSignal } from '@angular/core';

/** Template context for custom previous-button template. */
interface CarouselPrevContext {
    /** Whether the carousel can navigate to the previous slide. */
    $implicit: boolean;
    /** Callback to navigate to the previous slide. */
    prev: () => void;
}
/** Template context for custom next-button template. */
interface CarouselNextContext {
    /** Whether the carousel can navigate to the next slide. */
    $implicit: boolean;
    /** Callback to navigate to the next slide. */
    next: () => void;
}
/** Template context for custom pagination dot template. */
interface CarouselPaginationContext {
    /** The page index (0-based). */
    $implicit: number;
    /** Whether this page is currently active. */
    active: boolean;
    /** Total number of pages. */
    total: number;
    /** Same as $implicit — the page index. */
    index: number;
}

declare const carouselContainerVariants: () => string;
declare const carouselNavButtonVariants: (props?: {
    position?: 'prev' | 'next';
}) => string;
type CarouselNavButtonVariants = VariantProps<typeof carouselNavButtonVariants>;
declare const carouselDotVariants: (props?: {
    active?: boolean;
}) => string;
type CarouselDotVariants = VariantProps<typeof carouselDotVariants>;

/**
 * Marks an element as a carousel slide item.
 *
 * Apply this directive to each direct child element that should be
 * treated as a slide within `<com-carousel>`.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <div comCarouselItem>Slide 2</div>
 * </com-carousel>
 * ```
 */
declare class ComCarouselItem {
    readonly elementRef: ElementRef<HTMLElement>;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselItem, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselItem, "[comCarouselItem]", never, {}, {}, never, never, true, never>;
}

/**
 * Template directive for a custom "previous" navigation button.
 *
 * The template receives a boolean context (`$implicit`) indicating
 * whether the carousel can navigate backward.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <ng-template comCarouselPrev let-canGo>
 *     <button [disabled]="!canGo">Back</button>
 *   </ng-template>
 * </com-carousel>
 * ```
 */
declare class ComCarouselPrevTpl {
    readonly templateRef: TemplateRef<CarouselPrevContext>;
    static ngTemplateContextGuard(_dir: ComCarouselPrevTpl, _ctx: unknown): _ctx is CarouselPrevContext;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselPrevTpl, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselPrevTpl, "ng-template[comCarouselPrev]", never, {}, {}, never, never, true, never>;
}

/**
 * Template directive for a custom "next" navigation button.
 *
 * The template receives a boolean context (`$implicit`) indicating
 * whether the carousel can navigate forward.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <ng-template comCarouselNext let-canGo>
 *     <button [disabled]="!canGo">Forward</button>
 *   </ng-template>
 * </com-carousel>
 * ```
 */
declare class ComCarouselNextTpl {
    readonly templateRef: TemplateRef<CarouselNextContext>;
    static ngTemplateContextGuard(_dir: ComCarouselNextTpl, _ctx: unknown): _ctx is CarouselNextContext;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselNextTpl, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselNextTpl, "ng-template[comCarouselNext]", never, {}, {}, never, never, true, never>;
}

/**
 * Template directive for custom pagination indicators.
 *
 * Rendered once per "page" in the carousel. The template receives
 * a context with the page index, active state, and total count.
 *
 * @tokens none
 *
 * @example
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <div comCarouselItem>Slide 2</div>
 *   <ng-template comCarouselPagination let-idx let-active="active">
 *     <span
 *       class="inline-block h-3 w-3 rounded-pill transition-colors"
 *       [class]="active ? 'bg-primary' : 'bg-muted'"
 *     ></span>
 *   </ng-template>
 * </com-carousel>
 * ```
 */
declare class ComCarouselPaginationTpl {
    readonly templateRef: TemplateRef<CarouselPaginationContext>;
    static ngTemplateContextGuard(_dir: ComCarouselPaginationTpl, _ctx: unknown): _ctx is CarouselPaginationContext;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselPaginationTpl, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselPaginationTpl, "ng-template[comCarouselPagination]", never, {}, {}, never, never, true, never>;
}

/**
 * Carousel component — a horizontal slider that navigates content screens
 * using percentage-based CSS `transform: translateX()`.
 *
 * Items are projected via `ng-content` and marked with `comCarouselItem`.
 * Navigation is screen-based: each index step moves one full viewport of items.
 * Supports multi-item views, auto-play, loop, touch/swipe, keyboard
 * navigation, and custom templates for navigation and pagination.
 *
 * @tokens `--color-background`, `--color-foreground`, `--color-muted`,
 *         `--color-muted-hover`, `--color-primary`, `--color-border-subtle`,
 *         `--color-ring`, `--color-disabled`, `--color-disabled-foreground`
 *
 * @example Basic usage
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <div comCarouselItem>Slide 2</div>
 *   <div comCarouselItem>Slide 3</div>
 * </com-carousel>
 * ```
 *
 * @example Multiple items per view
 * ```html
 * <com-carousel [slidesPerView]="3">
 *   @for (product of products(); track product.id) {
 *     <com-card comCarouselItem>{{ product.name }}</com-card>
 *   }
 * </com-carousel>
 * ```
 *
 * @example Auto-play with loop
 * ```html
 * <com-carousel autoPlay loop [autoPlayInterval]="4000">
 *   @for (img of images(); track img.url) {
 *     <img comCarouselItem [src]="img.url" [alt]="img.alt" />
 *   }
 * </com-carousel>
 * ```
 *
 * @example Two-way index binding
 * ```html
 * <com-carousel [(index)]="currentSlide">
 *   <div comCarouselItem>A</div>
 *   <div comCarouselItem>B</div>
 * </com-carousel>
 * ```
 *
 * @example Custom navigation
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <ng-template comCarouselPrev let-canGo>
 *     <button [disabled]="!canGo">Back</button>
 *   </ng-template>
 *   <ng-template comCarouselNext let-canGo>
 *     <button [disabled]="!canGo">Forward</button>
 *   </ng-template>
 * </com-carousel>
 * ```
 *
 * @example Custom pagination
 * ```html
 * <com-carousel>
 *   <div comCarouselItem>Slide 1</div>
 *   <ng-template comCarouselPagination let-idx let-active="active">
 *     <span [class]="active ? 'bg-primary' : 'bg-muted'" class="h-3 w-3 rounded-pill inline-block"></span>
 *   </ng-template>
 * </com-carousel>
 * ```
 */
declare class ComCarouselComponent {
    private readonly destroyRef;
    private readonly renderer;
    private readonly platform;
    private readonly hostEl;
    /** Number of items visible at once. */
    readonly slidesPerView: InputSignal<number>;
    /** Wrap from last to first and vice versa. */
    readonly loop: InputSignalWithTransform<boolean, unknown>;
    /** Enable auto-advancing slides. */
    readonly autoPlay: InputSignalWithTransform<boolean, unknown>;
    /** Auto-play interval in milliseconds. */
    readonly autoPlayInterval: InputSignal<number>;
    /** Slide transition duration in milliseconds. */
    readonly transitionDuration: InputSignal<number>;
    /** Show prev/next navigation buttons. */
    readonly showNavigation: InputSignalWithTransform<boolean, unknown>;
    /** Show pagination dot indicators. */
    readonly showPagination: InputSignalWithTransform<boolean, unknown>;
    /** Accessible label for the carousel region. */
    readonly ariaLabel: InputSignal<string>;
    /** Two-way bindable current screen index. */
    readonly index: ModelSignal<number>;
    readonly items: Signal<readonly ComCarouselItem[]>;
    readonly customPrev: Signal<ComCarouselPrevTpl | undefined>;
    readonly customNext: Signal<ComCarouselNextTpl | undefined>;
    readonly customPagination: Signal<ComCarouselPaginationTpl | undefined>;
    readonly trackEl: Signal<ElementRef<HTMLElement> | undefined>;
    private readonly paused;
    readonly animating: WritableSignal<boolean>;
    private autoPlayTimerId;
    readonly totalSlides: Signal<number>;
    /** Total number of screens (pages). */
    readonly totalScreens: Signal<number>;
    readonly maxIndex: Signal<number>;
    /** Clamp index when items or slidesPerView changes. */
    readonly clampedIndex: Signal<number>;
    readonly canGoPrev: Signal<boolean>;
    readonly canGoNext: Signal<boolean>;
    readonly pages: Signal<number[]>;
    /** Percentage-based translateX — each screen step moves by 100%. */
    readonly translateX: Signal<string>;
    /** Item width as a percentage string. */
    private readonly itemWidth;
    readonly ariaLiveMode: Signal<string>;
    readonly containerClasses: Signal<string>;
    readonly prevButtonClasses: Signal<string>;
    readonly nextButtonClasses: Signal<string>;
    readonly prevContext: Signal<CarouselPrevContext>;
    readonly nextContext: Signal<CarouselNextContext>;
    constructor();
    /** Navigate to the next screen. */
    next(): void;
    /** Navigate to the previous screen. */
    prev(): void;
    /** Navigate to a specific page index. */
    goToPage(pageIndex: number): void;
    /** Get CVA classes for a pagination dot at the given index. */
    getDotClasses(pageIndex: number): string;
    /** Build template context for a custom pagination dot. */
    getPaginationContext(pageIndex: number): CarouselPaginationContext;
    /** Handle keyboard navigation on pagination dots. */
    onPaginationKeydown(event: KeyboardEvent, currentIndex: number): void;
    protected pauseAutoPlay(): void;
    protected resumeAutoPlay(): void;
    private clearAutoPlay;
    private swipeCleanupFns;
    private pointerStartX;
    private pointerStartY;
    private isSwiping;
    private setupSwipe;
    private cleanupSwipe;
    private focusDotAt;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComCarouselComponent, "com-carousel", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; "isSignal": true; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, ["items", "customPrev", "customNext", "customPagination"], ["[comCarouselItem]"], true, never>;
}

export { ComCarouselComponent, ComCarouselItem, ComCarouselNextTpl, ComCarouselPaginationTpl, ComCarouselPrevTpl, carouselContainerVariants, carouselDotVariants, carouselNavButtonVariants };
export type { CarouselDotVariants, CarouselNavButtonVariants, CarouselNextContext, CarouselPaginationContext, CarouselPrevContext };