@class-kit/vue 0.1.0

package/dist/components/marquee.js

@@ -0,0 +1,265 @@
+import { defineComponent, ref, watch, h, onBeforeUnmount } from 'vue';
+import { MarqueeController, 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 ClassMarquee = /*#__PURE__*/ defineComponent({
+    name: "ClassMarquee",
+    inheritAttrs: false,
+    props: {
+        items: {
+            type: Array,
+            required: true,
+        },
+        direction: {
+            type: String,
+            default: "horizontal",
+        },
+        duration: {
+            type: Number,
+            default: 18000,
+        },
+        gap: {
+            type: [Number, String],
+            default: 32,
+        },
+        itemHeight: {
+            type: [Number, String],
+            default: 28,
+        },
+        pauseOnHover: {
+            type: Boolean,
+            default: true,
+        },
+        reverse: {
+            type: Boolean,
+            default: false,
+        },
+        stepAnimation: {
+            type: [String, null],
+            default: undefined,
+        },
+        stepAnimationDuration: {
+            type: Number,
+            default: undefined,
+        },
+        verticalMode: {
+            type: String,
+            default: "continuous",
+        },
+        ariaLabel: {
+            type: String,
+            default: "Announcements",
+        },
+        className: {
+            type: String,
+            default: "cc-marquee",
+        },
+        contentClass: {
+            type: String,
+            default: "cc-marquee__content",
+        },
+        trackClass: {
+            type: String,
+            default: "cc-marquee__track",
+        },
+        groupClass: {
+            type: String,
+            default: "cc-marquee__group",
+        },
+        itemClass: {
+            type: String,
+            default: "cc-marquee__item",
+        },
+        onItemClick: {
+            type: Function,
+            default: undefined,
+        },
+    },
+    setup(props, { attrs, slots }) {
+        const activeIndex = ref(0);
+        const previousIndex = ref(null);
+        let stepTimer;
+        let cleanupTimer;
+        const stopStepTimer = () => {
+            if (stepTimer)
+                window.clearInterval(stepTimer);
+            stepTimer = undefined;
+        };
+        const clearPreviousTimer = () => {
+            if (cleanupTimer)
+                window.clearTimeout(cleanupTimer);
+            cleanupTimer = undefined;
+        };
+        const getItemInteractiveProps = (item, index) => {
+            if (!props.onItemClick)
+                return { "data-clickable": false };
+            return {
+                "data-clickable": true,
+                onClick: (event) => props.onItemClick?.(item, index, event),
+                onKeydown: (event) => {
+                    if (event.key !== "Enter" && event.key !== " ")
+                        return;
+                    event.preventDefault();
+                    props.onItemClick?.(item, index, event);
+                },
+                role: "button",
+                tabindex: 0,
+            };
+        };
+        const renderGroup = (items, groupIndex) => h("span", {
+            "aria-hidden": groupIndex > 0,
+            class: props.groupClass,
+        }, items.map((item, index) => h("span", {
+            class: props.itemClass,
+            key: `${groupIndex}-${item.key}`,
+            ...getItemInteractiveProps(item, index),
+        }, slots.default?.({ index, item }) ?? item.text)));
+        const renderStepItem = (items, index, itemClass, phase) => {
+            const item = items[index];
+            if (!item)
+                return null;
+            return h("span", {
+                class: `${itemClass} cc-marquee__step-item`,
+                "data-phase": phase,
+                key: `${phase}-${item.key}-${activeIndex.value}`,
+                ...getItemInteractiveProps(item, index),
+            }, slots.default?.({ index, item }) ?? item.text);
+        };
+        const resolveState = () => new MarqueeController(props.items, {
+            direction: props.direction,
+            duration: props.duration,
+            gap: props.gap,
+            itemHeight: props.itemHeight,
+            pauseOnHover: props.pauseOnHover,
+            reverse: props.reverse,
+            stepAnimation: props.stepAnimation,
+            stepAnimationDuration: props.stepAnimationDuration,
+            verticalMode: props.verticalMode,
+        }).getState();
+        const syncTimer = () => {
+            stopStepTimer();
+            const state = resolveState();
+            if (state.direction !== "vertical" ||
+                state.verticalMode !== "step" ||
+                !state.shouldAnimate)
+                return;
+            const stepDelay = Math.max(state.stepAnimationDuration + 80, Math.floor(state.duration / Math.max(1, state.items.length)));
+            stepTimer = window.setInterval(() => {
+                const current = activeIndex.value;
+                activeIndex.value = state.reverse
+                    ? (current - 1 + state.items.length) % state.items.length
+                    : (current + 1) % state.items.length;
+                previousIndex.value = state.stepAnimation === null ? null : current;
+                clearPreviousTimer();
+                if (previousIndex.value !== null) {
+                    cleanupTimer = window.setTimeout(() => {
+                        previousIndex.value = null;
+                    }, state.stepAnimationDuration);
+                }
+            }, stepDelay);
+        };
+        watch(() => [
+            props.items.length,
+            props.direction,
+            props.duration,
+            props.reverse,
+            props.stepAnimation,
+            props.stepAnimationDuration,
+            props.verticalMode,
+        ], () => {
+            activeIndex.value = 0;
+            previousIndex.value = null;
+            syncTimer();
+        }, { immediate: true });
+        onBeforeUnmount(() => {
+            stopStepTimer();
+            clearPreviousTimer();
+        });
+        return () => {
+            const state = resolveState();
+            const isStepMarquee = state.direction === "vertical" && state.verticalMode === "step";
+            return h("div", {
+                ...attrs,
+                "aria-label": props.ariaLabel,
+                class: props.className,
+                "data-animated": state.shouldAnimate,
+                "data-direction": state.direction,
+                "data-pause-on-hover": state.pauseOnHover,
+                "data-reverse": state.reverse,
+                "data-step-animation": state.stepAnimation ?? "none",
+                "data-vertical-mode": state.verticalMode,
+                role: "region",
+                style: {
+                    "--cc-marquee-duration": `${state.duration}ms`,
+                    "--cc-marquee-gap": state.gap,
+                    "--cc-marquee-item-height": state.itemHeight,
+                    "--cc-marquee-step-animation-duration": `${state.stepAnimationDuration}ms`,
+                    "--cc-marquee-step-count": state.items.length,
+                },
+            }, [
+                h("div", { class: props.contentClass }, [
+                    isStepMarquee
+                        ? h("span", { class: `${props.trackClass} cc-marquee__step-track` }, [
+                            previousIndex.value === null
+                                ? null
+                                : renderStepItem(state.items, previousIndex.value, props.itemClass, "previous"),
+                            renderStepItem(state.items, activeIndex.value % Math.max(1, state.items.length), props.itemClass, "current"),
+                        ])
+                        : h("span", { class: props.trackClass }, [
+                            renderGroup(state.items, 0),
+                            state.shouldAnimate ? renderGroup(state.items, 1) : null,
+                        ]),
+                ]),
+            ]);
+        };
+    },
+});
+
+export { ClassMarquee };
+//# sourceMappingURL=marquee.js.map

package/dist/components/marquee.js.map

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

package/dist/components/masonry-virtual-list.cjs

@@ -0,0 +1,241 @@
+'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 ClassMasonryVirtualList = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassMasonryVirtualList",
+    inheritAttrs: false,
+    props: {
+        columns: Number,
+        data: {
+            type: Array,
+            required: true,
+        },
+        estimateSize: {
+            type: [Number, Function],
+            default: 220,
+        },
+        gap: {
+            type: Number,
+            default: 16,
+        },
+        height: {
+            type: [Number, String],
+            default: 520,
+        },
+        minColumnWidth: {
+            type: Number,
+            default: 220,
+        },
+        overscan: {
+            type: Number,
+            default: 360,
+        },
+        className: {
+            type: String,
+            default: "cc-masonry-virtual-list",
+        },
+        headerClass: {
+            type: String,
+            default: "cc-masonry-virtual-list__header",
+        },
+        viewportClass: {
+            type: String,
+            default: "cc-masonry-virtual-list__viewport",
+        },
+        listClass: {
+            type: String,
+            default: "cc-masonry-virtual-list__inner",
+        },
+        itemClass: {
+            type: String,
+            default: "cc-masonry-virtual-list__item",
+        },
+    },
+    emits: ["rangeChange"],
+    setup(props, { attrs, emit, slots }) {
+        const viewportRef = vue.ref(null);
+        const headerRef = vue.ref(null);
+        const viewportHeight = vue.ref(0);
+        const containerWidth = vue.ref(0);
+        const headerHeight = vue.ref(0);
+        const scrollOffset = vue.ref(0);
+        const revision = vue.ref(0);
+        const observers = new Map();
+        const controller = new core.MasonryVirtualListController({
+            columns: props.columns,
+            containerWidth: 0,
+            count: props.data.length,
+            estimateSize: props.estimateSize,
+            gap: props.gap,
+            minColumnWidth: props.minColumnWidth,
+            overscan: props.overscan,
+        });
+        const visibleRange = vue.computed(() => {
+            revision.value;
+            return controller.getRange(Math.max(0, scrollOffset.value - headerHeight.value), viewportHeight.value);
+        });
+        const forceUpdate = () => {
+            revision.value += 1;
+        };
+        vue.watch(() => [
+            props.columns,
+            props.data.length,
+            props.estimateSize,
+            props.gap,
+            props.minColumnWidth,
+            props.overscan,
+            containerWidth.value,
+        ], () => {
+            controller.updateOptions({
+                columns: props.columns,
+                containerWidth: containerWidth.value,
+                count: props.data.length,
+                estimateSize: props.estimateSize,
+                gap: props.gap,
+                minColumnWidth: props.minColumnWidth,
+                overscan: props.overscan,
+            });
+            forceUpdate();
+        });
+        vue.watch(() => [
+            visibleRange.value.startIndex,
+            visibleRange.value.endIndex,
+            visibleRange.value.columns,
+        ], ([startIndex, endIndex, columns]) => {
+            emit("rangeChange", { columns, endIndex, startIndex });
+        }, { immediate: true });
+        const updateViewportSize = () => {
+            viewportHeight.value = viewportRef.value?.clientHeight ?? 0;
+            containerWidth.value = viewportRef.value?.clientWidth ?? 0;
+        };
+        const updateHeaderHeight = () => {
+            headerHeight.value = headerRef.value?.offsetHeight ?? 0;
+        };
+        vue.onMounted(() => {
+            updateViewportSize();
+            updateHeaderHeight();
+            if (typeof ResizeObserver === "undefined" || !viewportRef.value)
+                return;
+            const observer = new ResizeObserver(updateViewportSize);
+            observer.observe(viewportRef.value);
+            observers.set(-1, observer);
+            if (headerRef.value) {
+                const headerObserver = new ResizeObserver(updateHeaderHeight);
+                headerObserver.observe(headerRef.value);
+                observers.set(-3, headerObserver);
+            }
+        });
+        vue.onBeforeUnmount(() => {
+            observers.forEach((observer) => observer.disconnect());
+            observers.clear();
+        });
+        const observeItem = (index, element) => {
+            observers.get(index)?.disconnect();
+            observers.delete(index);
+            if (!(element instanceof HTMLElement))
+                return;
+            const measure = () => {
+                if (controller.measure(index, element.offsetHeight))
+                    forceUpdate();
+            };
+            measure();
+            if (typeof ResizeObserver === "undefined")
+                return;
+            const observer = new ResizeObserver(measure);
+            observer.observe(element);
+            observers.set(index, observer);
+        };
+        return () => {
+            const range = visibleRange.value;
+            const resolvedHeight = typeof props.height === "number" ? `${props.height}px` : props.height;
+            return vue.h("div", {
+                ...attrs,
+                class: props.className,
+                style: {
+                    "--cc-masonry-virtual-list-gap": `${props.gap}px`,
+                    "--cc-masonry-virtual-list-height": resolvedHeight,
+                },
+            }, [
+                vue.h("div", {
+                    class: props.viewportClass,
+                    ref: viewportRef,
+                    onScroll: (event) => {
+                        scrollOffset.value = event.currentTarget.scrollTop;
+                    },
+                }, [
+                    slots.header
+                        ? vue.h("div", { class: props.headerClass, ref: headerRef }, slots.header())
+                        : null,
+                    vue.h("div", {
+                        class: props.listClass,
+                        style: { height: `${range.totalSize}px` },
+                    }, range.items.map((item) => vue.h("div", {
+                        class: props.itemClass,
+                        key: item.key,
+                        ref: (element) => observeItem(item.index, element),
+                        style: {
+                            transform: `translate3d(${item.x}px, ${item.y}px, 0)`,
+                            width: `${item.width}px`,
+                        },
+                    }, slots.default?.({
+                        data: props.data[item.index],
+                        index: item.index,
+                        item,
+                    })))),
+                ]),
+            ]);
+        };
+    },
+});
+
+exports.ClassMasonryVirtualList = ClassMasonryVirtualList;
+//# sourceMappingURL=masonry-virtual-list.cjs.map

package/dist/components/masonry-virtual-list.cjs.map

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

package/dist/components/masonry-virtual-list.d.ts

@@ -0,0 +1,2 @@
+export { ClassMasonryVirtualList } from "../index";
+//# sourceMappingURL=masonry-virtual-list.d.ts.map

package/dist/components/masonry-virtual-list.d.ts.map

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