@class-kit/vue 0.1.0

package/dist/components/modal.js

@@ -0,0 +1,335 @@
+import { defineComponent, ref, watch, h, onBeforeUnmount, Teleport } from 'vue';
+import { ModalController, configureClassComponents } from '@class-kit/core';
+
+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: "none",
+        focusable: "false",
+        viewBox: "0 0 24 24",
+    }, classIconPaths[name].map((d) => h("path", {
+        d,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": 2,
+        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 resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+    };
+}
+const focusableSelector = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    "[tabindex]:not([tabindex='-1'])",
+].join(",");
+function getFocusableElements(container) {
+    if (!container)
+        return [];
+    return Array.from(container.querySelectorAll(focusableSelector)).filter((element) => !element.hasAttribute("disabled") &&
+        element.getAttribute("aria-hidden") !== "true");
+}
+function focusInitialElement(container) {
+    const target = getFocusableElements(container)[0] ?? container;
+    target?.focus({ preventScroll: true });
+}
+function trapFocus(event, container) {
+    if (event.key !== "Tab" || !container)
+        return;
+    const focusable = getFocusableElements(container);
+    if (focusable.length === 0) {
+        event.preventDefault();
+        container.focus({ preventScroll: true });
+        return;
+    }
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus({ preventScroll: true });
+    }
+    else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus({ preventScroll: true });
+    }
+}
+function setupLayerA11y(container, options) {
+    if (typeof document === "undefined")
+        return () => { };
+    const previousActiveElement = document.activeElement instanceof HTMLElement
+        ? document.activeElement
+        : null;
+    const previousOverflow = document.body.style.overflow;
+    if (options.lockScroll)
+        document.body.style.overflow = "hidden";
+    const frame = requestAnimationFrame(() => focusInitialElement(container()));
+    const handleKeydown = (event) => {
+        if (options.closeOnEsc && event.key === "Escape") {
+            event.preventDefault();
+            options.onClose();
+            return;
+        }
+        if (options.trapFocus)
+            trapFocus(event, container());
+    };
+    document.addEventListener("keydown", handleKeydown, true);
+    return () => {
+        cancelAnimationFrame(frame);
+        document.removeEventListener("keydown", handleKeydown, true);
+        if (options.lockScroll)
+            document.body.style.overflow = previousOverflow;
+        if (options.restoreFocus)
+            previousActiveElement?.focus({ preventScroll: true });
+    };
+}
+const ClassModal = /*#__PURE__*/ defineComponent({
+    name: "ClassModal",
+    inheritAttrs: false,
+    props: {
+        open: Boolean,
+        controller: Object,
+        title: String,
+        animation: {
+            type: [Object, Boolean],
+            default: undefined,
+        },
+        allowPageScroll: {
+            type: Boolean,
+            default: false,
+        },
+        closeOnEsc: {
+            type: Boolean,
+            default: true,
+        },
+        closeOnOverlayClick: {
+            type: Boolean,
+            default: true,
+        },
+        closeIcon: {
+            type: null,
+            default: () => classIcon("x"),
+        },
+        container: {
+            type: Object,
+            default: undefined,
+        },
+        lockScroll: {
+            type: Boolean,
+            default: true,
+        },
+        className: {
+            type: String,
+            default: "cc-modal",
+        },
+        overlayClass: {
+            type: String,
+            default: "cc-modal__overlay",
+        },
+        panelClass: {
+            type: String,
+            default: "cc-modal__panel",
+        },
+        restoreFocus: {
+            type: Boolean,
+            default: true,
+        },
+        trapFocus: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    emits: ["update:open"],
+    setup(props, { attrs, emit, slots }) {
+        const controller = props.controller ?? new ModalController(props.open);
+        const open = ref(controller.isOpen());
+        const rendered = ref(open.value);
+        const panelRef = ref(null);
+        const animationState = ref(open.value ? "enter" : "exit");
+        let timer;
+        let frame = 0;
+        let cleanupA11y;
+        const syncRenderedState = (nextOpen) => {
+            const motion = resolveAnimation(props.animation, "scale");
+            if (timer)
+                clearTimeout(timer);
+            if (frame)
+                cancelAnimationFrame(frame);
+            if (nextOpen) {
+                rendered.value = true;
+                animationState.value = "exit";
+                frame = requestAnimationFrame(() => {
+                    animationState.value = "enter";
+                });
+                return;
+            }
+            animationState.value = "exit";
+            if (!motion.enabled || motion.duration <= 0) {
+                rendered.value = false;
+                return;
+            }
+            timer = setTimeout(() => {
+                rendered.value = false;
+            }, motion.duration);
+        };
+        const unsubscribe = controller.subscribe((nextOpen) => {
+            open.value = nextOpen;
+            syncRenderedState(nextOpen);
+            if (cleanupA11y) {
+                cleanupA11y();
+                cleanupA11y = undefined;
+            }
+            if (nextOpen) {
+                cleanupA11y = setupLayerA11y(() => panelRef.value, {
+                    closeOnEsc: props.closeOnEsc,
+                    lockScroll: props.lockScroll && !props.allowPageScroll,
+                    onClose: () => controller.close(),
+                    restoreFocus: props.restoreFocus,
+                    trapFocus: props.trapFocus,
+                });
+            }
+            emit("update:open", nextOpen);
+        });
+        watch(() => props.open, (nextOpen) => controller.setOpen(nextOpen));
+        onBeforeUnmount(() => {
+            if (timer)
+                clearTimeout(timer);
+            if (frame)
+                cancelAnimationFrame(frame);
+            cleanupA11y?.();
+            unsubscribe();
+        });
+        return () => {
+            const motion = resolveAnimation(props.animation, "scale");
+            const { style: attrStyle, ...restAttrs } = attrs;
+            const modalNode = h("div", {
+                ...restAttrs,
+                class: props.className,
+                "data-animation": motion.name,
+                "data-contained": props.container ? "true" : "false",
+                "data-state": animationState.value,
+                role: "presentation",
+                style: [attrStyle, animationStyle(motion)],
+            }, [
+                h("button", {
+                    "aria-label": "Close modal",
+                    class: props.overlayClass,
+                    type: "button",
+                    onClick: props.closeOnOverlayClick
+                        ? () => controller.close()
+                        : undefined,
+                }),
+                h("section", {
+                    "aria-modal": "true",
+                    class: props.panelClass,
+                    ref: panelRef,
+                    role: "dialog",
+                    tabindex: -1,
+                }, [
+                    props.title
+                        ? h("header", { class: "cc-modal__header" }, [
+                            h("span", null, props.title),
+                            h("button", {
+                                "aria-label": "Close modal",
+                                class: "cc-modal__close",
+                                type: "button",
+                                onClick: () => controller.close(),
+                            }, props.closeIcon),
+                        ])
+                        : null,
+                    h("div", { class: "cc-modal__body" }, slots.default?.()),
+                ]),
+            ]);
+            return rendered.value
+                ? h(Teleport, { to: props.container ?? "body" }, modalNode)
+                : null;
+        };
+    },
+});
+
+export { ClassModal };
+//# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map

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

package/dist/components/multi-column-picker.cjs

@@ -0,0 +1,284 @@
+'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),
+    };
+}
+const ClassMultiColumnPicker = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassMultiColumnPicker",
+    inheritAttrs: false,
+    props: {
+        cascade: { type: Boolean, default: false },
+        columns: { type: Array, default: undefined },
+        disabled: optionalBooleanProp(),
+        errorClass: String,
+        fieldClass: { type: String, default: "cc-field cc-picker-field" },
+        initialValue: {
+            type: Array,
+            default: undefined,
+        },
+        itemHeight: { type: Number, default: 38 },
+        label: String,
+        labelClass: { type: String, default: "cc-field__label" },
+        name: String,
+        readOnly: optionalBooleanProp(),
+        readonly: optionalBooleanProp(),
+        rules: Array,
+        source: {
+            type: Object,
+            default: undefined,
+        },
+        validateOn: Array,
+        values: {
+            type: Array,
+            default: () => [],
+        },
+        visibleItemCount: { type: Number, default: 5 },
+        className: { type: String, default: "cc-picker" },
+    },
+    emits: ["change", "update:values"],
+    setup(props, { attrs, emit }) {
+        const form = vue.inject(formSymbol, null);
+        const formInteractivity = useFormInteractivity();
+        const formState = vue.shallowRef(form?.getState() ?? null);
+        const getValues = () => {
+            const fieldValue = props.name
+                ? formState.value?.fields[props.name]?.value
+                : undefined;
+            return Array.isArray(fieldValue)
+                ? fieldValue
+                : props.values;
+        };
+        const controller = new core.MultiColumnPickerController({
+            cascade: props.cascade,
+            columns: props.columns,
+            source: props.source,
+            values: getValues(),
+        });
+        const gesture = new core.GestureController({ threshold: 4 });
+        const activeColumn = vue.ref(null);
+        const dragOffsets = vue.ref({});
+        const state = vue.ref(controller.getState());
+        let unsubscribeField;
+        let unsubscribeForm;
+        vue.onMounted(() => {
+            if (!form || !props.name)
+                return;
+            unsubscribeForm = form.subscribe((nextState) => {
+                formState.value = nextState;
+            });
+            unsubscribeField = form.registerField(props.name, {
+                initialValue: props.initialValue ?? props.values,
+                rules: props.rules,
+                validateOn: props.validateOn,
+            });
+        });
+        vue.onBeforeUnmount(() => {
+            unsubscribeField?.();
+            unsubscribeForm?.();
+        });
+        vue.watch(() => [
+            props.cascade,
+            props.columns,
+            props.source,
+            props.values,
+            props.name ? formState.value?.fields[props.name]?.value : undefined,
+        ], () => {
+            state.value = controller.updateOptions({
+                cascade: props.cascade,
+                columns: props.columns,
+                source: props.source,
+                values: getValues(),
+            });
+        }, { deep: true });
+        const commitState = (nextState) => {
+            state.value = nextState;
+            dragOffsets.value = {};
+            if (form && props.name)
+                void form.setValue(props.name, state.value.values);
+            emit("update:values", state.value.values);
+            emit("change", state.value.values, state.value.selectedOptions);
+        };
+        return () => {
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const locked = interactivity.disabled || interactivity.readOnly;
+            const field = props.name
+                ? formState.value?.fields[props.name]
+                : undefined;
+            const errors = field?.errors ?? [];
+            const errorId = props.name ? `${props.name}-error` : undefined;
+            const safeItemHeight = Math.max(1, Number.isFinite(props.itemHeight) ? props.itemHeight : 38);
+            const safeVisibleItemCount = Math.max(3, Math.floor(Number.isFinite(props.visibleItemCount) ? props.visibleItemCount : 5));
+            const visibleCount = safeVisibleItemCount % 2 === 0
+                ? safeVisibleItemCount + 1
+                : safeVisibleItemCount;
+            const wheelHeight = safeItemHeight * visibleCount;
+            const columnNodes = state.value.columns.map((column, columnIndex) => {
+                const selectedIndex = Math.max(0, column.findIndex((item) => item.value === state.value.values[columnIndex]));
+                return vue.h("div", {
+                    class: "cc-picker__column",
+                    key: columnIndex,
+                    style: { height: `${wheelHeight}px` },
+                    onPointerdown: (event) => {
+                        if (locked)
+                            return;
+                        activeColumn.value = columnIndex;
+                        gesture.start({ x: event.clientX, y: event.clientY });
+                        event.currentTarget.setPointerCapture(event.pointerId);
+                    },
+                    onPointermove: (event) => {
+                        if (locked ||
+                            activeColumn.value !== columnIndex ||
+                            !gesture.getState().active)
+                            return;
+                        const nextGesture = gesture.move({
+                            x: event.clientX,
+                            y: event.clientY,
+                        });
+                        dragOffsets.value = {
+                            ...dragOffsets.value,
+                            [columnIndex]: nextGesture.y,
+                        };
+                    },
+                    onPointerup: (event) => {
+                        if (locked)
+                            return;
+                        const nextGesture = gesture.end({
+                            x: event.clientX,
+                            y: event.clientY,
+                        });
+                        activeColumn.value = null;
+                        const delta = Math.round(-nextGesture.y / safeItemHeight);
+                        if (delta)
+                            commitState(controller.selectByDelta(columnIndex, delta));
+                        else
+                            dragOffsets.value = { ...dragOffsets.value, [columnIndex]: 0 };
+                    },
+                    onWheel: (event) => {
+                        if (locked)
+                            return;
+                        commitState(controller.selectByDelta(columnIndex, event.deltaY > 0 ? 1 : -1));
+                    },
+                }, [
+                    vue.h("div", {
+                        class: "cc-picker__wheel",
+                        style: {
+                            transform: `translate3d(0, ${((visibleCount - 1) / 2 - selectedIndex) * safeItemHeight + (dragOffsets.value[columnIndex] ?? 0)}px, 0)`,
+                        },
+                    }, column.map((option, optionIndex) => vue.h("button", {
+                        class: "cc-picker__option",
+                        "data-selected": state.value.values[columnIndex] === option.value,
+                        disabled: option.disabled,
+                        key: String(option.value),
+                        style: {
+                            transform: `rotateX(${(optionIndex - selectedIndex) * -12}deg)`,
+                        },
+                        type: "button",
+                        onClick: () => {
+                            if (locked || option.disabled)
+                                return;
+                            commitState(controller.select(columnIndex, option.value));
+                        },
+                    }, option.label))),
+                ]);
+            });
+            const picker = vue.h("div", {
+                ...attrs,
+                class: props.className,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+                style: {
+                    "--cc-picker-option-height": `${safeItemHeight}px`,
+                    "--cc-picker-visible-count": visibleCount,
+                },
+            }, [
+                vue.h("span", { class: "cc-picker__mask cc-picker__mask--top" }),
+                vue.h("span", { class: "cc-picker__mask cc-picker__mask--bottom" }),
+                vue.h("span", { class: "cc-picker__indicator" }),
+                ...columnNodes,
+            ]);
+            if (!props.name && !props.label)
+                return picker;
+            return vue.h("div", {
+                class: props.fieldClass,
+                "data-disabled": interactivity.disabled,
+                "data-readonly": interactivity.readOnly,
+            }, [
+                props.label
+                    ? vue.h("span", { class: props.labelClass }, props.label)
+                    : null,
+                picker,
+                errors.length > 0 && errorId
+                    ? vue.h("span", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors[0])
+                    : null,
+            ]);
+        };
+    },
+});
+
+exports.ClassMultiColumnPicker = ClassMultiColumnPicker;
+//# sourceMappingURL=multi-column-picker.cjs.map

package/dist/components/multi-column-picker.cjs.map

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

package/dist/components/multi-column-picker.d.ts

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

package/dist/components/multi-column-picker.d.ts.map

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