@sdata/web-vue 3.16.1 → 3.17.0

package/es/kv-list/kv-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,262 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
+import Button from "../button/index.js";
+import IconPlus from "../icon/icon-plus/index.js";
+import Textarea from "../textarea/index.js";
+import IconDelete from "../icon/icon-delete/index.js";
+import IconEdit from "../icon/icon-edit/index.js";
+import IconList from "../icon/icon-list/index.js";
+import kv_list_row_default from "./kv-list-row.js";
+import { isSameKvList, normalizeKvList, parseBulkKvList, stringifyKvList } from "./utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+import { VueDraggable } from "vue-draggable-plus";
+//#region components/kv-list/kv-list.vue?vue&type=script&setup=true&lang.ts
+var kv_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "KvList" }), {}, {
+	__name: "kv-list",
+	props: /*@__PURE__*/ mergeModels({
+		type: {},
+		keyProps: {},
+		valueProps: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		bulkEditable: { type: Boolean }
+	}, {
+		"json": { default: () => [] },
+		"jsonModifiers": {},
+		"bulk": { default: "" },
+		"bulkModifiers": {}
+	}),
+	emits: ["update:json", "update:bulk"],
+	setup(__props) {
+		const jsonModel = useModel(__props, "json");
+		const bulkModel = useModel(__props, "bulk");
+		const prefixCls = getPrefixCls("kv-list");
+		const { t } = useI18n();
+		const rowSelector = `.${prefixCls}-row`;
+		const handleSelector = `.${prefixCls}-drag-handle`;
+		const bulkMode = ref(false);
+		const bulkAvailable = computed(() => {
+			var _props$bulkEditable;
+			return (_props$bulkEditable = __props.bulkEditable) !== null && _props$bulkEditable !== void 0 ? _props$bulkEditable : __props.type !== "secret";
+		});
+		const rows = ref([]);
+		let id = 0;
+		let suppressedJsonUpdate;
+		function createWorkingItem(item) {
+			return {
+				id: id++,
+				key: item.key,
+				value: item.value
+			};
+		}
+		function publicRows() {
+			return normalizeKvList(rows.value);
+		}
+		function replaceRows(items) {
+			const normalizedItems = normalizeKvList(items);
+			rows.value = normalizedItems.length > 0 ? normalizedItems.map(createWorkingItem) : [createWorkingItem({
+				key: "",
+				value: ""
+			})];
+		}
+		function commitRows() {
+			const items = publicRows();
+			const bulk = stringifyKvList(items);
+			if (!isSameKvList(normalizeKvList(jsonModel.value), items)) jsonModel.value = items;
+			if (bulkModel.value !== bulk) bulkModel.value = bulk;
+		}
+		function addItem() {
+			if (__props.disabled) return;
+			rows.value.push(createWorkingItem({
+				key: "",
+				value: ""
+			}));
+		}
+		function updateItem(index, item) {
+			if (__props.disabled) return;
+			rows.value[index] = item;
+			commitRows();
+		}
+		function removeItem(index) {
+			if (__props.disabled) return;
+			rows.value.splice(index, 1);
+			if (rows.value.length === 0) addItem();
+			commitRows();
+		}
+		function clearItems() {
+			if (__props.disabled) return;
+			replaceRows([]);
+			commitRows();
+		}
+		const initialJson = normalizeKvList(jsonModel.value);
+		const initialBulk = parseBulkKvList(bulkModel.value);
+		if (initialJson.length > 0) {
+			replaceRows(initialJson);
+			bulkModel.value = stringifyKvList(initialJson);
+		} else if (initialBulk.length > 0) {
+			replaceRows(initialBulk);
+			jsonModel.value = initialBulk;
+		} else replaceRows([]);
+		watch(bulkAvailable, (available) => {
+			if (!available) bulkMode.value = false;
+		});
+		watch(jsonModel, (value) => {
+			const items = normalizeKvList(value);
+			if (suppressedJsonUpdate && isSameKvList(items, suppressedJsonUpdate)) {
+				suppressedJsonUpdate = void 0;
+				return;
+			}
+			if (isSameKvList(items, publicRows())) return;
+			replaceRows(items);
+			const bulk = stringifyKvList(items);
+			if (bulkModel.value !== bulk) bulkModel.value = bulk;
+		}, { deep: true });
+		watch(bulkModel, (value) => {
+			const items = parseBulkKvList(value);
+			if (isSameKvList(items, publicRows())) return;
+			replaceRows(items);
+			if (!isSameKvList(items, normalizeKvList(jsonModel.value))) {
+				suppressedJsonUpdate = items;
+				jsonModel.value = items;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-toolbar`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-toolbar-actions`) }, [
+				bulkAvailable.value ? (openBlock(), createBlock(unref(Button), {
+					key: 0,
+					type: "text",
+					shape: "circle",
+					size: "small",
+					tooltip: bulkMode.value ? unref(t)("kvList.switchToList") : unref(t)("kvList.switchToBulk"),
+					"aria-label": bulkMode.value ? unref(t)("kvList.switchToList") : unref(t)("kvList.switchToBulk"),
+					disabled: __props.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => bulkMode.value = !bulkMode.value)
+				}, {
+					icon: withCtx(() => [bulkMode.value ? (openBlock(), createBlock(unref(IconList), { key: 0 })) : (openBlock(), createBlock(unref(IconEdit), { key: 1 }))]),
+					"sr-only": withCtx(() => [createTextVNode(toDisplayString(bulkMode.value ? unref(t)("kvList.switchToList") : unref(t)("kvList.switchToBulk")), 1)]),
+					_: 1
+				}, 8, [
+					"tooltip",
+					"aria-label",
+					"disabled"
+				])) : createCommentVNode("", true),
+				createVNode(unref(Button), {
+					type: "text",
+					shape: "circle",
+					size: "small",
+					tooltip: unref(t)("kvList.clear"),
+					"aria-label": unref(t)("kvList.clear"),
+					disabled: __props.disabled,
+					onClick: clearItems
+				}, {
+					icon: withCtx(() => [createVNode(unref(IconDelete))]),
+					"sr-only": withCtx(() => [createTextVNode(toDisplayString(unref(t)("kvList.clear")), 1)]),
+					_: 1
+				}, 8, [
+					"tooltip",
+					"aria-label",
+					"disabled"
+				]),
+				createVNode(unref(Button), {
+					type: "text",
+					shape: "circle",
+					size: "small",
+					tooltip: unref(t)("kvList.add"),
+					"aria-label": unref(t)("kvList.add"),
+					disabled: __props.disabled || bulkMode.value,
+					onClick: addItem
+				}, {
+					icon: withCtx(() => [createVNode(unref(IconPlus))]),
+					"sr-only": withCtx(() => [createTextVNode(toDisplayString(unref(t)("kvList.add")), 1)]),
+					_: 1
+				}, 8, [
+					"tooltip",
+					"aria-label",
+					"disabled"
+				]),
+				renderSlot(_ctx.$slots, "toolbar-extra")
+			], 2)], 2), bulkMode.value ? (openBlock(), createBlock(unref(Textarea), {
+				key: 0,
+				modelValue: bulkModel.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => bulkModel.value = $event),
+				class: normalizeClass(`${unref(prefixCls)}-bulk`),
+				"auto-size": {
+					minRows: 8,
+					maxRows: 18
+				},
+				placeholder: unref(t)("kvList.bulkPlaceholder"),
+				disabled: __props.disabled,
+				"data-testid": "kv-list-bulk"
+			}, null, 8, [
+				"modelValue",
+				"class",
+				"placeholder",
+				"disabled"
+			])) : (openBlock(), createBlock(unref(VueDraggable), {
+				key: 1,
+				modelValue: rows.value,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rows.value = $event),
+				class: normalizeClass(`${unref(prefixCls)}-rows`),
+				animation: 150,
+				draggable: rowSelector,
+				handle: handleSelector,
+				disabled: __props.disabled,
+				"ghost-class": `${unref(prefixCls)}-row--ghost`,
+				"chosen-class": `${unref(prefixCls)}-row--chosen`,
+				onUpdate: commitRows
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (item, index) => {
+					return openBlock(), createBlock(kv_list_row_default, {
+						key: item.id,
+						item,
+						index,
+						type: __props.type,
+						"key-props": __props.keyProps,
+						"value-props": __props.valueProps,
+						disabled: __props.disabled,
+						onUpdate: ($event) => updateItem(index, $event),
+						onRemove: ($event) => removeItem(index)
+					}, createSlots({
+						actions: withCtx(() => [renderSlot(_ctx.$slots, "row-actions", {
+							item: {
+								key: item.key,
+								value: item.value
+							},
+							index
+						})]),
+						_: 2
+					}, [_ctx.$slots.key ? {
+						name: "key",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "key", mergeProps({ ref_for: true }, slotProps))]),
+						key: "0"
+					} : void 0, _ctx.$slots.value ? {
+						name: "value",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "value", mergeProps({ ref_for: true }, slotProps))]),
+						key: "1"
+					} : void 0]), 1032, [
+						"item",
+						"index",
+						"type",
+						"key-props",
+						"value-props",
+						"disabled",
+						"onUpdate",
+						"onRemove"
+					]);
+				}), 128))]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"class",
+				"disabled",
+				"ghost-class",
+				"chosen-class"
+			]))], 2);
+		};
+	}
+}));
+//#endregion
+export { kv_list_vue_vue_type_script_setup_true_lang_default as default };

