@class-kit/vue 0.1.0

package/dist/components/signature.js

@@ -0,0 +1,370 @@
+import { defineComponent, ref, watch, h, inject, shallowRef, onMounted, onBeforeUnmount } from 'vue';
+import { SignatureController, getClassComponentsLocale, configureClassComponents } from '@class-kit/core';
+
+const formSymbol = /*#__PURE__*/ Symbol("ClassComponentsForm");
+const formInteractivitySymbol = /*#__PURE__*/ Symbol("ClassComponentsFormInteractivity");
+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 optionalBooleanProp() {
+    return { type: Boolean, default: undefined };
+}
+function useFormInteractivity() {
+    return inject(formInteractivitySymbol, {
+        disabled: ref(false),
+        readOnly: ref(false),
+    });
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled.value;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly.value),
+    };
+}
+function drawSignatureStrokes(canvas, strokes, backgroundColor) {
+    const context = canvas.getContext("2d");
+    if (!context)
+        return;
+    const rect = canvas.getBoundingClientRect();
+    const ratio = window.devicePixelRatio || 1;
+    const width = Math.max(1, Math.round(rect.width * ratio));
+    const height = Math.max(1, Math.round(rect.height * ratio));
+    if (canvas.width !== width || canvas.height !== height) {
+        canvas.width = width;
+        canvas.height = height;
+    }
+    context.setTransform(ratio, 0, 0, ratio, 0, 0);
+    context.clearRect(0, 0, rect.width, rect.height);
+    if (backgroundColor) {
+        context.fillStyle = backgroundColor;
+        context.fillRect(0, 0, rect.width, rect.height);
+    }
+    context.lineCap = "round";
+    context.lineJoin = "round";
+    strokes.forEach((stroke) => {
+        context.strokeStyle = stroke.color;
+        context.lineWidth = stroke.lineWidth;
+        context.beginPath();
+        stroke.points.forEach((point, index) => {
+            const x = point.x * rect.width;
+            const y = point.y * rect.height;
+            if (index === 0) {
+                context.moveTo(x, y);
+            }
+            else {
+                const previous = stroke.points[index - 1];
+                if (!previous)
+                    return;
+                const previousX = previous.x * rect.width;
+                const previousY = previous.y * rect.height;
+                context.quadraticCurveTo(previousX, previousY, (previousX + x) / 2, (previousY + y) / 2);
+            }
+        });
+        if (stroke.points.length === 1) {
+            const point = stroke.points[0];
+            if (!point)
+                return;
+            context.arc(point.x * rect.width, point.y * rect.height, stroke.lineWidth / 2, 0, Math.PI * 2);
+            context.fillStyle = stroke.color;
+            context.fill();
+        }
+        else {
+            context.stroke();
+        }
+    });
+}
+function signaturePointFromEvent(canvas, event) {
+    const rect = canvas.getBoundingClientRect();
+    return {
+        height: rect.height,
+        pressure: event.pressure > 0 ? event.pressure : 0.5,
+        width: rect.width,
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top,
+    };
+}
+const ClassSignature = /*#__PURE__*/ defineComponent({
+    name: "ClassSignature",
+    inheritAttrs: false,
+    props: {
+        backgroundColor: String,
+        canvasClassName: { type: String, default: "cc-signature__canvas" },
+        className: { type: String, default: "cc-signature" },
+        clearText: {
+            type: String,
+            default: () => getClassComponentsLocale().signatureClearText,
+        },
+        disabled: optionalBooleanProp(),
+        errorClass: String,
+        exportType: { type: String, default: "image/png" },
+        fieldClass: { type: String, default: "cc-field cc-signature-field" },
+        height: { type: [Number, String], default: 220 },
+        initialValue: {
+            type: [Array, Object],
+            default: undefined,
+        },
+        label: String,
+        labelClass: { type: String, default: "cc-field__label" },
+        lineWidth: { type: Number, default: 3 },
+        name: String,
+        penColor: { type: String, default: "#111827" },
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        rules: Array,
+        showToolbar: { type: Boolean, default: true },
+        toolbarClassName: { type: String, default: "cc-signature__toolbar" },
+        validateOn: Array,
+        undoText: {
+            type: String,
+            default: () => getClassComponentsLocale().signatureUndoText,
+        },
+        width: { type: [Number, String], default: "100%" },
+    },
+    emits: ["change", "clear", "end", "undo"],
+    setup(props, { attrs, emit, expose }) {
+        const form = inject(formSymbol, null);
+        const formInteractivity = useFormInteractivity();
+        const formState = shallowRef(form?.getState() ?? null);
+        const canvasRef = ref(null);
+        const controller = new SignatureController({
+            disabled: Boolean(props.disabled),
+            lineWidth: props.lineWidth,
+            penColor: props.penColor,
+            readOnly: Boolean(props.readOnly ?? props.readonly),
+        });
+        const state = ref(controller.getState());
+        let resizeObserver;
+        let unsubscribeField;
+        let unsubscribeForm;
+        const redraw = (nextState = controller.getState()) => {
+            if (!canvasRef.value)
+                return;
+            drawSignatureStrokes(canvasRef.value, nextState.strokes, props.backgroundColor);
+        };
+        const commit = (nextState, notify = true) => {
+            state.value = nextState;
+            requestAnimationFrame(() => redraw(nextState));
+            if (notify) {
+                if (form && props.name)
+                    void form.setValue(props.name, nextState);
+                emit("change", nextState);
+            }
+        };
+        const clear = () => {
+            commit(controller.clear());
+            emit("clear");
+        };
+        const undo = () => {
+            const next = controller.undo();
+            commit(next);
+            emit("undo", next);
+        };
+        expose({
+            clear,
+            isEmpty: () => controller.getState().isEmpty,
+            toDataURL: (type = props.exportType, quality) => canvasRef.value?.toDataURL(type, quality) ?? "",
+            undo,
+        });
+        onMounted(() => {
+            if (form && props.name) {
+                unsubscribeForm = form.subscribe((nextState) => {
+                    formState.value = nextState;
+                });
+                unsubscribeField = form.registerField(props.name, {
+                    initialValue: props.initialValue ?? controller.getState(),
+                    rules: props.rules,
+                    validateOn: props.validateOn,
+                });
+            }
+            const initialStrokes = Array.isArray(props.initialValue)
+                ? props.initialValue
+                : props.initialValue?.strokes;
+            if (initialStrokes?.length)
+                commit(controller.replaceStrokes(initialStrokes), false);
+            if (canvasRef.value && typeof ResizeObserver !== "undefined") {
+                resizeObserver = new ResizeObserver(() => redraw());
+                resizeObserver.observe(canvasRef.value);
+            }
+            redraw();
+        });
+        onBeforeUnmount(() => {
+            resizeObserver?.disconnect();
+            unsubscribeField?.();
+            unsubscribeForm?.();
+        });
+        watch(() => formState.value && props.name
+            ? formState.value.fields[props.name]?.value
+            : undefined, (nextValue) => {
+            if (!nextValue ||
+                typeof nextValue !== "object" ||
+                !("strokes" in nextValue))
+                return;
+            const signature = nextValue;
+            if (signature.strokeCount === state.value.strokeCount &&
+                signature.isDrawing === state.value.isDrawing)
+                return;
+            commit(controller.replaceStrokes(signature.strokes), false);
+        });
+        watch(() => [
+            props.disabled,
+            props.lineWidth,
+            props.penColor,
+            props.readOnly,
+            props.readonly,
+            formInteractivity.disabled.value,
+            formInteractivity.readOnly.value,
+        ], () => {
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            commit(controller.updateOptions({
+                disabled: interactivity.disabled,
+                lineWidth: props.lineWidth,
+                penColor: props.penColor,
+                readOnly: interactivity.readOnly,
+            }), false);
+        }, { immediate: true });
+        watch(() => props.backgroundColor, () => redraw());
+        const handlePointerDown = (event) => {
+            if (state.value.disabled || state.value.readOnly || !canvasRef.value)
+                return;
+            event.preventDefault();
+            event.currentTarget.setPointerCapture(event.pointerId);
+            const point = signaturePointFromEvent(canvasRef.value, event);
+            commit(controller.beginStroke(point.x, point.y, point, point.pressure));
+        };
+        const handlePointerMove = (event) => {
+            if (!state.value.isDrawing ||
+                state.value.disabled ||
+                state.value.readOnly ||
+                !canvasRef.value)
+                return;
+            event.preventDefault();
+            const point = signaturePointFromEvent(canvasRef.value, event);
+            commit(controller.addPoint(point.x, point.y, point, point.pressure));
+        };
+        const handlePointerEnd = () => {
+            if (!state.value.isDrawing)
+                return;
+            const next = controller.endStroke();
+            commit(next);
+            emit("end", next);
+        };
+        return () => {
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const field = props.name
+                ? formState.value?.fields[props.name]
+                : undefined;
+            const errors = field?.errors ?? [];
+            const errorId = props.name ? `${props.name}-error` : undefined;
+            const signature = h("div", {
+                ...attrs,
+                class: props.className,
+                "data-disabled": state.value.disabled,
+                "data-empty": state.value.isEmpty,
+                "data-readonly": state.value.readOnly,
+                style: {
+                    ...attrs.style,
+                    "--cc-signature-height": typeof props.height === "number"
+                        ? `${props.height}px`
+                        : props.height,
+                    "--cc-signature-width": typeof props.width === "number"
+                        ? `${props.width}px`
+                        : props.width,
+                },
+            }, [
+                h("canvas", {
+                    "aria-disabled": state.value.disabled || state.value.readOnly,
+                    class: props.canvasClassName,
+                    ref: canvasRef,
+                    onPointercancel: handlePointerEnd,
+                    onPointerdown: handlePointerDown,
+                    onPointerleave: handlePointerEnd,
+                    onPointermove: handlePointerMove,
+                    onPointerup: handlePointerEnd,
+                }),
+                props.showToolbar
+                    ? h("div", { class: props.toolbarClassName }, [
+                        h("button", {
+                            class: "cc-signature__action",
+                            disabled: state.value.disabled ||
+                                state.value.readOnly ||
+                                state.value.isEmpty,
+                            type: "button",
+                            onClick: undo,
+                        }, props.undoText),
+                        h("button", {
+                            class: "cc-signature__action",
+                            disabled: state.value.disabled ||
+                                state.value.readOnly ||
+                                state.value.isEmpty,
+                            type: "button",
+                            onClick: clear,
+                        }, props.clearText),
+                    ])
+                    : null,
+            ]);
+            if (!props.name && !props.label)
+                return signature;
+            return h("div", {
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+            }, [
+                props.label
+                    ? h("span", { class: props.labelClass }, props.label)
+                    : null,
+                signature,
+                errors.length > 0 && errorId
+                    ? h("span", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors[0])
+                    : null,
+            ]);
+        };
+    },
+});
+
+export { ClassSignature };
+//# sourceMappingURL=signature.js.map

