@welldot/vue 0.0.0-stage → 0.1.0

package/dist/grid/WellDataGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { resolvePart as e, useWelldotConfig as t } from "../config.js";
+import { useWellText as n } from "../composables/useWellText.js";
+import { useWellGridColumns as r } from "./useWellGridColumns.js";
+import i from "./parts/WellGridAddButton.js";
+import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, resolveDynamicComponent as m, unref as h, useCssVars as g, vShow as _, withDirectives as v } from "vue";
+import { VGrid as y } from "@revolist/vue3-datagrid";
+//#region src/grid/WellDataGrid.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "well-data-grid-wrapper flex flex-col" }, x = {
+	key: 1,
+	class: "well-grid-skeleton animate-pulse rounded bg-surface-100 w-full h-full"
+}, S = 38, C = 30, w = /* @__PURE__ */ l({
+	__name: "WellDataGrid",
+	props: {
+		rows: {},
+		columns: {},
+		addLabel: {},
+		deleteLabel: {},
+		labels: {},
+		components: {}
+	},
+	emits: [
+		"add",
+		"delete",
+		"change",
+		"reorder"
+	],
+	setup(l, { emit: w }) {
+		g((e) => ({ ad965ea0: `${S}px` }));
+		let T = l, E = w, D = t(), O = n(), { gridEditors: k, revoColumns: A, gridStretch: j, plugins: M, handleAfterEdit: N, gridContainerRef: P, handleAfterFocus: F, handleGridMousedown: I, handleGridClick: L } = r({
+			columns: () => T.columns,
+			onDelete: (e) => E("delete", e),
+			onChange: (e, t, n) => E("change", e, t, n),
+			deleteLabel: () => T.deleteLabel,
+			labels: () => T.labels,
+			components: () => T.components
+		}), R = a(() => e("addButton", T.components?.addButton, i, D)), z = p(!1);
+		d(() => {
+			z.value = !0;
+		});
+		let B = a(() => T.rows.map((e) => ({ ...e }))), V = a(() => `${S + Math.max(1, T.rows.length) * C + 2}px`);
+		function H(e) {
+			E("reorder", e.detail.from, e.detail.to);
+		}
+		return (e, t) => (f(), s("div", b, [v(c("div", {
+			ref_key: "gridContainerRef",
+			ref: P,
+			class: "well-grid-container",
+			onMousedownCapture: t[0] || (t[0] = (...e) => h(I) && h(I)(...e)),
+			onClick: t[1] || (t[1] = (...e) => h(L) && h(L)(...e))
+		}, [z.value ? (f(), o(h(y), {
+			key: 0,
+			class: "well-data-grid",
+			style: u({ height: V.value }),
+			"row-size": C,
+			stretch: h(j),
+			source: B.value,
+			columns: h(A),
+			editors: h(k),
+			plugins: h(M),
+			range: !0,
+			"can-drag": "",
+			theme: "compact",
+			onAfteredit: h(N),
+			onAfterfocus: h(F),
+			onRoworderchanged: H
+		}, null, 8, [
+			"style",
+			"stretch",
+			"source",
+			"columns",
+			"editors",
+			"plugins",
+			"onAfteredit",
+			"onAfterfocus"
+		])) : (f(), s("div", x))], 544), [[_, l.rows.length > 0]]), (f(), o(m(R.value), {
+			label: h(O)(T.addLabel),
+			onClick: t[2] || (t[2] = (e) => E("add"))
+		}, null, 8, ["label"]))]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=WellDataGrid.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/WellDataGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellDataGrid.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/grid/WellDataGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Editable spreadsheet for a well feature array (lithology, casing, screens…)\n * built on RevoGrid. Controlled: the grid never mutates `rows`, it emits\n * `add` / `delete` / `change` / `reorder` and the parent updates its store.\n *\n * - Columns are `WellGridColumn`s; their text is `LanguageTextInput`,\n *   resolved for the configured locale. Unit columns follow the configured\n *   display units.\n * - Parts (`components` prop, then `createWelldot({ components })`, then the\n *   built-in default): `addButton` (`WellAddButtonProps`), `deleteButton`\n *   (`WellDeleteButtonProps`), `dragHandle` (visual only).\n * - Rendered on the client only (after mount); a skeleton shows until then.\n * - Needs `@welldot/vue/tailwind.css` (which imports `grid.css`) for the\n *   RevoGrid theme.\n */\nimport { VGrid } from '@revolist/vue3-datagrid';\nimport type { LanguageTextInput } from '@welldot/core';\nimport { computed, onMounted, ref } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport { resolvePart, useWelldotConfig } from '../config';\nimport WellGridAddButton from './parts/WellGridAddButton.vue';\nimport type {\n  WellDataGridComponents,\n  WellDataGridLabels,\n  WellGridColumn,\n} from './types';\nimport { useWellGridColumns } from './useWellGridColumns';\n\n// ─── Props / Emits ────────────────────────────────────────────────────────────\n\nconst props = defineProps<{\n  /** Reactive array from the store (via deep-proxy or plain copy). */\n  rows: Record<string, unknown>[];\n  columns: WellGridColumn[];\n  /** Label of the add-row button. Icon-only when omitted. */\n  addLabel?: LanguageTextInput;\n  /** Label handed to the delete-row button (its aria-label by default). */\n  deleteLabel?: LanguageTextInput;\n  /** Grid-internal text (texture editor, column info trigger). */\n  labels?: WellDataGridLabels;\n  /** Part overrides: `addButton`, `deleteButton`, `dragHandle`. */\n  components?: WellDataGridComponents;\n}>();\n\nconst emit = defineEmits<{\n  /** Parent should push a new row to the store */\n  add: [];\n  /** Parent should splice row at `index` from the store */\n  delete: [index: number];\n  /** Parent should assign `value` to `store.array[index][prop]` */\n  change: [index: number, prop: string, value: unknown];\n  /** Parent should reorder row from `from` to `to` */\n  reorder: [from: number, to: number];\n}>();\n\nconst config = useWelldotConfig();\nconst text = useWellText();\n\nconst {\n  gridEditors,\n  revoColumns,\n  gridStretch,\n  plugins,\n  handleAfterEdit,\n  gridContainerRef,\n  handleAfterFocus,\n  handleGridMousedown,\n  handleGridClick,\n} = useWellGridColumns({\n  columns: () => props.columns,\n  onDelete: rowIndex => emit('delete', rowIndex),\n  onChange: (rowIndex, prop, value) => emit('change', rowIndex, prop, value),\n  deleteLabel: () => props.deleteLabel,\n  labels: () => props.labels,\n  components: () => props.components,\n});\n\nconst addButton = computed(() =>\n  resolvePart(\n    'addButton',\n    props.components?.addButton,\n    WellGridAddButton,\n    config,\n  ),\n);\n\n// ─── Client-only rendering ────────────────────────────────────────────────────\n// RevoGrid is a web component; render it only once mounted in the browser.\n\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\n\n// ─── Source ───────────────────────────────────────────────────────────────────\n// Spread to a plain array so RevoGrid's internal diffing does not fight the\n// Immer/deep-proxy wrapper on the store.\n\nconst gridSource = computed(() => props.rows.map(r => ({ ...r })));\n\n// ─── Height — auto-size based on row count ────────────────────────────────────\n\nconst HEADER_H = 38;\nconst ROW_H = 30;\n\nconst gridHeight = computed(() => {\n  const contentH = Math.max(1, props.rows.length) * ROW_H;\n  return `${HEADER_H + contentH + 2}px`;\n});\n\n// ─── Event handlers ───────────────────────────────────────────────────────────\n\nfunction handleRowOrderChanged(\n  event: CustomEvent<{ from: number; to: number }>,\n) {\n  emit('reorder', event.detail.from, event.detail.to);\n}\n</script>\n\n<template>\n  <div class=\"well-data-grid-wrapper flex flex-col\">\n    <div\n      v-show=\"rows.length > 0\"\n      ref=\"gridContainerRef\"\n      class=\"well-grid-container\"\n      @mousedown.capture=\"handleGridMousedown\"\n      @click=\"handleGridClick\"\n    >\n      <VGrid\n        v-if=\"mounted\"\n        class=\"well-data-grid\"\n        :style=\"{ height: gridHeight }\"\n        :row-size=\"ROW_H\"\n        :stretch=\"gridStretch\"\n        :source=\"gridSource\"\n        :columns=\"revoColumns\"\n        :editors=\"gridEditors\"\n        :plugins=\"plugins\"\n        :range=\"true\"\n        can-drag\n        theme=\"compact\"\n        @afteredit=\"handleAfterEdit\"\n        @afterfocus=\"handleAfterFocus\"\n        @roworderchanged=\"handleRowOrderChanged\"\n      />\n      <div\n        v-else\n        class=\"well-grid-skeleton animate-pulse rounded bg-surface-100 w-full h-full\"\n      />\n    </div>\n\n    <component\n      :is=\"addButton\"\n      :label=\"text(props.addLabel)\"\n      @click=\"emit('add')\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.well-data-grid-wrapper {\n  --accent-soft: color-mix(in srgb, var(--color-primary-500) 12%, transparent);\n  --color-primary-soft: color-mix(\n    in srgb,\n    var(--color-primary-500) 25%,\n    transparent\n  );\n}\n\n.well-data-grid :deep(.header-rgRow) {\n  height: v-bind('`${HEADER_H}px`');\n}\n</style>\n"],"mappings":";;;;;;;;;;GAuGM,IAAW,IACX,IAAQ;;;;;;;;;;;;;;;;;;EAzEd,IAAM,IAAQ,GAcR,IAAO,GAWP,IAAS,GAAkB,EAC3B,IAAO,GAAa,EAEpB,EACJ,gBACA,gBACA,gBACA,YACA,oBACA,qBACA,qBACA,wBACA,uBACE,EAAmB;GACrB,eAAe,EAAM;GACrB,WAAU,MAAY,EAAK,UAAU,EAAS;GAC9C,WAAW,GAAU,GAAM,MAAU,EAAK,UAAU,GAAU,GAAM,EAAM;GAC1E,mBAAmB,EAAM;GACzB,cAAc,EAAM;GACpB,kBAAkB,EAAM;GACzB,CAAC,EAEI,IAAY,QAChB,EACE,aACA,EAAM,YAAY,WAClB,GACA,EACD,CACF,EAKK,IAAU,EAAI,GAAM;AAC1B,UAAgB;AACd,KAAQ,QAAQ;IAChB;EAMF,IAAM,IAAa,QAAe,EAAM,KAAK,KAAI,OAAM,EAAE,GAAG,GAAG,EAAE,CAAC,EAO5D,IAAa,QAEV,GAAG,IADO,KAAK,IAAI,GAAG,EAAM,KAAK,OAAO,GAAG,IAClB,EAAE,IAClC;EAIF,SAAS,EACP,GACA;AACA,KAAK,WAAW,EAAM,OAAO,MAAM,EAAM,OAAO,GAAG;;yBAKnD,EAoCM,OApCN,GAoCM,CAAA,EAnCJ,EA4BM,OAAA;YA1BA;GAAJ,KAAI;GACJ,OAAM;iDACc,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAmB;GACtC,SAAK,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAe;MAGf,EAAA,SAAA,GAAA,EADR,EAgBE,EAAA,EAAA,EAAA;;GAdA,OAAM;GACL,OAAK,EAAA,EAAA,QAAY,EAAA,OAAU,CAAA;GAC3B,YAAU;GACV,SAAS,EAAA,EAAW;GACpB,QAAQ,EAAA;GACR,SAAS,EAAA,EAAW;GACpB,SAAS,EAAA,EAAW;GACpB,SAAS,EAAA,EAAO;GAChB,OAAO;GACR,YAAA;GACA,OAAM;GACL,aAAW,EAAA,EAAe;GAC1B,cAAY,EAAA,EAAgB;GAC5B,mBAAiB;;;;;;;;;;cAEpB,EAGE,OAHF,EAGE,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,GA1BM,EAAA,KAAK,SAAM,EAAA,CAAA,CAAA,GAAA,GAAA,EA6BrB,EAIE,EAHK,EAAA,MAAS,EAAA;GACb,OAAO,EAAA,EAAI,CAAC,EAAM,SAAQ;GAC1B,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAI,MAAA"}

package/dist/grid/cells/GridCheckboxCell.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    value?: unknown;
+    rowIndex: number;
+    prop: string;
+    onToggle: (rowIndex: number, prop: string, value: boolean) => void;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=GridCheckboxCell.vue.d.ts.map

package/dist/grid/cells/GridCheckboxCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCheckboxCell.d.ts","sourceRoot":"","sources":["../../../src/grid/cells/GridCheckboxCell.vue"],"names":[],"mappings":"AAmCA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE,CAAC;AAuDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/cells/GridCheckboxCell.js

@@ -0,0 +1,7 @@
+import e from "./GridCheckboxCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/grid/cells/GridCheckboxCell.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=GridCheckboxCell.js.map

package/dist/grid/cells/GridCheckboxCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCheckboxCell.js","names":[],"sources":["../../../src/grid/cells/GridCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Checkbox from 'primevue/checkbox';\n\nconst props = defineProps<{\n  value?: unknown;\n  rowIndex: number;\n  prop: string;\n  onToggle: (rowIndex: number, prop: string, value: boolean) => void;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nfunction handleChange(checked: boolean) {\n  props.onToggle(props.rowIndex, props.prop, checked);\n}\n</script>\n\n<template>\n  <span\n    class=\"flex h-full w-full items-center justify-center\"\n    @click.stop\n    @mousedown.stop\n  >\n    <Checkbox\n      :model-value=\"!!value\"\n      binary\n      @update:model-value=\"handleChange\"\n    />\n  </span>\n</template>\n"],"mappings":""}

package/dist/grid/cells/GridCheckboxCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { createElementBlock as e, createVNode as t, defineComponent as n, openBlock as r, unref as i, withModifiers as a } from "vue";
+import o from "primevue/checkbox";
+//#region src/grid/cells/GridCheckboxCell.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	__name: "GridCheckboxCell",
+	props: {
+		value: {},
+		rowIndex: {},
+		prop: {},
+		onToggle: { type: Function }
+	},
+	setup(n) {
+		let s = n;
+		function c(e) {
+			s.onToggle(s.rowIndex, s.prop, e);
+		}
+		return (s, l) => (r(), e("span", {
+			class: "flex h-full w-full items-center justify-center",
+			onClick: l[0] || (l[0] = a(() => {}, ["stop"])),
+			onMousedown: l[1] || (l[1] = a(() => {}, ["stop"]))
+		}, [t(i(o), {
+			"model-value": !!n.value,
+			binary: "",
+			"onUpdate:modelValue": c
+		}, null, 8, ["model-value"])], 32));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=GridCheckboxCell.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/cells/GridCheckboxCell.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCheckboxCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/cells/GridCheckboxCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Checkbox from 'primevue/checkbox';\n\nconst props = defineProps<{\n  value?: unknown;\n  rowIndex: number;\n  prop: string;\n  onToggle: (rowIndex: number, prop: string, value: boolean) => void;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nfunction handleChange(checked: boolean) {\n  props.onToggle(props.rowIndex, props.prop, checked);\n}\n</script>\n\n<template>\n  <span\n    class=\"flex h-full w-full items-center justify-center\"\n    @click.stop\n    @mousedown.stop\n  >\n    <Checkbox\n      :model-value=\"!!value\"\n      binary\n      @update:model-value=\"handleChange\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,IAAM,IAAQ;EASd,SAAS,EAAa,GAAkB;AACtC,KAAM,SAAS,EAAM,UAAU,EAAM,MAAM,EAAQ;;yBAKnD,EAUO,QAAA;GATL,OAAM;GACL,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;GACV,aAAS,EAAA,OAAA,EAAA,KAAA,QAAV,IAAe,CAAA,OAAA,CAAA;MAEf,EAIE,EAAA,EAAA,EAAA;GAHC,eAAW,CAAA,CAAI,EAAA;GAChB,QAAA;GACC,uBAAoB"}

package/dist/grid/cells/GridColorCell.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    value?: unknown;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=GridColorCell.vue.d.ts.map

package/dist/grid/cells/GridColorCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorCell.d.ts","sourceRoot":"","sources":["../../../src/grid/cells/GridColorCell.vue"],"names":[],"mappings":"AA0BA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AA2CF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/cells/GridColorCell.js

@@ -0,0 +1,7 @@
+import e from "./GridColorCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/grid/cells/GridColorCell.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=GridColorCell.js.map

package/dist/grid/cells/GridColorCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorCell.js","names":[],"sources":["../../../src/grid/cells/GridColorCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  value?: unknown;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst hex = computed(() => (props.value as string) ?? '');\n</script>\n\n<template>\n  <span class=\"flex h-full w-full items-center gap-1.5\">\n    <span\n      class=\"inline-block h-3 w-3 shrink-0 rounded-sm border border-surface-300\"\n      :style=\"{ backgroundColor: hex }\"\n    />\n    <span>{{ hex }}</span>\n  </span>\n</template>\n"],"mappings":""}

package/dist/grid/cells/GridColorCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a, toDisplayString as o } from "vue";
+//#region src/grid/cells/GridColorCell.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "flex h-full w-full items-center gap-1.5" }, c = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "GridColorCell",
+	props: { value: {} },
+	setup(r) {
+		let c = r, l = e(() => c.value ?? "");
+		return (e, r) => (a(), t("span", s, [n("span", {
+			class: "inline-block h-3 w-3 shrink-0 rounded-sm border border-surface-300",
+			style: i({ backgroundColor: l.value })
+		}, null, 4), n("span", null, o(l.value), 1)]));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=GridColorCell.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/cells/GridColorCell.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/cells/GridColorCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  value?: unknown;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst hex = computed(() => (props.value as string) ?? '');\n</script>\n\n<template>\n  <span class=\"flex h-full w-full items-center gap-1.5\">\n    <span\n      class=\"inline-block h-3 w-3 shrink-0 rounded-sm border border-surface-300\"\n      :style=\"{ backgroundColor: hex }\"\n    />\n    <span>{{ hex }}</span>\n  </span>\n</template>\n"],"mappings":";;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAM,QAAgB,EAAM,SAAoB,GAAG;yBAIvD,EAMO,QANP,GAMO,CALL,EAGE,QAAA;GAFA,OAAM;GACL,OAAK,EAAA,EAAA,iBAAqB,EAAA,OAAG,CAAA;eAEhC,EAAsB,QAAA,MAAA,EAAb,EAAA,MAAG,EAAA,EAAA,CAAA,CAAA"}

package/dist/grid/cells/GridColorPickerEditor.d.ts

@@ -0,0 +1,12 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    val?: unknown;
+    save: (value: unknown, preventFocus?: boolean) => void;
+    close: (focusNext?: boolean) => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    val?: unknown;
+    save: (value: unknown, preventFocus?: boolean) => void;
+    close: (focusNext?: boolean) => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=GridColorPickerEditor.vue.d.ts.map

package/dist/grid/cells/GridColorPickerEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorPickerEditor.d.ts","sourceRoot":"","sources":["../../../src/grid/cells/GridColorPickerEditor.vue"],"names":[],"mappings":"wBA8GqB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;UAEV,OAAO;UACP,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI;WAC/C,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI;;UAF9B,OAAO;UACP,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI;WAC/C,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI;iGAwIlC,CAAC"}

package/dist/grid/cells/GridColorPickerEditor.js

@@ -0,0 +1,7 @@
+import e from "./GridColorPickerEditor.vue_vue_type_script_setup_true_lang.js";
+//#region src/grid/cells/GridColorPickerEditor.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=GridColorPickerEditor.js.map

package/dist/grid/cells/GridColorPickerEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorPickerEditor.js","names":[],"sources":["../../../src/grid/cells/GridColorPickerEditor.vue"],"sourcesContent":["<script lang=\"ts\">\n// vue-color's stylesheet is imported dynamically, on the client only. A\n// static `import 'vue-color/style.css'` stays in `dist/` (vue-color is\n// external), so Node would fail to load `@welldot/vue/grid` during plain-Vite\n// SSR unless the app set `ssr.noExternal`. Editors only mount in the browser,\n// and loading at module evaluation means the CSS is there before one opens.\nif (typeof window !== 'undefined') void import('vue-color/style.css');\n</script>\n\n<script setup lang=\"ts\">\nimport Popover from 'primevue/popover';\nimport { SketchPicker, tinycolor } from 'vue-color';\nimport { nextTick, onMounted, onUnmounted, ref } from 'vue';\n\nconst props = defineProps<{\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<InstanceType<typeof Popover> | null>(null);\n\n// vue-color echoes back the format of the value it was given (and can drift\n// to HSV objects), so normalize everything to `#rrggbb` on the way in and out.\nfunction toHex(value: unknown): string {\n  const color = tinycolor(value as string);\n  return color.isValid() ? color.toHexString() : '#cccccc';\n}\n\nconst localValue = ref(toHex(props.val));\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === 'Escape') {\n    e.stopPropagation();\n    popoverRef.value?.hide();\n  }\n}\n\nonMounted(() => {\n  nextTick(() => {\n    popoverRef.value?.show(\n      { currentTarget: triggerRef.value } as unknown as Event,\n      triggerRef.value,\n    );\n  });\n  document.addEventListener('keydown', onKeydown, true);\n});\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown, true);\n});\n\nfunction onChange(value: unknown) {\n  const hex = toHex(value);\n  localValue.value = hex;\n  props.save(hex, true);\n}\n\nfunction onHide() {\n  props.close();\n}\n</script>\n\n<template>\n  <div\n    ref=\"triggerRef\"\n    class=\"well-cell-color-trigger\"\n    tabindex=\"-1\"\n    @keydown=\"onKeydown\"\n  >\n    <span\n      class=\"well-cell-color-swatch\"\n      :style=\"{ backgroundColor: localValue }\"\n    />\n    <span class=\"well-cell-color-hex\">{{ localValue }}</span>\n  </div>\n\n  <Popover\n    ref=\"popoverRef\"\n    :pt=\"{\n      content: 'p-0',\n    }\"\n    @hide=\"onHide\"\n  >\n    <div @mousedown.stop @click.stop @keydown=\"onKeydown\">\n      <SketchPicker\n        :model-value=\"localValue\"\n        disable-alpha\n        @update:model-value=\"onChange\"\n      />\n    </div>\n  </Popover>\n</template>\n"],"mappings":""}

