@ac-design/design-system 1.0.3 → 2.0.0

package/dist/lib/components/AcKeyValueInput.vue.d.ts

@@ -0,0 +1,114 @@
+import type { SelectOption } from "./types";
+/** One row of the field. */
+export interface KeyValueItem {
+    key: string;
+    value: string;
+    /** The third column's value, when `options` is set, e.g. a taint effect. */
+    option?: string;
+}
+/** Messages for one row, by cell. */
+export interface KeyValueRowErrors {
+    key?: string;
+    value?: string;
+}
+export interface Props {
+    /** Label above the rows, e.g. “Labels” or “Taints”. Also names the group for screen readers. */
+    label?: string;
+    /** Help text between the label and the rows. */
+    hint?: string;
+    /** Error for the whole field under the rows, e.g. “Add at least one label”. */
+    errorMsg?: string;
+    /** Header of the key column. Each key field is named “<key-label> <row>” for screen readers, e.g. “Key 2”. */
+    keyLabel?: string;
+    /** Header of the value column, e.g. “Value” or “Value (optional)”. */
+    valueLabel?: string;
+    /** Example key shown in empty key fields, e.g. “e.g. app.kubernetes.io/name”. */
+    keyPlaceholder?: string;
+    /** Example value shown in empty value fields. */
+    valuePlaceholder?: string;
+    /** Singular name of one row, used in “Add <item-name>”, “Remove <item-name> app” and announcements. */
+    itemName?: string;
+    /** Text of the Add button. Defaults to “Add <item-name>”. */
+    addLabel?: string;
+    /** Choices for a third column, such as taint effects. Each row then gets a small select bound to `option`. */
+    options?: SelectOption<string>[];
+    /** Header of the third column, e.g. “Effect”. */
+    optionLabel?: string;
+    /** Option a new row starts with. Defaults to the first of `options`. */
+    defaultOption?: string;
+    /** Most rows allowed. The Add button disables at the limit and a count shows next to it. */
+    max?: number;
+    /** Checks a key. Return a message to show under it. Runs on every non-empty key. */
+    validateKey?: (key: string, index: number, items: KeyValueItem[]) => string | void | null | undefined;
+    /** Checks a value. Return a message to show under it. Runs on every row with a key or a value. */
+    validateValue?: (value: string, key: string, index: number, items: KeyValueItem[]) => string | void | null | undefined;
+    /** Lets the same key appear twice. Off by default: a repeated key (key and option, with `options`) shows an error. */
+    allowDuplicateKeys?: boolean;
+    /** Shows keys in the monospace font, for label keys and env var names. */
+    mono?: boolean;
+    /** `small` 36px or `normal` 40px fields. */
+    size?: "small" | "normal";
+    /** Marks the field required and adds a red asterisk. Pass `error-msg` when it's empty on submit. Was `is-required` in cloud-ui. */
+    required?: boolean;
+    /** Disables every field and button. Was `is-disabled` in cloud-ui. */
+    disabled?: boolean;
+    /** Shows the rows as read-only fields, without the Add and Remove buttons. */
+    readonly?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_Slots = {
+    /** Content under the rows and above the Add button, e.g. a warning about `NoExecute` taints. */
+    footer?: () => unknown;
+};
+declare function add(): void;
+type __VLS_ModelProps = {
+    /** The rows, empty ones included, in order. Replaced with a new array on every change; drop rows with an empty key before saving. */
+    modelValue?: KeyValueItem[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** Adds an empty row and focuses its key. */
+    add: typeof add;
+    /** Moves focus to the first key, or to the Add button when there are no rows. */
+    focus: () => void;
+    /** Whether any row shows an error (duplicate key, missing key, or a validator's message). Check it before saving. */
+    hasErrors: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: KeyValueItem[]) => any;
+    add: (index: number) => any;
+    remove: (item: KeyValueItem, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: KeyValueItem[]) => any) | undefined;
+    onAdd?: ((index: number) => any) | undefined;
+    onRemove?: ((item: KeyValueItem, index: number) => any) | undefined;
+}>, {
+    required: boolean;
+    label: string;
+    disabled: boolean;
+    max: number;
+    size: "small" | "normal";
+    keyLabel: string;
+    valueLabel: string;
+    readonly: boolean;
+    options: SelectOption<string>[];
+    hint: string;
+    errorMsg: string;
+    mono: boolean;
+    itemName: string;
+    addLabel: string;
+    keyPlaceholder: string;
+    valuePlaceholder: string;
+    optionLabel: string;
+    defaultOption: string;
+    validateKey: (key: string, index: number, items: KeyValueItem[]) => string | void | null | undefined;
+    validateValue: (value: string, key: string, index: number, items: KeyValueItem[]) => string | void | null | undefined;
+    allowDuplicateKeys: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/AcKeyValueInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,320 @@
+import e from "./AcButton.js";
+import t from "./AcInput.js";
+import n from "./AcSelect.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as ee, renderSlot as _, toDisplayString as v, unref as y, useId as b, useModel as x, watch as te, withCtx as ne, withKeys as S } from "vue";
+import { CircleAlert as re, Plus as C, Trash2 as ie } from "@lucide/vue";
+//#region src/lib/components/AcKeyValueInput.vue?vue&type=script&setup=true&lang.ts
+var ae = [
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby"
+], oe = {
+	key: 0,
+	class: "font-normal text-muted"
+}, se = {
+	key: 1,
+	class: "text-danger",
+	"aria-hidden": "true"
+}, ce = {
+	class: "mb-1.5 hidden grid-cols-[minmax(0,1fr)_auto] gap-x-3 sm:grid",
+	"aria-hidden": "true"
+}, le = { key: 0 }, ue = { class: "space-y-3" }, w = [
+	"data-row",
+	"onFocusin",
+	"onFocusout"
+], T = [
+	"aria-label",
+	"title",
+	"onClick"
+], E = {
+	key: 3,
+	class: "text-base text-muted"
+}, de = {
+	class: "sr-only",
+	"aria-live": "polite"
+}, D = /*@__PURE__*/ d({
+	__name: "AcKeyValueInput",
+	props: /*@__PURE__*/ f({
+		label: { default: "" },
+		hint: { default: "" },
+		errorMsg: { default: "" },
+		keyLabel: { default: "Key" },
+		valueLabel: { default: "Value" },
+		keyPlaceholder: { default: "" },
+		valuePlaceholder: { default: "" },
+		itemName: { default: "item" },
+		addLabel: { default: "" },
+		options: { default: void 0 },
+		optionLabel: { default: "Option" },
+		defaultOption: { default: void 0 },
+		max: { default: void 0 },
+		validateKey: {
+			type: Function,
+			default: void 0
+		},
+		validateValue: {
+			type: Function,
+			default: void 0
+		},
+		allowDuplicateKeys: {
+			type: Boolean,
+			default: !1
+		},
+		mono: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["add", "remove"], ["update:modelValue"]),
+	setup(d, { expose: f, emit: D }) {
+		let O = d, k = x(d, "modelValue"), A = D, j = b(), M = `${j}-label`, N = `${j}-hint`, P = `${j}-msg`, F = g(null), I = 0, L = g([]), R = g(null), z = g(""), B = i(() => k.value ?? []), V = i(() => !!O.options?.length), H = i(() => !O.disabled && !O.readonly), U = i(() => O.max !== void 0 && B.value.length >= O.max), fe = i(() => O.addLabel || `Add ${O.itemName}`), pe = i(() => [O.hint && N, O.errorMsg && P].filter(Boolean).join(" ") || void 0), W = i(() => V.value ? "sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_220px]" : "sm:grid-cols-2"), me = i(() => O.size === "small" ? "size-9" : "size-10"), G = i(() => {
+			let e = /* @__PURE__ */ new Set();
+			return B.value.map((t, n) => {
+				let r = {}, i = t.key.trim();
+				if (i) {
+					let a = V.value ? `${i}\u0000${t.option ?? ""}` : i;
+					!O.allowDuplicateKeys && e.has(a) && (r.key = V.value && t.option ? `“${i}” with ${q(t.option)} is already used.` : `“${i}” is already used. Keys must be unique.`), e.add(a), r.key ||= O.validateKey?.(t.key, n, B.value) || void 0;
+				} else t.value && R.value !== L.value[n] && (r.key = `Enter a key, or remove this ${O.itemName}.`);
+				return (i || t.value) && (r.value = O.validateValue?.(t.value, t.key, n, B.value) || void 0), r;
+			});
+		}), K = i(() => G.value.some((e) => e.key || e.value));
+		function q(e) {
+			return O.options?.find((t) => t.value === e)?.label ?? e;
+		}
+		function J(e) {
+			let t = B.value[e]?.key.trim();
+			return t ? `${O.itemName} ${t}` : `${O.itemName} ${e + 1}`;
+		}
+		function Y(e) {
+			return e.charAt(0).toUpperCase() + e.slice(1);
+		}
+		function X(e) {
+			z.value = "", p(() => z.value = e);
+		}
+		function Z(e, t) {
+			p(() => {
+				((F.value?.querySelector(`[data-row="${e}"]`))?.querySelector(t === "remove" ? "[data-action='remove']" : `[data-cell="${t}"]`) ?? F.value?.querySelector("[data-action='add']"))?.focus();
+			});
+		}
+		function Q(e, t) {
+			k.value = B.value.map((n, r) => r === e ? {
+				...n,
+				...t
+			} : n);
+		}
+		function $() {
+			if (!H.value || U.value) return;
+			let e = {
+				key: "",
+				value: ""
+			};
+			V.value && (e.option = O.defaultOption ?? O.options[0].value), L.value = [...L.value, I++], k.value = [...B.value, e];
+			let t = B.value.length;
+			A("add", t), X(`${Y(O.itemName)} ${t + 1} added.`), Z(t, "key");
+		}
+		function he(e) {
+			if (!H.value) return;
+			let t = B.value[e];
+			if (!t) return;
+			let n = J(e);
+			L.value = L.value.filter((t, n) => n !== e), k.value = B.value.filter((t, n) => n !== e), A("remove", t, e), X(`${Y(n)} removed.`);
+			let r = B.value.length;
+			r ? Z(Math.min(e, r - 1), "remove") : p(() => F.value?.querySelector("[data-action='add']")?.focus());
+		}
+		function ge(e, t) {
+			e.isComposing || (e.preventDefault(), Z(t, "value"));
+		}
+		function _e(e, t) {
+			e.isComposing || (e.preventDefault(), t < B.value.length - 1 ? Z(t + 1, "key") : U.value || $());
+		}
+		function ve(e, t) {
+			let n = e.currentTarget, r = e.relatedTarget;
+			r && (n.contains(r) || r instanceof Element && r.closest("[data-testid='ac-select-panel']")) || R.value === t && (R.value = null);
+		}
+		return te(() => B.value.length, (e) => {
+			L.value.length !== e && (L.value = Array.from({ length: e }, () => I++));
+		}, { immediate: !0 }), f({
+			add: $,
+			focus: () => Z(0, "key"),
+			hasErrors: () => K.value
+		}), (i, f) => (h(), s("div", {
+			ref_key: "root",
+			ref: F,
+			role: "group",
+			"aria-labelledby": d.label ? M : void 0,
+			"aria-label": d.label ? void 0 : `${Y(d.itemName)}s`,
+			"aria-describedby": pe.value,
+			class: m(d.disabled && "opacity-50"),
+			"data-ac-ds": "",
+			"data-testid": "ac-key-value-input"
+		}, [
+			d.label ? (h(), s("div", {
+				key: 0,
+				id: M,
+				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
+			}, [
+				c("span", null, v(d.label), 1),
+				d.readonly ? (h(), s("span", oe, "(read only)")) : o("", !0),
+				d.required ? (h(), s("span", se, "*")) : o("", !0)
+			])) : o("", !0),
+			d.hint ? (h(), s("p", {
+				key: 1,
+				id: N,
+				class: "mb-2 text-base text-muted"
+			}, v(d.hint), 1)) : o("", !0),
+			B.value.length ? (h(), s(r, { key: 2 }, [c("div", ce, [c("div", { class: m(["grid gap-x-3 text-base font-medium text-muted", W.value]) }, [
+				c("span", null, v(d.keyLabel), 1),
+				c("span", null, v(d.valueLabel), 1),
+				V.value ? (h(), s("span", le, v(d.optionLabel), 1)) : o("", !0)
+			], 2), H.value ? (h(), s("span", {
+				key: 0,
+				class: m(d.size === "small" ? "w-9" : "w-10")
+			}, null, 2)) : o("", !0)]), c("div", ue, [(h(!0), s(r, null, ee(B.value, (e, r) => (h(), s("div", {
+				key: L.value[r] ?? r,
+				"data-row": r,
+				class: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-x-2 max-sm:rounded-10 max-sm:border max-sm:border-border max-sm:bg-surface max-sm:p-3 sm:gap-x-3",
+				onFocusin: (e) => R.value = L.value[r] ?? null,
+				onFocusout: (e) => ve(e, L.value[r] ?? -1)
+			}, [c("div", { class: m(["grid items-start gap-x-3 gap-y-3", W.value]) }, [
+				u(t, {
+					"data-cell": "key",
+					"model-value": e.key,
+					label: `${d.keyLabel} ${r + 1}`,
+					placeholder: d.keyPlaceholder,
+					size: d.size,
+					disabled: d.disabled,
+					readonly: d.readonly,
+					"error-msg": G.value[r]?.key,
+					autocomplete: "off",
+					spellcheck: "false",
+					class: m(["sm:[&>label:first-child]:sr-only", d.mono && "[&_input]:font-mono"]),
+					"onUpdate:modelValue": (e) => Q(r, { key: String(e) }),
+					onKeydown: S((e) => ge(e, r), ["enter"])
+				}, null, 8, [
+					"model-value",
+					"label",
+					"placeholder",
+					"size",
+					"disabled",
+					"readonly",
+					"error-msg",
+					"class",
+					"onUpdate:modelValue",
+					"onKeydown"
+				]),
+				u(t, {
+					"data-cell": "value",
+					"model-value": e.value,
+					label: `${d.valueLabel} ${r + 1}`,
+					placeholder: d.valuePlaceholder,
+					size: d.size,
+					disabled: d.disabled,
+					readonly: d.readonly,
+					"error-msg": G.value[r]?.value,
+					autocomplete: "off",
+					spellcheck: "false",
+					class: "sm:[&>label:first-child]:sr-only",
+					"onUpdate:modelValue": (e) => Q(r, { value: String(e) }),
+					onKeydown: S((e) => _e(e, r), ["enter"])
+				}, null, 8, [
+					"model-value",
+					"label",
+					"placeholder",
+					"size",
+					"disabled",
+					"readonly",
+					"error-msg",
+					"onUpdate:modelValue",
+					"onKeydown"
+				]),
+				V.value && d.readonly ? (h(), a(t, {
+					key: 0,
+					"data-cell": "option",
+					"model-value": e.option ? q(e.option) : "",
+					label: `${d.optionLabel} ${r + 1}`,
+					size: d.size,
+					readonly: "",
+					class: "sm:[&>label:first-child]:sr-only"
+				}, null, 8, [
+					"model-value",
+					"label",
+					"size"
+				])) : V.value ? (h(), a(n, {
+					key: 1,
+					"data-cell": "option",
+					"model-value": e.option ?? null,
+					options: d.options,
+					label: `${d.optionLabel} ${r + 1}`,
+					size: d.size,
+					disabled: d.disabled,
+					class: "sm:[&>div:first-child]:sr-only",
+					"onUpdate:modelValue": (e) => Q(r, { option: e ?? void 0 })
+				}, null, 8, [
+					"model-value",
+					"options",
+					"label",
+					"size",
+					"disabled",
+					"onUpdate:modelValue"
+				])) : o("", !0)
+			], 2), H.value ? (h(), s("button", {
+				key: 0,
+				type: "button",
+				"data-action": "remove",
+				class: m(["inline-flex shrink-0 cursor-pointer items-center justify-center rounded-10 text-muted transition-colors duration-200 hover:bg-danger/10 hover:text-danger-strong focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none max-sm:mt-7", me.value]),
+				"aria-label": `Remove ${J(r)}`,
+				title: `Remove ${d.itemName}`,
+				onClick: (e) => he(r)
+			}, [u(y(ie), {
+				class: "size-4",
+				"aria-hidden": "true"
+			})], 10, T)) : o("", !0)], 40, w))), 128))])], 64)) : H.value ? o("", !0) : (h(), s("p", E, "No " + v(d.itemName) + "s.", 1)),
+			_(i.$slots, "footer"),
+			H.value ? (h(), s("div", {
+				key: 4,
+				class: m(["flex items-center gap-3", B.value.length || i.$slots.footer ? "mt-3" : ""])
+			}, [u(e, {
+				"data-action": "add",
+				title: fe.value,
+				size: "small",
+				variant: "light",
+				disabled: U.value,
+				onClick: $
+			}, {
+				icon: ne(() => [u(y(C), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, ["title", "disabled"]), d.max === void 0 ? o("", !0) : (h(), s("span", {
+				key: 0,
+				class: m(["text-xs text-muted tabular-nums", U.value && "font-medium text-heading"])
+			}, v(B.value.length) + " of " + v(d.max), 3))], 2)) : o("", !0),
+			d.errorMsg ? (h(), s("p", {
+				key: 5,
+				id: P,
+				class: "mt-1.5 flex items-center gap-1.5 text-base text-danger-strong",
+				role: "alert"
+			}, [u(y(re), {
+				class: "size-4 shrink-0",
+				"aria-hidden": "true"
+			}), l(" " + v(d.errorMsg), 1)])) : o("", !0),
+			c("p", de, v(z.value), 1)
+		], 10, ae));
+	}
+});
+//#endregion
+export { D as default };

package/dist/lib/components/AcLineChart.js

@@ -0,0 +1,5 @@
+import e from "./AcLineChart.vue_vue_type_script_setup_true_lang.js";
+//#region src/lib/components/AcLineChart.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/lib/components/AcLineChart.vue.d.ts

@@ -0,0 +1,38 @@
+import type { ChartTooltipSlotProps } from "../charts/ChartFrame.vue";
+import type { ChartCurve } from "../charts/shared";
+import type { XYChartProps } from "../charts/xy";
+export interface Props extends XYChartProps {
+    /** Shape between points: `linear`, `monotone` (smooth, never overshoots the data) or `step`. */
+    curve?: ChartCurve;
+    /** Line thickness in px. */
+    lineWidth?: number;
+}
+type __VLS_Slots = {
+    /** Replaces the tooltip body for the hovered row. */
+    tooltip?: (props: ChartTooltipSlotProps) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    legend: import("../charts/shared").ChartLegendPosition;
+    title: string;
+    description: string;
+    height: number;
+    loading: boolean;
+    tooltip: boolean;
+    emptyText: string;
+    lineWidth: number;
+    gridLines: boolean;
+    xFormatter: (value: Date | number | string) => string;
+    yFormatter: (value: number) => string;
+    xLabel: string;
+    yLabel: string;
+    yDomain: [number | undefined, number | undefined];
+    curve: ChartCurve;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/AcLineChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,187 @@
+import e from "../charts/ChartFrame.js";
+import { CURVES as t, chartDuration as n } from "../charts/shared.js";
+import { useXYChart as r } from "../charts/xy.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createSlots as s, createVNode as c, defineComponent as l, guardReactiveProps as u, isRef as d, normalizeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, withCtx as _ } from "vue";
+import { ChartLine as v } from "@lucide/vue";
+import { VisAxis as y, VisCrosshair as b, VisLine as x, VisXYContainer as S } from "@unovis/vue";
+import { Scale as C } from "@unovis/ts";
+//#region src/lib/components/AcLineChart.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__PURE__*/ l({
+	__name: "AcLineChart",
+	props: {
+		curve: { default: "monotone" },
+		lineWidth: { default: 2 },
+		data: {},
+		index: {},
+		categories: {},
+		height: { default: 280 },
+		xFormatter: {
+			type: Function,
+			default: void 0
+		},
+		yFormatter: {
+			type: Function,
+			default: void 0
+		},
+		xLabel: { default: "" },
+		yLabel: { default: "" },
+		legend: { default: "top" },
+		tooltip: {
+			type: Boolean,
+			default: !0
+		},
+		gridLines: {
+			type: Boolean,
+			default: !0
+		},
+		yDomain: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "No data to show yet" },
+		title: { default: "" },
+		description: { default: "" }
+	},
+	setup(l) {
+		let w = l, T = n(), { hidden: E, width: D, colors: O, legendItems: k, xKind: A, byPosition: j, x: M, yAccessors: N, xTickValues: P, maxXTicks: F, yTicks: I, xTickFormat: L, formatY: R, rowLabel: z, yDomain: B, tooltipItems: V, table: H, ariaLabel: U } = r(w, { stacked: () => !1 }), W = m(null), G = i(() => A.value === "time" && !j.value ? C.scaleTime() : void 0);
+		function K(e, t, n, r) {
+			if (!t || n === void 0 || !r || r.type === "wheel") {
+				W.value = null;
+				return;
+			}
+			W.value = {
+				clientX: r.clientX,
+				clientY: r.clientY,
+				title: z(n),
+				items: V(t),
+				datum: t,
+				index: n
+			};
+		}
+		return (n, r) => (p(), a(e, {
+			hidden: g(E),
+			"onUpdate:hidden": r[0] ||= (e) => d(E) ? E.value = e : null,
+			width: g(D),
+			"onUpdate:width": r[1] ||= (e) => d(D) ? D.value = e : null,
+			testid: "ac-line-chart",
+			height: l.height,
+			loading: l.loading,
+			empty: !l.data.length,
+			"empty-text": l.emptyText,
+			"empty-icon": g(v),
+			legend: l.legend,
+			"legend-items": g(k),
+			summary: g(U),
+			title: l.title,
+			description: l.description,
+			table: g(H),
+			tip: W.value,
+			tooltip: l.tooltip
+		}, s({
+			default: _(() => [c(g(S), {
+				data: l.data,
+				height: l.height,
+				duration: g(T),
+				"x-scale": G.value,
+				"y-domain": g(B),
+				padding: {
+					top: 8,
+					right: 8
+				}
+			}, {
+				default: _(() => [
+					c(g(x), {
+						x: g(M),
+						y: g(N),
+						color: g(O),
+						"curve-type": g(t)[l.curve],
+						"line-width": l.lineWidth
+					}, null, 8, [
+						"x",
+						"y",
+						"color",
+						"curve-type",
+						"line-width"
+					]),
+					c(g(y), {
+						type: "x",
+						label: l.xLabel || void 0,
+						"tick-format": g(L),
+						"tick-values": g(P),
+						"num-ticks": g(F),
+						"min-max-ticks-only-when-width-is-less": 160,
+						"grid-line": !1,
+						"tick-line": !1,
+						"tick-text-hide-overlapping": !0
+					}, null, 8, [
+						"label",
+						"tick-format",
+						"tick-values",
+						"num-ticks"
+					]),
+					c(g(y), {
+						type: "y",
+						label: l.yLabel || void 0,
+						"tick-format": g(R),
+						"num-ticks": g(I),
+						"grid-line": l.gridLines,
+						"tick-line": !1,
+						"domain-line": !1
+					}, null, 8, [
+						"label",
+						"tick-format",
+						"num-ticks",
+						"grid-line"
+					]),
+					l.tooltip ? (p(), a(g(b), {
+						key: 0,
+						x: g(M),
+						y: g(N),
+						color: g(O),
+						circleRadius: 4,
+						strokeColor: "var(--color-surface)",
+						strokeWidth: 2,
+						hideWhenFarFromPointer: !1,
+						duration: 0,
+						onCrosshairMove: K
+					}, null, 8, [
+						"x",
+						"y",
+						"color"
+					])) : o("", !0)
+				]),
+				_: 1
+			}, 8, [
+				"data",
+				"height",
+				"duration",
+				"x-scale",
+				"y-domain"
+			])]),
+			_: 2
+		}, [n.$slots.tooltip ? {
+			name: "tooltip",
+			fn: _((e) => [h(n.$slots, "tooltip", f(u(e)))]),
+			key: "0"
+		} : void 0]), 1032, [
+			"hidden",
+			"width",
+			"height",
+			"loading",
+			"empty",
+			"empty-text",
+			"empty-icon",
+			"legend",
+			"legend-items",
+			"summary",
+			"title",
+			"description",
+			"table",
+			"tip",
+			"tooltip"
+		]));
+	}
+});
+//#endregion
+export { w as default };

package/dist/lib/components/AcLocaleSwitcher.js

@@ -0,0 +1,5 @@
+import e from "./AcLocaleSwitcher.vue_vue_type_script_setup_true_lang.js";
+//#region src/lib/components/AcLocaleSwitcher.vue
+var t = e;
+//#endregion
+export { t as default };