@class-kit/vue 0.1.0

package/dist/components/backtop.js

@@ -0,0 +1,178 @@
+import { defineComponent, ref, watch, h, onMounted, nextTick, onBeforeUnmount } from 'vue';
+import { BacktopController, 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 ClassBacktop = /*#__PURE__*/ defineComponent({
+    name: "ClassBacktop",
+    props: {
+        className: { type: String, default: "cc-backtop" },
+        duration: Number,
+        target: [Object, Function, String],
+        visibilityHeight: { type: Number, default: 240 },
+    },
+    emits: ["click"],
+    setup(props, { attrs, emit, slots }) {
+        const visible = ref(false);
+        const controller = new BacktopController(props.visibilityHeight);
+        let currentTarget = null;
+        let bindFrame = 0;
+        const resolveTarget = () => {
+            const propTarget = props.target;
+            if (typeof propTarget === "function")
+                return propTarget() ?? null;
+            if (typeof propTarget === "string")
+                return document.querySelector(propTarget) ?? window;
+            return propTarget ?? window;
+        };
+        const readScrollTop = (target) => target instanceof Window ? target.scrollY : target.scrollTop;
+        const writeScrollTop = (target, top) => {
+            if (target instanceof Window) {
+                target.scrollTo({ top });
+                return;
+            }
+            target.scrollTop = top;
+        };
+        const scrollToTop = (target) => {
+            const duration = Math.max(0, Number.isFinite(props.duration ?? 0) ? (props.duration ?? 0) : 0);
+            if (duration <= 0) {
+                target.scrollTo({ top: 0, behavior: "smooth" });
+                return;
+            }
+            const start = readScrollTop(target);
+            const startedAt = performance.now();
+            const easeOut = (value) => 1 - Math.pow(1 - value, 3);
+            const step = (now) => {
+                const progress = Math.min(1, (now - startedAt) / duration);
+                writeScrollTop(target, start * (1 - easeOut(progress)));
+                if (progress < 1)
+                    requestAnimationFrame(step);
+            };
+            requestAnimationFrame(step);
+        };
+        const onScroll = () => {
+            const target = currentTarget ?? resolveTarget();
+            if (!target)
+                return;
+            visible.value = controller.resolve(readScrollTop(target), visible.value).visible;
+        };
+        const bindTarget = () => {
+            if (currentTarget)
+                currentTarget.removeEventListener("scroll", onScroll);
+            currentTarget = resolveTarget();
+            if (!currentTarget) {
+                if (bindFrame)
+                    cancelAnimationFrame(bindFrame);
+                bindFrame = requestAnimationFrame(bindTarget);
+                return;
+            }
+            onScroll();
+            currentTarget.addEventListener("scroll", onScroll, { passive: true });
+        };
+        watch(() => props.visibilityHeight, (value) => {
+            visible.value = controller.update(value).visible;
+            onScroll();
+        });
+        watch(() => props.target, bindTarget);
+        onMounted(() => {
+            void nextTick(() => bindTarget());
+        });
+        onBeforeUnmount(() => {
+            if (bindFrame)
+                cancelAnimationFrame(bindFrame);
+            if (currentTarget)
+                currentTarget.removeEventListener("scroll", onScroll);
+        });
+        return () => visible.value
+            ? h("button", {
+                ...attrs,
+                class: props.className,
+                type: "button",
+                onClick: (event) => {
+                    emit("click", event);
+                    const target = currentTarget ?? resolveTarget();
+                    if (target)
+                        scrollToTop(target);
+                },
+            }, slots.default?.() ?? classIcon("chevronUp"))
+            : null;
+    },
+});
+
+export { ClassBacktop };
+//# sourceMappingURL=backtop.js.map

package/dist/components/backtop.js.map

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

package/dist/components/badge.cjs

@@ -0,0 +1,84 @@
+'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 ClassBadge = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassBadge",
+    props: {
+        dot: Boolean,
+        max: Number,
+        tone: {
+            type: String,
+            default: "danger",
+        },
+        value: [Number, String],
+        className: { type: String, default: "cc-badge" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new core.BadgeController({
+                dot: props.dot,
+                max: props.max,
+                tone: props.tone,
+                value: props.value,
+            }).getState();
+            return vue.h("span", {
+                ...attrs,
+                class: props.className,
+                "data-dot": state.dot,
+                "data-tone": state.tone,
+            }, [slots.default?.(), vue.h("sup", null, state.displayValue)]);
+        };
+    },
+});
+
+exports.ClassBadge = ClassBadge;
+//# sourceMappingURL=badge.cjs.map

