@class-kit/vue 0.1.0

package/dist/components/tabs.js

@@ -0,0 +1,328 @@
+import { defineComponent, ref, watch, h, onBeforeUnmount } from 'vue';
+import { TabsController, getClassComponentsLocale, 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?.()),
+        ]);
+    },
+});
+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,
+    };
+}
+function resolveTabsDirection(tabs, previousId, nextId, direction) {
+    if (direction === "none")
+        return "none";
+    if (direction === "forward" || direction === "backward")
+        return direction;
+    const previousIndex = tabs.findIndex((tab) => tab.id === previousId);
+    const nextIndex = tabs.findIndex((tab) => tab.id === nextId);
+    if (previousIndex < 0 || nextIndex < 0 || previousIndex === nextIndex)
+        return "forward";
+    return nextIndex > previousIndex ? "forward" : "backward";
+}
+function renderDefaultLoadingIndicator() {
+    return h("svg", {
+        class: "cc-loading__bolt",
+        focusable: "false",
+        viewBox: "0 0 96 96",
+    }, [
+        h("ellipse", {
+            class: "cc-loading__bolt-shadow",
+            cx: "51",
+            cy: "74",
+            rx: "28",
+            ry: "8",
+        }),
+        h("path", {
+            class: "cc-loading__bolt-side",
+            d: "M54 8 26 48h20L34 82l39-46H51L65 8Z",
+        }),
+        h("path", {
+            class: "cc-loading__bolt-face",
+            d: "M48 6 20 46h20L28 80l39-46H45L59 6Z",
+        }),
+        h("path", {
+            class: "cc-loading__bolt-highlight",
+            d: "M48 14 31 39h17L39 62l18-24H43l10-24Z",
+        }),
+    ]);
+}
+const ClassLoading = /*#__PURE__*/ defineComponent({
+    name: "ClassLoading",
+    props: {
+        className: String,
+        text: {
+            type: String,
+            default: () => getClassComponentsLocale().loadingText,
+        },
+    },
+    setup(props, { attrs, slots }) {
+        return () => h("div", {
+            ...attrs,
+            "aria-live": "polite",
+            class: ["cc-loading", props.className],
+            role: "status",
+        }, [
+            h("span", { "aria-hidden": "true", class: "cc-loading__indicator" }, slots.indicator?.() ?? renderDefaultLoadingIndicator()),
+            props.text
+                ? h("span", { class: "cc-loading__text" }, props.text)
+                : null,
+        ]);
+    },
+});
+function renderDefaultEmptyIcon() {
+    return h("svg", {
+        class: "cc-empty__illustration",
+        focusable: "false",
+        viewBox: "0 0 96 96",
+    }, [
+        h("ellipse", {
+            class: "cc-empty__illustration-shadow",
+            cx: "48",
+            cy: "76",
+            rx: "31",
+            ry: "8",
+        }),
+        h("path", {
+            class: "cc-empty__tray-back",
+            d: "M24 48h48l9 18H15l9-18Z",
+        }),
+        h("path", {
+            class: "cc-empty__tray-front",
+            d: "M15 66h66l-8 16H23l-8-16Z",
+        }),
+        h("path", {
+            class: "cc-empty__tray-lip",
+            d: "M27 58h42",
+        }),
+        h("path", {
+            class: "cc-empty__tray-glow",
+            d: "M32 70h32",
+        }),
+        h("path", {
+            class: "cc-empty__mini-bolt-side",
+            d: "M54 10 36 38h13l-7 26 27-36H55l9-18Z",
+        }),
+        h("path", {
+            class: "cc-empty__mini-bolt-face",
+            d: "M49 8 31 36h13l-7 26 27-36H50l9-18Z",
+        }),
+        h("path", {
+            class: "cc-empty__mini-bolt-highlight",
+            d: "M49 16 39 32h10l-5 15 11-17h-9l7-14Z",
+        }),
+        h("path", {
+            class: "cc-empty__spark",
+            d: "M23 32h8M27 28v8",
+        }),
+        h("path", {
+            class: "cc-empty__spark cc-empty__spark--small",
+            d: "M71 44h6M74 41v6",
+        }),
+    ]);
+}
+const ClassEmpty = /*#__PURE__*/ defineComponent({
+    name: "ClassEmpty",
+    props: {
+        className: String,
+        description: {
+            type: String,
+            default: () => getClassComponentsLocale().emptyText,
+        },
+    },
+    setup(props, { attrs, slots }) {
+        return () => h("div", { ...attrs, class: ["cc-empty", props.className], role: "status" }, [
+            h("span", { "aria-hidden": "true", class: "cc-empty__icon" }, slots.icon?.() ?? renderDefaultEmptyIcon()),
+            props.description
+                ? h("span", { class: "cc-empty__description" }, props.description)
+                : null,
+        ]);
+    },
+});
+const ClassTabs = /*#__PURE__*/ defineComponent({
+    name: "ClassTabs",
+    inheritAttrs: false,
+    props: {
+        tabs: {
+            type: Array,
+            required: true,
+        },
+        animation: {
+            type: [Object, Boolean],
+            default: undefined,
+        },
+        activeId: String,
+        controller: Object,
+        cachePanels: {
+            type: Boolean,
+            default: true,
+        },
+        emptyTabs: [Array, Object, Function],
+        loadingTabs: [Array, Object, Function],
+        className: {
+            type: String,
+            default: "cc-tabs",
+        },
+        orientation: {
+            type: String,
+            default: "horizontal",
+        },
+        panelClass: {
+            type: String,
+            default: "cc-tabs__panel",
+        },
+    },
+    emits: ["update:activeId"],
+    setup(props, { attrs, emit, slots }) {
+        const controller = props.controller ?? new TabsController(props.tabs, props.activeId);
+        const activeId = ref(controller.getActiveId());
+        const visited = ref(new Set([activeId.value]));
+        const direction = ref("forward");
+        const resolveFlag = (source, id) => {
+            if (!source)
+                return false;
+            if (typeof source === "function")
+                return source(id);
+            if (Array.isArray(source))
+                return source.includes(id);
+            return Boolean(source[id]);
+        };
+        const unsubscribe = controller.subscribe((nextActiveId) => {
+            const tabsAnimation = props.animation;
+            direction.value = resolveTabsDirection(props.tabs, activeId.value, nextActiveId, tabsAnimation === false ? "none" : tabsAnimation?.direction);
+            activeId.value = nextActiveId;
+            visited.value = new Set([...visited.value, nextActiveId]);
+            emit("update:activeId", nextActiveId);
+        });
+        watch(() => props.tabs, (tabs) => controller.setTabs(tabs), { deep: true });
+        watch(() => props.activeId, (nextActiveId) => {
+            if (nextActiveId)
+                controller.activate(nextActiveId);
+        });
+        onBeforeUnmount(unsubscribe);
+        return () => {
+            const tabsAnimation = props.animation;
+            const tabsFallbackAnimation = tabsAnimation !== false &&
+                tabsAnimation?.direction &&
+                tabsAnimation.direction !== "none"
+                ? "slide"
+                : "fade";
+            const motion = resolveAnimation(tabsAnimation, tabsFallbackAnimation);
+            const panelIds = props.cachePanels
+                ? props.tabs
+                    .filter((tab) => visited.value.has(tab.id))
+                    .map((tab) => tab.id)
+                : [activeId.value];
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-orientation": props.orientation,
+                style: animationStyle(motion),
+            }, [
+                h("div", {
+                    "aria-orientation": props.orientation,
+                    class: "cc-tabs__list",
+                    role: "tablist",
+                }, props.tabs.map((tab) => h("button", {
+                    "aria-selected": activeId.value === tab.id,
+                    class: "cc-tabs__tab",
+                    disabled: tab.disabled,
+                    key: tab.id,
+                    role: "tab",
+                    type: "button",
+                    onClick: () => controller.activate(tab.id),
+                }, tab.label))),
+                h("div", { class: "cc-tabs__panes" }, panelIds.map((panelId) => {
+                    const active = panelId === activeId.value;
+                    const loading = resolveFlag(props.loadingTabs, panelId);
+                    const empty = !loading && resolveFlag(props.emptyTabs, panelId);
+                    return h("div", {
+                        "aria-hidden": !active,
+                        class: props.panelClass,
+                        "data-active": active,
+                        "data-animation": active ? motion.name : "none",
+                        "data-direction": direction.value,
+                        key: panelId,
+                        role: "tabpanel",
+                    }, loading
+                        ? (slots.loading?.({ activeId: panelId }) ??
+                            h(ClassLoading, {
+                                className: "cc-tabs__loading",
+                                text: getClassComponentsLocale().tabsLoadingText,
+                            }))
+                        : empty
+                            ? (slots.empty?.({ activeId: panelId }) ??
+                                h(ClassEmpty, {
+                                    className: "cc-tabs__empty",
+                                    description: getClassComponentsLocale().tabsEmptyText,
+                                }))
+                            : slots.default?.({ activeId: panelId, active }));
+                })),
+            ]);
+        };
+    },
+});
+
+export { ClassTabs };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

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

