@sdata/web-vue 1.19.0 → 2.1.1

package/es/tour/tour.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,1219 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
+import Button from "../button/index.js";
+import usePopupManager from "../_hooks/use-popup-manager.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderSlot, shallowRef, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+import { unrefElement, useElementBounding, useEventListener, useResizeObserver, useWindowSize } from "@vueuse/core";
+import { Motion } from "motion-v";
+//#region components/tour/tour.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["viewBox"];
+var _hoisted_2 = [
+	"d",
+	"fill",
+	"opacity"
+];
+var DEFAULT_PREVIOUS_TEXT = "上一步";
+var DEFAULT_NEXT_TEXT = "下一步";
+var DEFAULT_DONE_TEXT = "完成";
+var DEFAULT_PROGRESS_TEXT = "{{current}} / {{total}}";
+var tour_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Tour",
+	inheritAttrs: false
+}), {}, {
+	__name: "tour",
+	props: {
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultVisible: {
+			type: Boolean,
+			default: false
+		},
+		current: {
+			type: Number,
+			default: void 0
+		},
+		defaultCurrent: {
+			type: Number,
+			default: 0
+		},
+		steps: {
+			type: Array,
+			default: () => []
+		},
+		zIndex: {
+			type: Number,
+			default: void 0
+		},
+		animate: {
+			type: Boolean,
+			default: void 0
+		},
+		allowClose: {
+			type: Boolean,
+			default: void 0
+		},
+		allowKeyboardControl: {
+			type: Boolean,
+			default: void 0
+		},
+		overlayClickBehavior: {
+			type: [String, Function],
+			default: void 0
+		},
+		overlayOpacity: {
+			type: Number,
+			default: void 0
+		},
+		overlayColor: {
+			type: String,
+			default: void 0
+		},
+		smoothScroll: {
+			type: Boolean,
+			default: void 0
+		},
+		disableActiveInteraction: {
+			type: Boolean,
+			default: void 0
+		},
+		showProgress: {
+			type: Boolean,
+			default: void 0
+		},
+		stagePadding: {
+			type: Number,
+			default: void 0
+		},
+		stageRadius: {
+			type: Number,
+			default: void 0
+		},
+		popoverOffset: {
+			type: Number,
+			default: void 0
+		},
+		showButtons: {
+			type: Array,
+			default: void 0
+		},
+		disableButtons: {
+			type: Array,
+			default: void 0
+		},
+		prevBtnText: {
+			type: String,
+			default: void 0
+		},
+		nextBtnText: {
+			type: String,
+			default: void 0
+		},
+		doneBtnText: {
+			type: String,
+			default: void 0
+		},
+		progressText: {
+			type: String,
+			default: void 0
+		},
+		popoverClass: {
+			type: String,
+			default: void 0
+		},
+		buttonProps: {
+			type: Object,
+			default: void 0
+		},
+		onHighlightStarted: {
+			type: Function,
+			default: void 0
+		},
+		onHighlighted: {
+			type: Function,
+			default: void 0
+		},
+		onDeselected: {
+			type: Function,
+			default: void 0
+		},
+		onDestroyed: {
+			type: Function,
+			default: void 0
+		},
+		onDestroyStarted: {
+			type: Function,
+			default: void 0
+		},
+		onPopoverRender: {
+			type: Function,
+			default: void 0
+		},
+		onNextClick: {
+			type: Function,
+			default: void 0
+		},
+		onPrevClick: {
+			type: Function,
+			default: void 0
+		},
+		onCloseClick: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:visible",
+		"visibleChange",
+		"update:current",
+		"change",
+		"close"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const DEFAULT_SHOW_BUTTONS = [
+			"next",
+			"previous",
+			"close"
+		];
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("tour");
+		const overlayClass = `${prefixCls}-overlay`;
+		const overlayAnimatedClass = `${prefixCls}-overlay-animated`;
+		const popoverShellClass = `${prefixCls}-popover-shell`;
+		const popoverTitleId = `${prefixCls}-popover-title`;
+		const popoverDescriptionId = `${prefixCls}-popover-description`;
+		const popoverContentId = `${prefixCls}-popover-content`;
+		const activeElementClass = `${prefixCls}-active-element`;
+		const noInteractionClass = `${prefixCls}-no-interaction`;
+		const activeBodyClass = `${prefixCls}-active`;
+		const fadeBodyClass = `${prefixCls}-fade`;
+		const staticBodyClass = `${prefixCls}-static`;
+		const dummyElementId = `${prefixCls}-dummy-element`;
+		const internalVisible = shallowRef(props.defaultVisible);
+		const internalCurrent = shallowRef(props.defaultCurrent);
+		const configOverride = shallowRef({});
+		const stepOverride = shallowRef(null);
+		const highlightedStep = shallowRef(null);
+		const activeIndex = shallowRef(void 0);
+		const activeStep = shallowRef(void 0);
+		const activeElement = shallowRef(null);
+		const previousStep = shallowRef(void 0);
+		const previousElement = shallowRef(null);
+		const activeRect = shallowRef(null);
+		const mounted = shallowRef(false);
+		const isInitialized = shallowRef(false);
+		const activeOnDestroyed = shallowRef(null);
+		const popoverRef = shallowRef(null);
+		const arrowRef = shallowRef(null);
+		const titleRef = shallowRef(null);
+		const descriptionRef = shallowRef(null);
+		const footerRef = shallowRef(null);
+		const previousButtonVmRef = shallowRef(null);
+		const nextButtonVmRef = shallowRef(null);
+		const closeButtonVmRef = shallowRef(null);
+		const footerButtonsRef = shallowRef(null);
+		const progressRef = shallowRef(null);
+		const { width: viewportWidth, height: viewportHeight } = useWindowSize();
+		const viewport = computed(() => ({
+			width: viewportWidth.value,
+			height: viewportHeight.value
+		}));
+		const mergedVisible = computed(() => {
+			var _props$visible;
+			return (_props$visible = props.visible) !== null && _props$visible !== void 0 ? _props$visible : internalVisible.value;
+		});
+		const { zIndex: dialogZIndex, close: releaseDialogLayer } = usePopupManager("dialog", { visible: mergedVisible });
+		const mergedZIndex = computed(() => {
+			if (typeof props.zIndex === "number" && !Number.isNaN(props.zIndex)) return props.zIndex;
+			return dialogZIndex.value > 0 ? dialogZIndex.value - 1 : 1e3;
+		});
+		const mergedSteps = computed(() => {
+			var _stepOverride$value;
+			return (_stepOverride$value = stepOverride.value) !== null && _stepOverride$value !== void 0 ? _stepOverride$value : props.steps;
+		});
+		const userConfig = computed(() => {
+			return Object.fromEntries(Object.entries({
+				animate: props.animate,
+				allowClose: props.allowClose,
+				allowKeyboardControl: props.allowKeyboardControl,
+				overlayClickBehavior: props.overlayClickBehavior,
+				overlayOpacity: props.overlayOpacity,
+				overlayColor: props.overlayColor,
+				smoothScroll: props.smoothScroll,
+				disableActiveInteraction: props.disableActiveInteraction,
+				showProgress: props.showProgress,
+				stagePadding: props.stagePadding,
+				stageRadius: props.stageRadius,
+				popoverOffset: props.popoverOffset,
+				showButtons: props.showButtons,
+				disableButtons: props.disableButtons,
+				prevBtnText: props.prevBtnText,
+				nextBtnText: props.nextBtnText,
+				doneBtnText: props.doneBtnText,
+				progressText: props.progressText,
+				popoverClass: props.popoverClass,
+				buttonProps: props.buttonProps,
+				onHighlightStarted: props.onHighlightStarted,
+				onHighlighted: props.onHighlighted,
+				onDeselected: props.onDeselected,
+				onDestroyed: props.onDestroyed,
+				onDestroyStarted: props.onDestroyStarted,
+				onPopoverRender: props.onPopoverRender,
+				onNextClick: props.onNextClick,
+				onPrevClick: props.onPrevClick,
+				onCloseClick: props.onCloseClick
+			}).filter(([, value]) => value !== void 0));
+		});
+		const mergedConfig = computed(() => {
+			const override = configOverride.value;
+			return _objectSpread2(_objectSpread2({
+				animate: true,
+				allowClose: true,
+				allowKeyboardControl: true,
+				overlayClickBehavior: "close",
+				overlayOpacity: .7,
+				smoothScroll: false,
+				disableActiveInteraction: false,
+				showProgress: false,
+				stagePadding: 10,
+				stageRadius: 5,
+				popoverOffset: 10,
+				showButtons: DEFAULT_SHOW_BUTTONS,
+				disableButtons: [],
+				overlayColor: "#000",
+				prevBtnText: DEFAULT_PREVIOUS_TEXT,
+				nextBtnText: DEFAULT_NEXT_TEXT,
+				doneBtnText: DEFAULT_DONE_TEXT,
+				progressText: DEFAULT_PROGRESS_TEXT
+			}, userConfig.value), override);
+		});
+		const isActive = computed(() => isInitialized.value && Boolean(activeStep.value && activeRect.value));
+		const isFirstStep = computed(() => activeIndex.value === 0);
+		const isLastStep = computed(() => {
+			if (highlightedStep.value) return true;
+			const steps = mergedSteps.value;
+			return typeof activeIndex.value === "number" && activeIndex.value === steps.length - 1;
+		});
+		const displayCurrent = computed(() => typeof activeIndex.value === "number" ? activeIndex.value + 1 : 1);
+		const displayTotal = computed(() => highlightedStep.value ? 1 : Math.max(mergedSteps.value.length, 1));
+		const popoverElement = computed(() => getElementFromRef(popoverRef.value));
+		const { x: activeX, y: activeY, width: activeWidth, height: activeHeight, update: updateActiveBounding } = useElementBounding(activeElement, {
+			immediate: true,
+			windowResize: true,
+			windowScroll: true,
+			updateTiming: "next-frame"
+		});
+		const getComponentElement = (instance) => {
+			if (!instance) return null;
+			const element = instance.$el;
+			return element instanceof HTMLElement ? element : null;
+		};
+		const getElementFromRef = (value) => {
+			const element = unrefElement(value);
+			return element instanceof HTMLElement ? element : null;
+		};
+		const popoverDom = computed(() => ({
+			wrapper: getElementFromRef(popoverRef.value),
+			arrow: arrowRef.value,
+			title: titleRef.value,
+			description: descriptionRef.value,
+			footer: footerRef.value,
+			previousButton: getComponentElement(previousButtonVmRef.value),
+			nextButton: getComponentElement(nextButtonVmRef.value),
+			closeButton: getComponentElement(closeButtonVmRef.value),
+			footerButtons: footerButtonsRef.value,
+			progress: progressRef.value
+		}));
+		const tourState = computed(() => ({
+			isInitialized: isInitialized.value,
+			activeIndex: activeIndex.value,
+			activeStep: activeStep.value,
+			activeElement: activeElement.value,
+			previousStep: previousStep.value,
+			previousElement: previousElement.value,
+			popover: popoverDom.value
+		}));
+		const resolvedPopover = computed(() => {
+			var _activeStep$value$pop, _activeStep$value;
+			const popover = (_activeStep$value$pop = (_activeStep$value = activeStep.value) === null || _activeStep$value === void 0 ? void 0 : _activeStep$value.popover) !== null && _activeStep$value$pop !== void 0 ? _activeStep$value$pop : {};
+			const contentProps = normalizeElementProps(popover.contentClass, popover.contentStyle);
+			const titleProps = normalizeHtmlProps(popover.titleProps);
+			const descriptionProps = normalizeHtmlProps(popover.descriptionProps);
+			const footerProps = normalizeHtmlProps(popover.footerProps);
+			return _objectSpread2(_objectSpread2({}, popover), {}, {
+				contentProps,
+				contentStyle: contentProps.style,
+				titleProps,
+				descriptionProps,
+				footerProps
+			});
+		});
+		const hasTitle = computed(() => Boolean(resolvedPopover.value.title || slots.title));
+		const hasDescription = computed(() => Boolean(resolvedPopover.value.description || slots.description));
+		const resolvedShowButtons = computed(() => {
+			var _mergedConfig$value$s;
+			const popoverButtons = resolvedPopover.value.showButtons;
+			const configButtons = (_mergedConfig$value$s = mergedConfig.value.showButtons) !== null && _mergedConfig$value$s !== void 0 ? _mergedConfig$value$s : DEFAULT_SHOW_BUTTONS;
+			const sourceButtons = (popoverButtons === null || popoverButtons === void 0 ? void 0 : popoverButtons.length) ? popoverButtons : configButtons;
+			return [
+				"previous",
+				"next",
+				...mergedConfig.value.allowClose !== false ? ["close"] : []
+			].filter((button) => {
+				return !(sourceButtons === null || sourceButtons === void 0 ? void 0 : sourceButtons.length) || sourceButtons.includes(button);
+			});
+		});
+		const resolvedDisableButtons = computed(() => {
+			var _mergedConfig$value$d, _resolvedPopover$valu;
+			const disabledButtons = [...(_mergedConfig$value$d = mergedConfig.value.disableButtons) !== null && _mergedConfig$value$d !== void 0 ? _mergedConfig$value$d : [], ...(_resolvedPopover$valu = resolvedPopover.value.disableButtons) !== null && _resolvedPopover$valu !== void 0 ? _resolvedPopover$valu : []];
+			if (isFirstStep.value) disabledButtons.push("previous");
+			return Array.from(new Set(disabledButtons));
+		});
+		const showProgress = computed(() => {
+			var _ref, _resolvedPopover$valu2;
+			return (_ref = (_resolvedPopover$valu2 = resolvedPopover.value.showProgress) !== null && _resolvedPopover$valu2 !== void 0 ? _resolvedPopover$valu2 : mergedConfig.value.showProgress) !== null && _ref !== void 0 ? _ref : false;
+		});
+		const showCloseButton = computed(() => resolvedShowButtons.value.includes("close"));
+		const showPreviousButton = computed(() => resolvedShowButtons.value.includes("previous"));
+		const showNextButton = computed(() => resolvedShowButtons.value.includes("next"));
+		const showFooter = computed(() => {
+			if (slots.footer) return true;
+			return showProgress.value || showCloseButton.value || showPreviousButton.value || showNextButton.value;
+		});
+		const progressVisibilityStyle = computed(() => ({ display: showProgress.value ? "block" : "none" }));
+		const previousButtonText = computed(() => {
+			var _ref2, _resolvedPopover$valu3;
+			return (_ref2 = (_resolvedPopover$valu3 = resolvedPopover.value.prevBtnText) !== null && _resolvedPopover$valu3 !== void 0 ? _resolvedPopover$valu3 : mergedConfig.value.prevBtnText) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_PREVIOUS_TEXT;
+		});
+		const nextButtonText = computed(() => {
+			var _ref4, _resolvedPopover$valu5;
+			if (isLastStep.value) {
+				var _ref3, _resolvedPopover$valu4;
+				return (_ref3 = (_resolvedPopover$valu4 = resolvedPopover.value.doneBtnText) !== null && _resolvedPopover$valu4 !== void 0 ? _resolvedPopover$valu4 : mergedConfig.value.doneBtnText) !== null && _ref3 !== void 0 ? _ref3 : DEFAULT_DONE_TEXT;
+			}
+			return (_ref4 = (_resolvedPopover$valu5 = resolvedPopover.value.nextBtnText) !== null && _resolvedPopover$valu5 !== void 0 ? _resolvedPopover$valu5 : mergedConfig.value.nextBtnText) !== null && _ref4 !== void 0 ? _ref4 : DEFAULT_NEXT_TEXT;
+		});
+		const progressText = computed(() => {
+			var _ref5, _resolvedPopover$valu6;
+			return ((_ref5 = (_resolvedPopover$valu6 = resolvedPopover.value.progressText) !== null && _resolvedPopover$valu6 !== void 0 ? _resolvedPopover$valu6 : mergedConfig.value.progressText) !== null && _ref5 !== void 0 ? _ref5 : DEFAULT_PROGRESS_TEXT).replaceAll("{{current}}", `${displayCurrent.value}`).replaceAll("{{total}}", `${displayTotal.value}`).replaceAll("{current}", `${displayCurrent.value}`).replaceAll("{total}", `${displayTotal.value}`);
+		});
+		const previousButtonProps = computed(() => mergeButtonProps("previous", { type: "secondary" }));
+		const nextButtonProps = computed(() => mergeButtonProps(isLastStep.value ? "done" : "next", { type: "primary" }));
+		const closeButtonProps = computed(() => mergeButtonProps("close", {
+			type: "text",
+			htmlType: "button"
+		}));
+		const popoverClasses = computed(() => {
+			return [
+				`${prefixCls}-popover`,
+				mergedConfig.value.popoverClass,
+				resolvedPopover.value.popoverClass
+			].filter(Boolean).join(" ");
+		});
+		const overlayStyle = computed(() => ({
+			zIndex: `${mergedZIndex.value}`,
+			position: "fixed",
+			inset: "0",
+			width: "100%",
+			height: "100%",
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			strokeLinejoin: "round",
+			strokeMiterlimit: "2"
+		}));
+		const overlayPath = computed(() => {
+			var _mergedConfig$value$s2, _mergedConfig$value$s3;
+			if (!activeRect.value) return "";
+			return buildOverlayPath(activeRect.value, viewport.value, (_mergedConfig$value$s2 = mergedConfig.value.stagePadding) !== null && _mergedConfig$value$s2 !== void 0 ? _mergedConfig$value$s2 : 0, (_mergedConfig$value$s3 = mergedConfig.value.stageRadius) !== null && _mergedConfig$value$s3 !== void 0 ? _mergedConfig$value$s3 : 0);
+		});
+		const popoverPlacement = shallowRef({
+			side: "bottom",
+			align: "start"
+		});
+		const popoverShellStyle = shallowRef({ zIndex: `${mergedZIndex.value + 1}` });
+		const popoverStyle = shallowRef({ zIndex: `${mergedZIndex.value + 1}` });
+		const motionState = {
+			initial: {
+				opacity: 0,
+				scale: .92,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			transition: {
+				type: "spring",
+				stiffness: 320,
+				damping: 28,
+				mass: .9,
+				layout: {
+					type: "spring",
+					stiffness: 300,
+					damping: 30,
+					mass: .85
+				}
+			}
+		};
+		const arrowClasses = computed(() => {
+			return [
+				popoverPlacement.value.side ? `${prefixCls}-popover-arrow-side-${popoverPlacement.value.side}` : "",
+				popoverPlacement.value.align ? `${prefixCls}-popover-arrow-align-${popoverPlacement.value.align}` : "",
+				popoverPlacement.value.side ? "" : `${prefixCls}-popover-arrow-none`
+			];
+		});
+		const normalizeIndex = (value) => {
+			const steps = mergedSteps.value;
+			if (!steps.length) return 0;
+			if (typeof value !== "number" || Number.isNaN(value)) return 0;
+			return Math.min(Math.max(value, 0), steps.length - 1);
+		};
+		const syncVisible = (value) => {
+			if (internalVisible.value !== value) internalVisible.value = value;
+			emit("update:visible", value);
+			emit("visibleChange", value);
+		};
+		const syncCurrent = (value) => {
+			if (typeof value !== "number" || Number.isNaN(value)) return;
+			const normalized = normalizeIndex(value);
+			const previous = internalCurrent.value;
+			internalCurrent.value = normalized;
+			if (previous !== normalized) {
+				emit("update:current", normalized);
+				emit("change", normalized, previous);
+			}
+		};
+		function normalizeHtmlProps(propsValue) {
+			return propsValue !== null && propsValue !== void 0 ? propsValue : {};
+		}
+		function normalizeElementProps(className, style) {
+			const normalized = {};
+			if (className) normalized.class = className;
+			if (style) normalized.style = style;
+			return normalized;
+		}
+		function mergeButtonProps(kind, fallback) {
+			var _mergedConfig$value$b, _resolvedPopover$valu7;
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ size: "small" }, kind === "close" ? { type: "text" } : {}), fallback), (_mergedConfig$value$b = mergedConfig.value.buttonProps) === null || _mergedConfig$value$b === void 0 ? void 0 : _mergedConfig$value$b[kind]), (_resolvedPopover$valu7 = resolvedPopover.value.buttonProps) === null || _resolvedPopover$valu7 === void 0 ? void 0 : _resolvedPopover$valu7[kind]);
+		}
+		function getActiveHookOptions() {
+			return {
+				config: mergedConfig.value,
+				state: tourState.value,
+				controller: controllerRef.value
+			};
+		}
+		function invokeHook(hook, element, step) {
+			hook === null || hook === void 0 || hook(element, step, getActiveHookOptions());
+		}
+		function invokePopoverRender() {
+			var _resolvedPopover$valu8;
+			const hook = (_resolvedPopover$valu8 = resolvedPopover.value.onPopoverRender) !== null && _resolvedPopover$valu8 !== void 0 ? _resolvedPopover$valu8 : mergedConfig.value.onPopoverRender;
+			hook === null || hook === void 0 || hook(popoverDom.value, getActiveHookOptions());
+		}
+		function ensureDummyElement() {
+			if (typeof document === "undefined") return null;
+			const existing = document.getElementById(dummyElementId);
+			if (existing instanceof HTMLElement) return existing;
+			const element = document.createElement("div");
+			element.id = dummyElementId;
+			element.style.width = "0";
+			element.style.height = "0";
+			element.style.pointerEvents = "none";
+			element.style.opacity = "0";
+			element.style.position = "fixed";
+			element.style.top = "50%";
+			element.style.left = "50%";
+			document.body.appendChild(element);
+			return element;
+		}
+		function resolveStepElement(step) {
+			if (typeof document === "undefined") return null;
+			const rawElement = step.element;
+			if (typeof rawElement === "function") {
+				const resolved = rawElement();
+				return resolved instanceof HTMLElement ? resolved : ensureDummyElement();
+			}
+			if (typeof rawElement === "string") {
+				const resolved = document.querySelector(rawElement);
+				return resolved instanceof HTMLElement ? resolved : ensureDummyElement();
+			}
+			if (rawElement instanceof HTMLElement) return rawElement;
+			return ensureDummyElement();
+		}
+		function focusFirstInteractive() {
+			var _candidates$;
+			(_candidates$ = [
+				getComponentElement(previousButtonVmRef.value),
+				getComponentElement(nextButtonVmRef.value),
+				getComponentElement(closeButtonVmRef.value),
+				activeElement.value
+			].filter((item) => Boolean(item && !item.hasAttribute("disabled")))[0]) === null || _candidates$ === void 0 || _candidates$.focus();
+		}
+		function clearElementState(element) {
+			if (!element) return;
+			element.classList.remove(activeElementClass, noInteractionClass);
+			element.style.removeProperty("--sd-tour-active-z-index");
+			element.removeAttribute("aria-haspopup");
+			element.removeAttribute("aria-expanded");
+			element.removeAttribute("aria-controls");
+		}
+		function applyElementState(element, step) {
+			var _step$disableActiveIn;
+			clearElementState(element);
+			const disableInteraction = (_step$disableActiveIn = step.disableActiveInteraction) !== null && _step$disableActiveIn !== void 0 ? _step$disableActiveIn : mergedConfig.value.disableActiveInteraction;
+			element.classList.add(activeElementClass);
+			if (disableInteraction) element.classList.add(noInteractionClass);
+			element.style.setProperty("--sd-tour-active-z-index", `${mergedZIndex.value + 1}`);
+			element.setAttribute("aria-haspopup", "dialog");
+			element.setAttribute("aria-expanded", "true");
+			element.setAttribute("aria-controls", popoverContentId);
+		}
+		function updateLayout() {
+			return _updateLayout.apply(this, arguments);
+		}
+		function _updateLayout() {
+			_updateLayout = _asyncToGenerator(function* () {
+				if (!activeElement.value) return;
+				yield nextTick();
+				activeRect.value = activeElement.value.getBoundingClientRect();
+				updateActiveBounding();
+				yield nextTick();
+				placePopover();
+			});
+			return _updateLayout.apply(this, arguments);
+		}
+		function teardown(triggerCloseEvent, currentStepIndex, previousActiveStep = activeStep.value) {
+			var _mergedConfig$value$o, _mergedConfig$value, _activeOnDestroyed$va;
+			const element = activeElement.value;
+			clearElementState(element);
+			previousElement.value = element;
+			previousStep.value = previousActiveStep;
+			activeElement.value = null;
+			activeStep.value = void 0;
+			activeRect.value = null;
+			activeIndex.value = void 0;
+			highlightedStep.value = null;
+			isInitialized.value = false;
+			syncVisible(false);
+			(_mergedConfig$value$o = (_mergedConfig$value = mergedConfig.value).onDestroyed) === null || _mergedConfig$value$o === void 0 || _mergedConfig$value$o.call(_mergedConfig$value, element !== null && element !== void 0 ? element : void 0, previousActiveStep, getActiveHookOptions());
+			if (triggerCloseEvent) emit("close", currentStepIndex);
+			(_activeOnDestroyed$va = activeOnDestroyed.value) === null || _activeOnDestroyed$va === void 0 || _activeOnDestroyed$va.focus();
+			activeOnDestroyed.value = null;
+		}
+		function requestDestroy(allowGuard = true) {
+			const currentStepIndex = activeIndex.value;
+			const step = activeStep.value;
+			const element = activeElement.value;
+			if (allowGuard && mergedConfig.value.onDestroyStarted) {
+				mergedConfig.value.onDestroyStarted(element !== null && element !== void 0 ? element : void 0, step, getActiveHookOptions());
+				return;
+			}
+			if (step) {
+				var _step$onDeselected;
+				invokeHook((_step$onDeselected = step.onDeselected) !== null && _step$onDeselected !== void 0 ? _step$onDeselected : mergedConfig.value.onDeselected, element !== null && element !== void 0 ? element : void 0, step);
+			}
+			teardown(true, currentStepIndex, step);
+		}
+		function activateStep(_x, _x2) {
+			return _activateStep.apply(this, arguments);
+		}
+		function _activateStep() {
+			_activateStep = _asyncToGenerator(function* (step, stepIndex) {
+				var _activeOnDestroyed$va2, _step$onHighlightStar, _step$onHighlighted;
+				const element = resolveStepElement(step);
+				if (!element) return;
+				const previousActiveStep = activeStep.value;
+				const previousActiveElement = activeElement.value;
+				if (previousActiveStep && previousActiveElement && previousActiveElement !== element) {
+					var _previousActiveStep$o;
+					invokeHook((_previousActiveStep$o = previousActiveStep.onDeselected) !== null && _previousActiveStep$o !== void 0 ? _previousActiveStep$o : mergedConfig.value.onDeselected, previousActiveElement, previousActiveStep);
+					clearElementState(previousActiveElement);
+				}
+				(_activeOnDestroyed$va2 = activeOnDestroyed.value) !== null && _activeOnDestroyed$va2 !== void 0 || (activeOnDestroyed.value = document.activeElement instanceof HTMLElement ? document.activeElement : null);
+				previousStep.value = previousActiveStep;
+				previousElement.value = previousActiveElement;
+				activeStep.value = step;
+				activeElement.value = element;
+				activeIndex.value = stepIndex;
+				isInitialized.value = true;
+				syncVisible(true);
+				if (typeof stepIndex === "number") syncCurrent(stepIndex);
+				invokeHook((_step$onHighlightStar = step.onHighlightStarted) !== null && _step$onHighlightStar !== void 0 ? _step$onHighlightStar : mergedConfig.value.onHighlightStarted, element, step);
+				if (mergedConfig.value.smoothScroll) {
+					var _element$scrollIntoVi;
+					(_element$scrollIntoVi = element.scrollIntoView) === null || _element$scrollIntoVi === void 0 || _element$scrollIntoVi.call(element, {
+						behavior: "smooth",
+						block: "center",
+						inline: "center"
+					});
+				} else {
+					var _element$scrollIntoVi2;
+					(_element$scrollIntoVi2 = element.scrollIntoView) === null || _element$scrollIntoVi2 === void 0 || _element$scrollIntoVi2.call(element, {
+						behavior: "auto",
+						block: "center",
+						inline: "center"
+					});
+				}
+				applyElementState(element, step);
+				yield updateLayout();
+				yield nextTick();
+				invokeHook((_step$onHighlighted = step.onHighlighted) !== null && _step$onHighlighted !== void 0 ? _step$onHighlighted : mergedConfig.value.onHighlighted, element, step);
+				invokePopoverRender();
+				focusFirstInteractive();
+			});
+			return _activateStep.apply(this, arguments);
+		}
+		function driveTo() {
+			return _driveTo.apply(this, arguments);
+		}
+		function _driveTo() {
+			_driveTo = _asyncToGenerator(function* (stepIndex = ((_props$current) => (_props$current = props.current) !== null && _props$current !== void 0 ? _props$current : internalCurrent.value)()) {
+				if (!mergedSteps.value.length) return;
+				highlightedStep.value = null;
+				const targetIndex = normalizeIndex(stepIndex);
+				yield activateStep(mergedSteps.value[targetIndex], targetIndex);
+			});
+			return _driveTo.apply(this, arguments);
+		}
+		function isButtonDisabled(button) {
+			return resolvedDisableButtons.value.includes(button);
+		}
+		function moveTo(stepIndex) {
+			if (!mergedSteps.value.length) return;
+			driveTo(stepIndex);
+		}
+		function movePrevious() {
+			if (typeof activeIndex.value !== "number") return;
+			const nextIndex = activeIndex.value - 1;
+			if (nextIndex < 0) {
+				requestDestroy();
+				return;
+			}
+			moveTo(nextIndex);
+		}
+		function moveNext() {
+			if (highlightedStep.value) {
+				requestDestroy();
+				return;
+			}
+			if (typeof activeIndex.value !== "number") return;
+			const nextIndex = activeIndex.value + 1;
+			if (mergedSteps.value[nextIndex]) {
+				moveTo(nextIndex);
+				return;
+			}
+			requestDestroy();
+		}
+		function highlight(_x3) {
+			return _highlight.apply(this, arguments);
+		}
+		function _highlight() {
+			_highlight = _asyncToGenerator(function* (step) {
+				highlightedStep.value = step;
+				yield activateStep(_objectSpread2(_objectSpread2({}, step), {}, { popover: _objectSpread2(_objectSpread2({}, step.popover), {}, {
+					showButtons: [],
+					showProgress: false,
+					progressText: ""
+				}) }), void 0);
+			});
+			return _highlight.apply(this, arguments);
+		}
+		function closeTour() {
+			requestDestroy();
+		}
+		function closeTourForce() {
+			requestDestroy(false);
+		}
+		function resolveHook(hook) {
+			return hook;
+		}
+		function handlePreviousButtonClick() {
+			var _resolvedPopover$valu9;
+			if (isButtonDisabled("previous")) return;
+			const hook = resolveHook((_resolvedPopover$valu9 = resolvedPopover.value.onPrevClick) !== null && _resolvedPopover$valu9 !== void 0 ? _resolvedPopover$valu9 : mergedConfig.value.onPrevClick);
+			if (hook) {
+				var _activeElement$value;
+				hook((_activeElement$value = activeElement.value) !== null && _activeElement$value !== void 0 ? _activeElement$value : void 0, activeStep.value, getActiveHookOptions());
+				return;
+			}
+			movePrevious();
+		}
+		function handleNextButtonClick() {
+			var _resolvedPopover$valu10;
+			if (isButtonDisabled("next")) return;
+			const hook = resolveHook((_resolvedPopover$valu10 = resolvedPopover.value.onNextClick) !== null && _resolvedPopover$valu10 !== void 0 ? _resolvedPopover$valu10 : mergedConfig.value.onNextClick);
+			if (hook) {
+				var _activeElement$value2;
+				hook((_activeElement$value2 = activeElement.value) !== null && _activeElement$value2 !== void 0 ? _activeElement$value2 : void 0, activeStep.value, getActiveHookOptions());
+				return;
+			}
+			moveNext();
+		}
+		function handleCloseButtonClick() {
+			var _resolvedPopover$valu11;
+			if (isButtonDisabled("close")) return;
+			const hook = resolveHook((_resolvedPopover$valu11 = resolvedPopover.value.onCloseClick) !== null && _resolvedPopover$valu11 !== void 0 ? _resolvedPopover$valu11 : mergedConfig.value.onCloseClick);
+			if (hook) {
+				var _activeElement$value3;
+				hook((_activeElement$value3 = activeElement.value) !== null && _activeElement$value3 !== void 0 ? _activeElement$value3 : void 0, activeStep.value, getActiveHookOptions());
+				return;
+			}
+			closeTour();
+		}
+		function handleOverlayClick() {
+			const behavior = mergedConfig.value.overlayClickBehavior;
+			if (behavior === "close") {
+				if (mergedConfig.value.allowClose !== false) closeTour();
+				return;
+			}
+			if (behavior === "nextStep") {
+				moveNext();
+				return;
+			}
+			if (typeof behavior === "function") {
+				var _activeElement$value4;
+				behavior((_activeElement$value4 = activeElement.value) !== null && _activeElement$value4 !== void 0 ? _activeElement$value4 : void 0, activeStep.value, getActiveHookOptions());
+			}
+		}
+		function syncTourActivityClasses(active) {
+			if (typeof document === "undefined") return;
+			document.body.classList.toggle(activeBodyClass, active);
+			document.body.classList.toggle(fadeBodyClass, active && mergedConfig.value.animate !== false);
+			document.body.classList.toggle(staticBodyClass, active && mergedConfig.value.animate === false);
+		}
+		function handleDocumentClick(event) {
+			var _activeElement$value5, _popoverElement$value;
+			if (!isActive.value) return;
+			const target = event.target;
+			if (!(target instanceof Node)) return;
+			if (((_activeElement$value5 = activeElement.value) === null || _activeElement$value5 === void 0 ? void 0 : _activeElement$value5.contains(target)) || ((_popoverElement$value = popoverElement.value) === null || _popoverElement$value === void 0 ? void 0 : _popoverElement$value.contains(target))) return;
+			event.preventDefault();
+			event.stopPropagation();
+			event.stopImmediatePropagation();
+			handleOverlayClick();
+		}
+		function handleKeyup(event) {
+			if (!isActive.value || mergedConfig.value.allowKeyboardControl === false) return;
+			if (event.key === "Escape") {
+				closeTour();
+				return;
+			}
+			if (event.key === "ArrowRight") {
+				handleNextButtonClick();
+				return;
+			}
+			if (event.key === "ArrowLeft") handlePreviousButtonClick();
+		}
+		function placePopover() {
+			var _mergedConfig$value$s4, _mergedConfig$value$p, _resolvedPopover$valu12, _resolvedPopover$valu13;
+			if (!activeRect.value || !popoverElement.value || !activeElement.value) return;
+			const rect = activeRect.value;
+			const popover = popoverElement.value.getBoundingClientRect();
+			const arrowSize = 10;
+			const padding = (_mergedConfig$value$s4 = mergedConfig.value.stagePadding) !== null && _mergedConfig$value$s4 !== void 0 ? _mergedConfig$value$s4 : 0;
+			const offset = (_mergedConfig$value$p = mergedConfig.value.popoverOffset) !== null && _mergedConfig$value$p !== void 0 ? _mergedConfig$value$p : 10;
+			const preferredSide = activeElement.value.id === dummyElementId ? "over" : (_resolvedPopover$valu12 = resolvedPopover.value.side) !== null && _resolvedPopover$valu12 !== void 0 ? _resolvedPopover$valu12 : "bottom";
+			const preferredAlign = (_resolvedPopover$valu13 = resolvedPopover.value.align) !== null && _resolvedPopover$valu13 !== void 0 ? _resolvedPopover$valu13 : "start";
+			const positions = calculatePopoverPosition({
+				rect,
+				popover,
+				size: viewport.value,
+				side: preferredSide,
+				align: preferredAlign,
+				offset,
+				padding,
+				arrowSize
+			});
+			popoverPlacement.value = positions.placement;
+			popoverShellStyle.value = {
+				left: positions.style.left,
+				top: positions.style.top,
+				right: positions.style.right,
+				bottom: positions.style.bottom,
+				zIndex: `${mergedZIndex.value + 1}`
+			};
+			popoverStyle.value = { zIndex: `${mergedZIndex.value + 1}` };
+		}
+		useResizeObserver(activeElement, () => {
+			if (!mounted.value || !activeElement.value) return;
+			updateLayout();
+		});
+		useResizeObserver(popoverElement, () => {
+			if (!mounted.value || !isActive.value) return;
+			placePopover();
+		});
+		useEventListener("keyup", handleKeyup);
+		useEventListener(document, "click", handleDocumentClick, { capture: true });
+		const controllerRef = shallowRef({
+			isActive: () => isActive.value,
+			refresh: () => {
+				updateLayout();
+			},
+			drive: (stepIndex = 0) => {
+				driveTo(stepIndex);
+			},
+			setConfig: (config) => {
+				configOverride.value = _objectSpread2(_objectSpread2({}, configOverride.value), config);
+			},
+			setSteps: (steps) => {
+				stepOverride.value = steps;
+			},
+			getConfig: () => mergedConfig.value,
+			getState: () => tourState.value,
+			getActiveIndex: () => activeIndex.value,
+			isFirstStep: () => isFirstStep.value,
+			isLastStep: () => isLastStep.value,
+			getActiveStep: () => activeStep.value,
+			getActiveElement: () => activeElement.value,
+			getPreviousElement: () => previousElement.value,
+			getPreviousStep: () => previousStep.value,
+			moveNext,
+			movePrevious,
+			moveTo,
+			hasNextStep: () => {
+				return typeof activeIndex.value === "number" && Boolean(mergedSteps.value[activeIndex.value + 1]);
+			},
+			hasPreviousStep: () => {
+				return typeof activeIndex.value === "number" && Boolean(activeIndex.value > 0);
+			},
+			highlight: (step) => {
+				highlight(step);
+			},
+			destroy: () => {
+				closeTourForce();
+			}
+		});
+		function buildOverlayPath(rect, size, stagePadding, stageRadius) {
+			const width = rect.width + stagePadding * 2;
+			const height = rect.height + stagePadding * 2;
+			const radius = Math.floor(Math.max(Math.min(stageRadius, width / 2, height / 2), 0));
+			const x = rect.x - stagePadding + radius;
+			const y = rect.y - stagePadding;
+			const horizontal = width - radius * 2;
+			const vertical = height - radius * 2;
+			return `M${size.width},0L0,0L0,${size.height}L${size.width},${size.height}L${size.width},0Z M${x},${y} h${horizontal} a${radius},${radius} 0 0 1 ${radius},${radius} v${vertical} a${radius},${radius} 0 0 1 -${radius},${radius} h-${horizontal} a${radius},${radius} 0 0 1 -${radius},-${radius} v-${vertical} a${radius},${radius} 0 0 1 ${radius},-${radius} z`;
+		}
+		function calculateAxisPosition(align, rectStart, rectSize, popoverSize, viewportSize, arrowSize) {
+			if (align === "center") return Math.max(Math.min(rectStart + rectSize / 2 - popoverSize / 2, viewportSize - popoverSize - arrowSize), arrowSize);
+			if (align === "end") return Math.max(Math.min(rectStart + rectSize - popoverSize, viewportSize - popoverSize - arrowSize), arrowSize);
+			return Math.max(Math.min(rectStart, viewportSize - popoverSize - arrowSize), arrowSize);
+		}
+		function calculatePopoverPosition(options) {
+			const { rect, popover, size, side, align, offset, padding, arrowSize } = options;
+			const topSpace = rect.top - (popover.height + offset + padding);
+			const bottomSpace = size.height - (rect.bottom + popover.height + offset + padding);
+			const leftSpace = rect.left - (popover.width + offset + padding);
+			const rightSpace = size.width - (rect.right + popover.width + offset + padding);
+			const style = {
+				left: "auto",
+				top: "auto",
+				right: "auto",
+				bottom: "auto"
+			};
+			const placement = {
+				side: side !== null && side !== void 0 ? side : "bottom",
+				align: align !== null && align !== void 0 ? align : "start"
+			};
+			const applyTop = () => {
+				style.top = `${Math.max(topSpace, arrowSize)}px`;
+				style.left = `${calculateAxisPosition(align, rect.left, rect.width, popover.width, size.width, arrowSize)}px`;
+				placement.side = "top";
+			};
+			const applyBottom = () => {
+				style.top = `${Math.min(rect.bottom + offset, size.height - popover.height - arrowSize)}px`;
+				style.left = `${calculateAxisPosition(align, rect.left, rect.width, popover.width, size.width, arrowSize)}px`;
+				placement.side = "bottom";
+			};
+			const applyLeft = () => {
+				style.left = `${Math.max(leftSpace, arrowSize)}px`;
+				style.top = `${calculateAxisPosition(align, rect.top, rect.height, popover.height, size.height, arrowSize)}px`;
+				placement.side = "left";
+			};
+			const applyRight = () => {
+				style.left = `${Math.min(rect.right + offset, size.width - popover.width - arrowSize)}px`;
+				style.top = `${calculateAxisPosition(align, rect.top, rect.height, popover.height, size.height, arrowSize)}px`;
+				placement.side = "right";
+			};
+			const applyCenter = () => {
+				style.left = `${Math.max((size.width - popover.width) / 2, arrowSize)}px`;
+				style.top = `${Math.max((size.height - popover.height) / 2, arrowSize)}px`;
+				placement.side = "over";
+				placement.align = "center";
+			};
+			if (side === "over") {
+				applyCenter();
+				return {
+					style,
+					placement
+				};
+			}
+			if (side === "top" && topSpace >= 0) {
+				applyTop();
+				return {
+					style,
+					placement
+				};
+			}
+			if (side === "bottom" && bottomSpace >= 0) {
+				applyBottom();
+				return {
+					style,
+					placement
+				};
+			}
+			if (side === "left" && leftSpace >= 0) {
+				applyLeft();
+				return {
+					style,
+					placement
+				};
+			}
+			if (side === "right" && rightSpace >= 0) {
+				applyRight();
+				return {
+					style,
+					placement
+				};
+			}
+			if (bottomSpace >= 0) applyBottom();
+			else if (topSpace >= 0) applyTop();
+			else if (rightSpace >= 0) applyRight();
+			else if (leftSpace >= 0) applyLeft();
+			else applyCenter();
+			return {
+				style,
+				placement
+			};
+		}
+		onMounted(() => {
+			mounted.value = true;
+			syncTourActivityClasses(isActive.value);
+			if (mergedVisible.value) driveTo();
+		});
+		onBeforeUnmount(() => {
+			syncTourActivityClasses(false);
+			closeTourForce();
+			releaseDialogLayer();
+		});
+		watch(mergedVisible, (visible) => {
+			if (!mounted.value) return;
+			if (visible) {
+				driveTo();
+				return;
+			}
+			closeTourForce();
+		});
+		watch(() => props.current, (value) => {
+			if (!mounted.value || !mergedVisible.value || typeof value !== "number") return;
+			moveTo(value);
+		});
+		watch(() => [props.steps, userConfig.value], () => {
+			var _activeIndex$value;
+			if (!mounted.value || !mergedVisible.value) return;
+			if (highlightedStep.value) {
+				highlight(highlightedStep.value);
+				return;
+			}
+			driveTo((_activeIndex$value = activeIndex.value) !== null && _activeIndex$value !== void 0 ? _activeIndex$value : internalCurrent.value);
+		}, { deep: true });
+		watch(mergedZIndex, () => {
+			if (!isActive.value) return;
+			placePopover();
+		});
+		watch(isActive, (active) => {
+			syncTourActivityClasses(active);
+		});
+		watch([
+			activeX,
+			activeY,
+			activeWidth,
+			activeHeight,
+			viewportWidth,
+			viewportHeight
+		], () => {
+			if (!mounted.value || !activeElement.value) return;
+			activeRect.value = new DOMRect(activeX.value, activeY.value, activeWidth.value, activeHeight.value);
+			if (!isActive.value) return;
+			placePopover();
+		});
+		__expose({
+			drive: driveTo,
+			moveNext,
+			movePrevious,
+			moveTo,
+			highlight,
+			destroy: closeTourForce,
+			refresh: () => controllerRef.value.refresh(),
+			isActive: () => controllerRef.value.isActive(),
+			getController: () => controllerRef.value,
+			getState: () => controllerRef.value.getState()
+		});
+		return (_ctx, _cache) => {
+			var _mergedConfig$value$o2, _mergedConfig$value$o3;
+			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), (openBlock(), createBlock(Teleport, { to: "body" }, [mounted.value && isActive.value && activeRect.value && activeStep.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(), createElementBlock("svg", {
+				class: normalizeClass([overlayClass, { [overlayAnimatedClass]: mergedConfig.value.animate !== false }]),
+				style: normalizeStyle(overlayStyle.value),
+				viewBox: `0 0 ${viewport.value.width} ${viewport.value.height}`,
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				"xml:space": "preserve",
+				xmlns: "http://www.w3.org/2000/svg",
+				preserveAspectRatio: "xMinYMin slice",
+				version: "1.1"
+			}, [createElementVNode("path", {
+				d: overlayPath.value,
+				fill: (_mergedConfig$value$o2 = mergedConfig.value.overlayColor) !== null && _mergedConfig$value$o2 !== void 0 ? _mergedConfig$value$o2 : "#000",
+				opacity: `${(_mergedConfig$value$o3 = mergedConfig.value.overlayOpacity) !== null && _mergedConfig$value$o3 !== void 0 ? _mergedConfig$value$o3 : .7}`,
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd"
+			}, null, 8, _hoisted_2)], 14, _hoisted_1)), createElementVNode("dialog", {
+				open: "",
+				class: normalizeClass(popoverShellClass),
+				style: normalizeStyle(popoverShellStyle.value),
+				"aria-labelledby": popoverTitleId,
+				"aria-describedby": popoverDescriptionId
+			}, [createVNode(unref(Motion), {
+				ref_key: "popoverRef",
+				ref: popoverRef,
+				class: normalizeClass(popoverClasses.value),
+				style: normalizeStyle(popoverStyle.value),
+				layout: true,
+				initial: motionState.initial,
+				animate: motionState.animate,
+				transition: motionState.transition
+			}, {
+				default: withCtx(() => [
+					showCloseButton.value ? (openBlock(), createBlock(unref(Button), mergeProps({
+						key: 0,
+						ref_key: "closeButtonVmRef",
+						ref: closeButtonVmRef
+					}, closeButtonProps.value, {
+						class: `${unref(prefixCls)}-popover-close-btn`,
+						disabled: isButtonDisabled("close"),
+						onClick: handleCloseButtonClick
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "close-button", {
+							step: activeStep.value,
+							current: activeIndex.value,
+							controller: controllerRef.value,
+							state: tourState.value
+						}, () => [_cache[0] || (_cache[0] = createTextVNode(" × ", -1))])]),
+						_: 3
+					}, 16, ["class", "disabled"])) : createCommentVNode("", true),
+					createElementVNode("div", {
+						ref_key: "arrowRef",
+						ref: arrowRef,
+						class: normalizeClass([`${unref(prefixCls)}-popover-arrow`, arrowClasses.value])
+					}, null, 2),
+					createElementVNode("div", mergeProps({ class: `${unref(prefixCls)}-content` }, resolvedPopover.value.contentProps, { style: resolvedPopover.value.contentStyle }), [hasTitle.value ? (openBlock(), createElementBlock("header", mergeProps({
+						key: 0,
+						id: popoverTitleId,
+						ref_key: "titleRef",
+						ref: titleRef,
+						class: `${unref(prefixCls)}-popover-title`
+					}, resolvedPopover.value.titleProps), [renderSlot(_ctx.$slots, "title", {
+						step: activeStep.value,
+						current: activeIndex.value,
+						title: resolvedPopover.value.title,
+						controller: controllerRef.value,
+						state: tourState.value
+					}, () => [createTextVNode(toDisplayString(resolvedPopover.value.title), 1)])], 16)) : createCommentVNode("", true), hasDescription.value ? (openBlock(), createElementBlock("div", mergeProps({
+						key: 1,
+						id: popoverDescriptionId,
+						ref_key: "descriptionRef",
+						ref: descriptionRef,
+						class: `${unref(prefixCls)}-popover-description`
+					}, resolvedPopover.value.descriptionProps), [renderSlot(_ctx.$slots, "description", {
+						step: activeStep.value,
+						current: activeIndex.value,
+						description: resolvedPopover.value.description,
+						controller: controllerRef.value,
+						state: tourState.value
+					}, () => [createTextVNode(toDisplayString(resolvedPopover.value.description), 1)])], 16)) : createCommentVNode("", true)], 16),
+					showFooter.value ? (openBlock(), createElementBlock("footer", mergeProps({
+						key: 1,
+						ref_key: "footerRef",
+						ref: footerRef,
+						class: `${unref(prefixCls)}-popover-footer`
+					}, resolvedPopover.value.footerProps), [createElementVNode("div", {
+						ref_key: "progressRef",
+						ref: progressRef,
+						class: normalizeClass(`${unref(prefixCls)}-popover-progress-text`),
+						style: normalizeStyle(progressVisibilityStyle.value)
+					}, [renderSlot(_ctx.$slots, "progress", {
+						step: activeStep.value,
+						current: displayCurrent.value,
+						total: displayTotal.value,
+						text: progressText.value,
+						controller: controllerRef.value,
+						state: tourState.value
+					}, () => [createTextVNode(toDisplayString(progressText.value), 1)])], 6), createElementVNode("div", {
+						ref_key: "footerButtonsRef",
+						ref: footerButtonsRef,
+						class: normalizeClass(`${unref(prefixCls)}-popover-navigation-btns`)
+					}, [renderSlot(_ctx.$slots, "footer", {
+						step: activeStep.value,
+						current: activeIndex.value,
+						isFirst: isFirstStep.value,
+						isLast: isLastStep.value,
+						moveNext,
+						movePrevious,
+						close: closeTour,
+						controller: controllerRef.value,
+						state: tourState.value
+					}, () => [showPreviousButton.value ? (openBlock(), createBlock(unref(Button), mergeProps({
+						key: 0,
+						ref_key: "previousButtonVmRef",
+						ref: previousButtonVmRef
+					}, previousButtonProps.value, {
+						class: `${unref(prefixCls)}-popover-prev-btn`,
+						disabled: isButtonDisabled("previous"),
+						onClick: handlePreviousButtonClick
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "previous-button", {
+							step: activeStep.value,
+							current: activeIndex.value,
+							text: previousButtonText.value,
+							controller: controllerRef.value,
+							state: tourState.value
+						}, () => [createTextVNode(toDisplayString(previousButtonText.value), 1)])]),
+						_: 3
+					}, 16, ["class", "disabled"])) : createCommentVNode("", true), showNextButton.value ? (openBlock(), createBlock(unref(Button), mergeProps({
+						key: 1,
+						ref_key: "nextButtonVmRef",
+						ref: nextButtonVmRef
+					}, nextButtonProps.value, {
+						class: `${unref(prefixCls)}-popover-next-btn`,
+						disabled: isButtonDisabled("next"),
+						onClick: handleNextButtonClick
+					}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "next-button", {
+							step: activeStep.value,
+							current: activeIndex.value,
+							isLast: isLastStep.value,
+							text: nextButtonText.value,
+							controller: controllerRef.value,
+							state: tourState.value
+						}, () => [createTextVNode(toDisplayString(nextButtonText.value), 1)])]),
+						_: 3
+					}, 16, ["class", "disabled"])) : createCommentVNode("", true)])], 2)], 16)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"style",
+				"initial",
+				"animate",
+				"transition"
+			])], 4)], 64)) : createCommentVNode("", true)]))], 64);
+		};
+	}
+}));
+//#endregion
+export { tour_vue_vue_type_script_setup_true_lang_default as default };