package/dist/components/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","sources":["../../src/index.ts"],"names":["defineComponent","ref","configureClassComponents","watch","h","BadgeController"],"mappings":";;;;;AA+LA,SAAS,wBAAwB,CAC/B,KAAqC,EAAA;IAErC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,KAAK;AAC3C,IAAA,OAAO,KAAK,EAAE,IAAI,IAAI,SAAS;AACjC;AAEmCA,mBAAe,CAAC;AACjD,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,EAAE;AACZ,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAkD;AACxD,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAsB;AAClD,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAiC;AACtD,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,OAAO,GAAGC,OAAG,CAAC,CAAC,CAAC;QACtB,MAAM,WAAW,GAAG,MAAK;AACvB,YAAAC,6BAAwB,CAAC;gBACvB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,KAAK,EAAE,KAAK,CAAC,KAAK;AACnB,aAAA,CAAC;AACF,YAAA,OAAO,CAAC,KAAK,IAAI,CAAC;AACpB,QAAA,CAAC;AAED,QAAAC,SAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE;AACpD,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAC;AAEF,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAC1D,YAAA,eAAe,EAAE,wBAAwB,CAAC,KAAK,CAAC,KAAK,CAAC;YACtD,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,EACD;YACEA,KAAC,CACC,KAAK,EACL,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAC5D,KAAK,CAAC,OAAO,IAAI,CAClB;AACF,SAAA,CACF;IACL,CAAC;AACF,CAAA;AA0tUM,MAAM,UAAU,iBAAiBJ,mBAAe,CAAC;AACtD,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAEL;AACD,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD,QAAA,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;AACjD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AAC3B,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAIK,oBAAe,CAAC;gBAChC,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAoC;aAClD,CAAC,CAAC,QAAQ,EAAE;YACb,OAAOD,KAAC,CACN,MAAM,EACN;AACE,gBAAA,GAAG,KAAK;gBACR,KAAK,EAAE,KAAK,CAAC,SAAS;gBACtB,UAAU,EAAE,KAAK,CAAC,GAAG;gBACrB,WAAW,EAAE,KAAK,CAAC,IAAI;AACxB,aAAA,EACD,CAAC,KAAK,CAAC,OAAO,IAAI,EAAEA,KAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CACxD;AACH,QAAA,CAAC;IACH,CAAC;AACF,CAAA;;;;"}

package/dist/components/badge.d.ts

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

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

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

package/dist/components/badge.js

@@ -0,0 +1,82 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { BadgeController, 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 ClassBadge = /*#__PURE__*/ defineComponent({
+    name: "ClassBadge",
+    props: {
+        dot: Boolean,
+        max: Number,
+        tone: {
+            type: String,
+            default: "danger",
+        },
+        value: [Number, String],
+        className: { type: String, default: "cc-badge" },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const state = new BadgeController({
+                dot: props.dot,
+                max: props.max,
+                tone: props.tone,
+                value: props.value,
+            }).getState();
+            return h("span", {
+                ...attrs,
+                class: props.className,
+                "data-dot": state.dot,
+                "data-tone": state.tone,
+            }, [slots.default?.(), h("sup", null, state.displayValue)]);
+        };
+    },
+});
+
+export { ClassBadge };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

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

package/dist/components/barcode.cjs

