@type-dom/ui 0.2.2 → 0.3.0

package/dist/src/components/data/td-carousel/td-carousel.class.js

@@ -0,0 +1,210 @@
+import { arraySlot, Button, defineExpose, Div, LI, Span, SvgDefs, SvgFeGaussianBlur, SvgFilter, Transition, TypeDiv, UL, } from '@type-dom/framework';
+import { computed, unref } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { carouselEmits, carouselProps } from './td-carousel.const';
+import { useCarousel } from './use-carousel';
+import { ElArrowLeftSvg, ElArrowRightSvg, SvgSvg } from '@type-dom/svgs';
+export class TdCarousel extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdCarousel';
+        this.addEmits(carouselEmits);
+        this.assignProps(carouselProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const COMPONENT_NAME = 'TdCarousel';
+        const props = this.props;
+        const emit = this.emit;
+        const { root, activeIndex, arrowDisplay, hasLabel, hover, isCardType, items, isVertical, containerStyle, handleButtonEnter, handleButtonLeave, isTransitioning, handleIndicatorClick, handleMouseEnter, handleMouseLeave, handleTransitionEnd, setActiveItem, prev, next, isTwoLengthShow, throttledArrowClick, throttledIndicatorHover, } = useCarousel(props, emit, COMPONENT_NAME);
+        const ns = useNamespace('carousel');
+        // const { t } = useLocale()
+        const carouselClasses = computed(() => {
+            const classes = [ns.b(), ns.m(props.direction)];
+            if (unref(isCardType)) {
+                classes.push(ns.m('card'));
+            }
+            return classes;
+        });
+        const carouselContainer = computed(() => {
+            const classes = [ns.e('container')];
+            if (props.motionBlur &&
+                unref(isTransitioning) &&
+                items.get().length > 1) {
+                classes.push(unref(isVertical)
+                    ? `${ns.namespace.get()}-transitioning-vertical`
+                    : `${ns.namespace.get()}-transitioning`);
+            }
+            return classes;
+        });
+        // const indicatorsClasses = computed(() => {
+        //   const classes = [
+        //     ns.e('indicators'),
+        //     ns.em('indicators', props.direction),
+        //   ];
+        //   if (unref(hasLabel)) {
+        //     classes.push(ns.em('indicators', 'labels'));
+        //   }
+        //   if (props.indicatorPosition === 'outside') {
+        //     classes.push(ns.em('indicators', 'outside'));
+        //   }
+        //   if (unref(isVertical)) {
+        //     classes.push(ns.em('indicators', 'right'));
+        //   }
+        //   return classes;
+        // });
+        defineExpose({
+            /** @description active slide index */
+            activeIndex,
+            /** @description manually switch slide, index of the slide to be switched to, starting from 0; or the `name` of corresponding `el-carousel-item` */
+            setActiveItem,
+            /** @description switch to the previous slide */
+            prev,
+            /** @description switch to the next slide */
+            next,
+        });
+        this.assignProps({
+            refDom: root,
+            attrObj: {
+                class: carouselClasses,
+            },
+            events: {
+                mouseenter: (evt) => {
+                    handleMouseEnter();
+                    evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                },
+                mouseleave: (evt) => {
+                    handleMouseLeave();
+                    evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                },
+            },
+        });
+        if (arrowDisplay.get()) {
+            this.addChild(new Transition({
+                name: 'carousel-arrow-left',
+                slot: new Button({
+                    vShow: (props.arrow === 'always' || hover) &&
+                        (props.loop || activeIndex.get() > 0), // todo watch
+                    attrObj: {
+                        type: 'button',
+                        class: [ns.e('arrow'), ns.em('arrow', 'left')],
+                        // ariaLabel: t('el.carousel.leftArrow')
+                    },
+                    events: {
+                        click: (evt) => {
+                            throttledArrowClick(activeIndex.get() - 1);
+                            evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                        },
+                        mouseenter: (evt) => handleButtonEnter('left'),
+                        mouseleave: handleButtonLeave,
+                    },
+                    slot: new TdIcon({
+                        slot: new ElArrowLeftSvg(),
+                    }),
+                }),
+            }));
+        }
+        if (arrowDisplay.get()) {
+            this.addChild(new Transition({
+                name: 'carousel-arrow-right',
+                slot: new Button({
+                    vShow: (props.arrow === 'always' || hover) &&
+                        (props.loop || activeIndex.get() < items.get().length - 1),
+                    attrObj: {
+                        type: 'button',
+                        class: [ns.e('arrow'), ns.em('arrow', 'right')],
+                        // ariaLabel: t('el.carousel.rightArrow')
+                    },
+                    events: {
+                        click: (evt) => {
+                            throttledArrowClick(activeIndex.get() + 1);
+                            evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                        },
+                        mouseenter: () => handleButtonEnter('right'),
+                        mouseleave: handleButtonLeave,
+                    },
+                    slot: new TdIcon({
+                        slot: new ElArrowRightSvg(),
+                    }),
+                }),
+            }));
+        }
+        this.addChild(new Div({
+            class: carouselContainer,
+            styleObj: containerStyle,
+            emits: {
+                transitionend: handleTransitionEnd,
+            },
+            slot: [
+                // new PlaceholderItem(),
+                ...arraySlot(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default)),
+            ],
+        }));
+        if (props.indicatorPosition !== 'none') {
+            this.addChild(new UL({
+                slot: items.get().map((item, index) => {
+                    return new LI({
+                        vShow: isTwoLengthShow(index),
+                        class: computed(() => [
+                            ns.e('indicator'),
+                            ns.em('indicator', props.direction),
+                            ns.is('active', index === activeIndex.get()),
+                        ]),
+                        events: {
+                            mouseenter: () => throttledIndicatorHover(index),
+                            click: (evt) => {
+                                handleIndicatorClick(index);
+                                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                            },
+                        },
+                        slot: new Button({
+                            class: ns.e('button'),
+                            // ariaLabel: t('el.carousel.indicator', { index: index + 1 })
+                            slot: new Span({
+                                vIf: hasLabel,
+                                slot: item.props.label,
+                            }),
+                        }),
+                    });
+                }),
+            }));
+        }
+        if (props.motionBlur) {
+            this.addChild(new SvgSvg({
+                styleObj: {
+                    display: 'none',
+                },
+                slot: new SvgDefs({
+                    slot: [
+                        //   todo
+                        new SvgFilter({
+                            attrObj: {
+                                id: 'elCarouselHorizontal',
+                            },
+                            slot: new SvgFeGaussianBlur({
+                                attrObj: {
+                                    in: 'SourceGraphic',
+                                    stdDeviation: '12,0',
+                                },
+                            }),
+                        }),
+                        new SvgFilter({
+                            attrObj: {
+                                id: 'elCarouselVertical',
+                            },
+                            slot: new SvgFeGaussianBlur({
+                                attrObj: {
+                                    in: 'SourceGraphic',
+                                    stdDeviation: '0,1o',
+                                },
+                            }),
+                        }),
+                    ],
+                }),
+            }));
+        }
+    }
+}
+//# sourceMappingURL=td-carousel.class.js.map