package/es/kv-list/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";

package/es/kv-list/style/index.css

@@ -0,0 +1,86 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-kv-list {
+  box-sizing: border-box;
+  overflow: hidden;
+  background: var(--sd-color-bg-2);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-kv-list-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px;
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+}
+.sd-kv-list-toolbar-actions, .sd-kv-list-row-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  align-items: center;
+}
+.sd-kv-list-rows {
+  display: flex;
+  flex-direction: column;
+}
+.sd-kv-list-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+  padding: 8px;
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+  transition: background-color 0.2s, opacity 0.2s;
+}
+.sd-kv-list-row:last-child {
+  border-bottom: 0;
+}
+.sd-kv-list-row--ghost {
+  background: var(--sd-color-primary-light-1);
+  opacity: 0.45;
+}
+.sd-kv-list-row--chosen {
+  background: var(--sd-color-primary-light-1);
+}
+.sd-kv-list-drag-handle {
+  color: var(--sd-color-text-3);
+  cursor: grab;
+}
+.sd-kv-list-drag-handle:active {
+  cursor: grabbing;
+}
+.sd-kv-list-key, .sd-kv-list-value {
+  min-width: 0;
+}
+.sd-kv-list-bulk {
+  display: block;
+  border: 0;
+  border-radius: 0;
+}
+@media screen and (width <= 640px) {
+  .sd-kv-list-row {
+    grid-template-columns: auto minmax(0, 1fr) auto;
+  }
+  .sd-kv-list-value {
+    grid-column: 2;
+  }
+  .sd-kv-list-row-actions {
+    grid-row: 1/span 2;
+    grid-column: 3;
+  }
+}

