@ng-nest/ui 19.0.9 → 20.0.0

package/carousel/index.d.ts

@@ -1,5 +1,330 @@
+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';
+
 /**
- * Generated bundle index. Do not edit.
+ * Carousel
+ * @selector x-carousel
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/carousel" />
-export * from './public-api';
+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
+     * <x-carousel [active]="1" (activeChange)="activeChange($event)">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * <x-carousel [(active)]="active">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     * ```typescript
+     * active = signal(1)
+     * activeChange(active: number) {
+     *   console.log(active)
+     * }
+     * ```
+     *
+     */
+    readonly active: _angular_core.ModelSignal<number>;
+    /**
+     * @zh_CN 幻灯片高度
+     * @en_US Slide height
+     * @example
+     *
+     * ```html
+     * <x-carousel height="18rem">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly height: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 切换器触发方式
+     * @en_US Switcher trigger method
+     * @example
+     *
+     * ```html
+     * <x-carousel trigger="click">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly trigger: _angular_core.InputSignal<XTrigger>;
+    /**
+     * @zh_CN 箭头显示隐藏方式
+     * @en_US Arrow shows how to hide
+     * @example
+     *
+     * ```html
+     * <x-carousel arrow="always">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * <x-carousel arrow="never">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly arrow: _angular_core.InputSignal<XShadow>;
+    /**
+     * @zh_CN 幻灯片轮播方向
+     * @en_US Slide rotation direction
+     * @example
+     *
+     * ```html
+     * <x-carousel direction="vertical">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly direction: _angular_core.InputSignal<XDisplayDirection>;
+    /**
+     * @zh_CN 自动切换
+     * @en_US Automatic switching
+     * @example
+     *
+     * ```html
+     * <x-carousel autoplay="false">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly autoplay: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 自动切换时间间隔，ms
+     * @en_US Automatic switching time interval. ms
+     * @example
+     *
+     * ```html
+     * <x-carousel interval="5000">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly interval: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 切换器是否显示在外面
+     * @en_US Whether the switcher is displayed outside
+     * @example
+     *
+     * ```html
+     * <x-carousel outside>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly outside: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 是否以卡片的方式显示幻灯片
+     * @en_US Whether to display the slideshow as a card
+     * @example
+     *
+     * ```html
+     * <x-carousel card>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly card: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 显示文字
+     * @en_US Display text
+     * @example
+     *
+     * ```html
+     * <x-carousel text="text info">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly text: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 显示进度条
+     * @en_US Show progress
+     * @example
+     *
+     * ```html
+     * <x-carousel progress>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly progress: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 进度条颜色
+     * @en_US Progress color
+     * @example
+     *
+     * ```html
+     * <x-carousel progress progressColor="blue">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly progressColor: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 显示当前页面
+     * @en_US Show current page
+     * @example
+     *
+     * ```html
+     * <x-carousel current>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly current: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCarouselProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCarouselProperty, "x-carousel-property", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "outside": { "alias": "outside"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "progressColor": { "alias": "progressColor"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
+}
+/**
+ * @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
+     * <x-carousel>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel active>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     */
+    readonly active: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCarouselPanelProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCarouselPanelProperty, "x-carousel-panel-property", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class XCarouselComponent extends XCarouselProperty {
+    carousel: _angular_core.Signal<ElementRef<HTMLElement>>;
+    content: _angular_core.Signal<ElementRef<HTMLElement>>;
+    start: _angular_core.WritableSignal<number>;
+    before: _angular_core.WritableSignal<number>;
+    timer?: Subscription;
+    precentTimer?: Subscription;
+    platformId: Object;
+    isBrowser: boolean;
+    percent: _angular_core.WritableSignal<number>;
+    count: _angular_core.WritableSignal<number>;
+    panels: _angular_core.WritableSignal<object[]>;
+    private unSubject;
+    private resizeObserver;
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    updatePanel: Subject<void>;
+    page: _angular_core.Signal<number>;
+    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<XCarouselComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCarouselComponent, "x-carousel", never, {}, {}, never, ["*"], true, never>;
+}
+
+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<number>;
+    animating: _angular_core.WritableSignal<boolean>;
+    preTranslate: number;
+    cardScale: _angular_core.WritableSignal<number>;
+    scale: _angular_core.WritableSignal<number>;
+    translate: _angular_core.WritableSignal<number>;
+    translateType: _angular_core.WritableSignal<string>;
+    inStage: _angular_core.WritableSignal<boolean>;
+    unSubject: Subject<void>;
+    carousel: XCarouselComponent | null;
+    activeSignal: _angular_core.WritableSignal<boolean>;
+    card: _angular_core.Signal<boolean>;
+    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<XCarouselPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCarouselPanelComponent, "x-carousel-panel", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XCarouselModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCarouselModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XCarouselModule, never, [typeof XCarouselComponent, typeof XCarouselPanelComponent], [typeof XCarouselComponent, typeof XCarouselPanelComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XCarouselModule>;
+}
+
+export { XCarouselComponent, XCarouselModule, XCarouselPanelComponent, XCarouselPanelPrefix, XCarouselPanelProperty, XCarouselPrefix, XCarouselProperty };
+export type { XCarouselArrow, XCarouselDirection, XCarouselTrigger };