package/dist/src/components/data/td-carousel/td-carousel.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.class.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.class.ts"],"names":[],"mappings":"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"}

package/dist/src/components/data/td-carousel/td-carousel.const.d.ts

@@ -0,0 +1,11 @@
+import { CarouselProps } from './td-carousel.interface';
+export declare const carouselProps: CarouselProps;
+export declare const carouselEmits: {
+    /**
+     * @description triggers when the active slide switches
+     * @param current index of the new active slide
+     * @param prev index of the old active slide
+     */
+    change: (current: number, prev: number) => boolean;
+};
+//# sourceMappingURL=td-carousel.const.d.ts.map

package/dist/src/components/data/td-carousel/td-carousel.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,eAAO,MAAM,aAAa,EAAE,aAa3B,CAAC;AAEF,eAAO,MAAM,aAAa;IACxB;;;;OAIG;sBACe,MAAM,QAAQ,MAAM;CACvC,CAAC"}

package/dist/src/components/data/td-carousel/td-carousel.const.js

@@ -0,0 +1,24 @@
+import { isNumber } from '@type-dom/utils';
+export const carouselProps = {
+    /**
+     * @description index of the initially active slide (starting from 0)
+     */
+    initialIndex: 0,
+    trigger: 'hover',
+    autoplay: true,
+    interval: 3000,
+    arrow: 'hover',
+    cardScale: 0.83,
+    loop: true,
+    direction: 'horizontal',
+    pauseOnHover: true,
+};
+export const carouselEmits = {
+    /**
+     * @description triggers when the active slide switches
+     * @param current index of the new active slide
+     * @param prev index of the old active slide
+     */
+    change: (current, prev) => [current, prev].every(isNumber),
+};
+//# sourceMappingURL=td-carousel.const.js.map