package/es/kv-list/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/kv-list/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/kv-list/style/index.scss

@@ -0,0 +1,93 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/kv-list/style/token.scss' as *;
+
+$kv-list-prefix-cls: string.unquote('#{theme.$prefix}-kv-list');
+
+.#{$kv-list-prefix-cls} {
+  box-sizing: border-box;
+  overflow: hidden;
+  background: $kv-list-color-bg;
+  border: $kv-list-border-width solid $kv-list-color-border;
+  border-radius: $kv-list-border-radius;
+
+  &-toolbar {
+    display: flex;
+    justify-content: flex-end;
+    padding: $kv-list-padding;
+    border-bottom: $kv-list-border-width solid $kv-list-color-border;
+  }
+
+  &-toolbar-actions,
+  &-row-actions {
+    display: flex;
+    flex-shrink: 0;
+    gap: $kv-list-gap;
+    align-items: center;
+  }
+
+  &-rows {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-row {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
+    gap: $kv-list-gap;
+    align-items: center;
+    padding: $kv-list-padding;
+    border-bottom: $kv-list-border-width solid $kv-list-color-border;
+    transition:
+      background-color $kv-list-transition-duration,
+      opacity $kv-list-transition-duration;
+
+    &:last-child {
+      border-bottom: 0;
+    }
+
+    &--ghost {
+      background: $kv-list-color-ghost;
+      opacity: 0.45;
+    }
+
+    &--chosen {
+      background: $kv-list-color-ghost;
+    }
+  }
+
+  &-drag-handle {
+    color: $kv-list-color-drag;
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  &-key,
+  &-value {
+    min-width: 0;
+  }
+
+  &-bulk {
+    display: block;
+    border: 0;
+    border-radius: 0;
+  }
+
+  @media screen and (width <= 640px) {
+    &-row {
+      grid-template-columns: auto minmax(0, 1fr) auto;
+    }
+
+    &-value {
+      grid-column: 2;
+    }
+
+    &-row-actions {
+      grid-row: 1 / span 2;
+      grid-column: 3;
+    }
+  }
+}

package/es/kv-list/style/token.scss

@@ -0,0 +1,14 @@
+@use '@style/theme/index.scss' as global;
+@use 'sass:string';
+
+@forward '@style/theme/index.scss';
+
+$kv-list-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
+$kv-list-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
+$kv-list-color-drag: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));
+$kv-list-color-ghost: var(string.unquote('#{global.$sd-cssvars-prefix}-color-primary-light-1'));
+$kv-list-border-width: global.$border-1;
+$kv-list-border-radius: global.$radius-medium;
+$kv-list-gap: global.$spacing-4;
+$kv-list-padding: global.$spacing-4;
+$kv-list-transition-duration: global.$transition-duration-2;