@@ -0,0 +1,122 @@
+'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?.()),
+        ]);
+    },
+});
+function optionalDependencyError(packageName, featureName, fallbackName, cause) {
+    const detail = cause instanceof Error ? ` Original error: ${cause.message}` : "";
+    return new Error(`${featureName} requires optional dependency "${packageName}". Install it or provide ${fallbackName} from a CDN/global fallback.${detail}`);
+}
+const ClassBarcode = /*#__PURE__*/ vue.defineComponent({
+    name: "ClassBarcode",
+    inheritAttrs: false,
+    props: {
+        value: { type: String, required: true },
+        format: { type: String, default: "CODE128" },
+        width: { type: Number, default: 2 },
+        height: { type: Number, default: 88 },
+        lineColor: { type: String, default: "#1f1a2e" },
+        background: { type: String, default: "transparent" },
+        displayValue: { type: Boolean, default: true },
+        errorText: { type: String, default: "Barcode unavailable" },
+        fontSize: { type: Number, default: 14 },
+        margin: { type: Number, default: 8 },
+        className: { type: String, default: "cc-code cc-barcode" },
+    },
+    setup(props, { attrs, slots }) {
+        const svg = vue.ref("");
+        const error = vue.ref(null);
+        vue.watch(() => [
+            props.value,
+            props.format,
+            props.width,
+            props.height,
+            props.lineColor,
+            props.background,
+            props.displayValue,
+            props.fontSize,
+            props.margin,
+        ], async () => {
+            if (typeof document === "undefined")
+                return;
+            try {
+                error.value = null;
+                const { default: JsBarcode } = await import('jsbarcode');
+                const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+                JsBarcode(svgElement, props.value || " ", {
+                    background: props.background,
+                    displayValue: props.displayValue,
+                    fontSize: props.fontSize,
+                    format: props.format,
+                    height: props.height,
+                    lineColor: props.lineColor,
+                    margin: props.margin,
+                    width: props.width,
+                });
+                svg.value = new XMLSerializer().serializeToString(svgElement);
+            }
+            catch (nextError) {
+                svg.value = "";
+                error.value = optionalDependencyError("jsbarcode", "Barcode rendering", "window.JsBarcode", nextError);
+            }
+        }, { immediate: true });
+        return () => vue.h("span", {
+            ...attrs,
+            "aria-label": error.value ? props.errorText : props.value,
+            class: props.className,
+            role: "img",
+        }, error.value
+            ? vue.h("span", { class: "cc-code__error" }, slots.error?.({ error: error.value }) ?? props.errorText)
+            : vue.h("span", { innerHTML: svg.value }));
+    },
+});
+
+exports.ClassBarcode = ClassBarcode;
+//# sourceMappingURL=barcode.cjs.map

package/dist/components/barcode.cjs.map

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

package/dist/components/barcode.d.ts

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

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

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

package/dist/components/barcode.js

@@ -0,0 +1,120 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { 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 optionalDependencyError(packageName, featureName, fallbackName, cause) {
+    const detail = cause instanceof Error ? ` Original error: ${cause.message}` : "";
+    return new Error(`${featureName} requires optional dependency "${packageName}". Install it or provide ${fallbackName} from a CDN/global fallback.${detail}`);
+}
+const ClassBarcode = /*#__PURE__*/ defineComponent({
+    name: "ClassBarcode",
+    inheritAttrs: false,
+    props: {
+        value: { type: String, required: true },
+        format: { type: String, default: "CODE128" },
+        width: { type: Number, default: 2 },
+        height: { type: Number, default: 88 },
+        lineColor: { type: String, default: "#1f1a2e" },
+        background: { type: String, default: "transparent" },
+        displayValue: { type: Boolean, default: true },
+        errorText: { type: String, default: "Barcode unavailable" },
+        fontSize: { type: Number, default: 14 },
+        margin: { type: Number, default: 8 },
+        className: { type: String, default: "cc-code cc-barcode" },
+    },
+    setup(props, { attrs, slots }) {
+        const svg = ref("");
+        const error = ref(null);
+        watch(() => [
+            props.value,
+            props.format,
+            props.width,
+            props.height,
+            props.lineColor,
+            props.background,
+            props.displayValue,
+            props.fontSize,
+            props.margin,
+        ], async () => {
+            if (typeof document === "undefined")
+                return;
+            try {
+                error.value = null;
+                const { default: JsBarcode } = await import('jsbarcode');
+                const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+                JsBarcode(svgElement, props.value || " ", {
+                    background: props.background,
+                    displayValue: props.displayValue,
+                    fontSize: props.fontSize,
+                    format: props.format,
+                    height: props.height,
+                    lineColor: props.lineColor,
+                    margin: props.margin,
+                    width: props.width,
+                });
+                svg.value = new XMLSerializer().serializeToString(svgElement);
+            }
+            catch (nextError) {
+                svg.value = "";
+                error.value = optionalDependencyError("jsbarcode", "Barcode rendering", "window.JsBarcode", nextError);
+            }
+        }, { immediate: true });
+        return () => h("span", {
+            ...attrs,
+            "aria-label": error.value ? props.errorText : props.value,
+            class: props.className,
+            role: "img",
+        }, error.value
+            ? h("span", { class: "cc-code__error" }, slots.error?.({ error: error.value }) ?? props.errorText)
+            : h("span", { innerHTML: svg.value }));
+    },
+});
+
+export { ClassBarcode };
+//# sourceMappingURL=barcode.js.map

package/dist/components/barcode.js.map

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