import { CarouselResponsiveOptions, CarouselPageEvent, CarouselItemTemplateContext } from 'primeng/types/carousel'; export * from 'primeng/types/carousel'; import * as i0 from '@angular/core'; import { ElementRef, NgZone, EventEmitter, QueryList, TemplateRef, SimpleChanges } from '@angular/core'; import * as i2 from 'primeng/api'; import { Header, Footer, PrimeTemplate } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { ButtonProps } from 'primeng/button'; import * as _primeuix_styled from '@primeuix/styled'; import { BaseStyle } from 'primeng/base'; /** * * Carousel is a content slider featuring various customization options. * * [Live Demo](https://www.primeng.org/carousel/) * * @module carouselstyle * */ declare enum CarouselClasses { /** * Class name of the root element */ root = "p-carousel", /** * Class name of the header element */ header = "p-carousel-header", /** * Class name of the content container element */ contentContainer = "p-carousel-content-container", /** * Class name of the content element */ content = "p-carousel-content", /** * Class name of the previous button element */ pcPrevButton = "p-carousel-prev-button", /** * Class name of the viewport element */ viewport = "p-carousel-viewport", /** * Class name of the item list element */ itemList = "p-carousel-item-list", /** * Class name of the item clone element */ itemClone = "p-carousel-item-clone", /** * Class name of the item element */ item = "p-carousel-item", /** * Class name of the next button element */ pcNextButton = "p-carousel-next-button", /** * Class name of the indicator list element */ indicatorList = "p-carousel-indicator-list", /** * Class name of the indicator element */ indicator = "p-carousel-indicator", /** * Class name of the indicator button element */ indicatorButton = "p-carousel-indicator-button", /** * Class name of the footer element */ footer = "p-carousel-footer" } declare class CarouselStyle extends BaseStyle { name: string; style: _primeuix_styled.StyleType; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-carousel-vertical': any; 'p-carousel-horizontal': boolean; })[]; header: string; contentContainer: string; content: string; pcPrevButton: ({ instance }: { instance: any; }) => (string | { 'p-disabled': any; })[]; viewport: string; itemList: string; itemClone: ({ instance, index }: { instance: any; index: any; }) => (string | { 'p-carousel-item-active': boolean; 'p-carousel-item-start': boolean; 'p-carousel-item-end': boolean; })[]; item: ({ instance, index }: { instance: any; index: any; }) => (string | { 'p-carousel-item-active': boolean; 'p-carousel-item-start': boolean; 'p-carousel-item-end': boolean; })[]; pcNextButton: ({ instance }: { instance: any; }) => (string | { 'p-disabled': any; })[]; indicatorList: ({ instance }: { instance: any; }) => any[]; indicator: ({ instance, index }: { instance: any; index: any; }) => (string | { 'p-carousel-indicator-active': boolean; })[]; indicatorButton: ({ instance }: { instance: any; }) => any[]; footer: string; }; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } interface CarouselStyle extends BaseStyle { } /** * Carousel is a content slider featuring various customization options. * @group Components */ declare class Carousel extends BaseComponent { el: ElementRef; zone: NgZone; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * Index of the first item. * @defaultValue 0 * @group Props */ get page(): number; set page(val: number); /** * Number of items per page. * @defaultValue 1 * @group Props */ get numVisible(): number; set numVisible(val: number); /** * Number of items to scroll. * @defaultValue 1 * @group Props */ get numScroll(): number; set numScroll(val: number); /** * An array of options for responsive design. * @see {CarouselResponsiveOptions} * @group Props */ responsiveOptions: CarouselResponsiveOptions[] | undefined; /** * Specifies the layout of the component. * @group Props */ orientation: 'horizontal' | 'vertical'; /** * Height of the viewport in vertical layout. * @group Props */ verticalViewPortHeight: string; /** * Style class of main content. * @group Props */ contentClass: string; /** * Style class of the indicator items. * @group Props */ indicatorsContentClass: string; /** * Inline style of the indicator items. * @group Props */ indicatorsContentStyle: { [klass: string]: any; } | null | undefined; /** * Style class of the indicators. * @group Props */ indicatorStyleClass: string; /** * Style of the indicators. * @group Props */ indicatorStyle: { [klass: string]: any; } | null | undefined; /** * An array of objects to display. * @defaultValue null * @group Props */ get value(): any[]; set value(val: any[]); /** * Defines if scrolling would be infinite. * @group Props */ circular: boolean; /** * Whether to display indicator container. * @group Props */ showIndicators: boolean; /** * Whether to display navigation buttons in container. * @group Props */ showNavigators: boolean; /** * Time in milliseconds to scroll items automatically. * @group Props */ autoplayInterval: number; /** * Style class of the viewport container. * @deprecated since v20.0.0, use `class` instead. * @group Props */ styleClass: string | undefined; /** * Used to pass all properties of the ButtonProps to the Button component. * @group Props */ prevButtonProps: ButtonProps; /** * Used to pass all properties of the ButtonProps to the Button component. * @group Props */ nextButtonProps: ButtonProps; /** * Callback to invoke after scroll. * @param {CarouselPageEvent} event - Custom page event. * @group Emits */ onPage: EventEmitter; itemsContainer: ElementRef | undefined; indicatorContent: ElementRef | undefined; headerFacet: QueryList
| undefined; footerFacet: QueryList