package/dist/src/components/data/td-carousel/td-carousel.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.const.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C;;OAEG;IACH,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;;;;OAIG;IACH,MAAM,EAAE,CAAC,OAAe,EAAE,IAAY,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;CAC3E,CAAC"}

package/dist/src/components/data/td-carousel/td-carousel.interface.d.ts

@@ -0,0 +1,71 @@
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+export interface ITdCarousel extends ITypeDiv {
+    className: 'TdCarousel';
+}
+export interface CarouselProps extends TypeDivProps {
+    /**
+     * @description index of the initially active slide (starting from 0)
+     *     default: 0,
+     */
+    initialIndex?: number;
+    /**
+     * @description height of the carousel
+     *     default: '',
+     */
+    height?: string;
+    /**
+     * @description how indicators are triggered
+     *     default: 'hover',
+     */
+    trigger?: 'hover' | 'click';
+    /**
+     * @description whether automatically loop the slides
+     *     default: true,
+     */
+    autoplay?: boolean;
+    /**
+     * @description interval of the auto loop, in milliseconds
+     *     default: 3000,
+     */
+    interval?: number;
+    /**
+     * @description position of the indicators
+     *     default: '',
+     */
+    indicatorPosition?: '' | 'none' | 'outside';
+    /**
+     * @description when arrows are shown
+     *     default: 'hover',
+     */
+    arrow?: 'always' | 'hover' | 'never';
+    /**
+     * @description type of the Carousel
+     *     default: '',
+     */
+    type?: '' | 'card';
+    /**
+     * @description when type is card, scaled size of secondary cards
+     *     default: 0.83,
+     */
+    cardScale?: number;
+    /**
+     * @description display the items in loop
+     *     default: true,
+     */
+    loop?: boolean;
+    /**
+     * @description display direction
+     *     default: 'horizontal',
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description pause autoplay when hover
+     *     default: true,
+     */
+    pauseOnHover?: boolean;
+    /**
+     * @description infuse dynamism and smoothness into the carousel
+     */
+    motionBlur?: boolean;
+}
+//# sourceMappingURL=td-carousel.interface.d.ts.map

package/dist/src/components/data/td-carousel/td-carousel.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/src/components/data/td-carousel/td-carousel.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-carousel.interface.js.map

package/dist/src/components/data/td-carousel/td-carousel.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.interface.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/data/td-carousel/use-carousel-item.d.ts

@@ -0,0 +1,15 @@
+import { CarouselItemProps } from './td-carousel-item.interface';
+export declare const useCarouselItem: (props: CarouselItemProps) => {
+    carouselItemRef: import("@type-dom/signals").Signal<HTMLElement>;
+    active: import("@type-dom/signals").Signal<boolean>;
+    animating: import("@type-dom/signals").Signal<boolean>;
+    hover: import("@type-dom/signals").Signal<boolean>;
+    inStage: import("@type-dom/signals").Signal<boolean>;
+    isVertical: import("@type-dom/signals").Ref<boolean>;
+    translate: import("@type-dom/signals").Signal<number>;
+    isCardType: import("@type-dom/signals").Ref<boolean>;
+    scale: import("@type-dom/signals").Signal<number>;
+    ready: import("@type-dom/signals").Signal<boolean>;
+    handleItemClick: () => void;
+};
+//# sourceMappingURL=use-carousel-item.d.ts.map

