@class-kit/vue 0.1.0

package/dist/components/tilt-card.cjs

@@ -0,0 +1,221 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@class-kit/core');
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+vue.defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = vue.ref(0);
+        const applyConfig = () => {
+            core.configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        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?.()),
+        ]);
+    },
+});
+function callEventHandler(handler, event) {
+    if (Array.isArray(handler)) {
+        handler.forEach((item) => callEventHandler(item, event));
+        return;
+    }
+    if (typeof handler === "function") {
+        handler(event);
+    }
+}
+const ClassTiltCard = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassTiltCard",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "cc-tilt-card" },
+        contentClass: { type: String, default: "cc-tilt-card__content" },
+        disabled: { type: Boolean, default: false },
+        enterTransitionDuration: { type: Number, default: 180 },
+        glare: { type: Boolean, default: true },
+        glareClass: { type: String, default: "cc-tilt-card__glare" },
+        maxTilt: { type: Number, default: 12 },
+        moveTransitionDuration: { type: Number, default: 80 },
+        perspective: { type: Number, default: 900 },
+        scale: { type: Number, default: 1.02 },
+        surfaceClass: { type: String, default: "cc-tilt-card__surface" },
+        transitionEasing: {
+            type: String,
+            default: "cubic-bezier(0.2, 0.8, 0.2, 1)",
+        },
+        transitionDuration: { type: Number, default: 180 },
+    },
+    setup(props, { attrs, slots }) {
+        const rootRef = vue.ref(null);
+        let rect = null;
+        let frame;
+        let useEnterTransition = false;
+        let pendingPoint = null;
+        const controller = new core.TiltCardController({
+            disabled: props.disabled,
+            enterTransitionDuration: props.enterTransitionDuration,
+            glare: props.glare,
+            maxTilt: props.maxTilt,
+            moveTransitionDuration: props.moveTransitionDuration,
+            perspective: props.perspective,
+            scale: props.scale,
+            transitionEasing: props.transitionEasing,
+            transitionDuration: props.transitionDuration,
+        });
+        const state = vue.ref(controller.reset());
+        vue.watch(() => [
+            props.disabled,
+            props.enterTransitionDuration,
+            props.glare,
+            props.maxTilt,
+            props.moveTransitionDuration,
+            props.perspective,
+            props.scale,
+            props.transitionDuration,
+            props.transitionEasing,
+        ], () => {
+            state.value = controller.updateOptions({
+                disabled: props.disabled,
+                enterTransitionDuration: props.enterTransitionDuration,
+                glare: props.glare,
+                maxTilt: props.maxTilt,
+                moveTransitionDuration: props.moveTransitionDuration,
+                perspective: props.perspective,
+                scale: props.scale,
+                transitionEasing: props.transitionEasing,
+                transitionDuration: props.transitionDuration,
+            });
+        });
+        const syncRect = (event) => {
+            if (event) {
+                callEventHandler(attrs.onPointerenter ?? attrs.onPointerEnter, event);
+                if (event.defaultPrevented)
+                    return;
+            }
+            rect = rootRef.value?.getBoundingClientRect() ?? null;
+            if (!event || props.disabled || !rect)
+                return;
+            useEnterTransition = true;
+            state.value = controller.move({
+                height: rect.height,
+                phase: "enter",
+                pointerX: event.clientX - rect.left,
+                pointerY: event.clientY - rect.top,
+                width: rect.width,
+            });
+        };
+        const handlePointerMove = (event) => {
+            callEventHandler(attrs.onPointermove ?? attrs.onPointerMove, event);
+            if (event.defaultPrevented)
+                return;
+            if (props.disabled)
+                return;
+            rect = rect ?? rootRef.value?.getBoundingClientRect() ?? null;
+            if (!rect)
+                return;
+            pendingPoint = {
+                x: event.clientX - rect.left,
+                y: event.clientY - rect.top,
+            };
+            if (frame !== undefined)
+                return;
+            frame = window.requestAnimationFrame(() => {
+                frame = undefined;
+                if (!rect || !pendingPoint)
+                    return;
+                const phase = useEnterTransition ? "enter" : "move";
+                useEnterTransition = false;
+                state.value = controller.move({
+                    height: rect.height,
+                    phase,
+                    pointerX: pendingPoint.x,
+                    pointerY: pendingPoint.y,
+                    width: rect.width,
+                });
+            });
+        };
+        const handlePointerLeave = (event) => {
+            callEventHandler(attrs.onPointerleave ?? attrs.onPointerLeave, event);
+            if (event.defaultPrevented)
+                return;
+            rect = null;
+            useEnterTransition = false;
+            pendingPoint = null;
+            if (frame !== undefined) {
+                window.cancelAnimationFrame(frame);
+                frame = undefined;
+            }
+            state.value = controller.reset();
+        };
+        vue.onBeforeUnmount(() => {
+            if (frame !== undefined)
+                window.cancelAnimationFrame(frame);
+        });
+        return () => vue.h("div", {
+            ...attrs,
+            class: [props.className, attrs.class],
+            "data-active": state.value.isActive,
+            "data-disabled": props.disabled,
+            onPointerenter: syncRect,
+            onPointerleave: handlePointerLeave,
+            onPointermove: handlePointerMove,
+            ref: rootRef,
+            style: [
+                attrs.style,
+                {
+                    "--cc-tilt-card-glare-opacity": String(state.value.glareOpacity),
+                    "--cc-tilt-card-glare-x": `${state.value.glareX}%`,
+                    "--cc-tilt-card-glare-y": `${state.value.glareY}%`,
+                    "--cc-tilt-card-transition-easing": state.value.transitionEasing,
+                    "--cc-tilt-card-transition-duration": `${state.value.transitionDuration}ms`,
+                    "--cc-tilt-card-transform": state.value.transform,
+                },
+            ],
+        }, [
+            vue.h("div", { class: props.surfaceClass }, [
+                vue.h("div", { class: props.contentClass }, slots.default?.()),
+                state.value.glare
+                    ? vue.h("span", { "aria-hidden": "true", class: props.glareClass })
+                    : null,
+            ]),
+        ]);
+    },
+});
+
+exports.ClassTiltCard = ClassTiltCard;
+//# sourceMappingURL=tilt-card.cjs.map