package/dist/grid/cells/GridColorPickerEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, nextTick as a, normalizeStyle as o, onMounted as s, onUnmounted as c, openBlock as l, ref as u, toDisplayString as d, unref as f, withCtx as p, withModifiers as m } from "vue";
+import h from "primevue/popover";
+import { SketchPicker as g, tinycolor as _ } from "vue-color";
+//#region src/grid/cells/GridColorPickerEditor.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "well-cell-color-hex" };
+typeof window < "u" && import("vue-color/style.css");
+var y = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "GridColorPickerEditor",
+	props: {
+		val: {},
+		save: { type: Function },
+		close: { type: Function }
+	},
+	setup(i) {
+		let y = i, b = u(null), x = u(null);
+		function S(e) {
+			let t = _(e);
+			return t.isValid() ? t.toHexString() : "#cccccc";
+		}
+		let C = u(S(y.val));
+		function w(e) {
+			(e.key === "Enter" || e.key === "Escape") && (e.stopPropagation(), x.value?.hide());
+		}
+		s(() => {
+			a(() => {
+				x.value?.show({ currentTarget: b.value }, b.value);
+			}), document.addEventListener("keydown", w, !0);
+		}), c(() => {
+			document.removeEventListener("keydown", w, !0);
+		});
+		function T(e) {
+			let t = S(e);
+			C.value = t, y.save(t, !0);
+		}
+		function E() {
+			y.close();
+		}
+		return (i, a) => (l(), t(e, null, [n("div", {
+			ref_key: "triggerRef",
+			ref: b,
+			class: "well-cell-color-trigger",
+			tabindex: "-1",
+			onKeydown: w
+		}, [n("span", {
+			class: "well-cell-color-swatch",
+			style: o({ backgroundColor: C.value })
+		}, null, 4), n("span", v, d(C.value), 1)], 544), r(f(h), {
+			ref_key: "popoverRef",
+			ref: x,
+			pt: { content: "p-0" },
+			onHide: E
+		}, {
+			default: p(() => [n("div", {
+				onMousedown: a[0] || (a[0] = m(() => {}, ["stop"])),
+				onClick: a[1] || (a[1] = m(() => {}, ["stop"])),
+				onKeydown: w
+			}, [r(f(g), {
+				"model-value": C.value,
+				"disable-alpha": "",
+				"onUpdate:modelValue": T
+			}, null, 8, ["model-value"])], 32)]),
+			_: 1
+		}, 512)], 64));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=GridColorPickerEditor.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/cells/GridColorPickerEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorPickerEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/cells/GridColorPickerEditor.vue"],"sourcesContent":["<script lang=\"ts\">\n// vue-color's stylesheet is imported dynamically, on the client only. A\n// static `import 'vue-color/style.css'` stays in `dist/` (vue-color is\n// external), so Node would fail to load `@welldot/vue/grid` during plain-Vite\n// SSR unless the app set `ssr.noExternal`. Editors only mount in the browser,\n// and loading at module evaluation means the CSS is there before one opens.\nif (typeof window !== 'undefined') void import('vue-color/style.css');\n</script>\n\n<script setup lang=\"ts\">\nimport Popover from 'primevue/popover';\nimport { SketchPicker, tinycolor } from 'vue-color';\nimport { nextTick, onMounted, onUnmounted, ref } from 'vue';\n\nconst props = defineProps<{\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<InstanceType<typeof Popover> | null>(null);\n\n// vue-color echoes back the format of the value it was given (and can drift\n// to HSV objects), so normalize everything to `#rrggbb` on the way in and out.\nfunction toHex(value: unknown): string {\n  const color = tinycolor(value as string);\n  return color.isValid() ? color.toHexString() : '#cccccc';\n}\n\nconst localValue = ref(toHex(props.val));\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === 'Escape') {\n    e.stopPropagation();\n    popoverRef.value?.hide();\n  }\n}\n\nonMounted(() => {\n  nextTick(() => {\n    popoverRef.value?.show(\n      { currentTarget: triggerRef.value } as unknown as Event,\n      triggerRef.value,\n    );\n  });\n  document.addEventListener('keydown', onKeydown, true);\n});\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown, true);\n});\n\nfunction onChange(value: unknown) {\n  const hex = toHex(value);\n  localValue.value = hex;\n  props.save(hex, true);\n}\n\nfunction onHide() {\n  props.close();\n}\n</script>\n\n<template>\n  <div\n    ref=\"triggerRef\"\n    class=\"well-cell-color-trigger\"\n    tabindex=\"-1\"\n    @keydown=\"onKeydown\"\n  >\n    <span\n      class=\"well-cell-color-swatch\"\n      :style=\"{ backgroundColor: localValue }\"\n    />\n    <span class=\"well-cell-color-hex\">{{ localValue }}</span>\n  </div>\n\n  <Popover\n    ref=\"popoverRef\"\n    :pt=\"{\n      content: 'p-0',\n    }\"\n    @hide=\"onHide\"\n  >\n    <div @mousedown.stop @click.stop @keydown=\"onKeydown\">\n      <SketchPicker\n        :model-value=\"localValue\"\n        disable-alpha\n        @update:model-value=\"onChange\"\n      />\n    </div>\n  </Popover>\n</template>\n"],"mappings":";;;;;AAMI,OAAO,SAAW,OAAkB,OAAO;;;;;;;;;;EAQ/C,IAAM,IAAQ,GAQR,IAAa,EAAwB,KAAK,EAC1C,IAAa,EAAyC,KAAK;EAIjE,SAAS,EAAM,GAAwB;GACrC,IAAM,IAAQ,EAAU,EAAgB;AACxC,UAAO,EAAM,SAAS,GAAG,EAAM,aAAa,GAAG;;EAGjD,IAAM,IAAa,EAAI,EAAM,EAAM,IAAI,CAAC;EAExC,SAAS,EAAU,GAAkB;AACnC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,cACjC,EAAE,iBAAiB,EACnB,EAAW,OAAO,MAAM;;AAc5B,EAVA,QAAgB;AAOd,GANA,QAAe;AACb,MAAW,OAAO,KAChB,EAAE,eAAe,EAAW,OAAO,EACnC,EAAW,MACZ;KACD,EACF,SAAS,iBAAiB,WAAW,GAAW,GAAK;IACrD,EAEF,QAAkB;AAChB,YAAS,oBAAoB,WAAW,GAAW,GAAK;IACxD;EAEF,SAAS,EAAS,GAAgB;GAChC,IAAM,IAAM,EAAM,EAAM;AAExB,GADA,EAAW,QAAQ,GACnB,EAAM,KAAK,GAAK,GAAK;;EAGvB,SAAS,IAAS;AAChB,KAAM,OAAO;;qCAKb,EAWM,OAAA;YAVA;GAAJ,KAAI;GACJ,OAAM;GACN,UAAS;GACC;MAEV,EAGE,QAAA;GAFA,OAAM;GACL,OAAK,EAAA,EAAA,iBAAqB,EAAA,OAAU,CAAA;eAEvC,EAAyD,QAAzD,GAAyD,EAApB,EAAA,MAAU,EAAA,EAAA,CAAA,EAAA,IAAA,EAGjD,EAcU,EAAA,EAAA,EAAA;YAbJ;GAAJ,KAAI;GACH,IAAI,EAAA,SAAA,OAEJ;GACM;;oBAQD,CANN,EAMM,OAAA;IANA,aAAS,EAAA,OAAA,EAAA,KAAA,QAAV,IAAe,CAAA,OAAA,CAAA;IAAE,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;IAAW;OACzC,EAIE,EAAA,EAAA,EAAA;IAHC,eAAa,EAAA;IACd,iBAAA;IACC,uBAAoB"}