package/dist/components/signature.js.map

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

package/dist/components/skeleton.cjs

@@ -0,0 +1,102 @@
+'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 ClassSkeleton = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassSkeleton",
+    props: {
+        animated: { type: Boolean, default: true },
+        count: { type: Number, default: 3 },
+        loading: { type: Boolean, default: true },
+        className: { type: String, default: "cc-skeleton" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new core.SkeletonController({
+                animated: props.animated,
+                count: props.count,
+            }).getState();
+            const content = slots.default?.();
+            if (content?.length) {
+                const children = [
+                    vue.h("div", { class: "cc-skeleton__content" }, content),
+                    ...(props.loading
+                        ? [vue.h("div", { "aria-hidden": "true", class: "cc-skeleton__mask" })]
+                        : []),
+                ];
+                return vue.h("div", {
+                    ...attrs,
+                    "aria-busy": props.loading || undefined,
+                    class: props.className,
+                    "data-animated": state.animated,
+                    "data-loading": props.loading,
+                    "data-overlay": "true",
+                }, children);
+            }
+            const rows = props.loading
+                ? state.rows.map((row) => vue.h("span", {
+                    key: row,
+                    style: { width: `${Math.max(38, 100 - row * 14)}%` },
+                }))
+                : undefined;
+            return vue.h("div", {
+                ...attrs,
+                class: props.className,
+                "data-animated": state.animated,
+                "data-loading": props.loading,
+                "data-overlay": "false",
+            }, rows);
+        };
+    },
+});
+
+exports.ClassSkeleton = ClassSkeleton;
+//# sourceMappingURL=skeleton.cjs.map

