@type-dom/ui 0.6.0 → 0.6.1

package/dist/components/data/td-tour/td-tour-content.class.js

@@ -0,0 +1,104 @@
+import { Div, Span, Fragment, inject, toRef, watch, unref, isTypeNode, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { throwError } from '@type-dom/utils';
+import { TdFocusTrap } from '../../feedback/td-focus-trap/td-focus-trap.class';
+import { tourKey, useFloating } from './helper';
+const COMPONENT_NAME = 'TdTourContent';
+export class TdTourContent extends Fragment {
+    constructor(params) {
+        super(params);
+    }
+    setup() {
+        const props = this.props;
+        const tourContext = inject(tourKey);
+        if (!tourContext)
+            throwError(COMPONENT_NAME, 'can not inject tour context');
+        const { ns } = tourContext;
+        // placement 需要是可写 signal：useFloating 会把 flip 之后的实际方向写回来，
+        // 箭头方向（data-side）依赖它，用 computed 会导致 flip 后箭头朝向不更新。
+        const placement = signal(unref(props.placement) ?? 'bottom');
+        watch(() => unref(props.placement), (val) => {
+            if (val)
+                placement.set(val);
+        });
+        // 引导浮层通过 Teleport 挂到 body，用 position: fixed 以视口坐标系定位，
+        // 与 getBoundingClientRect 天然一致，规避 absolute 策略在滚动页面 /
+        // 含定位祖先的容器内因 offsetParent 换算导致的整体偏移。
+        const strategy = signal(props.strategy ?? 'fixed');
+        const contentRef = signal(null);
+        const arrowRef = signal(null);
+        const showArrow = computed(() => unref(props.showArrow) ?? true);
+        // 默认与主库一致的 10px 间距，保证弹框与目标元素之间留出箭头空间
+        const offset = computed(() => unref(props.offset) ?? 10);
+        const { contentStyle, arrowStyle, resolvedPlacement } = useFloating(toRef(props, 'reference'), contentRef, arrowRef, placement, strategy, offset, toRef(props, 'zIndex'), showArrow);
+        const mergedContentStyle = computed(() => {
+            const baseStyle = contentStyle.get() || {};
+            const userStyle = unref(props.style) || {};
+            return { ...baseStyle, ...userStyle };
+        });
+        const contentDiv = new Div({
+            refDom: contentRef,
+            styleObj: mergedContentStyle,
+            class: ns.e('content'),
+            attrObj: {
+                'data-side': computed(() => resolvedPlacement.get().split('-')[0]),
+                tabindex: '-1',
+            },
+        });
+        const onCloseRequested = () => {
+            tourContext.onClose();
+        };
+        const onFocusoutPrevented = (event) => {
+            if (event.detail?.focusReason === 'pointer') {
+                event.preventDefault();
+            }
+        };
+        const createFocusTrap = (slotContent) => {
+            return new TdFocusTrap({
+                loop: true,
+                trapped: true,
+                focusStartEl: 'container',
+                focusTrapEl: computed(() => contentRef.get() || undefined),
+                onReleaseRequested: onCloseRequested,
+                onFocusoutPrevented: onFocusoutPrevented,
+                slot: slotContent,
+            });
+        };
+        const createArrow = () => new Span({
+            refDom: arrowRef,
+            styleObj: arrowStyle,
+            class: ns.e('arrow'),
+            vIf: showArrow,
+        });
+        contentDiv.addChild(createFocusTrap(unref(props.slot)));
+        contentDiv.addChild(createArrow());
+        this.addChild(contentDiv);
+        watch(() => unref(props.slot), (newSlot) => {
+            if (!newSlot)
+                return;
+            // Unmount old children via instance.unmount() before clearing.
+            // clearChildren() only resets childNodes array without calling unmount(),
+            // so vIf watchers on old descendants (e.g. TdTourStep) would fire against
+            // an already detached DOM causing "parentNode is undefined" errors.
+            // Instance unmount() properly stops _vIfWatchStops, scope effects, etc.
+            for (let i = contentDiv.childNodes.length - 1; i >= 0; i--) {
+                const child = contentDiv.childNodes[i];
+                if (isTypeNode(child)) {
+                    child.unmount(contentDiv);
+                }
+            }
+            const newTrap = createFocusTrap(newSlot);
+            const newArrow = createArrow();
+            contentDiv.clearChildren();
+            contentDiv.addChild(newTrap);
+            contentDiv.addChild(newArrow);
+            if (contentDiv.isMounted) {
+                newTrap.mount(contentDiv.dom);
+                if (unref(showArrow)) {
+                    newArrow.mount(contentDiv.dom);
+                }
+            }
+        });
+    }
+}
+//# sourceMappingURL=td-tour-content.class.js.map

package/dist/components/data/td-tour/td-tour-content.class.js.map

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

package/dist/components/data/td-tour/td-tour-mask.class.d.ts

@@ -0,0 +1,15 @@
+import { Fragment, FragmentProps, MaybeRef } from '@type-dom/framework';
+import type { PosInfo } from './types';
+export interface TourMaskProps extends FragmentProps {
+    visible?: MaybeRef<boolean | undefined>;
+    fill?: MaybeRef<string | undefined>;
+    style?: MaybeRef<Record<string, string> | undefined>;
+    pos?: MaybeRef<PosInfo | null | undefined>;
+    zIndex?: MaybeRef<number | undefined>;
+    targetAreaClickable?: boolean;
+}
+export declare class TdTourMask extends Fragment<TourMaskProps> {
+    constructor(params: TourMaskProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-tour-mask.class.d.ts.map

package/dist/components/data/td-tour/td-tour-mask.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour-mask.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour-mask.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAER,aAAa,EACb,QAAQ,EAIT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IACrD,GAAG,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID,qBAAa,UAAW,SAAQ,QAAQ,CAAC,aAAa,CAAC;gBAEzC,MAAM,EAAE,aAAa;IAIxB,KAAK;CAwFf"}

package/dist/components/data/td-tour/td-tour-mask.class.js

@@ -0,0 +1,86 @@
+import { Div, Fragment, inject, SvgSvg, SvgPath, unref, } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { throwError } from '@type-dom/utils';
+import { useLockscreen } from '../../../hooks/use-lockscreen';
+import { useWindowSize } from '@type-dom/use';
+import { tourKey } from './tokens';
+const COMPONENT_NAME = 'TdTourMask';
+export class TdTourMask extends Fragment {
+    constructor(params) {
+        super(params);
+    }
+    setup() {
+        const props = this.props;
+        const tourContext = inject(tourKey);
+        if (!tourContext)
+            throwError(COMPONENT_NAME, 'can not inject tour context');
+        const { ns } = tourContext;
+        const visibleSignal = computed(() => unref(props.visible) ?? false);
+        const posSignal = computed(() => unref(props.pos));
+        const zIndexSignal = computed(() => unref(props.zIndex) ?? 1001);
+        const fillSignal = computed(() => unref(props.fill) ?? 'rgba(0,0,0,0.5)');
+        const styleSignal = computed(() => unref(props.style));
+        const targetAreaClickable = computed(() => unref(props.targetAreaClickable));
+        const radius = computed(() => posSignal.get()?.radius ?? 2);
+        const roundInfo = computed(() => {
+            const v = radius.get();
+            const baseInfo = `a${v},${v} 0 0 1`;
+            return {
+                topRight: `${baseInfo} ${v},${v}`,
+                bottomRight: `${baseInfo} ${-v},${v}`,
+                bottomLeft: `${baseInfo} ${-v},${-v}`,
+                topLeft: `${baseInfo} ${v},${-v}`,
+            };
+        });
+        const { width: windowWidth, height: windowHeight } = useWindowSize();
+        const path = computed(() => {
+            const width = windowWidth.get();
+            const height = windowHeight.get();
+            const info = roundInfo.get();
+            const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
+            const _radius = radius.get();
+            const pos = posSignal.get();
+            return pos
+                ? `${_path} M${pos.left + _radius},${pos.top} h${pos.width - _radius * 2} ${info.topRight} v${pos.height - _radius * 2} ${info.bottomRight} h${-pos.width + _radius * 2} ${info.bottomLeft} v${-pos.height + _radius * 2} ${info.topLeft} z`
+                : _path;
+        });
+        // 注意：inset 必须用字符串 '0'，不能用数值 0。
+        // framework 的 addUnit(0) 会因 !value 返回 ''，导致 styleObj 跳过该属性，
+        // 蒙板 position:fixed 失去四边偏移而塌缩成极小尺寸（遮罩“完全透明”）。
+        const maskStyle = computed(() => ({
+            position: 'fixed',
+            left: '0',
+            right: '0',
+            top: '0',
+            bottom: '0',
+            zIndex: zIndexSignal.get(),
+            pointerEvents: posSignal.get() && targetAreaClickable.get() ? 'none' : 'auto',
+            ...(styleSignal.get() ?? {}),
+        }));
+        const pathStyle = computed(() => ({
+            fill: fillSignal.get(),
+            pointerEvents: 'auto',
+            cursor: 'auto',
+        }));
+        useLockscreen(visibleSignal, { ns });
+        this.addChild(new Div({
+            vIf: visibleSignal,
+            class: ns.e('mask'),
+            styleObj: maskStyle,
+            slot: new SvgSvg({
+                styleObj: {
+                    width: '100%',
+                    height: '100%',
+                },
+                slot: new SvgPath({
+                    class: ns.e('hollow'),
+                    styleObj: pathStyle,
+                    attrObj: {
+                        d: path,
+                    },
+                }),
+            }),
+        }));
+    }
+}
+//# sourceMappingURL=td-tour-mask.class.js.map

package/dist/components/data/td-tour/td-tour-mask.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour-mask.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour-mask.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,MAAM,EAGN,MAAM,EACN,OAAO,EACP,KAAK,GACN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAYnC,MAAM,cAAc,GAAG,YAAY,CAAC;AAEpC,MAAM,OAAO,UAAW,SAAQ,QAAuB;IAErD,YAAY,MAAqB;QAC/B,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,WAAW;YAAE,UAAU,CAAC,cAAc,EAAE,6BAA6B,CAAC,CAAC;QAC5E,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,CAAC;QAE3B,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC;QACpE,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAmB,CAAC,CAAC;QACrE,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC;QACjE,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,CAAC;QAC1E,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAuC,CAAC,CAAC;QAC7F,MAAM,mBAAmB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAE7E,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;YACpC,OAAO;gBACL,QAAQ,EAAE,GAAG,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;gBACjC,WAAW,EAAE,GAAG,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE;gBACrC,UAAU,EAAE,GAAG,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;gBACrC,OAAO,EAAE,GAAG,QAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;aAClC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;QAErE,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;YACzB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAChC,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC;YAClC,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,IAAI,KAAK,cAAc,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAM,CAAC;YAChF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;YAC7B,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;YAC5B,OAAO,GAAG;gBACR,CAAC,CAAC,GAAG,KAAK,KAAK,GAAG,CAAC,IAAI,GAAG,OAAO,IAAI,GAAG,CAAC,GAAG,KACxC,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,CACxB,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,IAC5C,IAAI,CAAC,WACP,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,KAC9C,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,GAAG,CAC1B,IAAI,IAAI,CAAC,OAAO,IAAI;gBACtB,CAAC,CAAC,KAAK,CAAC;QACZ,CAAC,CAAC,CAAC;QAEH,+BAA+B;QAC/B,4DAA4D;QAC5D,8CAA8C;QAC9C,MAAM,SAAS,GAAG,QAAQ,CAAM,GAAG,EAAE,CAAC,CAAC;YACrC,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;YACV,GAAG,EAAE,GAAG;YACR,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,YAAY,CAAC,GAAG,EAAE;YAC1B,aAAa,EAAE,SAAS,CAAC,GAAG,EAAE,IAAI,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC7E,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;SAC7B,CAAC,CAAC,CAAC;QAEJ,MAAM,SAAS,GAAG,QAAQ,CAAM,GAAG,EAAE,CAAC,CAAC;YACrC,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE;YACtB,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,MAAM;SACf,CAAC,CAAC,CAAC;QAEJ,aAAa,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAErC,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;YACN,GAAG,EAAE,aAAa;YAClB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACnB,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,IAAI,MAAM,CAAC;gBACf,QAAQ,EAAE;oBACR,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf;gBACD,IAAI,EAAE,IAAI,OAAO,CAAC;oBAChB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;oBACrB,QAAQ,EAAE,SAAS;oBACnB,OAAO,EAAE;wBACP,CAAC,EAAE,IAAI;qBACR;iBACF,CAAC;aACH,CAAC;SACH,CAAC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/components/data/td-tour/td-tour-step.class.d.ts

@@ -0,0 +1,7 @@
+import { Fragment } from '@type-dom/framework';
+import type { TourStepProps } from './step';
+export declare class TdTourStep extends Fragment<TourStepProps> {
+    constructor(params: TourStepProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-tour-step.class.d.ts.map

package/dist/components/data/td-tour/td-tour-step.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour-step.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour-step.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,QAAQ,EAMT,MAAM,qBAAqB,CAAC;AAU7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAK5C,qBAAa,UAAW,SAAQ,QAAQ,CAAC,aAAa,CAAC;gBAEzC,MAAM,EAAE,aAAa;IAIxB,KAAK;CAiLf"}

package/dist/components/data/td-tour/td-tour-step.class.js

@@ -0,0 +1,164 @@
+import { Div, Span, Button, Header, Footer, Fragment, onMounted, onBeforeUnmount, inject, } from '@type-dom/framework';
+import { ElCloseSvg } from '@type-dom/svgs';
+import { computed, effect } from '@type-dom/signals';
+import { EVENT_CODE } from '../../../constants/aria';
+import { getEventCode, throwError } from '@type-dom/utils';
+import { omit } from 'lodash-es';
+import { useLocale } from '../../../hooks/use-locale';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { TdButton } from '../../basic/td-button/td-button.class';
+import { tourKey } from './tokens';
+const COMPONENT_NAME = 'TdTourStep';
+export class TdTourStep extends Fragment {
+    constructor(params) {
+        super(params);
+    }
+    setup() {
+        const props = this.props;
+        const { t } = useLocale();
+        const tourContext = inject(tourKey);
+        if (!tourContext)
+            throwError(COMPONENT_NAME, 'can not inject tour context');
+        const { current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, updateCurrent, onClose: tourOnClose, onFinish: tourOnFinish, } = tourContext;
+        const mergedShowClose = computed(() => props.showClose ?? showClose.get());
+        const mergedCloseIcon = computed(() => props.closeIcon ?? closeIcon.get() ?? ElCloseSvg);
+        const filterButtonProps = (btnProps) => {
+            if (!btnProps)
+                return;
+            return omit(btnProps, ['children', 'onClick']);
+        };
+        const onPrev = () => {
+            if (current.get() <= 0)
+                return;
+            updateCurrent(current.get() - 1);
+            if (props.prevButtonProps?.onClick) {
+                props.prevButtonProps.onClick();
+            }
+        };
+        const onNext = () => {
+            if (current.get() >= total.get() - 1) {
+                onFinish();
+            }
+            else {
+                updateCurrent(current.get() + 1);
+            }
+            if (props.nextButtonProps?.onClick) {
+                props.nextButtonProps.onClick();
+            }
+        };
+        const onFinish = () => {
+            onClose();
+            tourOnFinish();
+        };
+        const onClose = () => {
+            updateModelValue(false);
+            tourOnClose();
+        };
+        const handleKeydown = (e) => {
+            const target = e.target;
+            if (target?.isContentEditable)
+                return;
+            const code = getEventCode(e);
+            switch (code) {
+                case EVENT_CODE.left:
+                    e.preventDefault();
+                    if (current.get() > 0)
+                        onPrev();
+                    break;
+                case EVENT_CODE.right:
+                    e.preventDefault();
+                    onNext();
+                    break;
+            }
+        };
+        onMounted(() => {
+            window.addEventListener('keydown', handleKeydown);
+        });
+        onBeforeUnmount(() => {
+            window.removeEventListener('keydown', handleKeydown);
+        });
+        const showPrevButton = computed(() => current.get() > 0);
+        const showNextButton = computed(() => current.get() <= total.get() - 1);
+        const isLastStep = computed(() => current.get() === total.get() - 1);
+        const indicatorsContainer = new Div({
+            class: ns.b('indicators'),
+        });
+        effect(() => {
+            const currentIndex = current.get();
+            const totalCount = total.get();
+            indicatorsContainer.clearChildren();
+            if (tourSlots?.indicators) {
+                const indicatorSlot = tourSlots.indicators;
+                if (typeof indicatorSlot === 'function') {
+                    indicatorsContainer.addChild(indicatorSlot({ current: currentIndex + 1, total: totalCount }));
+                }
+                else {
+                    indicatorsContainer.addChild(indicatorSlot);
+                }
+            }
+            else {
+                for (let i = 0; i < totalCount; i++) {
+                    indicatorsContainer.addChild(new Span({
+                        class: [ns.b('indicator'), ns.is('active', i === currentIndex)],
+                    }));
+                }
+            }
+        });
+        this.addChildren(new Button({
+            vIf: mergedShowClose,
+            attrObj: {
+                'aria-label': t('el.tour.close'),
+                type: 'button',
+            },
+            class: ns.e('closebtn'),
+            onClick: onClose,
+            slot: new TdIcon({
+                class: ns.e('close'),
+                slot: () => {
+                    const IconComp = mergedCloseIcon.get();
+                    return new IconComp();
+                },
+            }),
+        }), new Header({
+            class: [ns.e('header'), props.showClose ? 'show-close' : ''],
+            slot: props.slots?.header ?? new Span({
+                attrObj: {
+                    role: 'heading',
+                },
+                class: ns.e('title'),
+                slot: props.title,
+            }),
+        }), new Div({
+            class: ns.e('body'),
+            slot: props.slot ?? props.slots?.default ?? new Span({ slot: props.description }),
+        }), new Footer({
+            class: ns.e('footer'),
+            slot: [
+                indicatorsContainer,
+                new Div({
+                    class: ns.b('buttons'),
+                    slot: [
+                        new TdButton({
+                            vIf: showPrevButton,
+                            size: 'small',
+                            type: mergedType.get() || '',
+                            onClick: onPrev,
+                            ...filterButtonProps(props.prevButtonProps),
+                            slot: props.prevButtonProps?.children ?? t('el.tour.previous'),
+                        }),
+                        new TdButton({
+                            vIf: showNextButton,
+                            size: 'small',
+                            type: mergedType.get() === 'primary' ? 'default' : 'primary',
+                            onClick: onNext,
+                            ...filterButtonProps(props.nextButtonProps),
+                            slot: computed(() => props.nextButtonProps?.children
+                                ?? (isLastStep.get() ? t('el.tour.finish') : t('el.tour.next'))),
+                        }),
+                    ],
+                }),
+            ],
+        }));
+    }
+}
+//# sourceMappingURL=td-tour-step.class.js.map

package/dist/components/data/td-tour/td-tour-step.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour-step.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour-step.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EAER,SAAS,EACT,eAAe,EACf,MAAM,GAEP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,MAAM,cAAc,GAAG,YAAY,CAAC;AAEpC,MAAM,OAAO,UAAW,SAAQ,QAAuB;IAErD,YAAY,MAAqB;QAC/B,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC;QAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,WAAW;YAAE,UAAU,CAAC,cAAc,EAAE,6BAA6B,CAAC,CAAC;QAE5E,MAAM,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,EAAE,EACF,KAAK,EAAE,SAAS,EAChB,gBAAgB,EAChB,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,GAAG,WAAW,CAAC;QAEhB,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3E,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC,CAAC;QAEzF,MAAM,iBAAiB,GAAG,CAAC,QAAuB,EAAE,EAAE;YACpD,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACtB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;gBAAE,OAAO;YAC/B,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,CAAC;gBACnC,KAAK,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAClC,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;gBACrC,QAAQ,EAAE,CAAC;YACb,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YACnC,CAAC;YACD,IAAI,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,CAAC;gBACnC,KAAK,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAClC,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,OAAO,EAAE,CAAC;YACV,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;YAC9C,IAAI,MAAM,EAAE,iBAAiB;gBAAE,OAAO;YACtC,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAE7B,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,UAAU,CAAC,IAAI;oBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;wBAAE,MAAM,EAAE,CAAC;oBAChC,MAAM;gBACR,KAAK,UAAU,CAAC,KAAK;oBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAM,EAAE,CAAC;oBACT,MAAM;YACV,CAAC;QACH,CAAC,CAAC;QAEF,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,eAAe,CAAC,GAAG,EAAE;YACnB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACzD,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACxE,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAErE,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAC;YAClC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;SAC1B,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;YACnC,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;YAE/B,mBAAmB,CAAC,aAAa,EAAE,CAAC;YAEpC,IAAI,SAAS,EAAE,UAAU,EAAE,CAAC;gBAC1B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;gBAC3C,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE,CAAC;oBACxC,mBAAmB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAW,CAAC,CAAC;gBAC1G,CAAC;qBAAM,CAAC;oBACN,mBAAmB,CAAC,QAAQ,CAAC,aAAuB,CAAC,CAAC;gBACxD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;oBACpC,mBAAmB,CAAC,QAAQ,CAC1B,IAAI,IAAI,CAAC;wBACP,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,YAAY,CAAC,CAAC;qBAChE,CAAC,CACH,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CACd,IAAI,MAAM,CAAC;YACT,GAAG,EAAE,eAAe;YACpB,OAAO,EAAE;gBACP,YAAY,EAAE,CAAC,CAAC,eAAe,CAAC;gBAChC,IAAI,EAAE,QAAQ;aACf;YACD,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;YACvB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,IAAI,MAAM,CAAC;gBACf,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;gBACpB,IAAI,EAAE,GAAG,EAAE;oBACT,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC;oBACvC,OAAO,IAAK,QAAqC,EAAE,CAAC;gBACtD,CAAC;aACF,CAAC;SACH,CAAC,EACF,IAAI,MAAM,CAAC;YACT,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,IAAI,IAAI,CAAC;gBACpC,OAAO,EAAE;oBACP,IAAI,EAAE,SAAS;iBAChB;gBACD,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;gBACpB,IAAI,EAAE,KAAK,CAAC,KAAK;aAClB,CAAC;SACH,CAAC,EACF,IAAI,GAAG,CAAC;YACN,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACnB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;SAClF,CAAC,EACF,IAAI,MAAM,CAAC;YACT,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrB,IAAI,EAAE;gBACJ,mBAAmB;gBACnB,IAAI,GAAG,CAAC;oBACN,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;oBACtB,IAAI,EAAE;wBACJ,IAAI,QAAQ,CAAC;4BACX,GAAG,EAAE,cAAc;4BACnB,IAAI,EAAE,OAAO;4BACb,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE;4BAC5B,OAAO,EAAE,MAAM;4BACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,eAAe,CAAC;4BAC3C,IAAI,EAAE,KAAK,CAAC,eAAe,EAAE,QAAQ,IAAI,CAAC,CAAC,kBAAkB,CAAC;yBAC/D,CAAC;wBACF,IAAI,QAAQ,CAAC;4BACX,GAAG,EAAE,cAAc;4BACnB,IAAI,EAAE,OAAO;4BACb,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;4BAC5D,OAAO,EAAE,MAAM;4BACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,eAAe,CAAC;4BAC3C,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAClB,KAAK,CAAC,eAAe,EAAE,QAAQ;mCAC5B,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAChE;yBACF,CAAC;qBACH;iBACF,CAAC;aACH;SACF,CAAC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/components/data/td-tour/td-tour.class.d.ts

@@ -0,0 +1,8 @@
+import { Fragment } from '@type-dom/framework';
+import type { TourProps, ITdTour } from './td-tour.interface';
+import './style/index';
+export declare class TdTour extends Fragment<TourProps> implements ITdTour {
+    constructor(params: TourProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-tour.class.d.ts.map

package/dist/components/data/td-tour/td-tour.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAK7B,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,eAAe,CAAC;AAEvB,qBAAa,MAAO,SAAQ,QAAQ,CAAC,SAAS,CAAE,YAAW,OAAO;gBAEpD,MAAM,EAAE,SAAS;IAMpB,KAAK;CAmDf"}

package/dist/components/data/td-tour/td-tour.class.js

@@ -0,0 +1,46 @@
+import { Div, Fragment, Teleport, addEmits, defaultProps, } from '@type-dom/framework';
+import { TdTourMask } from './td-tour-mask.class';
+import { TdTourContent } from './td-tour-content.class';
+import { tourProps, tourEmits } from './td-tour.const';
+import { useTour } from './use-tour';
+import './style/index';
+export class TdTour extends Fragment {
+    constructor(params) {
+        super(params);
+        defaultProps(this, tourProps);
+        addEmits(this, tourEmits);
+    }
+    setup() {
+        const props = this.props;
+        const { kls, mergedPlacement, mergedShowArrow, mergedZIndex, mergedContentStyle, mergedShowMask, triggerTarget, tourVisible, currentStepSlot, maskVisible, maskPos, maskFill, maskStyle, onEscClose, } = useTour(props);
+        this.addChild(new Teleport({
+            to: props.appendTo ?? 'body',
+            slot: new Div({
+                class: kls,
+                attrObj: props.attrObj,
+                slot: [
+                    new TdTourMask({
+                        vIf: mergedShowMask,
+                        visible: maskVisible,
+                        fill: maskFill,
+                        style: maskStyle,
+                        pos: maskPos,
+                        zIndex: mergedZIndex,
+                        targetAreaClickable: props.targetAreaClickable,
+                    }),
+                    new TdTourContent({
+                        vIf: tourVisible,
+                        reference: triggerTarget,
+                        placement: mergedPlacement,
+                        showArrow: mergedShowArrow,
+                        zIndex: mergedZIndex,
+                        styleObj: mergedContentStyle,
+                        onClose: onEscClose,
+                        slot: currentStepSlot,
+                    }),
+                ],
+            }),
+        }));
+    }
+}
+//# sourceMappingURL=td-tour.class.js.map

package/dist/components/data/td-tour/td-tour.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,GAIb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,MAAO,SAAQ,QAAmB;IAE7C,YAAY,MAAiB;QAC3B,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC9B,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC5B,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,MAAM,EACJ,GAAG,EACH,eAAe,EACf,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,GACX,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,CAAC,QAAQ,CACX,IAAI,QAAQ,CAAC;YACX,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM;YAC5B,IAAI,EAAE,IAAI,GAAG,CAAC;gBACZ,KAAK,EAAE,GAAG;gBACV,OAAO,EAAE,KAAK,CAAC,OAAkD;gBACjE,IAAI,EAAE;oBACJ,IAAI,UAAU,CAAC;wBACb,GAAG,EAAE,cAAc;wBACnB,OAAO,EAAE,WAAW;wBACpB,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,SAAS;wBAChB,GAAG,EAAE,OAAO;wBACZ,MAAM,EAAE,YAAY;wBACpB,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;qBAC/C,CAAC;oBACF,IAAI,aAAa,CAAC;wBAChB,GAAG,EAAE,WAAW;wBAChB,SAAS,EAAE,aAAa;wBACxB,SAAS,EAAE,eAAe;wBAC1B,SAAS,EAAE,eAAe;wBAC1B,MAAM,EAAE,YAAY;wBACpB,QAAQ,EAAE,kBAAkB;wBAC5B,OAAO,EAAE,UAAU;wBACnB,IAAI,EAAE,eAAoC;qBAC3C,CAAC;iBACH;aACF,CAAC;SACH,CAAC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/components/data/td-tour/td-tour.const.d.ts

@@ -0,0 +1,10 @@
+import type { TourProps } from './td-tour.interface';
+export declare const tourProps: TourProps;
+export declare const tourEmits: {
+    "update:modelValue": (value: boolean) => boolean;
+    'update:current': (value: number) => boolean;
+    close: (current: number) => boolean;
+    finish: () => boolean;
+    change: (current: number) => boolean;
+};
+//# sourceMappingURL=td-tour.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour.const.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,SAqBvB,CAAC;AAEF,eAAO,MAAM,SAAS;iCACU,OAAO;8BACX,MAAM;qBACf,MAAM;;sBAEG,MAAM;CACjC,CAAC"}

package/dist/components/data/td-tour/td-tour.const.js

@@ -0,0 +1,32 @@
+import { isBoolean, isNumber } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants';
+export const tourProps = {
+    modelValue: false,
+    current: 0,
+    showArrow: true,
+    showClose: true,
+    closeIcon: undefined,
+    placement: 'bottom',
+    contentStyle: undefined,
+    mask: true,
+    gap: {
+        offset: 6,
+        radius: 2,
+    },
+    zIndex: undefined,
+    scrollIntoViewOptions: {
+        block: 'center',
+    },
+    type: undefined,
+    appendTo: 'body',
+    closeOnPressEscape: true,
+    targetAreaClickable: true,
+};
+export const tourEmits = {
+    [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
+    'update:current': (value) => isNumber(value),
+    close: (current) => isNumber(current),
+    finish: () => true,
+    [CHANGE_EVENT]: (current) => isNumber(current),
+};
+//# sourceMappingURL=td-tour.const.js.map

package/dist/components/data/td-tour/td-tour.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour.const.js","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGtE,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,IAAI;IACV,GAAG,EAAE;QACH,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE,SAAS;IACjB,qBAAqB,EAAE;QACrB,KAAK,EAAE,QAAQ;KAChB;IACD,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,MAAM;IAChB,kBAAkB,EAAE,IAAI;IACxB,mBAAmB,EAAE,IAAI;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,gBAAgB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;IACpD,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;IAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,CAAC,YAAY,CAAC,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;CACvD,CAAC"}

package/dist/components/data/td-tour/td-tour.interface.d.ts

@@ -0,0 +1,46 @@
+import { IFragment, ISlotItem, FragmentProps, ISlots, Ref, SvgSvg } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import type { CSSProperties } from '@type-dom/framework';
+import type { TourContentProps } from './content';
+import type { TourStepProps } from './step';
+import type { TourGap, TourMask } from './types';
+import type { UseNamespaceReturn } from '../../../hooks/use-namespace/index';
+export interface ITdTour extends IFragment {
+}
+export interface TourProps extends FragmentProps {
+    modelValue?: boolean;
+    vModel?: Signal<boolean>;
+    current?: number;
+    showArrow?: boolean;
+    showClose?: boolean;
+    closeIcon?: typeof SvgSvg;
+    placement?: TourContentProps['placement'];
+    contentStyle?: CSSProperties;
+    mask?: TourMask;
+    gap?: TourGap;
+    zIndex?: number;
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+    type?: 'default' | 'primary';
+    appendTo?: string | HTMLElement;
+    closeOnPressEscape?: boolean;
+    targetAreaClickable?: boolean;
+    slots?: {
+        default?: ISlotItem;
+        indicators?: ISlotItem;
+    };
+}
+export interface TourContext {
+    currentStep: Ref<TourStepProps | undefined>;
+    current: Signal<number>;
+    total: Signal<number>;
+    showClose: Ref<boolean>;
+    closeIcon: Ref<typeof SvgSvg | undefined>;
+    mergedType: Ref<'default' | 'primary' | undefined>;
+    ns: UseNamespaceReturn;
+    slots: ISlots;
+    updateModelValue(modelValue: boolean): void;
+    updateCurrent(val: number): void;
+    onClose(): void;
+    onFinish(): void;
+}
+//# sourceMappingURL=td-tour.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tour.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/td-tour.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,MAAM,WAAW,OAAQ,SAAQ,SAAS;CACzC;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IACxD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,UAAU,CAAC,EAAE,SAAS,CAAC;KACxB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,EAAE,GAAG,CAAC,OAAO,MAAM,GAAG,SAAS,CAAC,CAAC;IAC1C,UAAU,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IACnD,EAAE,EAAE,kBAAkB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,IAAI,IAAI,CAAC;CAClB"}

package/dist/components/data/td-tour/td-tour.interface.js

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

package/dist/components/data/td-tour/td-tour.interface.js.map

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

package/dist/components/data/td-tour/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from '@type-dom/framework';
+import type { TourContext } from './td-tour.interface';
+export declare const tourKey: InjectionKey<TourContext>;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/components/data/td-tour/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tour/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,WAAW,CAAoB,CAAC"}

package/dist/components/data/td-tour/tokens.js

@@ -0,0 +1,2 @@
+export const tourKey = Symbol('TdTour');
+//# sourceMappingURL=tokens.js.map

package/dist/components/data/td-tour/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../src/components/data/td-tour/tokens.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAA8B,MAAM,CAAC,QAAQ,CAAC,CAAC"}

package/dist/components/data/td-tour/types.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties } from '@type-dom/framework';
+import type { TdButtonProps } from '../../basic/td-button/td-button.interface';
+export type TourMask = boolean | {
+    style?: CSSProperties;
+    color?: string;
+};
+export interface TourGap {
+    offset?: number | [number, number];
+    radius?: number;
+}
+export type TourBtnProps = {
+    children?: string;
+    onClick?: () => void;
+} & Partial<TdButtonProps> & Record<string, any>;
+export interface PosInfo {
+    left: number;
+    top: number;
+    height: number;
+    width: number;
+    radius: number;
+}
+//# sourceMappingURL=types.d.ts.map