package/dist/src/components/data/td-carousel/use-carousel-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-carousel-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/use-carousel-item.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAKjE,eAAO,MAAM,eAAe,UAAW,iBAAiB;;;;;;;;;;;;CA4JvD,CAAC"}

package/dist/src/components/data/td-carousel/use-carousel-item.js

@@ -0,0 +1,146 @@
+// import {
+//   getCurrentInstance,
+//   inject,
+//   onMounted,
+//   onUnmounted,
+//   reactive,
+//   ref,
+//   unref,
+// } from 'vue'
+// import { debugWarn, isUndefined } from '@element-plus/utils'
+import { CAROUSEL_ITEM_NAME, carouselContextKey } from './constants';
+import { getCurrentInstance, inject, onMounted, onUnmounted, } from '@type-dom/framework';
+import { debugWarn, isUndefined } from '@type-dom/utils';
+import { signal, unref } from '@type-dom/signals';
+// import type { CarouselItemProps } from './carousel-item'
+export const useCarouselItem = (props) => {
+    const carouselContext = inject(carouselContextKey);
+    // instance
+    const instance = getCurrentInstance();
+    if (!carouselContext) {
+        debugWarn(CAROUSEL_ITEM_NAME, 'usage: <el-carousel></el-carousel-item></el-carousel>');
+    }
+    if (!instance) {
+        debugWarn(CAROUSEL_ITEM_NAME, 'compositional hook can only be invoked inside setups');
+    }
+    const carouselItemRef = signal();
+    const hover = signal(false);
+    const translate = signal(0);
+    const scale = signal(1);
+    const active = signal(false);
+    const ready = signal(false);
+    const inStage = signal(false);
+    const animating = signal(false);
+    // computed
+    const { isCardType, isVertical, cardScale } = carouselContext;
+    // methods
+    function processIndex(index, activeIndex, length) {
+        const lastItemIndex = length - 1;
+        const prevItemIndex = activeIndex - 1;
+        const nextItemIndex = activeIndex + 1;
+        const halfItemIndex = length / 2;
+        if (activeIndex === 0 && index === lastItemIndex) {
+            return -1;
+        }
+        else if (activeIndex === lastItemIndex && index === 0) {
+            return length;
+        }
+        else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
+            return length + 1;
+        }
+        else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
+            return -2;
+        }
+        return index;
+    }
+    function calcCardTranslate(index, activeIndex) {
+        var _a, _b;
+        const parentWidth = unref(isVertical)
+            ? ((_a = carouselContext.root.get()) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0
+            : ((_b = carouselContext.root.get()) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
+        if (inStage.get()) {
+            return (parentWidth * ((2 - cardScale) * (index - activeIndex) + 1)) / 4;
+        }
+        else if (index < activeIndex) {
+            return (-(1 + cardScale) * parentWidth) / 4;
+        }
+        else {
+            return ((3 + cardScale) * parentWidth) / 4;
+        }
+    }
+    function calcTranslate(index, activeIndex, isVertical) {
+        const rootEl = carouselContext.root.get();
+        if (!rootEl)
+            return 0;
+        const distance = (isVertical ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
+        return distance * (index - activeIndex);
+    }
+    const translateItem = (index, activeIndex, oldIndex) => {
+        var _a;
+        const _isCardType = unref(isCardType);
+        const carouselItemLength = (_a = carouselContext.items.get().length) !== null && _a !== void 0 ? _a : Number.NaN;
+        const isActive = index === activeIndex;
+        if (!_isCardType && !isUndefined(oldIndex)) {
+            animating.set(isActive || index === oldIndex);
+        }
+        if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
+            index = processIndex(index, activeIndex, carouselItemLength);
+        }
+        const _isVertical = unref(isVertical);
+        active.set(isActive);
+        if (_isCardType) {
+            inStage.set(Math.round(Math.abs(index - activeIndex)) <= 1);
+            translate.set(calcCardTranslate(index, activeIndex));
+            scale.set(unref(active) ? 1 : cardScale);
+        }
+        else {
+            translate.set(calcTranslate(index, activeIndex, _isVertical));
+        }
+        ready.set(true);
+        if (isActive && carouselItemRef.get()) {
+            carouselContext.setContainerHeight(carouselItemRef.get().offsetHeight);
+        }
+    };
+    function handleItemClick() {
+        if (carouselContext && unref(isCardType)) {
+            const index = carouselContext.items
+                .get()
+                .findIndex(({ uid }) => uid === instance.uid);
+            carouselContext.setActiveItem(index);
+        }
+    }
+    // lifecycle
+    onMounted(() => {
+        carouselContext.addItem({
+            props,
+            states: {
+                hover,
+                translate,
+                scale,
+                active,
+                ready,
+                inStage,
+                animating,
+            },
+            uid: instance.uid,
+            translateItem,
+        });
+    });
+    onUnmounted(() => {
+        carouselContext.removeItem(instance.uid);
+    });
+    return {
+        carouselItemRef,
+        active,
+        animating,
+        hover,
+        inStage,
+        isVertical,
+        translate,
+        isCardType,
+        scale,
+        ready,
+        handleItemClick,
+    };
+};
+//# sourceMappingURL=use-carousel-item.js.map

package/dist/src/components/data/td-carousel/use-carousel-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-carousel-item.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/use-carousel-item.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,wBAAwB;AACxB,YAAY;AACZ,eAAe;AACf,iBAAiB;AACjB,cAAc;AACd,SAAS;AACT,WAAW;AACX,eAAe;AACf,+DAA+D;AAC/D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EACL,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,2DAA2D;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,kBAAkB,CAAE,CAAC;IACpD,WAAW;IACX,MAAM,QAAQ,GAAG,kBAAkB,EAAG,CAAC;IACvC,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,SAAS,CACP,kBAAkB,EAClB,uDAAuD,CACxD,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,SAAS,CACP,kBAAkB,EAClB,sDAAsD,CACvD,CAAC;IACJ,CAAC;IAED,MAAM,eAAe,GAAG,MAAM,EAAe,CAAC;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,WAAW;IACX,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;IAE9D,UAAU;IAEV,SAAS,YAAY,CAAC,KAAa,EAAE,WAAmB,EAAE,MAAc;QACtE,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,CAAC;QACjC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC;QACtC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC;QACtC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,CAAC;QAEjC,IAAI,WAAW,KAAK,CAAC,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;YACjD,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,WAAW,KAAK,aAAa,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YACxD,OAAO,MAAM,CAAC;QAChB,CAAC;aAAM,IAAI,KAAK,GAAG,aAAa,IAAI,WAAW,GAAG,KAAK,IAAI,aAAa,EAAE,CAAC;YACzE,OAAO,MAAM,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,GAAG,WAAW,IAAI,aAAa,EAAE,CAAC;YACzE,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,iBAAiB,CAAC,KAAa,EAAE,WAAmB;;QAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC;YACnC,CAAC,CAAC,CAAA,MAAA,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,0CAAE,YAAY,KAAI,CAAC;YAC/C,CAAC,CAAC,CAAA,MAAA,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,0CAAE,WAAW,KAAI,CAAC,CAAC;QAEjD,IAAI,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;YAClB,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,GAAG,SAAU,CAAC,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC5E,CAAC;aAAM,IAAI,KAAK,GAAG,WAAW,EAAE,CAAC;YAC/B,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,SAAU,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,CAAC,CAAC,GAAG,SAAU,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CACpB,KAAa,EACb,WAAmB,EACnB,UAAmB;QAEnB,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC1C,IAAI,CAAC,MAAM;YAAE,OAAO,CAAC,CAAC;QAEtB,MAAM,QAAQ,GACZ,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC/D,OAAO,QAAQ,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,aAAa,GAAG,CACpB,KAAa,EACb,WAAmB,EACnB,QAAiB,EACjB,EAAE;;QACF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QACtC,MAAM,kBAAkB,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,mCAAI,MAAM,CAAC,GAAG,CAAC;QAE5E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAC;QACvC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3C,SAAS,CAAC,GAAG,CAAC,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,CAAC,QAAQ,IAAI,kBAAkB,GAAG,CAAC,IAAI,eAAe,CAAC,IAAI,EAAE,CAAC;YAChE,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC;QAED,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAErB,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5D,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;YACrD,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAU,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;QAChE,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEhB,IAAI,QAAQ,IAAI,eAAe,CAAC,GAAG,EAAE,EAAE,CAAC;YACtC,eAAe,CAAC,kBAAkB,CAAC,eAAe,CAAC,GAAG,EAAG,CAAC,YAAY,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,eAAe;QACtB,IAAI,eAAe,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;YACzC,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK;iBAChC,GAAG,EAAE;iBACL,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC;YAChD,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAED,YAAY;IACZ,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,CAAC;YACtB,KAAK;YACL,MAAM,EAAE;gBACN,KAAK;gBACL,SAAS;gBACT,KAAK;gBACL,MAAM;gBACN,KAAK;gBACL,OAAO;gBACP,SAAS;aACV;YACD,GAAG,EAAE,QAAQ,CAAC,GAAG;YACjB,aAAa;SACd,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,WAAW,CAAC,GAAG,EAAE;QACf,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,eAAe;QACf,MAAM;QACN,SAAS;QACT,KAAK;QACL,OAAO;QACP,UAAU;QACV,SAAS;QACT,UAAU;QACV,KAAK;QACL,KAAK;QACL,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/data/td-carousel/use-carousel.d.ts

@@ -0,0 +1,36 @@
+import { AnyFn } from '@type-dom/utils';
+import type { CarouselItemContext } from './constants';
+import { CarouselProps } from './td-carousel.interface';
+export declare const useCarousel: (props: CarouselProps, emit: AnyFn, componentName: string) => {
+    root: import("@type-dom/signals").Signal<HTMLDivElement>;
+    activeIndex: import("@type-dom/signals").Signal<number>;
+    arrowDisplay: import("@type-dom/signals").Computed<boolean>;
+    hasLabel: import("@type-dom/signals").Computed<boolean>;
+    hover: import("@type-dom/signals").Signal<boolean>;
+    isCardType: import("@type-dom/signals").Computed<boolean>;
+    isTransitioning: import("@type-dom/signals").Signal<boolean>;
+    items: import("@type-dom/signals").Signal<CarouselItemContext[]>;
+    isVertical: import("@type-dom/signals").Computed<boolean>;
+    containerStyle: import("@type-dom/signals").Computed<{
+        height: string | undefined;
+        overflow?: undefined;
+    } | {
+        height: string;
+        overflow: string;
+    }>;
+    isItemsTwoLength: import("@type-dom/signals").Signal<boolean>;
+    handleButtonEnter: (arrow: "left" | "right") => void;
+    handleTransitionEnd: () => void;
+    handleButtonLeave: () => void;
+    handleIndicatorClick: (index: number) => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    setActiveItem: (index: number | string) => void;
+    prev: () => void;
+    next: () => void;
+    PlaceholderItem: () => null;
+    isTwoLengthShow: (index: number) => boolean;
+    throttledArrowClick: import("lodash").DebouncedFuncLeading<(index: number) => void>;
+    throttledIndicatorHover: import("lodash").DebouncedFuncLeading<(index: number) => void>;
+};
+//# sourceMappingURL=use-carousel.d.ts.map

package/dist/src/components/data/td-carousel/use-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/use-carousel.ts"],"names":[],"mappings":"AA6BA,OAAO,EAAE,KAAK,EAAuB,MAAM,iBAAiB,CAAC;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,eAAO,MAAM,WAAW,UACf,aAAa,QACd,KAAK,iBACI,MAAM;;;;;;;;;;;;;;;;;;+BAwKa,MAAM,GAAG,OAAO;;;kCAgBb,MAAM;;;2BA5Fb,MAAM,GAAG,MAAM;;;;6BAhCb,MAAM;uEAX5B,MAAM;2EAOiC,MAAM;CA8RxD,CAAC"}