package/dist/components/skeleton.cjs.map

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

package/dist/components/skeleton.d.ts

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

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

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

package/dist/components/skeleton.js

@@ -0,0 +1,100 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { SkeletonController, 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 ClassSkeleton = /*#__PURE__*/ defineComponent({
+    name: "ClassSkeleton",
+    props: {
+        animated: { type: Boolean, default: true },
+        count: { type: Number, default: 3 },
+        loading: { type: Boolean, default: true },
+        className: { type: String, default: "cc-skeleton" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new SkeletonController({
+                animated: props.animated,
+                count: props.count,
+            }).getState();
+            const content = slots.default?.();
+            if (content?.length) {
+                const children = [
+                    h("div", { class: "cc-skeleton__content" }, content),
+                    ...(props.loading
+                        ? [h("div", { "aria-hidden": "true", class: "cc-skeleton__mask" })]
+                        : []),
+                ];
+                return h("div", {
+                    ...attrs,
+                    "aria-busy": props.loading || undefined,
+                    class: props.className,
+                    "data-animated": state.animated,
+                    "data-loading": props.loading,
+                    "data-overlay": "true",
+                }, children);
+            }
+            const rows = props.loading
+                ? state.rows.map((row) => h("span", {
+                    key: row,
+                    style: { width: `${Math.max(38, 100 - row * 14)}%` },
+                }))
+                : undefined;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-animated": state.animated,
+                "data-loading": props.loading,
+                "data-overlay": "false",
+            }, rows);
+        };
+    },
+});
+
+export { ClassSkeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

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