package/es/kv-list/types.d.ts

@@ -0,0 +1,29 @@
+import type AutoComplete from '../auto-complete';
+import type Input from '../input';
+import type { InputPassword } from '../input';
+type ComponentPropsOf<T> = T extends new (...args: never[]) => {
+    $props: infer P;
+} ? P : never;
+type ControlledFieldProps = 'modelValue' | 'defaultValue' | 'onUpdate:modelValue';
+export type KvListType = 'http-header' | 'secret';
+export interface KvListItem {
+    key: string;
+    value: string;
+}
+export type KvListKeyProps = Partial<Omit<ComponentPropsOf<typeof Input> & ComponentPropsOf<typeof AutoComplete>, ControlledFieldProps>>;
+export type KvListValueProps = Partial<Omit<ComponentPropsOf<typeof Input> & ComponentPropsOf<typeof InputPassword>, ControlledFieldProps>>;
+export interface KvListFieldSlotProps {
+    value: string;
+    item: Readonly<KvListItem>;
+    index: number;
+    props: Readonly<Record<string, unknown>>;
+    update: (value: string) => void;
+}
+export interface KvListRowActionsSlotProps {
+    item: Readonly<KvListItem>;
+    index: number;
+}
+export interface KvListWorkingItem extends KvListItem {
+    id: number;
+}
+export {};

package/es/kv-list/utils.d.ts

@@ -0,0 +1,8 @@
+import type { KvListItem } from './types';
+export declare function normalizeKvList(items: readonly KvListItem[] | undefined): {
+    key: string;
+    value: string;
+}[];
+export declare function parseBulkKvList(value: string): KvListItem[];
+export declare function stringifyKvList(items: readonly KvListItem[]): string;
+export declare function isSameKvList(first: readonly KvListItem[], second: readonly KvListItem[]): boolean;

package/es/kv-list/utils.js

