@class-kit/vue 0.1.0

package/dist/components/checked.js

@@ -0,0 +1,194 @@
+import { defineComponent, ref, watch, h, inject, shallowRef, onMounted, onBeforeUnmount } from 'vue';
+import { 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 createEmptyFormState() {
+    return {
+        dirty: false,
+        errors: {},
+        fields: {},
+        submitCount: 0,
+        submitted: false,
+        submitting: false,
+        touched: false,
+        valid: true,
+        validating: false,
+        values: {},
+    };
+}
+function useOptionalField(name, options = {}) {
+    const form = inject(formSymbol, null);
+    const state = shallowRef(form?.getState() ?? createEmptyFormState());
+    const value = ref((name ? form?.getValue(name) : undefined) ?? options.initialValue ?? "");
+    let unsubscribeForm;
+    let unsubscribeField;
+    onMounted(() => {
+        if (!form || !name)
+            return;
+        unsubscribeForm = form.subscribe((nextState) => {
+            state.value = nextState;
+        });
+        unsubscribeField = form.registerField(name, options);
+        value.value = (form.getValue(name) ?? "");
+    });
+    onBeforeUnmount(() => {
+        unsubscribeField?.();
+        unsubscribeForm?.();
+    });
+    watch(() => (name ? state.value.fields[name]?.value : undefined), (nextValue) => {
+        if (!form || !name)
+            return;
+        value.value = (nextValue ?? "");
+    });
+    return {
+        value,
+        state,
+        setValue: async (nextValue) => {
+            if (form && name)
+                await form.setValue(name, nextValue);
+            else
+                value.value = nextValue;
+        },
+        blur: async () => {
+            if (form && name)
+                await form.blur(name);
+        },
+    };
+}
+function renderError(errors, errorId) {
+    return errors.length > 0
+        ? h("span", { class: "cc-field__error", id: errorId, role: "alert" }, errors[0])
+        : null;
+}
+const ClassCheckbox = /*#__PURE__*/ defineComponent({
+    name: "ClassCheckbox",
+    inheritAttrs: false,
+    props: {
+        name: String,
+        label: {
+            type: String,
+            required: true,
+        },
+        disabled: optionalBooleanProp(),
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        fieldClass: {
+            type: String,
+            default: "cc-field cc-choice",
+        },
+        labelClass: String,
+        rules: Array,
+    },
+    setup(props, { attrs }) {
+        const formInteractivity = useFormInteractivity();
+        const field = useOptionalField(props.name, {
+            initialValue: false,
+            rules: props.rules,
+        });
+        return () => {
+            const fieldState = props.name
+                ? field.state.value.fields[props.name]
+                : undefined;
+            const errors = fieldState?.errors ?? [];
+            const errorId = `${props.name}-error`;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            return h("label", {
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+            }, [
+                h("input", {
+                    ...attrs,
+                    "aria-readonly": interactivity.readOnly || undefined,
+                    checked: Boolean(field.value.value),
+                    "data-readonly": interactivity.readOnly,
+                    disabled: interactivity.disabled,
+                    name: props.name,
+                    type: "checkbox",
+                    onBlur: () => void field.blur(),
+                    onClick: (event) => {
+                        if (!interactivity.readOnly)
+                            return;
+                        event.preventDefault();
+                    },
+                    onChange: (event) => {
+                        if (interactivity.readOnly)
+                            return;
+                        const target = event.target;
+                        void field.setValue(target.checked);
+                    },
+                }),
+                h("span", { class: props.labelClass }, props.label),
+                renderError(errors, errorId),
+            ]);
+        };
+    },
+});
+const ClassChecked = ClassCheckbox;
+
+export { ClassChecked };
+//# sourceMappingURL=checked.js.map

package/dist/components/checked.js.map

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

package/dist/components/color-picker.cjs

@@ -0,0 +1,364 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@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";
+}
+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 optionalBooleanProp() {
+    return { type: Boolean, default: undefined };
+}
+function useFormInteractivity() {
+    return vue.inject(formInteractivitySymbol, {
+        disabled: vue.ref(false),
+        readOnly: vue.ref(false),
+    });
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled.value;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly.value),
+    };
+}
+function createEmptyFormState() {
+    return {
+        dirty: false,
+        errors: {},
+        fields: {},
+        submitCount: 0,
+        submitted: false,
+        submitting: false,
+        touched: false,
+        valid: true,
+        validating: false,
+        values: {},
+    };
+}
+function useOptionalField(name, options = {}) {
+    const form = vue.inject(formSymbol, null);
+    const state = vue.shallowRef(form?.getState() ?? createEmptyFormState());
+    const value = vue.ref((name ? form?.getValue(name) : undefined) ?? options.initialValue ?? "");
+    let unsubscribeForm;
+    let unsubscribeField;
+    vue.onMounted(() => {
+        if (!form || !name)
+            return;
+        unsubscribeForm = form.subscribe((nextState) => {
+            state.value = nextState;
+        });
+        unsubscribeField = form.registerField(name, options);
+        value.value = (form.getValue(name) ?? "");
+    });
+    vue.onBeforeUnmount(() => {
+        unsubscribeField?.();
+        unsubscribeForm?.();
+    });
+    vue.watch(() => (name ? state.value.fields[name]?.value : undefined), (nextValue) => {
+        if (!form || !name)
+            return;
+        value.value = (nextValue ?? "");
+    });
+    return {
+        value,
+        state,
+        setValue: async (nextValue) => {
+            if (form && name)
+                await form.setValue(name, nextValue);
+            else
+                value.value = nextValue;
+        },
+        blur: async () => {
+            if (form && name)
+                await form.blur(name);
+        },
+    };
+}
+const ClassColorPicker = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassColorPicker",
+    inheritAttrs: false,
+    props: {
+        name: String,
+        label: String,
+        disabled: optionalBooleanProp(),
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        showInputSteppers: { type: Boolean, default: false },
+        fieldClass: { type: String, default: "cc-field cc-color-picker" },
+        rules: Array,
+    },
+    emits: ["change"],
+    setup(props, { attrs, emit }) {
+        const formInteractivity = useFormInteractivity();
+        const field = useOptionalField(props.name, {
+            rules: props.rules,
+        });
+        const rootRef = vue.ref(null);
+        const panelRef = vue.ref(null);
+        const triggerRef = vue.ref(null);
+        const spectrumRef = vue.ref(null);
+        const hueRef = vue.ref(null);
+        const open = vue.ref(false);
+        const panelStyle = vue.ref({});
+        const updatePanelPosition = () => {
+            const trigger = triggerRef.value;
+            if (!trigger)
+                return;
+            const rect = trigger.getBoundingClientRect();
+            const gap = 8;
+            const width = Math.min(240, Math.max(220, rect.width));
+            const estimatedHeight = 292;
+            const openUp = window.innerHeight - rect.bottom < estimatedHeight + gap &&
+                rect.top > estimatedHeight + gap;
+            panelStyle.value = {
+                ...(openUp
+                    ? { bottom: `${window.innerHeight - rect.top + gap}px` }
+                    : {}),
+                left: `${Math.min(Math.max(8, rect.left), Math.max(8, window.innerWidth - width - 8))}px`,
+                ...(!openUp ? { top: `${rect.bottom + gap}px` } : {}),
+                transformOrigin: openUp ? "bottom left" : "top left",
+                width: `${width}px`,
+            };
+        };
+        const closeOnOutside = (event) => {
+            const target = event.target;
+            if (!rootRef.value?.contains(target) && !panelRef.value?.contains(target))
+                open.value = false;
+        };
+        vue.watch(open, (value) => {
+            if (value)
+                requestAnimationFrame(updatePanelPosition);
+        });
+        vue.onMounted(() => {
+            document.addEventListener("mousedown", closeOnOutside);
+            window.addEventListener("resize", updatePanelPosition);
+            window.addEventListener("scroll", updatePanelPosition, true);
+        });
+        vue.onBeforeUnmount(() => {
+            document.removeEventListener("mousedown", closeOnOutside);
+            window.removeEventListener("resize", updatePanelPosition);
+            window.removeEventListener("scroll", updatePanelPosition, true);
+        });
+        return () => {
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const controller = new core.ColorPickerController(String(field.value.value || "#7c3aed"));
+            const state = controller.getState();
+            const commit = (value) => {
+                if (interactivity.disabled || interactivity.readOnly)
+                    return;
+                const next = controller.update(value).value;
+                void field.setValue(next);
+                emit("change", next);
+            };
+            const commitState = (next) => {
+                void field.setValue(next.value);
+                emit("change", next.value);
+            };
+            const updateSpectrum = (event) => {
+                if (interactivity.disabled ||
+                    interactivity.readOnly ||
+                    !spectrumRef.value)
+                    return;
+                const rect = spectrumRef.value.getBoundingClientRect();
+                const saturation = Math.min(1, Math.max(0, (event.clientX - rect.left) / rect.width));
+                const brightness = 1 -
+                    Math.min(1, Math.max(0, (event.clientY - rect.top) / rect.height));
+                commitState(controller.setSaturationBrightness(saturation, brightness));
+            };
+            const updateHue = (event) => {
+                if (interactivity.disabled || interactivity.readOnly || !hueRef.value)
+                    return;
+                const rect = hueRef.value.getBoundingClientRect();
+                const hue = Math.min(359, Math.max(0, ((event.clientX - rect.left) / rect.width) * 360));
+                commitState(controller.setHue(hue));
+            };
+            return vue.h("div", {
+                ...attrs,
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-open": open.value,
+                "data-readonly": interactivity.readOnly,
+                ref: rootRef,
+            }, [
+                props.label
+                    ? vue.h("span", { class: "cc-field__label" }, props.label)
+                    : null,
+                vue.h("div", { class: "cc-color-picker__body" }, [
+                    vue.h("button", {
+                        "aria-expanded": open.value,
+                        class: "cc-field__control cc-color-picker__trigger",
+                        disabled: interactivity.disabled,
+                        ref: triggerRef,
+                        style: {
+                            "--cc-color-picker-contrast": state.contrastColor,
+                            "--cc-color-picker-current": state.value,
+                        },
+                        type: "button",
+                        onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            open.value = !open.value;
+                            requestAnimationFrame(updatePanelPosition);
+                        },
+                    }, vue.h("span", { class: "cc-color-picker__value" }, state.value)),
+                    open.value
+                        ? vue.h(vue.Teleport, { to: "body" }, vue.h("div", {
+                            class: "cc-color-picker__panel",
+                            ref: panelRef,
+                            style: panelStyle.value,
+                        }, [
+                            vue.h("div", {
+                                "aria-label": `${props.name} color panel`,
+                                class: "cc-color-picker__spectrum",
+                                ref: spectrumRef,
+                                role: "slider",
+                                style: {
+                                    "--cc-color-picker-hue": state.hue,
+                                    "--cc-color-picker-saturation": `${state.saturation * 100}%`,
+                                    "--cc-color-picker-brightness": `${(1 - state.brightness) * 100}%`,
+                                },
+                                tabindex: interactivity.disabled ? -1 : 0,
+                                onPointerdown: (event) => {
+                                    updateSpectrum(event);
+                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                },
+                                onPointermove: (event) => {
+                                    if (event.buttons > 0)
+                                        updateSpectrum(event);
+                                },
+                            }, vue.h("span", { class: "cc-color-picker__thumb" })),
+                            vue.h("div", {
+                                "aria-label": `${props.name} hue`,
+                                class: "cc-color-picker__hue",
+                                ref: hueRef,
+                                role: "slider",
+                                tabindex: interactivity.disabled ? -1 : 0,
+                                onPointerdown: (event) => {
+                                    updateHue(event);
+                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                },
+                                onPointermove: (event) => {
+                                    if (event.buttons > 0)
+                                        updateHue(event);
+                                },
+                            }, vue.h("span", { style: { left: `${state.hue / 3.6}%` } })),
+                            vue.h("label", { class: "cc-color-picker__alpha" }, [
+                                vue.h("span", null, core.getClassComponentsLocale().colorPickerAlphaLabel),
+                                vue.h("input", {
+                                    disabled: interactivity.disabled || interactivity.readOnly,
+                                    max: 1,
+                                    min: 0,
+                                    step: 0.1,
+                                    type: "range",
+                                    value: Number(state.alpha.toFixed(1)),
+                                    onInput: (event) => {
+                                        const next = controller.setAlpha(Number(event.target.value)).value;
+                                        void field.setValue(next);
+                                        emit("change", next);
+                                    },
+                                }),
+                                vue.h("output", null, state.alpha.toFixed(1)),
+                            ]),
+                            vue.h("div", {
+                                class: "cc-color-picker__channels",
+                                "data-show-steppers": props.showInputSteppers,
+                            }, [
+                                ...["red", "green", "blue"].map((channel) => vue.h("label", { key: channel }, [
+                                    vue.h("span", null, channel.slice(0, 1).toUpperCase()),
+                                    vue.h("input", {
+                                        class: "cc-field__control cc-number-input__control cc-color-picker__channel-input",
+                                        "data-readonly": interactivity.readOnly,
+                                        disabled: interactivity.disabled ||
+                                            interactivity.readOnly,
+                                        inputmode: "numeric",
+                                        max: 255,
+                                        min: 0,
+                                        readonly: interactivity.readOnly,
+                                        type: "number",
+                                        value: state[channel],
+                                        onInput: (event) => {
+                                            const value = Math.max(0, Math.min(255, Number(event.target
+                                                .value || 0)));
+                                            commit(`rgba(${channel === "red" ? value : state.red}, ${channel === "green" ? value : state.green}, ${channel === "blue" ? value : state.blue}, ${state.alpha})`);
+                                        },
+                                    }),
+                                ])),
+                                vue.h("label", null, [
+                                    vue.h("span", null, "A"),
+                                    vue.h("input", {
+                                        class: "cc-field__control cc-number-input__control cc-color-picker__channel-input",
+                                        "data-readonly": interactivity.readOnly,
+                                        disabled: interactivity.disabled ||
+                                            interactivity.readOnly,
+                                        inputmode: "decimal",
+                                        max: 1,
+                                        min: 0,
+                                        readonly: interactivity.readOnly,
+                                        step: 0.1,
+                                        type: "number",
+                                        value: state.alpha.toFixed(1),
+                                        onInput: (event) => {
+                                            const value = Math.max(0, Math.min(1, Number(event.target
+                                                .value || 0)));
+                                            commit(`rgba(${state.red}, ${state.green}, ${state.blue}, ${value.toFixed(1)})`);
+                                        },
+                                    }),
+                                ]),
+                            ]),
+                        ]))
+                        : null,
+                ]),
+            ]);
+        };
+    },
+});
+
+exports.ClassColorPicker = ClassColorPicker;
+//# sourceMappingURL=color-picker.cjs.map

package/dist/components/color-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.cjs","sources":["../../src/index.ts"],"names":["defineComponent","ref","configureClassComponents","watch","h","inject","shallowRef","onMounted","onBeforeUnmount","ColorPickerController","Teleport","getClassComponentsLocale"],"mappings":"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"}

package/dist/components/color-picker.d.ts

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

package/dist/components/color-picker.d.ts.map

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