package/dist/components/tag.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@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 vue.h("svg", {
+        "aria-hidden": "true",
+        class: className,
+        fill: "none",
+        focusable: "false",
+        viewBox: "0 0 24 24",
+    }, classIconPaths[name].map((d) => vue.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";
+}
+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 ClassTag = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassTag",
+    props: {
+        checkable: Boolean,
+        checked: Boolean,
+        closable: Boolean,
+        disabled: Boolean,
+        shape: {
+            type: String,
+            default: "round",
+        },
+        size: {
+            type: String,
+            default: "medium",
+        },
+        tone: {
+            type: String,
+            default: "neutral",
+        },
+        variant: {
+            type: String,
+            default: "soft",
+        },
+        closeIcon: {
+            type: null,
+            default: () => classIcon("x"),
+        },
+        className: { type: String, default: "cc-tag" },
+    },
+    emits: ["close", "checkedChange"],
+    setup(props, { attrs, emit, slots }) {
+        const closing = vue.ref(false);
+        return () => {
+            const state = new core.TagController(props).getState();
+            return vue.h("span", {
+                ...attrs,
+                class: props.className,
+                "data-checked": state.checked,
+                "data-closing": closing.value,
+                "data-disabled": state.disabled,
+                "data-shape": props.shape,
+                "data-size": props.size,
+                "data-tone": state.tone,
+                "data-variant": props.variant,
+                role: state.checkable ? "checkbox" : undefined,
+                "aria-checked": state.checkable ? state.checked : undefined,
+                onClick: () => !state.disabled &&
+                    state.checkable &&
+                    emit("checkedChange", !state.checked),
+            }, [
+                vue.h("span", slots.default?.()),
+                state.closable
+                    ? vue.h("button", {
+                        disabled: state.disabled,
+                        type: "button",
+                        onClick: (event) => {
+                            event.stopPropagation();
+                            closing.value = true;
+                            window.setTimeout(() => emit("close"), 180);
+                        },
+                    }, props.closeIcon)
+                    : null,
+            ]);
+        };
+    },
+});
+
+exports.ClassTag = ClassTag;
+//# sourceMappingURL=tag.cjs.map

