import * as _angular_core from '@angular/core'; import { ElementRef, SimpleChanges, OnInit, OnDestroy } from '@angular/core'; import * as _ng_nest_ui_core from '@ng-nest/ui/core'; import { XNumber, XTrigger, XShadow, XDisplayDirection, XBoolean, XProperty } from '@ng-nest/ui/core'; import { Subscription, Subject } from 'rxjs'; /** * Carousel * @selector x-carousel * @decorator component */ declare const XCarouselPrefix = "x-carousel"; declare const XCarouselProperty_base: new () => { config: _ng_nest_ui_core.XCarouselConfig | undefined; }; /** * Carousel Property */ declare class XCarouselProperty extends XCarouselProperty_base { /** * @zh_CN 当前激活的幻灯片索引 * @en_US Index of the currently active slide * @example * * ```html * * 0 * 1 * * * 0 * 1 * * ``` * * ```typescript * active = signal(1) * activeChange(active: number) { * console.log(active) * } * ``` * */ readonly active: _angular_core.ModelSignal; /** * @zh_CN 幻灯片高度 * @en_US Slide height * @example * * ```html * * 0 * 1 * * ``` * */ readonly height: _angular_core.InputSignalWithTransform; /** * @zh_CN 切换器触发方式 * @en_US Switcher trigger method * @example * * ```html * * 0 * 1 * * ``` * */ readonly trigger: _angular_core.InputSignal; /** * @zh_CN 箭头显示隐藏方式 * @en_US Arrow shows how to hide * @example * * ```html * * 0 * 1 * * * 0 * 1 * * ``` * */ readonly arrow: _angular_core.InputSignal; /** * @zh_CN 幻灯片轮播方向 * @en_US Slide rotation direction * @example * * ```html * * 0 * 1 * * ``` * */ readonly direction: _angular_core.InputSignal; /** * @zh_CN 自动切换 * @en_US Automatic switching * @example * * ```html * * 0 * 1 * * ``` * */ readonly autoplay: _angular_core.InputSignalWithTransform; /** * @zh_CN 自动切换时间间隔，ms * @en_US Automatic switching time interval. ms * @example * * ```html * * 0 * 1 * * ``` * */ readonly interval: _angular_core.InputSignalWithTransform; /** * @zh_CN 切换器是否显示在外面 * @en_US Whether the switcher is displayed outside * @example * * ```html * * 0 * 1 * * ``` * */ readonly outside: _angular_core.InputSignalWithTransform; /** * @zh_CN 是否以卡片的方式显示幻灯片 * @en_US Whether to display the slideshow as a card * @example * * ```html * * 0 * 1 * * ``` * */ readonly card: _angular_core.InputSignalWithTransform; /** * @zh_CN 显示文字 * @en_US Display text * @example * * ```html * * 0 * 1 * * ``` * */ readonly text: _angular_core.InputSignal; /** * @zh_CN 显示进度条 * @en_US Show progress * @example * * ```html * * 0 * 1 * * ``` * */ readonly progress: _angular_core.InputSignalWithTransform; /** * @zh_CN 进度条颜色 * @en_US Progress color * @example * * ```html * * 0 * 1 * * ``` * */ readonly progressColor: _angular_core.InputSignal; /** * @zh_CN 显示当前页面 * @en_US Show current page * @example * * ```html * * 0 * 1 * * ``` * */ readonly current: _angular_core.InputSignalWithTransform; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * @zh_CN 指示器切换方式 * @en_US Indicator switching method */ type XCarouselTrigger = XTrigger; /** * @zh_CN 切换箭头显示方式 * @en_US Toggle arrow display */ type XCarouselArrow = XShadow; /** * @zh_CN 走马灯展示的方向 * @en_US The direction of the revolving lantern */ type XCarouselDirection = XDisplayDirection; /** * Carousel Panel * @selector x-carousel-panel * @decorator component */ declare const XCarouselPanelPrefix = "x-carousel-panel"; /** * Carousel Panel Property */ declare class XCarouselPanelProperty extends XProperty { /** * @zh_CN 激活当前幻灯片 * @en_US Activate the current slide * @example * * ```html * * 0 * 1 * * ``` * */ readonly active: _angular_core.InputSignalWithTransform; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class XCarouselComponent extends XCarouselProperty { carousel: _angular_core.Signal>; content: _angular_core.Signal>; start: _angular_core.WritableSignal; before: _angular_core.WritableSignal; timer?: Subscription; precentTimer?: Subscription; platformId: Object; isBrowser: boolean; percent: _angular_core.WritableSignal; count: _angular_core.WritableSignal; panels: _angular_core.WritableSignal; private unSubject; private resizeObserver; classMap: _angular_core.Signal<{ [x: string]: boolean; }>; updatePanel: Subject; page: _angular_core.Signal; ngAfterViewInit(): void; ngOnChanges(simples: SimpleChanges): void; ngOnDestroy(): void; action(index: number, increase: number, event?: string): void; resetInterval(): void; setActiveItem(index: number): void; getActivated(index: number): boolean; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class XCarouselPanelComponent extends XCarouselPanelProperty implements OnInit, OnDestroy { get getCard(): boolean; get getActivated(): boolean; get getInStage(): boolean; get getAnimating(): boolean; get getTransform(): string; index: _angular_core.WritableSignal; animating: _angular_core.WritableSignal; preTranslate: number; cardScale: _angular_core.WritableSignal; scale: _angular_core.WritableSignal; translate: _angular_core.WritableSignal; translateType: _angular_core.WritableSignal; inStage: _angular_core.WritableSignal; unSubject: Subject; carousel: XCarouselComponent | null; activeSignal: _angular_core.WritableSignal; card: _angular_core.Signal; private elementRef; ngOnInit(): void; ngOnDestroy(): void; setActive(): void; setStyles(): void; calcCardTranslate(index: number, activeIndex: number): number; update(): void; panelClick(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class XCarouselModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { XCarouselComponent, XCarouselModule, XCarouselPanelComponent, XCarouselPanelPrefix, XCarouselPanelProperty, XCarouselPrefix, XCarouselProperty }; export type { XCarouselArrow, XCarouselDirection, XCarouselTrigger };