@class-kit/vue 0.1.0

package/dist/components/rating.cjs

@@ -0,0 +1,251 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@class-kit/core');
+
+const formSymbol = /*#__PURE__*/ Symbol("ClassComponentsForm");
+const formInteractivitySymbol = /*#__PURE__*/ Symbol("ClassComponentsFormInteractivity");
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function classIcon(name, className = "cc-icon") {
+    return vue.h("svg", {
+        "aria-hidden": "true",
+        class: className,
+        fill: "currentColor" ,
+        focusable: "false",
+        viewBox: "0 0 24 24",
+    }, classIconPaths[name].map((d) => vue.h("path", {
+        d,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": 0 ,
+        stroke: "currentColor",
+    })));
+}
+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);
+        },
+    };
+}
+function renderError(errors, errorId) {
+    return errors.length > 0
+        ? vue.h("span", { class: "cc-field__error", id: errorId, role: "alert" }, errors[0])
+        : null;
+}
+const ClassRating = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassRating",
+    inheritAttrs: false,
+    props: {
+        name: String,
+        label: String,
+        max: {
+            type: Number,
+            default: 5,
+        },
+        disabled: optionalBooleanProp(),
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        fieldClass: {
+            type: String,
+            default: "cc-field cc-rating",
+        },
+        labelClass: {
+            type: String,
+            default: "cc-field__label",
+        },
+        starsClass: {
+            type: String,
+            default: "cc-rating__stars",
+        },
+        starClass: {
+            type: String,
+            default: "cc-rating__star",
+        },
+        icon: {
+            type: null,
+            default: () => classIcon("star"),
+        },
+        starLabel: Function,
+        rules: Array,
+    },
+    setup(props, { attrs, slots }) {
+        const formInteractivity = useFormInteractivity();
+        const field = useOptionalField(props.name, {
+            initialValue: 0,
+            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 value = Number(field.value.value) || 0;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            return vue.h("fieldset", {
+                ...attrs,
+                "aria-readonly": interactivity.readOnly || undefined,
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+            }, [
+                props.label
+                    ? vue.h("legend", { class: props.labelClass }, props.label)
+                    : null,
+                vue.h("div", {
+                    class: props.starsClass,
+                    role: "radiogroup",
+                    "aria-label": props.label ?? props.name,
+                }, Array.from({ length: props.max }, (_, index) => {
+                    const starValue = index + 1;
+                    const active = starValue <= value;
+                    return vue.h("button", {
+                        "aria-checked": value === starValue,
+                        "aria-label": props.starLabel?.(starValue) ?? `${starValue} star`,
+                        class: props.starClass,
+                        "data-active": active,
+                        "data-readonly": interactivity.readOnly,
+                        disabled: interactivity.disabled,
+                        key: starValue,
+                        role: "radio",
+                        type: "button",
+                        onBlur: () => void field.blur(),
+                        onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            void field.setValue(starValue);
+                        },
+                    }, slots.icon?.({ active, value: starValue }) ?? props.icon);
+                })),
+                renderError(errors, errorId),
+            ]);
+        };
+    },
+});
+
+exports.ClassRating = ClassRating;
+//# sourceMappingURL=rating.cjs.map

package/dist/components/rating.cjs.map

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

package/dist/components/rating.d.ts

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

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

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

package/dist/components/rating.js

