@class-kit/vue 0.1.0

package/dist/components/design-effect.js

@@ -0,0 +1,119 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { DesignEffectController, 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 ClassDesignEffect = /*#__PURE__*/ defineComponent({
+    name: "ClassDesignEffect",
+    inheritAttrs: false,
+    props: {
+        animated: {
+            type: Boolean,
+            default: undefined,
+        },
+        className: { type: String, default: "" },
+        colors: {
+            type: Array,
+            default: undefined,
+        },
+        contentClass: { type: String, default: "cc-design-effect__content" },
+        disabled: { type: Boolean, default: false },
+        intensity: { type: Number, default: undefined },
+        interactive: {
+            type: Boolean,
+            default: undefined,
+        },
+        overlayClass: { type: String, default: "cc-design-effect__overlay" },
+        preset: {
+            type: String,
+            default: undefined,
+        },
+        radius: {
+            type: [Number, String],
+            default: undefined,
+        },
+        tone: {
+            type: String,
+            default: undefined,
+        },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new DesignEffectController({
+                animated: props.animated,
+                colors: props.colors,
+                disabled: props.disabled,
+                intensity: props.intensity,
+                interactive: props.interactive,
+                preset: props.preset,
+                radius: props.radius,
+                tone: props.tone,
+            }).getState();
+            const className = props.className
+                ? `${state.className} ${props.className}`
+                : state.className;
+            return h("div", {
+                ...attrs,
+                class: className,
+                "data-animated": state.animated ? "true" : "false",
+                "data-disabled": state.disabled ? "true" : "false",
+                "data-interactive": state.interactive ? "true" : "false",
+                "data-tone": state.tone,
+                style: [state.styleVars, attrs.style],
+            }, [
+                state.overlay
+                    ? h("span", { "aria-hidden": "true", class: props.overlayClass })
+                    : null,
+                h("div", { class: props.contentClass }, slots.default?.()),
+            ]);
+        };
+    },
+});
+
+export { ClassDesignEffect };
+//# sourceMappingURL=design-effect.js.map

package/dist/components/design-effect.js.map

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

package/dist/components/drag-drop-board.cjs