package/dist/components/tilt-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tilt-card.cjs","sources":["../../src/index.ts"],"names":["defineComponent","ref","configureClassComponents","watch","h","TiltCardController","onBeforeUnmount"],"mappings":"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"}

package/dist/components/tilt-card.d.ts

@@ -0,0 +1,2 @@
+export { ClassTiltCard } from "../index";
+//# sourceMappingURL=tilt-card.d.ts.map

package/dist/components/tilt-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tilt-card.d.ts","sourceRoot":"","sources":["../../src/components/tilt-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/tilt-card.js

@@ -0,0 +1,219 @@
+import { defineComponent, ref, watch, h, onBeforeUnmount } from 'vue';
+import { TiltCardController, configureClassComponents } from '@class-kit/core';
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = ref(0);
+        const applyConfig = () => {
+            configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        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?.()),
+        ]);
+    },
+});
+function callEventHandler(handler, event) {
+    if (Array.isArray(handler)) {
+        handler.forEach((item) => callEventHandler(item, event));
+        return;
+    }
+    if (typeof handler === "function") {
+        handler(event);
+    }
+}
+const ClassTiltCard = /*#__PURE__*/ defineComponent({
+    name: "ClassTiltCard",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "cc-tilt-card" },
+        contentClass: { type: String, default: "cc-tilt-card__content" },
+        disabled: { type: Boolean, default: false },
+        enterTransitionDuration: { type: Number, default: 180 },
+        glare: { type: Boolean, default: true },
+        glareClass: { type: String, default: "cc-tilt-card__glare" },
+        maxTilt: { type: Number, default: 12 },
+        moveTransitionDuration: { type: Number, default: 80 },
+        perspective: { type: Number, default: 900 },
+        scale: { type: Number, default: 1.02 },
+        surfaceClass: { type: String, default: "cc-tilt-card__surface" },
+        transitionEasing: {
+            type: String,
+            default: "cubic-bezier(0.2, 0.8, 0.2, 1)",
+        },
+        transitionDuration: { type: Number, default: 180 },
+    },
+    setup(props, { attrs, slots }) {
+        const rootRef = ref(null);
+        let rect = null;
+        let frame;
+        let useEnterTransition = false;
+        let pendingPoint = null;
+        const controller = new TiltCardController({
+            disabled: props.disabled,
+            enterTransitionDuration: props.enterTransitionDuration,
+            glare: props.glare,
+            maxTilt: props.maxTilt,
+            moveTransitionDuration: props.moveTransitionDuration,
+            perspective: props.perspective,
+            scale: props.scale,
+            transitionEasing: props.transitionEasing,
+            transitionDuration: props.transitionDuration,
+        });
+        const state = ref(controller.reset());
+        watch(() => [
+            props.disabled,
+            props.enterTransitionDuration,
+            props.glare,
+            props.maxTilt,
+            props.moveTransitionDuration,
+            props.perspective,
+            props.scale,
+            props.transitionDuration,
+            props.transitionEasing,
+        ], () => {
+            state.value = controller.updateOptions({
+                disabled: props.disabled,
+                enterTransitionDuration: props.enterTransitionDuration,
+                glare: props.glare,
+                maxTilt: props.maxTilt,
+                moveTransitionDuration: props.moveTransitionDuration,
+                perspective: props.perspective,
+                scale: props.scale,
+                transitionEasing: props.transitionEasing,
+                transitionDuration: props.transitionDuration,
+            });
+        });
+        const syncRect = (event) => {
+            if (event) {
+                callEventHandler(attrs.onPointerenter ?? attrs.onPointerEnter, event);
+                if (event.defaultPrevented)
+                    return;
+            }
+            rect = rootRef.value?.getBoundingClientRect() ?? null;
+            if (!event || props.disabled || !rect)
+                return;
+            useEnterTransition = true;
+            state.value = controller.move({
+                height: rect.height,
+                phase: "enter",
+                pointerX: event.clientX - rect.left,
+                pointerY: event.clientY - rect.top,
+                width: rect.width,
+            });
+        };
+        const handlePointerMove = (event) => {
+            callEventHandler(attrs.onPointermove ?? attrs.onPointerMove, event);
+            if (event.defaultPrevented)
+                return;
+            if (props.disabled)
+                return;
+            rect = rect ?? rootRef.value?.getBoundingClientRect() ?? null;
+            if (!rect)
+                return;
+            pendingPoint = {
+                x: event.clientX - rect.left,
+                y: event.clientY - rect.top,
+            };
+            if (frame !== undefined)
+                return;
+            frame = window.requestAnimationFrame(() => {
+                frame = undefined;
+                if (!rect || !pendingPoint)
+                    return;
+                const phase = useEnterTransition ? "enter" : "move";
+                useEnterTransition = false;
+                state.value = controller.move({
+                    height: rect.height,
+                    phase,
+                    pointerX: pendingPoint.x,
+                    pointerY: pendingPoint.y,
+                    width: rect.width,
+                });
+            });
+        };
+        const handlePointerLeave = (event) => {
+            callEventHandler(attrs.onPointerleave ?? attrs.onPointerLeave, event);
+            if (event.defaultPrevented)
+                return;
+            rect = null;
+            useEnterTransition = false;
+            pendingPoint = null;
+            if (frame !== undefined) {
+                window.cancelAnimationFrame(frame);
+                frame = undefined;
+            }
+            state.value = controller.reset();
+        };
+        onBeforeUnmount(() => {
+            if (frame !== undefined)
+                window.cancelAnimationFrame(frame);
+        });
+        return () => h("div", {
+            ...attrs,
+            class: [props.className, attrs.class],
+            "data-active": state.value.isActive,
+            "data-disabled": props.disabled,
+            onPointerenter: syncRect,
+            onPointerleave: handlePointerLeave,
+            onPointermove: handlePointerMove,
+            ref: rootRef,
+            style: [
+                attrs.style,
+                {
+                    "--cc-tilt-card-glare-opacity": String(state.value.glareOpacity),
+                    "--cc-tilt-card-glare-x": `${state.value.glareX}%`,
+                    "--cc-tilt-card-glare-y": `${state.value.glareY}%`,
+                    "--cc-tilt-card-transition-easing": state.value.transitionEasing,
+                    "--cc-tilt-card-transition-duration": `${state.value.transitionDuration}ms`,
+                    "--cc-tilt-card-transform": state.value.transform,
+                },
+            ],
+        }, [
+            h("div", { class: props.surfaceClass }, [
+                h("div", { class: props.contentClass }, slots.default?.()),
+                state.value.glare
+                    ? h("span", { "aria-hidden": "true", class: props.glareClass })
+                    : null,
+            ]),
+        ]);
+    },
+});
+
+export { ClassTiltCard };
+//# sourceMappingURL=tilt-card.js.map