@@ -0,0 +1,32 @@
+//#region components/kv-list/utils.ts
+function normalizeKvList(items) {
+	if (!items) return [];
+	return items.filter((item) => item.key.trim() !== "").map((item) => ({
+		key: item.key,
+		value: item.value
+	}));
+}
+function parseBulkKvList(value) {
+	return value.split(/\r?\n/).map((line) => line.trim()).filter(Boolean).map((line) => {
+		const separatorIndex = line.indexOf(":");
+		if (separatorIndex < 0) return {
+			key: line,
+			value: ""
+		};
+		return {
+			key: line.slice(0, separatorIndex).trim(),
+			value: line.slice(separatorIndex + 1).trimStart()
+		};
+	}).filter((item) => item.key !== "");
+}
+function stringifyKvList(items) {
+	return normalizeKvList(items).map(({ key, value }) => `${key}: ${value}`).join("\n");
+}
+function isSameKvList(first, second) {
+	return first.length === second.length && first.every((item, index) => {
+		var _second$index, _second$index2;
+		return item.key === ((_second$index = second[index]) === null || _second$index === void 0 ? void 0 : _second$index.key) && item.value === ((_second$index2 = second[index]) === null || _second$index2 === void 0 ? void 0 : _second$index2.value);
+	});
+}
+//#endregion
+export { isSameKvList, normalizeKvList, parseBulkKvList, stringifyKvList };

package/es/list/list.js

@@ -7,9 +7,9 @@ import virtual_list_default from "../_components/virtual-list/index.js";
 import { omit } from "../_utils/omit.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
+import Empty from "../empty/index.js";
 import Scrollbar from "../scrollbar/index.js";
 import Spin from "../spin/index.js";
-import Empty from "../empty/index.js";
 import Pagination from "../pagination/index.js";
 import Grid from "../grid/index.js";
 import { usePagination } from "./use-pagination.js";

package/es/locale/interface.d.ts

@@ -245,6 +245,17 @@ export interface SdLang {
         preset: string;
         empty: string;
     };
+    kvList: {
+        switchToList: string;
+        switchToBulk: string;
+        clear: string;
+        add: string;
+        bulkPlaceholder: string;
+        dragSort: string;
+        keyPlaceholder: string;
+        valuePlaceholder: string;
+        remove: string;
+    };
     a11y: SdA11yLang;
 }
 export type SdI18nMessages = Record<string, SdLang>;

package/es/locale/lang/ar-eg.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/ar-eg.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "ألوان النظام المضبوطة مسبقاً",
 		empty: "غير متوفرة"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "إغلاق",
 		back: "رجوع",

package/es/locale/lang/de-de.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/de-de.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "Standardfarbe des Systems",
 		empty: "Noch keine"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Schließen",
 		back: "Zurück",

package/es/locale/lang/en-us.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 import { DefaultValidateMessage } from "b-validate";
 //#region components/locale/lang/en-us.ts
 var calendarLang = {
@@ -154,6 +155,7 @@ var lang = {
 		preset: "Preset Colors",
 		empty: "Empty"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Close",
 		back: "Back",

package/es/locale/lang/es-es.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/es-es.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "Colores predefinidos del sistema",
 		empty: "No hay datos"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Cerrar",
 		back: "Volver",

package/es/locale/lang/fr-fr.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/fr-fr.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "Couleurs prédéfinies par le système",
 		empty: "Aucune donnée"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Fermer",
 		back: "Retour",

package/es/locale/lang/id-id.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/id-id.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "Sistem preset warna",
 		empty: "Tidak ada data"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Tutup",
 		back: "Kembali",

package/es/locale/lang/it-it.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/it-it.ts
 var calendarLang = {
 	formatYear: "YYYY",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "Colori preimpostati dal sistema",
 		empty: "Nessun dato"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "Chiudi",
 		back: "Indietro",

package/es/locale/lang/ja-jp.js

@@ -1,3 +1,4 @@
+import { kvListEnUS } from "./kv-list.js";
 //#region components/locale/lang/ja-jp.ts
 var calendarLang = {
 	formatYear: "YYYY 年",
@@ -197,6 +198,7 @@ var lang = {
 		preset: "システムのデフォルトの色",
 		empty: "空の"
 	},
+	kvList: kvListEnUS,
 	a11y: {
 		close: "閉じる",
 		back: "戻る",