@@ -0,0 +1,399 @@
+'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 reorderDropItems(items, fromIndex, toIndex, mode) {
+    if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex)
+        return [...items];
+    const next = [...items];
+    if (mode === "swap") {
+        const fromItem = next[fromIndex];
+        const toItem = next[toIndex];
+        if (fromItem === undefined || toItem === undefined)
+            return [...items];
+        next[fromIndex] = toItem;
+        next[toIndex] = fromItem;
+        return next;
+    }
+    const [moving] = next.splice(fromIndex, 1);
+    if (moving)
+        next.splice(Math.max(0, Math.min(toIndex, next.length)), 0, moving);
+    return next;
+}
+function getRectOverlapRatio(source, target) {
+    const width = Math.max(0, Math.min(source.right, target.right) - Math.max(source.left, target.left));
+    const height = Math.max(0, Math.min(source.bottom, target.bottom) - Math.max(source.top, target.top));
+    const sourceArea = Math.max(1, source.width * source.height);
+    return (width * height) / sourceArea;
+}
+const ClassDragDropBoard = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassDragDropBoard",
+    inheritAttrs: false,
+    props: {
+        columns: Number,
+        items: { type: Array, required: true },
+        mode: { type: String, default: "insert" },
+        className: { type: String, default: "cc-drag-drop-board" },
+    },
+    emits: ["change"],
+    setup(props, { attrs, emit, slots }) {
+        const controller = new core.DropController([...props.items]);
+        const itemRefs = new Map();
+        let slotRects = new Map();
+        const boardRef = vue.ref(null);
+        const previewRef = vue.ref(null);
+        const state = vue.ref(controller.getState());
+        const isCommittingDrop = vue.ref(false);
+        let dropTimer;
+        let moveFrame = 0;
+        let commitFrame = 0;
+        const preview = vue.ref(null);
+        let dragSession = null;
+        vue.watch(() => props.items, (items) => {
+            state.value = controller.updateItems([...items]);
+        });
+        const getPreviewRect = (currentPreview) => ({
+            bottom: currentPreview.y + currentPreview.height,
+            height: currentPreview.height,
+            left: currentPreview.x,
+            right: currentPreview.x + currentPreview.width,
+            top: currentPreview.y,
+            width: currentPreview.width,
+        });
+        const getOriginalIndex = () => Math.max(0, state.value.items.findIndex((item) => item.id === state.value.draggingId));
+        const flushPreviewPosition = () => {
+            moveFrame = 0;
+            if (!dragSession || !previewRef.value)
+                return;
+            previewRef.value.style.transform = `translate3d(${dragSession.x}px, ${dragSession.y}px, 0)`;
+        };
+        const schedulePreviewPosition = () => {
+            if (moveFrame)
+                return;
+            moveFrame = window.requestAnimationFrame(flushPreviewPosition);
+        };
+        const isPreviewInsideBoard = (currentPreview) => {
+            const boardRect = boardRef.value?.getBoundingClientRect();
+            if (!boardRect)
+                return true;
+            return (getRectOverlapRatio(getPreviewRect(currentPreview), boardRect) > 0.05);
+        };
+        const resolveIndexFromPreview = (currentPreview) => {
+            let nextIndex = getOriginalIndex();
+            let bestRatio = 0;
+            const previewRect = getPreviewRect(currentPreview);
+            if (!isPreviewInsideBoard(currentPreview))
+                return nextIndex;
+            itemRefs.forEach((element, id) => {
+                if (id === state.value.draggingId)
+                    return;
+                const rect = slotRects.get(id) ?? element.getBoundingClientRect();
+                const ratio = getRectOverlapRatio(previewRect, rect);
+                if (ratio >= 0.8 && ratio > bestRatio) {
+                    bestRatio = ratio;
+                    nextIndex = state.value.items.findIndex((item) => item.id === id);
+                }
+            });
+            return Math.max(0, nextIndex);
+        };
+        const getSlotTransform = (item, index) => {
+            const fromIndex = state.value.items.findIndex((entry) => entry.id === state.value.draggingId);
+            const toIndex = state.value.overIndex;
+            if (!state.value.draggingId ||
+                fromIndex < 0 ||
+                toIndex === undefined ||
+                fromIndex === toIndex)
+                return undefined;
+            const currentRect = slotRects.get(item.id);
+            if (!currentRect)
+                return undefined;
+            let targetIndex = index;
+            if (props.mode === "swap") {
+                if (index !== toIndex)
+                    return undefined;
+                targetIndex = fromIndex;
+            }
+            else if (fromIndex < toIndex && index > fromIndex && index <= toIndex) {
+                targetIndex = index - 1;
+            }
+            else if (fromIndex > toIndex && index >= toIndex && index < fromIndex) {
+                targetIndex = index + 1;
+            }
+            else {
+                return undefined;
+            }
+            const targetItem = state.value.items[targetIndex];
+            const targetRect = targetItem ? slotRects.get(targetItem.id) : undefined;
+            if (!targetRect)
+                return undefined;
+            const deltaX = targetRect.left - currentRect.left;
+            const deltaY = targetRect.top - currentRect.top;
+            if (Math.abs(deltaX) < 0.5 && Math.abs(deltaY) < 0.5)
+                return undefined;
+            return `translate3d(${deltaX}px, ${deltaY}px, 0)`;
+        };
+        const finishDrag = (action) => {
+            if (action === "end") {
+                const fromIndex = state.value.items.findIndex((item) => item.id === state.value.draggingId);
+                const toIndex = state.value.overIndex ?? fromIndex;
+                const nextItems = reorderDropItems(state.value.items, fromIndex, toIndex, props.mode);
+                controller.cancel();
+                isCommittingDrop.value = true;
+                state.value = controller.updateItems(nextItems);
+                dragSession = null;
+                slotRects.clear();
+                preview.value = null;
+                commitFrame = window.requestAnimationFrame(() => {
+                    commitFrame = 0;
+                    isCommittingDrop.value = false;
+                });
+                emit("change", state.value.items);
+                return;
+            }
+            state.value = controller.cancel();
+            dragSession = null;
+            slotRects.clear();
+            preview.value = null;
+        };
+        const endDrag = () => {
+            const currentPreview = dragSession ?? preview.value;
+            if (currentPreview && !currentPreview.dropping) {
+                const originalIndex = getOriginalIndex();
+                const shouldCancel = !isPreviewInsideBoard(currentPreview) ||
+                    state.value.overIndex === undefined ||
+                    state.value.overIndex === originalIndex;
+                const targetItem = !shouldCancel && state.value.overIndex !== undefined
+                    ? state.value.items[state.value.overIndex]
+                    : undefined;
+                const targetRect = shouldCancel
+                    ? {
+                        height: currentPreview.height,
+                        left: currentPreview.originX,
+                        top: currentPreview.originY,
+                        width: currentPreview.width,
+                    }
+                    : targetItem
+                        ? slotRects.get(targetItem.id)
+                        : undefined;
+                if (targetRect) {
+                    const droppingPreview = {
+                        ...currentPreview,
+                        dropping: true,
+                        height: targetRect.height,
+                        offsetX: 0,
+                        offsetY: 0,
+                        returning: shouldCancel,
+                        width: targetRect.width,
+                        x: targetRect.left,
+                        y: targetRect.top,
+                    };
+                    dragSession = droppingPreview;
+                    preview.value = droppingPreview;
+                    dropTimer = setTimeout(() => {
+                        finishDrag(shouldCancel ? "cancel" : "end");
+                    }, 320);
+                    return;
+                }
+            }
+            finishDrag("end");
+        };
+        const cancelDrag = () => {
+            const currentPreview = dragSession ?? preview.value;
+            if (currentPreview && !currentPreview.dropping) {
+                const returningPreview = {
+                    ...currentPreview,
+                    dropping: true,
+                    offsetX: 0,
+                    offsetY: 0,
+                    returning: true,
+                    x: currentPreview.originX,
+                    y: currentPreview.originY,
+                };
+                dragSession = returningPreview;
+                preview.value = returningPreview;
+                dropTimer = setTimeout(() => finishDrag("cancel"), 320);
+                return;
+            }
+            finishDrag("cancel");
+        };
+        vue.onBeforeUnmount(() => {
+            if (dropTimer)
+                clearTimeout(dropTimer);
+            if (moveFrame)
+                window.cancelAnimationFrame(moveFrame);
+            if (commitFrame)
+                window.cancelAnimationFrame(commitFrame);
+        });
+        return () => vue.h("div", {
+            ...attrs,
+            class: props.className,
+            ref: boardRef,
+            style: { "--cc-drag-drop-columns": props.columns },
+        }, [
+            ...state.value.items.map((item, index) => {
+                const dragging = state.value.draggingId === item.id;
+                const over = state.value.overIndex === index &&
+                    state.value.draggingId !== undefined;
+                const transform = dragging
+                    ? undefined
+                    : getSlotTransform(item, index);
+                const slotStyle = {
+                    ...(transform ? { transform } : {}),
+                    ...(isCommittingDrop.value ? { transition: "none" } : {}),
+                };
+                return vue.h("div", {
+                    class: "cc-drag-drop-board__slot",
+                    "data-disabled": item.disabled,
+                    "data-dragging": dragging,
+                    "data-over": over,
+                    key: item.id,
+                    style: Object.keys(slotStyle).length ? slotStyle : undefined,
+                    ref: (node) => {
+                        if (node instanceof HTMLElement)
+                            itemRefs.set(item.id, node);
+                        else
+                            itemRefs.delete(item.id);
+                    },
+                    onPointerdown: (event) => {
+                        if (item.disabled)
+                            return;
+                        const nextSlotRects = new Map();
+                        itemRefs.forEach((element, id) => {
+                            const itemRect = element.getBoundingClientRect();
+                            nextSlotRects.set(id, {
+                                bottom: itemRect.bottom,
+                                height: itemRect.height,
+                                left: itemRect.left,
+                                right: itemRect.right,
+                                top: itemRect.top,
+                                width: itemRect.width,
+                            });
+                        });
+                        slotRects = nextSlotRects;
+                        const rect = event.currentTarget.getBoundingClientRect();
+                        const nextPreview = {
+                            height: rect.height,
+                            item,
+                            offsetX: event.clientX - rect.left,
+                            offsetY: event.clientY - rect.top,
+                            originX: rect.left,
+                            originY: rect.top,
+                            width: rect.width,
+                            x: rect.left,
+                            y: rect.top,
+                        };
+                        state.value = controller.start(item.id);
+                        dragSession = nextPreview;
+                        preview.value = nextPreview;
+                        event.currentTarget.setPointerCapture(event.pointerId);
+                    },
+                    onPointermove: (event) => {
+                        if (!state.value.draggingId ||
+                            !dragSession ||
+                            dragSession.dropping)
+                            return;
+                        const nextPreview = {
+                            ...dragSession,
+                            x: event.clientX - dragSession.offsetX,
+                            y: event.clientY - dragSession.offsetY,
+                        };
+                        dragSession = nextPreview;
+                        schedulePreviewPosition();
+                        if (!isPreviewInsideBoard(nextPreview)) {
+                            state.value = controller.moveToIndex(getOriginalIndex());
+                            const returningPreview = {
+                                ...nextPreview,
+                                dropping: true,
+                                offsetX: 0,
+                                offsetY: 0,
+                                returning: true,
+                                x: nextPreview.originX,
+                                y: nextPreview.originY,
+                            };
+                            dragSession = returningPreview;
+                            preview.value = returningPreview;
+                            dropTimer = setTimeout(() => finishDrag("cancel"), 320);
+                            return;
+                        }
+                        const nextIndex = resolveIndexFromPreview(nextPreview);
+                        if (nextIndex !== state.value.overIndex)
+                            state.value = controller.moveToIndex(nextIndex);
+                    },
+                    onPointerup: endDrag,
+                    onPointercancel: cancelDrag,
+                }, [
+                    vue.h("div", { class: "cc-drag-drop-board__item" }, slots.default?.({ dragging, item, over }) ?? item.id),
+                ]);
+            }),
+            preview.value
+                ? vue.h(vue.Teleport, { to: "body" }, vue.h("div", {
+                    "aria-hidden": "true",
+                    class: "cc-drag-drop-board__preview",
+                    "data-dropping": preview.value.dropping,
+                    "data-returning": preview.value.returning,
+                    ref: previewRef,
+                    style: {
+                        height: `${preview.value.height}px`,
+                        transform: `translate3d(${preview.value.x}px, ${preview.value.y}px, 0)`,
+                        width: `${preview.value.width}px`,
+                    },
+                }, slots.default?.({
+                    dragging: true,
+                    item: preview.value.item,
+                    over: false,
+                }) ?? preview.value.item.id))
+                : null,
+        ]);
+    },
+});
+
+exports.ClassDragDropBoard = ClassDragDropBoard;
+//# sourceMappingURL=drag-drop-board.cjs.map

package/dist/components/drag-drop-board.cjs.map

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

package/dist/components/drag-drop-board.d.ts

@@ -0,0 +1,2 @@
+export { ClassDragDropBoard } from "../index";
+//# sourceMappingURL=drag-drop-board.d.ts.map

package/dist/components/drag-drop-board.d.ts.map

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