package/dist/components/tilt-card.js.map

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

package/dist/components/timeline.cjs

@@ -0,0 +1,87 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@class-kit/core');
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+vue.defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = vue.ref(0);
+        const applyConfig = () => {
+            core.configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        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?.()),
+        ]);
+    },
+});
+const ClassTimeline = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassTimeline",
+    inheritAttrs: false,
+    props: {
+        direction: {
+            type: String,
+            default: "vertical",
+        },
+        items: { type: Array, required: true },
+        className: { type: String, default: "cc-timeline" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new core.TimelineController({
+                direction: props.direction,
+                items: props.items,
+            }).getState();
+            return vue.h("ol", { ...attrs, class: props.className, "data-direction": state.direction }, state.items.map((item, index) => vue.h("li", {
+                class: "cc-timeline__item",
+                "data-status": item.status ?? "pending",
+                key: item.id,
+            }, [
+                vue.h("span", { class: "cc-timeline__dot" }),
+                vue.h("div", { class: "cc-timeline__content" }, slots.default?.({ index, item }) ?? [
+                    vue.h("strong", item.title),
+                    item.meta ? vue.h("span", item.meta) : null,
+                    item.description ? vue.h("p", item.description) : null,
+                ]),
+            ])));
+        };
+    },
+});
+
+exports.ClassTimeline = ClassTimeline;
+//# sourceMappingURL=timeline.cjs.map