@@ -0,0 +1,249 @@
+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");
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function classIcon(name, className = "cc-icon") {
+    return h("svg", {
+        "aria-hidden": "true",
+        class: className,
+        fill: "currentColor" ,
+        focusable: "false",
+        viewBox: "0 0 24 24",
+    }, classIconPaths[name].map((d) => h("path", {
+        d,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": 0 ,
+        stroke: "currentColor",
+    })));
+}
+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 ClassRating = /*#__PURE__*/ defineComponent({
+    name: "ClassRating",
+    inheritAttrs: false,
+    props: {
+        name: String,
+        label: String,
+        max: {
+            type: Number,
+            default: 5,
+        },
+        disabled: optionalBooleanProp(),
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        fieldClass: {
+            type: String,
+            default: "cc-field cc-rating",
+        },
+        labelClass: {
+            type: String,
+            default: "cc-field__label",
+        },
+        starsClass: {
+            type: String,
+            default: "cc-rating__stars",
+        },
+        starClass: {
+            type: String,
+            default: "cc-rating__star",
+        },
+        icon: {
+            type: null,
+            default: () => classIcon("star"),
+        },
+        starLabel: Function,
+        rules: Array,
+    },
+    setup(props, { attrs, slots }) {
+        const formInteractivity = useFormInteractivity();
+        const field = useOptionalField(props.name, {
+            initialValue: 0,
+            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 value = Number(field.value.value) || 0;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            return h("fieldset", {
+                ...attrs,
+                "aria-readonly": interactivity.readOnly || undefined,
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+            }, [
+                props.label
+                    ? h("legend", { class: props.labelClass }, props.label)
+                    : null,
+                h("div", {
+                    class: props.starsClass,
+                    role: "radiogroup",
+                    "aria-label": props.label ?? props.name,
+                }, Array.from({ length: props.max }, (_, index) => {
+                    const starValue = index + 1;
+                    const active = starValue <= value;
+                    return h("button", {
+                        "aria-checked": value === starValue,
+                        "aria-label": props.starLabel?.(starValue) ?? `${starValue} star`,
+                        class: props.starClass,
+                        "data-active": active,
+                        "data-readonly": interactivity.readOnly,
+                        disabled: interactivity.disabled,
+                        key: starValue,
+                        role: "radio",
+                        type: "button",
+                        onBlur: () => void field.blur(),
+                        onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            void field.setValue(starValue);
+                        },
+                    }, slots.icon?.({ active, value: starValue }) ?? props.icon);
+                })),
+                renderError(errors, errorId),
+            ]);
+        };
+    },
+});
+
+export { ClassRating };
+//# sourceMappingURL=rating.js.map

package/dist/components/rating.js.map

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

package/dist/components/rolling-number.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@class-kit/core');
+
+const rollingDigits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+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 ClassRollingNumber = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassRollingNumber",
+    inheritAttrs: false,
+    props: {
+        value: { type: Number, required: true },
+        minDigits: { type: Number, default: 1 },
+        duration: { type: Number, default: 520 },
+        className: { type: String, default: "cc-rolling-number" },
+        digitClass: { type: String, default: "cc-rolling-number__digit" },
+        trackClass: { type: String, default: "cc-rolling-number__track" },
+        numberClass: { type: String, default: "cc-rolling-number__number" },
+    },
+    setup(props, { attrs }) {
+        const controller = new core.RollingNumberController(props.value, {
+            minDigits: props.minDigits,
+        });
+        const columns = vue.shallowRef(controller.getStableColumns(props.value));
+        let timer;
+        vue.watch(() => props.value, (nextValue) => {
+            columns.value = controller.update(nextValue);
+            if (timer)
+                clearTimeout(timer);
+            timer = setTimeout(() => {
+                columns.value = controller.getStableColumns(nextValue);
+            }, props.duration);
+        });
+        vue.onBeforeUnmount(() => {
+            if (timer)
+                clearTimeout(timer);
+        });
+        return () => vue.h("span", {
+            ...attrs,
+            "aria-label": String(Math.max(0, Math.floor(props.value))),
+            class: props.className,
+            style: { "--cc-rolling-duration": `${props.duration}ms` },
+        }, columns.value.map((column) => vue.h("span", { "aria-hidden": "true", class: props.digitClass, key: column.key }, [
+            vue.h("span", {
+                class: props.trackClass,
+                style: { transform: `translateY(-${column.offset}em)` },
+            }, rollingDigits.map((digit, index) => vue.h("span", { class: props.numberClass, key: `${digit}-${index}` }, digit))),
+        ])));
+    },
+});
+
+exports.ClassRollingNumber = ClassRollingNumber;
+//# sourceMappingURL=rolling-number.cjs.map

package/dist/components/rolling-number.cjs.map

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

package/dist/components/rolling-number.d.ts

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

package/dist/components/rolling-number.d.ts.map

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