package/dist/components/tag.cjs.map

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

package/dist/components/tag.d.ts

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

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

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

package/dist/components/tag.js

@@ -0,0 +1,149 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { TagController, 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?.()),
+        ]);
+    },
+});
+const ClassTag = /*#__PURE__*/ defineComponent({
+    name: "ClassTag",
+    props: {
+        checkable: Boolean,
+        checked: Boolean,
+        closable: Boolean,
+        disabled: Boolean,
+        shape: {
+            type: String,
+            default: "round",
+        },
+        size: {
+            type: String,
+            default: "medium",
+        },
+        tone: {
+            type: String,
+            default: "neutral",
+        },
+        variant: {
+            type: String,
+            default: "soft",
+        },
+        closeIcon: {
+            type: null,
+            default: () => classIcon("x"),
+        },
+        className: { type: String, default: "cc-tag" },
+    },
+    emits: ["close", "checkedChange"],
+    setup(props, { attrs, emit, slots }) {
+        const closing = ref(false);
+        return () => {
+            const state = new TagController(props).getState();
+            return h("span", {
+                ...attrs,
+                class: props.className,
+                "data-checked": state.checked,
+                "data-closing": closing.value,
+                "data-disabled": state.disabled,
+                "data-shape": props.shape,
+                "data-size": props.size,
+                "data-tone": state.tone,
+                "data-variant": props.variant,
+                role: state.checkable ? "checkbox" : undefined,
+                "aria-checked": state.checkable ? state.checked : undefined,
+                onClick: () => !state.disabled &&
+                    state.checkable &&
+                    emit("checkedChange", !state.checked),
+            }, [
+                h("span", slots.default?.()),
+                state.closable
+                    ? h("button", {
+                        disabled: state.disabled,
+                        type: "button",
+                        onClick: (event) => {
+                            event.stopPropagation();
+                            closing.value = true;
+                            window.setTimeout(() => emit("close"), 180);
+                        },
+                    }, props.closeIcon)
+                    : null,
+            ]);
+        };
+    },
+});
+
+export { ClassTag };
+//# sourceMappingURL=tag.js.map

package/dist/components/tag.js.map

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