package/dist/components/timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.cjs","sources":["../../src/index.ts"],"names":["defineComponent","ref","configureClassComponents","watch","h","TimelineController"],"mappings":"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"}

package/dist/components/timeline.d.ts

@@ -0,0 +1,2 @@
+export { ClassTimeline } from "../index";
+//# sourceMappingURL=timeline.d.ts.map

package/dist/components/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/components/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/timeline.js

@@ -0,0 +1,85 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { TimelineController, configureClassComponents } from '@class-kit/core';
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = ref(0);
+        const applyConfig = () => {
+            configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        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?.()),
+        ]);
+    },
+});
+const ClassTimeline = /*#__PURE__*/ defineComponent({
+    name: "ClassTimeline",
+    inheritAttrs: false,
+    props: {
+        direction: {
+            type: String,
+            default: "vertical",
+        },
+        items: { type: Array, required: true },
+        className: { type: String, default: "cc-timeline" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new TimelineController({
+                direction: props.direction,
+                items: props.items,
+            }).getState();
+            return h("ol", { ...attrs, class: props.className, "data-direction": state.direction }, state.items.map((item, index) => h("li", {
+                class: "cc-timeline__item",
+                "data-status": item.status ?? "pending",
+                key: item.id,
+            }, [
+                h("span", { class: "cc-timeline__dot" }),
+                h("div", { class: "cc-timeline__content" }, slots.default?.({ index, item }) ?? [
+                    h("strong", item.title),
+                    item.meta ? h("span", item.meta) : null,
+                    item.description ? h("p", item.description) : null,
+                ]),
+            ])));
+        };
+    },
+});
+
+export { ClassTimeline };
+//# sourceMappingURL=timeline.js.map

package/dist/components/timeline.js.map

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