package/dist/grid/cells/GridComboEditor.d.ts

@@ -0,0 +1,14 @@
+import { LanguageTextInput } from '@welldot/core';
+import { ResolvedGridOption } from '../types';
+type __VLS_Props = {
+    val?: unknown;
+    save: (value: unknown, preventFocus?: boolean) => void;
+    close: (focusNext?: boolean) => void;
+    options: ResolvedGridOption[];
+    /** Note atop the suggestions saying free text is accepted. */
+    hint?: LanguageTextInput;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=GridComboEditor.vue.d.ts.map

package/dist/grid/cells/GridComboEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComboEditor.d.ts","sourceRoot":"","sources":["../../../src/grid/cells/GridComboEditor.vue"],"names":[],"mappings":"AAqSA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAqVF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/cells/GridComboEditor.js

@@ -0,0 +1,7 @@
+import e from "./GridComboEditor.vue_vue_type_script_setup_true_lang.js";
+//#region src/grid/cells/GridComboEditor.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=GridComboEditor.js.map

package/dist/grid/cells/GridComboEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComboEditor.js","names":[],"sources":["../../../src/grid/cells/GridComboEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  watch,\n} from 'vue';\nimport type { LanguageTextInput } from '@welldot/core';\nimport IconCaretDown from '~icons/ph/caret-down';\nimport IconPencilSimpleLine from '~icons/ph/pencil-simple-line';\nimport { useWellText } from '../../composables/useWellText';\nimport { useGridOverlayFocusGuard } from '../composables/useGridOverlayFocusGuard';\nimport type { ResolvedGridOption } from '../types';\n\nconst props = defineProps<{\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n  options: ResolvedGridOption[];\n  /** Note atop the suggestions saying free text is accepted. */\n  hint?: LanguageTextInput;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst MAX_LENGTH = 90;\nconst PANEL_MAX_HEIGHT = 240;\n\nconst listId = `well-combo-${useId()}`;\nconst hintId = `${listId}-hint`;\nconst resolveText = useWellText();\nconst hintText = computed(() => resolveText(props.hint));\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst panelRef = ref<HTMLElement | null>(null);\nconst overlayFocusGuard = useGridOverlayFocusGuard();\n\nconst normalize = (s: string) =>\n  s\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .toLowerCase()\n    .trim();\n\nfunction findOption(text: string) {\n  const needle = normalize(text);\n  if (!needle) return undefined;\n  return props.options.find(\n    o => normalize(o.label) === needle || normalize(o.value) === needle,\n  );\n}\n\n// Show the option's label for canonical values, the raw text otherwise —\n// the same display rule PrimeVue's editable Select applied.\nconst rawVal = typeof props.val === 'string' ? props.val : '';\nconst initialText =\n  props.options.find(o => o.value === rawVal)?.label ?? rawVal;\n\n// Deprecated entries still resolve typed text, but aren't suggested.\nconst suggestions = computed(() =>\n  props.options.filter(o => !o.deprecated || o.value === rawVal),\n);\n\nconst text = ref(initialText);\nconst open = ref(true);\nconst activeIndex = ref(-1);\nconst panelStyle = ref<Record<string, string>>({});\nlet committed = false;\n\n// Until the user edits, the input holds the current value — filtering by it\n// would hide every other suggestion, so list them all.\nconst filtered = computed(() => {\n  const needle = normalize(text.value);\n  if (!needle || text.value === initialText) return suggestions.value;\n  return suggestions.value.filter(\n    o =>\n      normalize(o.label).includes(needle) ||\n      normalize(o.value).includes(needle),\n  );\n});\n\nconst selectedValue = computed(() => findOption(text.value)?.value);\nconst panelVisible = computed(() => open.value && filtered.value.length > 0);\n\nwatch(filtered, () => {\n  activeIndex.value = -1;\n});\n\nfunction commit(value: string, preventFocus = true) {\n  if (committed) return;\n  committed = true;\n  const trimmed = value.trim();\n  props.save(findOption(trimmed)?.value ?? trimmed, preventFocus);\n}\n\nfunction pick(option: ResolvedGridOption) {\n  text.value = option.label;\n  commit(option.label);\n  props.close();\n}\n\nfunction updatePosition() {\n  const el = rootRef.value;\n  if (!el) return;\n  const rect = el.getBoundingClientRect();\n  const spaceBelow = window.innerHeight - rect.bottom;\n  const flip = spaceBelow < PANEL_MAX_HEIGHT && rect.top > spaceBelow;\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    minWidth: `${rect.width}px`,\n    ...(flip\n      ? { bottom: `${window.innerHeight - rect.top + 2}px` }\n      : { top: `${rect.bottom + 2}px` }),\n  };\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    panelRef.value\n      ?.querySelector<HTMLElement>(`[data-index=\"${activeIndex.value}\"]`)\n      ?.scrollIntoView({ block: 'nearest' });\n  });\n}\n\nfunction moveActive(delta: number) {\n  if (!open.value) {\n    open.value = true;\n    return;\n  }\n  const count = filtered.value.length;\n  if (!count) return;\n  activeIndex.value = (activeIndex.value + delta + count) % count;\n  scrollActiveIntoView();\n}\n\nfunction onInput(e: Event) {\n  text.value = (e.target as HTMLInputElement).value;\n  open.value = true;\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  switch (e.key) {\n    case 'ArrowDown':\n      e.preventDefault();\n      e.stopPropagation();\n      moveActive(1);\n      break;\n    case 'ArrowUp':\n      e.preventDefault();\n      e.stopPropagation();\n      moveActive(-1);\n      break;\n    case 'Enter': {\n      e.preventDefault();\n      e.stopPropagation();\n      const option = panelVisible.value\n        ? filtered.value[activeIndex.value]\n        : undefined;\n      if (option) text.value = option.label;\n      commit(text.value, false);\n      break;\n    }\n    case 'Tab':\n      commit(text.value);\n      break;\n    case 'Escape':\n      e.stopPropagation();\n      if (panelVisible.value) {\n        open.value = false;\n      } else {\n        committed = true;\n        props.close();\n      }\n      break;\n  }\n}\n\nfunction onBlur() {\n  commit(text.value);\n}\n\nfunction togglePanel() {\n  open.value = !open.value;\n  inputRef.value?.focus();\n}\n\nwatch(panelVisible, visible => {\n  if (visible) nextTick(updatePosition);\n});\n\nonMounted(() => {\n  updatePosition();\n  window.addEventListener('scroll', updatePosition, true);\n  window.addEventListener('resize', updatePosition);\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', updatePosition, true);\n  window.removeEventListener('resize', updatePosition);\n});\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"well-cell-combo\">\n    <input\n      ref=\"inputRef\"\n      :value=\"text\"\n      :maxlength=\"MAX_LENGTH\"\n      class=\"well-cell-combo-input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"list\"\n      :aria-expanded=\"panelVisible\"\n      :aria-controls=\"listId\"\n      :aria-describedby=\"panelVisible && hintText ? hintId : undefined\"\n      :aria-activedescendant=\"\n        activeIndex >= 0 ? `${listId}-${activeIndex}` : undefined\n      \"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n    />\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      class=\"well-cell-combo-toggle\"\n      aria-hidden=\"true\"\n      @mousedown.prevent=\"togglePanel\"\n    >\n      <IconCaretDown class=\"size-3.5\" />\n    </button>\n\n    <Teleport to=\"body\">\n      <ul\n        v-if=\"panelVisible\"\n        :id=\"listId\"\n        ref=\"panelRef\"\n        role=\"listbox\"\n        class=\"well-combo-panel\"\n        :style=\"panelStyle\"\n        v-bind=\"overlayFocusGuard\"\n        @mousedown.prevent\n      >\n        <li\n          v-if=\"hintText\"\n          :id=\"hintId\"\n          role=\"presentation\"\n          class=\"well-combo-hint\"\n        >\n          <IconPencilSimpleLine class=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n          {{ hintText }}\n        </li>\n        <li\n          v-for=\"(option, i) in filtered\"\n          :id=\"`${listId}-${i}`\"\n          :key=\"option.value\"\n          :data-index=\"i\"\n          role=\"option\"\n          :aria-selected=\"option.value === selectedValue\"\n          class=\"well-combo-option text-sm p-1\"\n          :class=\"{\n            'is-active': i === activeIndex,\n            'is-selected': option.value === selectedValue,\n          }\"\n          @mouseenter=\"activeIndex = i\"\n          @click=\"pick(option)\"\n        >\n          {{ option.label }}\n        </li>\n      </ul>\n    </Teleport>\n  </div>\n</template>\n"],"mappings":""}

package/dist/grid/cells/GridComboEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,177 @@
+import { useWellText as e } from "../../composables/useWellText.js";
+import t from "../../_virtual/icons/ph/pencil-simple-line.js";
+import n from "../../_virtual/icons/ph/caret-down.js";
+import { useGridOverlayFocusGuard as r } from "../composables/useGridOverlayFocusGuard.js";
+import { Fragment as ee, Teleport as te, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useId as S, watch as C, withModifiers as w } from "vue";
+//#region src/grid/cells/GridComboEditor.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"value",
+	"aria-expanded",
+	"aria-describedby",
+	"aria-activedescendant"
+], E = [
+	"id",
+	"data-index",
+	"aria-selected",
+	"onMouseenter",
+	"onClick"
+], D = 90, O = 240, k = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "GridComboEditor",
+	props: {
+		val: {},
+		save: { type: Function },
+		close: { type: Function },
+		options: {},
+		hint: {}
+	},
+	setup(d) {
+		let k = d, A = `well-combo-${S()}`, j = `${A}-hint`, M = e(), N = i(() => M(k.hint)), P = v(null), F = v(null), I = v(null), L = r(), R = (e) => e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().trim();
+		function z(e) {
+			let t = R(e);
+			if (t) return k.options.find((e) => R(e.label) === t || R(e.value) === t);
+		}
+		let B = typeof k.val == "string" ? k.val : "", V = k.options.find((e) => e.value === B)?.label ?? B, H = i(() => k.options.filter((e) => !e.deprecated || e.value === B)), U = v(V), W = v(!0), G = v(-1), K = v({}), q = !1, J = i(() => {
+			let e = R(U.value);
+			return !e || U.value === V ? H.value : H.value.filter((t) => R(t.label).includes(e) || R(t.value).includes(e));
+		}), Y = i(() => z(U.value)?.value), X = i(() => W.value && J.value.length > 0);
+		C(J, () => {
+			G.value = -1;
+		});
+		function Z(e, t = !0) {
+			if (q) return;
+			q = !0;
+			let n = e.trim();
+			k.save(z(n)?.value ?? n, t);
+		}
+		function ne(e) {
+			U.value = e.label, Z(e.label), k.close();
+		}
+		function Q() {
+			let e = P.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = n < O && t.top > n;
+			K.value = {
+				left: `${t.left}px`,
+				minWidth: `${t.width}px`,
+				...r ? { bottom: `${window.innerHeight - t.top + 2}px` } : { top: `${t.bottom + 2}px` }
+			};
+		}
+		function re() {
+			p(() => {
+				I.value?.querySelector(`[data-index="${G.value}"]`)?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function $(e) {
+			if (!W.value) {
+				W.value = !0;
+				return;
+			}
+			let t = J.value.length;
+			t && (G.value = (G.value + e + t) % t, re());
+		}
+		function ie(e) {
+			U.value = e.target.value, W.value = !0;
+		}
+		function ae(e) {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), e.stopPropagation(), $(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), e.stopPropagation(), $(-1);
+					break;
+				case "Enter": {
+					e.preventDefault(), e.stopPropagation();
+					let t = X.value ? J.value[G.value] : void 0;
+					t && (U.value = t.label), Z(U.value, !1);
+					break;
+				}
+				case "Tab":
+					Z(U.value);
+					break;
+				case "Escape":
+					e.stopPropagation(), X.value ? W.value = !1 : (q = !0, k.close());
+					break;
+			}
+		}
+		function oe() {
+			Z(U.value);
+		}
+		function se() {
+			W.value = !W.value, F.value?.focus();
+		}
+		return C(X, (e) => {
+			e && p(Q);
+		}), g(() => {
+			Q(), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), p(() => {
+				F.value?.focus(), F.value?.select();
+			});
+		}), h(() => {
+			window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
+		}), (e, r) => (_(), s("div", {
+			ref_key: "rootRef",
+			ref: P,
+			class: "well-cell-combo"
+		}, [
+			c("input", {
+				ref_key: "inputRef",
+				ref: F,
+				value: U.value,
+				maxlength: D,
+				class: "well-cell-combo-input",
+				type: "text",
+				role: "combobox",
+				autocomplete: "off",
+				"aria-autocomplete": "list",
+				"aria-expanded": X.value,
+				"aria-controls": A,
+				"aria-describedby": X.value && N.value ? j : void 0,
+				"aria-activedescendant": G.value >= 0 ? `${A}-${G.value}` : void 0,
+				onInput: ie,
+				onKeydown: ae,
+				onBlur: oe
+			}, null, 40, T),
+			c("button", {
+				type: "button",
+				tabindex: "-1",
+				class: "well-cell-combo-toggle",
+				"aria-hidden": "true",
+				onMousedown: w(se, ["prevent"])
+			}, [u(x(n), { class: "size-3.5" })], 32),
+			(_(), a(te, { to: "body" }, [X.value ? (_(), s("ul", f({
+				key: 0,
+				id: A,
+				ref_key: "panelRef",
+				ref: I,
+				role: "listbox",
+				class: "well-combo-panel",
+				style: K.value
+			}, x(L), { onMousedown: r[0] || (r[0] = w(() => {}, ["prevent"])) }), [N.value ? (_(), s("li", {
+				key: 0,
+				id: j,
+				role: "presentation",
+				class: "well-combo-hint"
+			}, [u(x(t), {
+				class: "size-3.5 shrink-0",
+				"aria-hidden": "true"
+			}), l(" " + b(N.value), 1)])) : o("", !0), (_(!0), s(ee, null, y(J.value, (e, t) => (_(), s("li", {
+				id: `${A}-${t}`,
+				key: e.value,
+				"data-index": t,
+				role: "option",
+				"aria-selected": e.value === Y.value,
+				class: m(["well-combo-option text-sm p-1", {
+					"is-active": t === G.value,
+					"is-selected": e.value === Y.value
+				}]),
+				onMouseenter: (e) => G.value = t,
+				onClick: (t) => ne(e)
+			}, b(e.label), 43, E))), 128))], 16)) : o("", !0)]))
+		], 512));
+	}
+});
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=GridComboEditor.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/cells/GridComboEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComboEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/cells/GridComboEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  watch,\n} from 'vue';\nimport type { LanguageTextInput } from '@welldot/core';\nimport IconCaretDown from '~icons/ph/caret-down';\nimport IconPencilSimpleLine from '~icons/ph/pencil-simple-line';\nimport { useWellText } from '../../composables/useWellText';\nimport { useGridOverlayFocusGuard } from '../composables/useGridOverlayFocusGuard';\nimport type { ResolvedGridOption } from '../types';\n\nconst props = defineProps<{\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n  options: ResolvedGridOption[];\n  /** Note atop the suggestions saying free text is accepted. */\n  hint?: LanguageTextInput;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nconst MAX_LENGTH = 90;\nconst PANEL_MAX_HEIGHT = 240;\n\nconst listId = `well-combo-${useId()}`;\nconst hintId = `${listId}-hint`;\nconst resolveText = useWellText();\nconst hintText = computed(() => resolveText(props.hint));\nconst rootRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst panelRef = ref<HTMLElement | null>(null);\nconst overlayFocusGuard = useGridOverlayFocusGuard();\n\nconst normalize = (s: string) =>\n  s\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .toLowerCase()\n    .trim();\n\nfunction findOption(text: string) {\n  const needle = normalize(text);\n  if (!needle) return undefined;\n  return props.options.find(\n    o => normalize(o.label) === needle || normalize(o.value) === needle,\n  );\n}\n\n// Show the option's label for canonical values, the raw text otherwise —\n// the same display rule PrimeVue's editable Select applied.\nconst rawVal = typeof props.val === 'string' ? props.val : '';\nconst initialText =\n  props.options.find(o => o.value === rawVal)?.label ?? rawVal;\n\n// Deprecated entries still resolve typed text, but aren't suggested.\nconst suggestions = computed(() =>\n  props.options.filter(o => !o.deprecated || o.value === rawVal),\n);\n\nconst text = ref(initialText);\nconst open = ref(true);\nconst activeIndex = ref(-1);\nconst panelStyle = ref<Record<string, string>>({});\nlet committed = false;\n\n// Until the user edits, the input holds the current value — filtering by it\n// would hide every other suggestion, so list them all.\nconst filtered = computed(() => {\n  const needle = normalize(text.value);\n  if (!needle || text.value === initialText) return suggestions.value;\n  return suggestions.value.filter(\n    o =>\n      normalize(o.label).includes(needle) ||\n      normalize(o.value).includes(needle),\n  );\n});\n\nconst selectedValue = computed(() => findOption(text.value)?.value);\nconst panelVisible = computed(() => open.value && filtered.value.length > 0);\n\nwatch(filtered, () => {\n  activeIndex.value = -1;\n});\n\nfunction commit(value: string, preventFocus = true) {\n  if (committed) return;\n  committed = true;\n  const trimmed = value.trim();\n  props.save(findOption(trimmed)?.value ?? trimmed, preventFocus);\n}\n\nfunction pick(option: ResolvedGridOption) {\n  text.value = option.label;\n  commit(option.label);\n  props.close();\n}\n\nfunction updatePosition() {\n  const el = rootRef.value;\n  if (!el) return;\n  const rect = el.getBoundingClientRect();\n  const spaceBelow = window.innerHeight - rect.bottom;\n  const flip = spaceBelow < PANEL_MAX_HEIGHT && rect.top > spaceBelow;\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    minWidth: `${rect.width}px`,\n    ...(flip\n      ? { bottom: `${window.innerHeight - rect.top + 2}px` }\n      : { top: `${rect.bottom + 2}px` }),\n  };\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    panelRef.value\n      ?.querySelector<HTMLElement>(`[data-index=\"${activeIndex.value}\"]`)\n      ?.scrollIntoView({ block: 'nearest' });\n  });\n}\n\nfunction moveActive(delta: number) {\n  if (!open.value) {\n    open.value = true;\n    return;\n  }\n  const count = filtered.value.length;\n  if (!count) return;\n  activeIndex.value = (activeIndex.value + delta + count) % count;\n  scrollActiveIntoView();\n}\n\nfunction onInput(e: Event) {\n  text.value = (e.target as HTMLInputElement).value;\n  open.value = true;\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  switch (e.key) {\n    case 'ArrowDown':\n      e.preventDefault();\n      e.stopPropagation();\n      moveActive(1);\n      break;\n    case 'ArrowUp':\n      e.preventDefault();\n      e.stopPropagation();\n      moveActive(-1);\n      break;\n    case 'Enter': {\n      e.preventDefault();\n      e.stopPropagation();\n      const option = panelVisible.value\n        ? filtered.value[activeIndex.value]\n        : undefined;\n      if (option) text.value = option.label;\n      commit(text.value, false);\n      break;\n    }\n    case 'Tab':\n      commit(text.value);\n      break;\n    case 'Escape':\n      e.stopPropagation();\n      if (panelVisible.value) {\n        open.value = false;\n      } else {\n        committed = true;\n        props.close();\n      }\n      break;\n  }\n}\n\nfunction onBlur() {\n  commit(text.value);\n}\n\nfunction togglePanel() {\n  open.value = !open.value;\n  inputRef.value?.focus();\n}\n\nwatch(panelVisible, visible => {\n  if (visible) nextTick(updatePosition);\n});\n\nonMounted(() => {\n  updatePosition();\n  window.addEventListener('scroll', updatePosition, true);\n  window.addEventListener('resize', updatePosition);\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', updatePosition, true);\n  window.removeEventListener('resize', updatePosition);\n});\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"well-cell-combo\">\n    <input\n      ref=\"inputRef\"\n      :value=\"text\"\n      :maxlength=\"MAX_LENGTH\"\n      class=\"well-cell-combo-input\"\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"list\"\n      :aria-expanded=\"panelVisible\"\n      :aria-controls=\"listId\"\n      :aria-describedby=\"panelVisible && hintText ? hintId : undefined\"\n      :aria-activedescendant=\"\n        activeIndex >= 0 ? `${listId}-${activeIndex}` : undefined\n      \"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n    />\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      class=\"well-cell-combo-toggle\"\n      aria-hidden=\"true\"\n      @mousedown.prevent=\"togglePanel\"\n    >\n      <IconCaretDown class=\"size-3.5\" />\n    </button>\n\n    <Teleport to=\"body\">\n      <ul\n        v-if=\"panelVisible\"\n        :id=\"listId\"\n        ref=\"panelRef\"\n        role=\"listbox\"\n        class=\"well-combo-panel\"\n        :style=\"panelStyle\"\n        v-bind=\"overlayFocusGuard\"\n        @mousedown.prevent\n      >\n        <li\n          v-if=\"hintText\"\n          :id=\"hintId\"\n          role=\"presentation\"\n          class=\"well-combo-hint\"\n        >\n          <IconPencilSimpleLine class=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n          {{ hintText }}\n        </li>\n        <li\n          v-for=\"(option, i) in filtered\"\n          :id=\"`${listId}-${i}`\"\n          :key=\"option.value\"\n          :data-index=\"i\"\n          role=\"option\"\n          :aria-selected=\"option.value === selectedValue\"\n          class=\"well-combo-option text-sm p-1\"\n          :class=\"{\n            'is-active': i === activeIndex,\n            'is-selected': option.value === selectedValue,\n          }\"\n          @mouseenter=\"activeIndex = i\"\n          @click=\"pick(option)\"\n        >\n          {{ option.label }}\n        </li>\n      </ul>\n    </Teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/grid/cells/GridDeleteCell.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'vue';
+type __VLS_Props = {
+    rowIndex: number;
+    model: Record<string, unknown>;
+    part: Component;
+    label?: string;
+    requestDelete: (rowIndex: number, model: Record<string, unknown>) => void;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=GridDeleteCell.vue.d.ts.map

package/dist/grid/cells/GridDeleteCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDeleteCell.d.ts","sourceRoot":"","sources":["../../../src/grid/cells/GridDeleteCell.vue"],"names":[],"mappings":"AAsCA;;;;GAIG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC3E,CAAC;AA6CF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/cells/GridDeleteCell.js

@@ -0,0 +1,7 @@
+import e from "./GridDeleteCell.vue_vue_type_script_setup_true_lang.js";
+//#region src/grid/cells/GridDeleteCell.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=GridDeleteCell.js.map

package/dist/grid/cells/GridDeleteCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDeleteCell.js","names":[],"sources":["../../../src/grid/cells/GridDeleteCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Delete column cell: renders the `deleteButton` part (resolved by the\n * column builder) with the `WellDeleteButtonProps` contract and asks the grid\n * to delete the row on its `click`.\n */\nimport type { Component } from 'vue';\n\nconst props = defineProps<{\n  rowIndex: number;\n  model: Record<string, unknown>;\n  part: Component;\n  label?: string;\n  requestDelete: (rowIndex: number, model: Record<string, unknown>) => void;\n}>();\n\ndefineOptions({ inheritAttrs: false });\n\nfunction handleClick(e?: unknown) {\n  // A native click (default part, or a part whose root gets the listener)\n  // must not reach the grid, which would treat it as a cell click.\n  if (e instanceof Event) e.stopPropagation();\n  props.requestDelete(props.rowIndex, props.model);\n}\n</script>\n\n<template>\n  <component\n    :is=\"part\"\n    :index=\"rowIndex\"\n    :row=\"model\"\n    :label=\"label\"\n    @click=\"handleClick\"\n  />\n</template>\n"],"mappings":""}