@class-kit/vue 0.1.1 → 0.1.3

package/dist/components/toast.js

@@ -1,15 +1,70 @@
-import { defineComponent, ref, watch, h, shallowRef, onBeforeUnmount } from 'vue';
+import { defineComponent, ref, watch, onBeforeUnmount, h, shallowRef, Teleport, nextTick } from 'vue';
 import { ToastManager, configureClassComponents } from '@class-kit/core';
+export { ToastManager } from '@class-kit/core';
 
 const defaultToastManager = /*#__PURE__*/ new ToastManager();
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function classIcon(name, className = "cc-icon") {
+    return h("svg", {
+        "aria-hidden": "true",
+        class: className,
+        fill: "none",
+        focusable: "false",
+        viewBox: "0 0 24 24",
+    }, classIconPaths[name].map((d) => h("path", {
+        d,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": 2,
+        stroke: "currentColor",
+    })));
+}
 function resolveClassKitThemeName(theme) {
+    var _a;
     if (typeof theme === "string")
         return theme;
-    return theme?.name ?? "minimal";
+    return (_a = theme === null || theme === void 0 ? void 0 : theme.name) !== null && _a !== void 0 ? _a : "minimal";
+}
+function applyDocumentTheme(themeName) {
+    if (typeof document === "undefined")
+        return undefined;
+    const root = document.documentElement;
+    const previousTheme = root.getAttribute("data-cc-theme");
+    const previousPage = root.getAttribute("data-cc-theme-page");
+    root.setAttribute("data-cc-theme", themeName);
+    root.setAttribute("data-cc-theme-page", "true");
+    return () => {
+        if (previousTheme === null)
+            root.removeAttribute("data-cc-theme");
+        else
+            root.setAttribute("data-cc-theme", previousTheme);
+        if (previousPage === null)
+            root.removeAttribute("data-cc-theme-page");
+        else
+            root.setAttribute("data-cc-theme-page", previousPage);
+    };
 }
 defineComponent({
     name: "ClassConfigProvider",
     props: {
+        applyGlobalTheme: {
+            type: Boolean,
+            default: true,
+        },
         class: {
             type: String,
             default: "",
@@ -29,6 +84,7 @@ defineComponent({
     },
     setup(props, { slots }) {
         const version = ref(0);
+        let restoreDocumentTheme;
         const applyConfig = () => {
             configureClassComponents({
                 locale: props.locale,
@@ -36,20 +92,37 @@ defineComponent({
             });
             version.value += 1;
         };
+        const applyGlobalTheme = () => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+            restoreDocumentTheme = props.applyGlobalTheme
+                ? applyDocumentTheme(resolveClassKitThemeName(props.theme))
+                : undefined;
+        };
         watch(() => [props.locale, props.theme], applyConfig, {
             deep: true,
             immediate: true,
         });
-        return () => h("div", {
-            class: ["cc-config-provider", props.class].filter(Boolean),
-            "data-cc-theme": resolveClassKitThemeName(props.theme),
-            style: props.style,
-        }, [
-            h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
-        ]);
+        watch(() => [props.applyGlobalTheme, props.theme], applyGlobalTheme, {
+            deep: true,
+            immediate: true,
+        });
+        onBeforeUnmount(() => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+        });
+        return () => {
+            var _a;
+            return h("div", {
+                class: ["cc-config-provider", props.class].filter(Boolean),
+                "data-cc-theme": resolveClassKitThemeName(props.theme),
+                style: props.style,
+            }, [
+                h("div", { key: version.value, class: "cc-config-provider__content" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
     },
 });
 function resolveAnimation(animation, fallbackName) {
+    var _a, _b, _c, _d;
     if (animation === false) {
         return {
             duration: 0,
@@ -59,10 +132,10 @@ function resolveAnimation(animation, fallbackName) {
         };
     }
     return {
-        duration: animation?.duration ?? 180,
-        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
-        enabled: animation?.enabled ?? true,
-        name: animation?.name ?? fallbackName,
+        duration: (_a = animation === null || animation === void 0 ? void 0 : animation.duration) !== null && _a !== void 0 ? _a : 180,
+        easing: (_b = animation === null || animation === void 0 ? void 0 : animation.easing) !== null && _b !== void 0 ? _b : "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: (_c = animation === null || animation === void 0 ? void 0 : animation.enabled) !== null && _c !== void 0 ? _c : true,
+        name: (_d = animation === null || animation === void 0 ? void 0 : animation.name) !== null && _d !== void 0 ? _d : fallbackName,
     };
 }
 function animationStyle(animation) {
@@ -71,6 +144,14 @@ function animationStyle(animation) {
         "--cc-animation-easing": animation.easing,
     };
 }
+function normalizeToastMaxVisible(maxVisible) {
+    if (typeof maxVisible !== "number" || !Number.isFinite(maxVisible))
+        return 3;
+    return Math.max(1, Math.min(6, Math.floor(maxVisible)));
+}
+function isToastTopPosition(position) {
+    return (position === "top" || position === "top-left" || position === "top-right");
+}
 const ClassToastViewport = /*#__PURE__*/ defineComponent({
     name: "ClassToastViewport",
     inheritAttrs: false,
@@ -80,6 +161,10 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
             default: undefined,
         },
         manager: Object,
+        maxVisible: {
+            type: Number,
+            default: undefined,
+        },
         position: {
             type: String,
             default: "top-right",
@@ -90,38 +175,114 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
         },
     },
     setup(props, { attrs, slots }) {
-        const manager = props.manager ?? defaultToastManager;
-        const items = shallowRef(manager.getToasts());
-        const getVisibleItems = (source) => source.filter((item) => item.position === props.position);
-        const renderedItems = shallowRef(getVisibleItems(items.value).map((item) => ({ item, state: "enter" })));
+        var _a;
+        const activeManager = shallowRef((_a = props.manager) !== null && _a !== void 0 ? _a : defaultToastManager);
+        const items = shallowRef(activeManager.value.getToasts());
+        const getVisibleItems = (source) => {
+            const positionItems = source.filter((item) => item.position === props.position);
+            const visible = positionItems.slice(Math.max(0, positionItems.length - normalizeToastMaxVisible(props.maxVisible)));
+            return isToastTopPosition(props.position)
+                ? [...visible].reverse()
+                : visible;
+        };
+        const renderedItems = shallowRef(getVisibleItems(items.value).map((item) => ({
+            item,
+            motion: false,
+            state: "enter",
+        })));
+        const toastNodes = new Map();
+        let rects = new Map();
         let timer;
         let frame = 0;
+        let flipFrame = 0;
+        const setToastNode = (id, node) => {
+            if (node instanceof HTMLElement)
+                toastNodes.set(id, node);
+            else
+                toastNodes.delete(id);
+        };
+        const runFlip = async (motion) => {
+            if (flipFrame)
+                cancelAnimationFrame(flipFrame);
+            await nextTick();
+            const previousRects = rects;
+            const nextRects = new Map();
+            const activeIds = new Set(renderedItems.value
+                .filter((entry) => entry.motion && entry.state !== "exit")
+                .map(({ item }) => item.id));
+            toastNodes.forEach((node, id) => {
+                if (!activeIds.has(id))
+                    return;
+                const rect = node.getBoundingClientRect();
+                nextRects.set(id, rect);
+                const previous = previousRects.get(id);
+                if (!previous)
+                    return;
+                const deltaY = previous.top - rect.top;
+                if (Math.abs(deltaY) < 1)
+                    return;
+                node.style.transition = "none";
+                node.style.setProperty("--cc-toast-stack-offset", `${deltaY}px`);
+                node.style.willChange = "transform, opacity";
+            });
+            flipFrame = requestAnimationFrame(() => {
+                toastNodes.forEach((node, id) => {
+                    if (!nextRects.has(id))
+                        return;
+                    node.style.transition = `transform ${motion.duration}ms ${motion.easing}, opacity ${motion.duration}ms ${motion.easing}, margin ${motion.duration}ms ${motion.easing}`;
+                    node.style.removeProperty("--cc-toast-stack-offset");
+                    window.setTimeout(() => {
+                        node.style.transition = "";
+                        node.style.willChange = "";
+                    }, motion.duration);
+                });
+                flipFrame = 0;
+            });
+            rects = nextRects;
+        };
         const syncRenderedItems = (nextItems) => {
             if (frame)
                 cancelAnimationFrame(frame);
+            const motion = resolveAnimation(props.animation, "slide");
             const currentIds = new Set(renderedItems.value.map(({ item }) => item.id));
             const incomingIds = new Set(nextItems.map((item) => item.id));
+            const incomingById = new Map(nextItems.map((item) => [item.id, item]));
             const enteringIds = nextItems
                 .filter((item) => !currentIds.has(item.id))
                 .map((item) => item.id);
-            const next = nextItems.map((item) => ({
-                item,
-                state: currentIds.has(item.id) ? "enter" : "exit",
-            }));
-            const exiting = renderedItems.value
-                .filter(({ item }) => !incomingIds.has(item.id))
-                .map(({ item }) => ({ item, state: "exit" }));
-            renderedItems.value = [...next, ...exiting];
+            const retainedOrExiting = renderedItems.value.map(({ item }) => {
+                var _a;
+                return ({
+                    item: (_a = incomingById.get(item.id)) !== null && _a !== void 0 ? _a : item,
+                    motion: !incomingIds.has(item.id),
+                    state: incomingIds.has(item.id)
+                        ? "enter"
+                        : "exit",
+                });
+            });
+            const entering = nextItems
+                .filter((item) => !currentIds.has(item.id))
+                .map((item) => ({ item, motion: true, state: "prepare" }));
+            renderedItems.value = [...retainedOrExiting, ...entering];
+            void runFlip(motion);
             if (enteringIds.length) {
                 frame = requestAnimationFrame(() => {
                     renderedItems.value = renderedItems.value.map((entry) => enteringIds.includes(entry.item.id)
                         ? { ...entry, state: "enter" }
                         : entry);
                 });
+                const clearMotion = () => {
+                    renderedItems.value = renderedItems.value.map((entry) => enteringIds.includes(entry.item.id) && entry.state === "enter"
+                        ? { ...entry, motion: false }
+                        : entry);
+                };
+                if (!motion.enabled || motion.duration <= 0)
+                    clearMotion();
+                else
+                    setTimeout(clearMotion, motion.duration);
             }
-            if (!exiting.length)
+            if (!retainedOrExiting.some((entry) => entry.state === "exit"))
                 return;
-            const motion = resolveAnimation(props.animation, "slide");
             if (timer)
                 clearTimeout(timer);
             if (!motion.enabled || motion.duration <= 0) {
@@ -132,37 +293,57 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
                 renderedItems.value = renderedItems.value.filter((entry) => entry.state !== "exit");
             }, motion.duration);
         };
-        const unsubscribe = manager.subscribe((nextItems) => {
-            items.value = nextItems;
-            syncRenderedItems(getVisibleItems(nextItems));
+        let unsubscribe = () => { };
+        const subscribeManager = (nextManager) => {
+            unsubscribe();
+            activeManager.value = nextManager;
+            items.value = nextManager.getToasts();
+            syncRenderedItems(getVisibleItems(items.value));
+            unsubscribe = nextManager.subscribe((nextItems) => {
+                items.value = nextItems;
+                syncRenderedItems(getVisibleItems(nextItems));
+            });
+        };
+        subscribeManager(activeManager.value);
+        watch(() => props.manager, (nextManager) => {
+            subscribeManager(nextManager !== null && nextManager !== void 0 ? nextManager : defaultToastManager);
         });
-        watch(() => props.position, () => syncRenderedItems(getVisibleItems(items.value)));
+        watch(() => [props.position, props.maxVisible], () => syncRenderedItems(getVisibleItems(items.value)));
         onBeforeUnmount(() => {
             if (timer)
                 clearTimeout(timer);
             if (frame)
                 cancelAnimationFrame(frame);
+            if (flipFrame)
+                cancelAnimationFrame(flipFrame);
             unsubscribe();
         });
         return () => {
             const motion = resolveAnimation(props.animation, "slide");
-            return h("div", {
+            const viewportNode = h("div", {
                 ...attrs,
                 "aria-live": "polite",
                 class: [props.className, `cc-toast-viewport--${props.position}`],
                 role: "status",
                 style: animationStyle(motion),
-            }, renderedItems.value.map(({ item, state }) => slots.default
+            }, renderedItems.value.map(({ item, motion: isMotionActive, state }, index) => slots.default
                 ? slots.default({
                     item,
-                    dismiss: () => manager.dismiss(item.id),
+                    dismiss: () => activeManager.value.dismiss(item.id),
                     state,
                 })
                 : h("article", {
                     class: `cc-toast cc-toast--${item.tone}`,
                     "data-animation": motion.name,
+                    "data-motion": isMotionActive ? "true" : "false",
                     "data-state": state,
                     key: item.id,
+                    style: {
+                        "--cc-toast-stack-index": index,
+                    },
+                    ref: (node) => {
+                        setToastNode(item.id, node instanceof Element ? node : null);
+                    },
                 }, [
                     item.title
                         ? h("strong", { class: "cc-toast__title" }, item.title)
@@ -172,9 +353,10 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
                         "aria-label": "Dismiss toast",
                         class: "cc-toast__close",
                         type: "button",
-                        onClick: () => manager.dismiss(item.id),
-                    }, "x"),
+                        onClick: () => activeManager.value.dismiss(item.id),
+                    }, classIcon("x")),
                 ])));
+            return h(Teleport, { to: "body" }, viewportNode);
         };
     },
 });

package/dist/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"toast.js","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/components/tooltip.cjs

@@ -5,13 +5,37 @@ var core = require('@class-kit/core');
 
 let tooltipIdSeed = 0;
 function resolveClassKitThemeName(theme) {
+    var _a;
     if (typeof theme === "string")
         return theme;
-    return theme?.name ?? "minimal";
+    return (_a = theme === null || theme === void 0 ? void 0 : theme.name) !== null && _a !== void 0 ? _a : "minimal";
+}
+function applyDocumentTheme(themeName) {
+    if (typeof document === "undefined")
+        return undefined;
+    const root = document.documentElement;
+    const previousTheme = root.getAttribute("data-cc-theme");
+    const previousPage = root.getAttribute("data-cc-theme-page");
+    root.setAttribute("data-cc-theme", themeName);
+    root.setAttribute("data-cc-theme-page", "true");
+    return () => {
+        if (previousTheme === null)
+            root.removeAttribute("data-cc-theme");
+        else
+            root.setAttribute("data-cc-theme", previousTheme);
+        if (previousPage === null)
+            root.removeAttribute("data-cc-theme-page");
+        else
+            root.setAttribute("data-cc-theme-page", previousPage);
+    };
 }
 vue.defineComponent({
     name: "ClassConfigProvider",
     props: {
+        applyGlobalTheme: {
+            type: Boolean,
+            default: true,
+        },
         class: {
             type: String,
             default: "",
@@ -31,6 +55,7 @@ vue.defineComponent({
     },
     setup(props, { slots }) {
         const version = vue.ref(0);
+        let restoreDocumentTheme;
         const applyConfig = () => {
             core.configureClassComponents({
                 locale: props.locale,
@@ -38,20 +63,37 @@ vue.defineComponent({
             });
             version.value += 1;
         };
+        const applyGlobalTheme = () => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+            restoreDocumentTheme = props.applyGlobalTheme
+                ? applyDocumentTheme(resolveClassKitThemeName(props.theme))
+                : undefined;
+        };
         vue.watch(() => [props.locale, props.theme], applyConfig, {
             deep: true,
             immediate: true,
         });
-        return () => vue.h("div", {
-            class: ["cc-config-provider", props.class].filter(Boolean),
-            "data-cc-theme": resolveClassKitThemeName(props.theme),
-            style: props.style,
-        }, [
-            vue.h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
-        ]);
+        vue.watch(() => [props.applyGlobalTheme, props.theme], applyGlobalTheme, {
+            deep: true,
+            immediate: true,
+        });
+        vue.onBeforeUnmount(() => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+        });
+        return () => {
+            var _a;
+            return vue.h("div", {
+                class: ["cc-config-provider", props.class].filter(Boolean),
+                "data-cc-theme": resolveClassKitThemeName(props.theme),
+                style: props.style,
+            }, [
+                vue.h("div", { key: version.value, class: "cc-config-provider__content" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
     },
 });
 function resolveAnimation(animation, fallbackName) {
+    var _a, _b, _c, _d;
     if (animation === false) {
         return {
             duration: 0,
@@ -61,10 +103,10 @@ function resolveAnimation(animation, fallbackName) {
         };
     }
     return {
-        duration: animation?.duration ?? 180,
-        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
-        enabled: animation?.enabled ?? true,
-        name: animation?.name ?? fallbackName,
+        duration: (_a = animation === null || animation === void 0 ? void 0 : animation.duration) !== null && _a !== void 0 ? _a : 180,
+        easing: (_b = animation === null || animation === void 0 ? void 0 : animation.easing) !== null && _b !== void 0 ? _b : "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: (_c = animation === null || animation === void 0 ? void 0 : animation.enabled) !== null && _c !== void 0 ? _c : true,
+        name: (_d = animation === null || animation === void 0 ? void 0 : animation.name) !== null && _d !== void 0 ? _d : fallbackName,
     };
 }
 function animationStyle(animation) {
@@ -105,6 +147,10 @@ const ClassTooltip = /*#__PURE__*/ vue.defineComponent({
             type: Boolean,
             default: true,
         },
+        portal: {
+            type: Boolean,
+            default: true,
+        },
         className: String,
     },
     setup(props, { attrs, slots }) {
@@ -114,7 +160,22 @@ const ClassTooltip = /*#__PURE__*/ vue.defineComponent({
         const controller = new core.TooltipController();
         const open = vue.ref(controller.isOpen());
         const safePlacement = vue.ref(props.placement);
+        const anchorStyle = vue.ref({
+            height: 0,
+            left: -9999,
+            top: -9999,
+            width: 0,
+        });
         const updatePlacement = () => {
+            if (rootRef.value) {
+                const rect = rootRef.value.getBoundingClientRect();
+                anchorStyle.value = {
+                    height: rect.height,
+                    left: rect.left,
+                    top: rect.top,
+                    width: rect.width,
+                };
+            }
             if (!props.autoAdjust || !rootRef.value || !contentRef.value) {
                 safePlacement.value = props.placement;
                 return;
@@ -131,8 +192,10 @@ const ClassTooltip = /*#__PURE__*/ vue.defineComponent({
                 typeof document === "undefined")
                 return;
             const handlePointerDown = (event) => {
+                var _a, _b;
                 if (!props.closeOnOutsideClick ||
-                    rootRef.value?.contains(event.target))
+                    ((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.target)) ||
+                    ((_b = contentRef.value) === null || _b === void 0 ? void 0 : _b.contains(event.target)))
                     return;
                 controller.close();
             };
@@ -158,7 +221,7 @@ const ClassTooltip = /*#__PURE__*/ vue.defineComponent({
         });
         vue.watch(() => props.placement, () => updatePlacement());
         return () => {
-            const motion = resolveAnimation(props.animation, "fade");
+            var _a;
             const openEvents = props.trigger === "click"
                 ? {
                     onClick: () => {
@@ -179,29 +242,49 @@ const ClassTooltip = /*#__PURE__*/ vue.defineComponent({
                         controller.close();
                     },
                 };
-            return vue.h("span", {
+            const motion = resolveAnimation(props.animation, "fade");
+            const tooltipClass = [
+                "cc-tooltip",
+                `cc-tooltip--${safePlacement.value}`,
+                props.className,
+            ];
+            const tooltipContent = vue.h("span", {
+                class: "cc-tooltip__content",
+                id: contentId,
+                ref: contentRef,
+                role: "tooltip",
+            }, props.content);
+            const rootNode = vue.h("span", {
                 ...attrs,
                 ...openEvents,
                 "aria-describedby": open.value ? contentId : undefined,
-                class: [
-                    "cc-tooltip",
-                    `cc-tooltip--${safePlacement.value}`,
-                    props.className,
-                ],
+                class: tooltipClass,
                 "data-animation": motion.name,
                 "data-open": open.value,
                 ref: rootRef,
                 style: animationStyle(motion),
                 tabindex: props.trigger === "click" ? 0 : undefined,
-            }, [
-                slots.default?.(),
-                vue.h("span", {
-                    class: "cc-tooltip__content",
-                    id: contentId,
-                    ref: contentRef,
-                    role: "tooltip",
-                }, props.content),
-            ]);
+            }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots), props.portal ? null : tooltipContent]);
+            if (!props.portal)
+                return rootNode;
+            const portalNode = open.value || anchorStyle.value.left > -9999
+                ? vue.h("span", {
+                    class: [...tooltipClass, "cc-tooltip--portal"],
+                    "data-animation": motion.name,
+                    "data-open": open.value,
+                    style: {
+                        ...animationStyle(motion),
+                        height: `${anchorStyle.value.height}px`,
+                        left: `${anchorStyle.value.left}px`,
+                        top: `${anchorStyle.value.top}px`,
+                        width: `${anchorStyle.value.width}px`,
+                    },
+                }, [tooltipContent])
+                : null;
+            return [
+                rootNode,
+                portalNode ? vue.h(vue.Teleport, { to: "body" }, portalNode) : null,
+            ];
         };
     },
 });