@welldot/vue 0.0.0-stage → 0.1.0

package/dist/grid/index.js

@@ -0,0 +1,4 @@
+import { columnStretchPlugin as e } from "./columnStretchPlugin.js";
+import { useWellGridColumns as t } from "./useWellGridColumns.js";
+import n from "./WellDataGrid.js";
+export { n as WellDataGrid, e as columnStretchPlugin, t as useWellGridColumns };

package/dist/grid/parts/WellGridAddButton.d.ts

@@ -0,0 +1,5 @@
+import { WellAddButtonProps } from '../../types';
+declare const __VLS_export: import('vue').DefineComponent<WellAddButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WellAddButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellGridAddButton.vue.d.ts.map

package/dist/grid/parts/WellGridAddButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridAddButton.d.ts","sourceRoot":"","sources":["../../../src/grid/parts/WellGridAddButton.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAsDtD,QAAA,MAAM,YAAY,gTAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/parts/WellGridAddButton.js

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

package/dist/grid/parts/WellGridAddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridAddButton.js","names":[],"sources":["../../../src/grid/parts/WellGridAddButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Default `WellDataGrid` add-row button (`components.addButton`): a pill\n * with a plus icon and `label`. Without a label it renders icon-only. The\n * grid's click listener falls through to the button.\n */\nimport Button from 'primevue/button';\nimport IconPlus from '~icons/ph/plus';\nimport type { WellAddButtonProps } from '../../types';\n\ndefineProps<WellAddButtonProps>();\n</script>\n\n<template>\n  <Button unstyled class=\"well-grid-add-btn\" type=\"button\" :label=\"label\">\n    <template #icon>\n      <IconPlus />\n    </template>\n  </Button>\n</template>\n"],"mappings":""}

package/dist/grid/parts/WellGridAddButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import e from "../../_virtual/icons/ph/plus.js";
+import { createBlock as t, createVNode as n, defineComponent as r, openBlock as i, unref as a, withCtx as o } from "vue";
+import s from "primevue/button";
+//#region src/grid/parts/WellGridAddButton.vue?vue&type=script&setup=true&lang.ts
+var c = /* @__PURE__ */ r({
+	__name: "WellGridAddButton",
+	props: { label: {} },
+	setup(r) {
+		return (c, l) => (i(), t(a(s), {
+			unstyled: "",
+			class: "well-grid-add-btn",
+			type: "button",
+			label: r.label
+		}, {
+			icon: o(() => [n(a(e))]),
+			_: 1
+		}, 8, ["label"]));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=WellGridAddButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/parts/WellGridAddButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridAddButton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/parts/WellGridAddButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Default `WellDataGrid` add-row button (`components.addButton`): a pill\n * with a plus icon and `label`. Without a label it renders icon-only. The\n * grid's click listener falls through to the button.\n */\nimport Button from 'primevue/button';\nimport IconPlus from '~icons/ph/plus';\nimport type { WellAddButtonProps } from '../../types';\n\ndefineProps<WellAddButtonProps>();\n</script>\n\n<template>\n  <Button unstyled class=\"well-grid-add-btn\" type=\"button\" :label=\"label\">\n    <template #icon>\n      <IconPlus />\n    </template>\n  </Button>\n</template>\n"],"mappings":";;;;;;;;yBAcE,EAIS,EAAA,EAAA,EAAA;GAJD,UAAA;GAAS,OAAM;GAAoB,MAAK;GAAU,OAAO,EAAA;;GACpD,MAAI,QACD,CAAZ,EAAY,EAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/grid/parts/WellGridDeleteButton.d.ts

@@ -0,0 +1,5 @@
+import { WellDeleteButtonProps } from '../../types';
+declare const __VLS_export: import('vue').DefineComponent<WellDeleteButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WellDeleteButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellGridDeleteButton.vue.d.ts.map

package/dist/grid/parts/WellGridDeleteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridDeleteButton.d.ts","sourceRoot":"","sources":["../../../src/grid/parts/WellGridDeleteButton.vue"],"names":[],"mappings":"AAiBA;;;;GAIG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAyBzD,QAAA,MAAM,YAAY,sTAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/parts/WellGridDeleteButton.js

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

package/dist/grid/parts/WellGridDeleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridDeleteButton.js","names":[],"sources":["../../../src/grid/parts/WellGridDeleteButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Default `WellDataGrid` delete-row button (`components.deleteButton`). The\n * × is drawn by `grid.css` (`.well-grid-delete-btn::before`); `label` becomes\n * the aria-label. The cell's click listener falls through to the button.\n */\nimport type { WellDeleteButtonProps } from '../../types';\n\ndefineProps<WellDeleteButtonProps>();\n</script>\n\n<template>\n  <button class=\"well-grid-delete-btn\" type=\"button\" :aria-label=\"label\" />\n</template>\n"],"mappings":""}

package/dist/grid/parts/WellGridDeleteButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n } from "vue";
+//#region src/grid/parts/WellGridDeleteButton.vue?vue&type=script&setup=true&lang.ts
+var r = ["aria-label"], i = /* @__PURE__ */ t({
+	__name: "WellGridDeleteButton",
+	props: {
+		index: {},
+		row: {},
+		label: {}
+	},
+	setup(t) {
+		return (i, a) => (n(), e("button", {
+			class: "well-grid-delete-btn",
+			type: "button",
+			"aria-label": t.label
+		}, null, 8, r));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=WellGridDeleteButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/grid/parts/WellGridDeleteButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellGridDeleteButton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/grid/parts/WellGridDeleteButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Default `WellDataGrid` delete-row button (`components.deleteButton`). The\n * × is drawn by `grid.css` (`.well-grid-delete-btn::before`); `label` becomes\n * the aria-label. The cell's click listener falls through to the button.\n */\nimport type { WellDeleteButtonProps } from '../../types';\n\ndefineProps<WellDeleteButtonProps>();\n</script>\n\n<template>\n  <button class=\"well-grid-delete-btn\" type=\"button\" :aria-label=\"label\" />\n</template>\n"],"mappings":";;;;;;;;;;yBAYE,EAAyE,UAAA;GAAjE,OAAM;GAAuB,MAAK;GAAU,cAAY,EAAA"}

package/dist/grid/types.d.ts

@@ -0,0 +1,90 @@
+import { LanguageTextInput } from '@welldot/core';
+import { Component } from 'vue';
+import { DisplayUnitType } from '../composables/useWellUnits';
+/**
+ * A choice of a `select`, `select-button` or `combo` column. A core
+ * vocabulary (`VocabEntry[]`) fits as-is; `deprecated` entries are still
+ * displayed but not offered by the editors.
+ */
+export interface WellGridOption {
+    value: string;
+    label: LanguageTextInput;
+    deprecated?: boolean;
+}
+export type WellGridColumnBase = {
+    /** Object key on the row model */
+    prop: string;
+    /** Header label, resolved for the configured locale */
+    label: LanguageTextInput;
+    /** Help text, shown in an info popover next to the header label */
+    info?: LanguageTextInput;
+    /** Note rendered as a highlighted callout below `info` */
+    infoHighlight?: LanguageTextInput;
+    /** Column width in px (auto-sized when omitted) */
+    size?: number;
+    /** Prevent editing */
+    readonly?: boolean;
+    /**
+     * Override the built-in editor key: `text`, `number`, `color`, `unit`,
+     * `select`, `combo`, `texture` or `noop`.
+     */
+    editor?: string;
+    /**
+     * Unit-aware column: values are stored canonical (SI) and shown/edited in
+     * the configured display unit, with the unit appended to the header.
+     */
+    unitType?: DisplayUnitType;
+    /** Display-only formatter — bypasses the editor */
+    formatter?: (value: unknown, row: Record<string, unknown>) => string;
+    pin?: 'colPinStart' | 'colPinEnd';
+    /** Stretch this column to absorb all remaining grid width */
+    stretch?: boolean;
+    /** Minimum width (px) for a stretch column (default 50) */
+    minSize?: number;
+};
+export type WellGridColumn = (WellGridColumnBase & {
+    type?: 'text' | 'number' | 'color' | 'checkbox';
+}) | (WellGridColumnBase & {
+    type: 'select';
+    options: readonly WellGridOption[];
+}) | (WellGridColumnBase & {
+    type: 'select-button';
+    options: readonly WellGridOption[];
+}) | (WellGridColumnBase & {
+    /** Suggested values with labels, but any free text is accepted and stored as-is. */
+    type: 'combo';
+    options: readonly WellGridOption[];
+}) | (WellGridColumnBase & {
+    type: 'texture';
+});
+export type WellGridColumnType = NonNullable<WellGridColumn['type']>;
+/** Grid-internal text of `WellDataGrid`. Every entry is optional. */
+export interface WellDataGridLabels {
+    /** Placeholder of the texture editor. */
+    texturePlaceholder?: LanguageTextInput;
+    /** "Show pending textures" toggle of the texture editor; hidden without it. */
+    showPendingTextures?: LanguageTextInput;
+    /** Accessible label of the info trigger in column headers. */
+    columnInfo?: LanguageTextInput;
+    /**
+     * Note atop the suggestions of `combo` columns, saying any typed value is
+     * accepted; hidden without it.
+     */
+    comboHint?: LanguageTextInput;
+}
+/**
+ * Swappable parts of `WellDataGrid` (`components` prop). Contracts:
+ * `WellAddButtonProps`, `WellDeleteButtonProps`, `WellDragHandleProps`.
+ */
+export interface WellDataGridComponents {
+    addButton?: Component;
+    deleteButton?: Component;
+    dragHandle?: Component;
+}
+/** An option with its label resolved for the configured locale. */
+export interface ResolvedGridOption {
+    value: string;
+    label: string;
+    deprecated?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/grid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/grid/types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,iBAAiB,CAAC;IACzB,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;IACrE,GAAG,CAAC,EAAE,aAAa,GAAG,WAAW,CAAC;IAClC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,CAAC,kBAAkB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAA;CAAE,CAAC,GAC1E,CAAC,kBAAkB,GAAG;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;CACpC,CAAC,GACF,CAAC,kBAAkB,GAAG;IACpB,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;CACpC,CAAC,GACF,CAAC,kBAAkB,GAAG;IACpB,oFAAoF;IACpF,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;CACpC,CAAC,GACF,CAAC,kBAAkB,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAErE,qEAAqE;AACrE,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;IACvC,+EAA+E;IAC/E,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,mEAAmE;AACnE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/grid/useWellGridColumns.d.ts

@@ -0,0 +1,40 @@
+import { AfterEditEvent, ColumnRegular, Editors, FocusAfterRenderEvent } from '@revolist/revogrid';
+import { BasePlugin } from '@revolist/vue3-datagrid';
+import { LanguageTextInput } from '@welldot/core';
+import { MaybeRefOrGetter } from 'vue';
+import { WellDataGridComponents, WellDataGridLabels, WellGridColumn } from './types';
+export interface UseWellGridColumnsOptions {
+    columns: MaybeRefOrGetter<WellGridColumn[]>;
+    onDelete: (rowIndex: number, model: Record<string, unknown>) => void;
+    onChange: (rowIndex: number, prop: string, value: unknown) => void;
+    /** Include the pinned-start drag-handle column (default true) */
+    enableDrag?: boolean;
+    /** Include the pinned-end delete-row column (default true) */
+    enableDelete?: boolean;
+    /** Label handed to the delete-button part (its aria-label by default). */
+    deleteLabel?: MaybeRefOrGetter<LanguageTextInput>;
+    /** Grid-internal text (texture editor, header info trigger). */
+    labels?: MaybeRefOrGetter<WellDataGridLabels | undefined>;
+    /** Part overrides; `addButton` is rendered by `WellDataGrid` itself. */
+    components?: MaybeRefOrGetter<WellDataGridComponents | undefined>;
+}
+/**
+ * Editor registry, column-kind resolution and RevoGrid column builder for a
+ * well feature grid. **Call it in `setup`**: cell templates and editors are
+ * bound to the calling component's app context there (see
+ * `useCellTemplate`), which is what lets cells reach `createWelldot` and
+ * PrimeVue.
+ */
+export declare function useWellGridColumns(options: UseWellGridColumnsOptions): {
+    gridEditors: Editors;
+    revoColumns: import('vue').ComputedRef<ColumnRegular<import('@revolist/revogrid').ColumnProp, import('@revolist/revogrid').DataType<any, import('@revolist/revogrid').ColumnProp>>[]>;
+    gridStretch: import('vue').ComputedRef<boolean>;
+    plugins: import('vue').ComputedRef<(typeof BasePlugin)[]>;
+    coerceCellValue: (prop: string, val: unknown) => unknown;
+    handleAfterEdit: (event: CustomEvent<AfterEditEvent>) => void;
+    gridContainerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    handleAfterFocus: (event: CustomEvent<FocusAfterRenderEvent>) => void;
+    handleGridMousedown: () => void;
+    handleGridClick: (event: MouseEvent) => void;
+};
+//# sourceMappingURL=useWellGridColumns.d.ts.map

package/dist/grid/useWellGridColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWellGridColumns.d.ts","sourceRoot":"","sources":["../../src/grid/useWellGridColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,aAAa,EACb,OAAO,EACP,qBAAqB,EAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,UAAU,EAGX,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAC;AA4Bb,OAAO,KAAK,EAEV,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,EAEf,MAAM,SAAS,CAAC;AA0GjB,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAClD,gEAAgE;IAChE,MAAM,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;IAC1D,wEAAwE;IACxE,UAAU,CAAC,EAAE,gBAAgB,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC;CACnE;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB;;;;;4BAgOpC,MAAM,OAAO,OAAO,KAAG,OAAO;6BA6D7B,WAAW,CAAC,cAAc,CAAC;;8BAxC1B,WAAW,CAAC,qBAAqB,CAAC;;6BAYnC,UAAU;EAiE3C"}

package/dist/grid/useWellGridColumns.js

@@ -0,0 +1,242 @@
+import { resolvePart as e, useWelldotConfig as t } from "../config.js";
+import { useWellText as n } from "../composables/useWellText.js";
+import { columnStretchPlugin as r } from "./columnStretchPlugin.js";
+import i from "./cells/GridCheckboxCell.js";
+import a from "./cells/GridColorCell.js";
+import o from "./cells/GridColorPickerEditor.js";
+import ee from "./cells/GridComboEditor.js";
+import te from "./cells/GridDeleteCell.js";
+import s from "./cells/GridDragCell.js";
+import c from "./cells/GridFormattedCell.js";
+import l from "./cells/GridHeaderCell.js";
+import u from "./cells/GridNumberEditor.js";
+import d from "./cells/GridSelectButtonCell.js";
+import f from "./cells/GridSelectCell.js";
+import ne from "./cells/GridSelectEditor.js";
+import p from "./cells/GridTextEditor.js";
+import m from "./cells/GridTextureSelectCell.js";
+import h from "./cells/GridTextureSelectEditor.js";
+import { useUnitSuffix as g } from "./composables/useUnitSuffix.js";
+import _ from "./cells/GridUnitCell.js";
+import v from "./cells/GridUnitEditor.js";
+import { useCellTemplate as re } from "./composables/useCellTemplate.js";
+import y from "./parts/WellGridDeleteButton.js";
+import { computed as b, defineComponent as x, h as S, ref as C, toValue as w } from "vue";
+import { BasePlugin as T, VGridVueEditor as E } from "@revolist/vue3-datagrid";
+//#region src/grid/useWellGridColumns.ts
+function ie(e) {
+	return e.type === "texture" ? "texture" : e.type === "select" ? "select" : e.type === "select-button" ? "select-button" : e.type === "combo" ? "combo" : e.type === "color" ? "color" : e.type === "checkbox" ? "checkbox" : e.unitType ? "unit" : e.formatter ? "formatted" : e.type === "number" ? "number" : "text";
+}
+var D = [
+	"length",
+	"diameter",
+	"flow",
+	"power",
+	"volume"
+], O = [
+	"val",
+	"save",
+	"close",
+	"column"
+];
+function k(e, t) {
+	return E(x((n) => () => S(e, {
+		val: n.val,
+		save: n.save,
+		close: n.close,
+		...n.column?.column?.editorProps,
+		...t?.()
+	}), {
+		inheritAttrs: !1,
+		props: O
+	}));
+}
+var A = x((e) => (e.close(), () => null), {
+	inheritAttrs: !1,
+	props: O
+});
+function j(x) {
+	let { onDelete: S, onChange: O, enableDrag: j = !0, enableDelete: M = !0 } = x, N = b(() => w(x.columns)), P = b(() => w(x.labels) ?? {}), F = b(() => w(x.components) ?? {}), I = t(), L = n(), R = re(), z = Object.fromEntries(D.map((e) => [e, g(e)])), B = {
+		noop: E(A),
+		text: E(p),
+		number: E(u),
+		color: E(o),
+		unit: k(v),
+		select: k(ne),
+		combo: k(ee, () => ({ hint: P.value.comboHint })),
+		texture: k(h, () => ({
+			placeholder: P.value.texturePlaceholder,
+			showPending: P.value.showPendingTextures
+		}))
+	}, V = R(l), H = b(() => N.value.find((e) => e.stretch) ?? null), U = b(() => H.value?.prop ?? null), W = b(() => U.value === null), G = b(() => {
+		let e = [];
+		return j && e.push(class extends T {
+			constructor(e, t) {
+				super(e, t), this.addEventListener("rowdragstart", (e) => {
+					let t = e.detail.model?.name;
+					typeof t == "string" && t && (e.detail.text = t);
+				});
+			}
+		}), U.value !== null && e.push(r(U.value, H.value?.minSize)), e;
+	}), K = () => ({ class: "well-grid-checkbox-cell" }), q = {
+		text: {},
+		number: { numeric: !0 },
+		unit: {
+			editor: "unit",
+			numeric: !0,
+			editorProps: ({ col: e }) => ({ unitType: e.unitType }),
+			cellTemplate: ({ col: e }) => R(_, { unitType: e.unitType })
+		},
+		color: {
+			editor: "color",
+			cellTemplate: () => R(a)
+		},
+		select: {
+			editor: "select",
+			editorProps: ({ options: e }) => ({ options: e }),
+			cellTemplate: ({ options: e }) => R(f, { options: e })
+		},
+		combo: {
+			editor: "combo",
+			editorProps: ({ options: e }) => ({ options: e }),
+			cellTemplate: ({ options: e }) => R(f, { options: e })
+		},
+		formatted: { cellTemplate: ({ col: e }) => R(c, { formatter: e.formatter }) },
+		checkbox: {
+			editor: "noop",
+			cellProperties: K,
+			cellTemplate: ({ col: e }) => R(i, {
+				prop: e.prop,
+				onToggle: (e, t, n) => O(e, t, n)
+			})
+		},
+		"select-button": {
+			editor: "noop",
+			cellProperties: K,
+			cellTemplate: ({ col: e, options: t }) => R(d, {
+				prop: e.prop,
+				options: t,
+				onChange: (e, t, n) => O(e, t, n)
+			})
+		},
+		texture: {
+			editor: "texture",
+			cellTemplate: () => R(m)
+		}
+	};
+	function J(e) {
+		return e.map((e) => ({
+			value: e.value,
+			label: L(e.label) ?? e.value,
+			...e.deprecated && { deprecated: !0 }
+		}));
+	}
+	function Y(e) {
+		let t = q[ie(e)], n = {
+			col: e,
+			options: "options" in e ? J(e.options) : void 0
+		}, r = L(e.label) ?? "", i = e.unitType ? z[e.unitType].value : null, a = e.readonly ?? !1, o = L(e.info);
+		return {
+			prop: e.prop,
+			name: i ? `${r} (${i})` : r,
+			autoSize: !e.size && !e.stretch,
+			size: e.size,
+			readonly: a,
+			editor: a ? void 0 : t.editor ?? e.editor ?? (e.type === "number" ? "number" : "text"),
+			editorProps: t.editorProps?.(n),
+			pin: e.pin,
+			cellProperties: t.cellProperties ?? (t.numeric ? () => ({ class: "num" }) : void 0),
+			cellTemplate: t.cellTemplate?.(n),
+			...o && {
+				info: o,
+				infoHighlight: L(e.infoHighlight),
+				infoLabel: L(P.value.columnInfo),
+				columnTemplate: V
+			}
+		};
+	}
+	let ae = b(() => {
+		let t = [];
+		if (j) {
+			let n = e("dragHandle", F.value.dragHandle, void 0, I);
+			t.push({
+				prop: "_drag",
+				name: "",
+				size: 30,
+				pin: "colPinStart",
+				rowDrag: !0,
+				cellProperties: () => ({ class: "well-grid-drag-cell" }),
+				...n && { cellTemplate: R(s, { part: n }) }
+			});
+		}
+		return t.push(...N.value.map(Y)), M && t.push({
+			prop: "_delete",
+			name: "",
+			size: 40,
+			readonly: !0,
+			pin: "colPinEnd",
+			cellProperties: () => ({ class: "well-grid-delete-cell" }),
+			cellTemplate: R(te, {
+				part: e("deleteButton", F.value.deleteButton, y, I),
+				label: L(w(x.deleteLabel)),
+				requestDelete: S
+			})
+		}), t;
+	});
+	function X(e, t) {
+		return N.value.find((t) => t.prop === e)?.type === "checkbox" && typeof t == "string" ? t === "true" || t === "1" || t.toLowerCase() === "yes" : t;
+	}
+	let Z = C(null), Q = C(null), $ = !1;
+	function oe(e) {
+		let { rowIndex: t, colIndex: n, column: r } = e.detail;
+		Q.value = r ? {
+			rowIndex: t,
+			colIndex: n,
+			prop: String(r.prop)
+		} : null, $ = !0;
+	}
+	function se() {
+		$ = !1;
+	}
+	function ce(e) {
+		if ($) {
+			$ = !1;
+			return;
+		}
+		let t = Q.value;
+		if (!t) return;
+		let n = e.target.closest("[data-rgrow][data-rgcol]");
+		if (!n || Number(n.dataset.rgrow) !== t.rowIndex || Number(n.dataset.rgcol) !== t.colIndex) return;
+		let r = N.value.find((e) => e.prop === t.prop);
+		!r || r.readonly || (Z.value?.querySelector("revo-grid"))?.setCellEdit(t.rowIndex, t.prop);
+	}
+	function le(e) {
+		let t = e.detail;
+		if ("rowIndex" in t) {
+			let { rowIndex: e, prop: n, val: r } = t;
+			O(e, String(n), X(String(n), r));
+			return;
+		}
+		let n = t.data;
+		if (n) for (let [e, t] of Object.entries(n)) {
+			let n = Number(e);
+			for (let [e, r] of Object.entries(t)) O(n, e, X(e, r));
+		}
+	}
+	return {
+		gridEditors: B,
+		revoColumns: ae,
+		gridStretch: W,
+		plugins: G,
+		coerceCellValue: X,
+		handleAfterEdit: le,
+		gridContainerRef: Z,
+		handleAfterFocus: oe,
+		handleGridMousedown: se,
+		handleGridClick: ce
+	};
+}
+//#endregion
+export { j as useWellGridColumns };
+
+//# sourceMappingURL=useWellGridColumns.js.map

package/dist/grid/useWellGridColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWellGridColumns.js","names":[],"sources":["../../src/grid/useWellGridColumns.ts"],"sourcesContent":["import type {\n  AfterEditEvent,\n  BeforeSaveDataDetails,\n  ColumnRegular,\n  Editors,\n  FocusAfterRenderEvent,\n  GridPlugin,\n} from '@revolist/revogrid';\nimport {\n  BasePlugin,\n  VGridVueEditor,\n  type PluginProviders,\n} from '@revolist/vue3-datagrid';\nimport type { LanguageTextInput } from '@welldot/core';\nimport {\n  computed,\n  defineComponent,\n  h,\n  ref,\n  toValue,\n  type Component,\n  type MaybeRefOrGetter,\n} from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { DisplayUnitType } from '../composables/useWellUnits';\nimport { resolvePart, useWelldotConfig } from '../config';\nimport GridCheckboxCell from './cells/GridCheckboxCell.vue';\nimport GridColorCell from './cells/GridColorCell.vue';\nimport GridColorPickerEditor from './cells/GridColorPickerEditor.vue';\nimport GridComboEditor from './cells/GridComboEditor.vue';\nimport GridDeleteCell from './cells/GridDeleteCell.vue';\nimport GridDragCell from './cells/GridDragCell.vue';\nimport GridFormattedCell from './cells/GridFormattedCell.vue';\nimport GridHeaderCell from './cells/GridHeaderCell.vue';\nimport GridNumberEditor from './cells/GridNumberEditor.vue';\nimport GridSelectButtonCell from './cells/GridSelectButtonCell.vue';\nimport GridSelectCell from './cells/GridSelectCell.vue';\nimport GridSelectEditor from './cells/GridSelectEditor.vue';\nimport GridTextEditor from './cells/GridTextEditor.vue';\nimport GridTextureSelectCell from './cells/GridTextureSelectCell.vue';\nimport GridTextureSelectEditor from './cells/GridTextureSelectEditor.vue';\nimport GridUnitCell from './cells/GridUnitCell.vue';\nimport GridUnitEditor from './cells/GridUnitEditor.vue';\nimport { columnStretchPlugin } from './columnStretchPlugin';\nimport {\n  useCellTemplate,\n  type GridVueTemplate,\n} from './composables/useCellTemplate';\nimport { useUnitSuffix } from './composables/useUnitSuffix';\nimport WellGridDeleteButton from './parts/WellGridDeleteButton.vue';\nimport type {\n  ResolvedGridOption,\n  WellDataGridComponents,\n  WellDataGridLabels,\n  WellGridColumn,\n  WellGridOption,\n} from './types';\n\n// ─── Column kinds ──────────────────────────────────────────────────────────\n// Declares how each column \"kind\" renders and edits.\n// `resolveColumnKind` decides which kind a column declaration maps to.\n\ntype ColumnKind =\n  | 'text'\n  | 'number'\n  | 'unit'\n  | 'color'\n  | 'select'\n  | 'select-button'\n  | 'combo'\n  | 'formatted'\n  | 'checkbox'\n  | 'texture';\n\n/** What a kind needs from one column, with its text already resolved. */\ninterface ResolvedColumn {\n  col: WellGridColumn;\n  options?: ResolvedGridOption[];\n}\n\ninterface ColumnKindDef {\n  editor?: string;\n  numeric?: boolean;\n  cellProperties?: ColumnRegular['cellProperties'];\n  cellTemplate?: (c: ResolvedColumn) => GridVueTemplate;\n  /** Per-column props handed to the editor (read from `column.editorProps`). */\n  editorProps?: (c: ResolvedColumn) => Record<string, unknown>;\n}\n\nfunction resolveColumnKind(col: WellGridColumn): ColumnKind {\n  if (col.type === 'texture') return 'texture';\n  if (col.type === 'select') return 'select';\n  if (col.type === 'select-button') return 'select-button';\n  if (col.type === 'combo') return 'combo';\n  if (col.type === 'color') return 'color';\n  if (col.type === 'checkbox') return 'checkbox';\n  if (col.unitType) return 'unit';\n  if (col.formatter) return 'formatted';\n  return col.type === 'number' ? 'number' : 'text';\n}\n\nconst UNIT_TYPES: readonly DisplayUnitType[] = [\n  'length',\n  'diameter',\n  'flow',\n  'power',\n  'volume',\n];\n\n/** Props RevoGrid hands to every editor (`EditorType`). */\ninterface GridEditorProps {\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n  /** Cell data model; `column.column` is the `ColumnRegular`. */\n  column?: { column?: { editorProps?: Record<string, unknown> } };\n}\n\n/* eslint-disable vue/one-component-per-file -- tiny render-function editor\n   adapters, not SFCs */\n\nconst EDITOR_PROP_KEYS: Array<keyof GridEditorProps> = [\n  'val',\n  'save',\n  'close',\n  'column',\n];\n\n/**\n * Editor that forwards `val`/`save`/`close` plus the column's\n * `editorProps` (and optional grid-wide props) to `component`. Lets one\n * editor per kind — registered once in setup — serve every column.\n */\nfunction columnEditor(\n  component: Component,\n  extraProps?: () => Record<string, unknown>,\n) {\n  return VGridVueEditor(\n    defineComponent(\n      (p: GridEditorProps) => () =>\n        h(component, {\n          val: p.val,\n          save: p.save,\n          close: p.close,\n          ...p.column?.column?.editorProps,\n          ...extraProps?.(),\n        }),\n      { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n    ),\n  );\n}\n\nconst NoopEditor = defineComponent(\n  (p: GridEditorProps) => {\n    p.close();\n    return () => null;\n  },\n  { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n);\n\n/* eslint-enable vue/one-component-per-file */\n\nexport interface UseWellGridColumnsOptions {\n  columns: MaybeRefOrGetter<WellGridColumn[]>;\n  onDelete: (rowIndex: number, model: Record<string, unknown>) => void;\n  onChange: (rowIndex: number, prop: string, value: unknown) => void;\n  /** Include the pinned-start drag-handle column (default true) */\n  enableDrag?: boolean;\n  /** Include the pinned-end delete-row column (default true) */\n  enableDelete?: boolean;\n  /** Label handed to the delete-button part (its aria-label by default). */\n  deleteLabel?: MaybeRefOrGetter<LanguageTextInput>;\n  /** Grid-internal text (texture editor, header info trigger). */\n  labels?: MaybeRefOrGetter<WellDataGridLabels | undefined>;\n  /** Part overrides; `addButton` is rendered by `WellDataGrid` itself. */\n  components?: MaybeRefOrGetter<WellDataGridComponents | undefined>;\n}\n\n/**\n * Editor registry, column-kind resolution and RevoGrid column builder for a\n * well feature grid. **Call it in `setup`**: cell templates and editors are\n * bound to the calling component's app context there (see\n * `useCellTemplate`), which is what lets cells reach `createWelldot` and\n * PrimeVue.\n */\nexport function useWellGridColumns(options: UseWellGridColumnsOptions) {\n  const {\n    onDelete,\n    onChange,\n    enableDrag = true,\n    enableDelete = true,\n  } = options;\n  const cols = computed(() => toValue(options.columns));\n  const labels = computed(() => toValue(options.labels) ?? {});\n  const parts = computed(() => toValue(options.components) ?? {});\n\n  const config = useWelldotConfig();\n  const text = useWellText();\n  const cellTemplate = useCellTemplate();\n  const suffixes = Object.fromEntries(\n    UNIT_TYPES.map(type => [type, useUnitSuffix(type)]),\n  ) as Record<DisplayUnitType, ReturnType<typeof useUnitSuffix>>;\n\n  // ─── Editors ───────────────────────────────────────────────────────────────\n  // Created once, here in setup: `VGridVueEditor` captures the current\n  // instance's app context when called. Per-column data (unit type, options)\n  // travels on the column as `editorProps`.\n\n  const gridEditors: Editors = {\n    noop: VGridVueEditor(NoopEditor),\n    text: VGridVueEditor(GridTextEditor),\n    number: VGridVueEditor(GridNumberEditor),\n    color: VGridVueEditor(GridColorPickerEditor),\n    unit: columnEditor(GridUnitEditor),\n    select: columnEditor(GridSelectEditor),\n    combo: columnEditor(GridComboEditor, () => ({\n      hint: labels.value.comboHint,\n    })),\n    texture: columnEditor(GridTextureSelectEditor, () => ({\n      placeholder: labels.value.texturePlaceholder,\n      showPending: labels.value.showPendingTextures,\n    })),\n  };\n\n  const headerTemplate = cellTemplate(GridHeaderCell);\n\n  const stretchCol = computed(() => cols.value.find(c => c.stretch) ?? null);\n  const stretchProp = computed(() => stretchCol.value?.prop ?? null);\n  const gridStretch = computed(() => stretchProp.value === null);\n\n  const plugins = computed(() => {\n    const list: GridPlugin[] = [];\n    if (enableDrag) {\n      list.push(\n        class HRPlugin extends BasePlugin {\n          constructor(r: HTMLRevoGridElement, p: PluginProviders) {\n            super(r, p);\n            this.addEventListener('rowdragstart', e => {\n              const name = e.detail.model?.['name'];\n              if (typeof name === 'string' && name) {\n                e.detail.text = name;\n              }\n            });\n          }\n        },\n      );\n    }\n    if (stretchProp.value !== null) {\n      list.push(\n        columnStretchPlugin(stretchProp.value, stretchCol.value?.minSize),\n      );\n    }\n    return list;\n  });\n\n  const checkboxCellProperties = () => ({ class: 'well-grid-checkbox-cell' });\n\n  const columnKinds: Record<ColumnKind, ColumnKindDef> = {\n    text: {},\n    number: { numeric: true },\n    unit: {\n      editor: 'unit',\n      numeric: true,\n      editorProps: ({ col }) => ({ unitType: col.unitType }),\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridUnitCell, { unitType: col.unitType }),\n    },\n    color: {\n      editor: 'color',\n      cellTemplate: () => cellTemplate(GridColorCell),\n    },\n    select: {\n      editor: 'select',\n      editorProps: ({ options }) => ({ options }),\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    combo: {\n      editor: 'combo',\n      editorProps: ({ options }) => ({ options }),\n      // GridSelectCell already falls back to the raw value when it isn't\n      // one of the suggested options, which is exactly what free text needs.\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    formatted: {\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridFormattedCell, { formatter: col.formatter }),\n    },\n    checkbox: {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridCheckboxCell, {\n          prop: col.prop,\n          onToggle: (rowIndex: number, prop: string, value: boolean) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    'select-button': {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col, options }) =>\n        cellTemplate(GridSelectButtonCell, {\n          prop: col.prop,\n          options,\n          onChange: (rowIndex: number, prop: string, value: unknown) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    texture: {\n      editor: 'texture',\n      cellTemplate: () => cellTemplate(GridTextureSelectCell),\n    },\n  };\n\n  function resolveOptions(\n    list: readonly WellGridOption[],\n  ): ResolvedGridOption[] {\n    return list.map(o => ({\n      value: o.value,\n      label: text(o.label) ?? o.value,\n      ...(o.deprecated && { deprecated: true }),\n    }));\n  }\n\n  function buildColumn(col: WellGridColumn): ColumnRegular {\n    const kind = columnKinds[resolveColumnKind(col)];\n    const resolved: ResolvedColumn = {\n      col,\n      options: 'options' in col ? resolveOptions(col.options) : undefined,\n    };\n    const label = text(col.label) ?? '';\n    const unit = col.unitType ? suffixes[col.unitType].value : null;\n    const readonly = col.readonly ?? false;\n    const info = text(col.info);\n\n    return {\n      prop: col.prop,\n      name: unit ? `${label} (${unit})` : label,\n      autoSize: !col.size && !col.stretch,\n      size: col.size,\n      readonly,\n      editor: readonly\n        ? undefined\n        : (kind.editor ??\n          col.editor ??\n          (col.type === 'number' ? 'number' : 'text')),\n      editorProps: kind.editorProps?.(resolved),\n      pin: col.pin,\n      cellProperties:\n        kind.cellProperties ??\n        (kind.numeric ? () => ({ class: 'num' }) : undefined),\n      cellTemplate: kind.cellTemplate?.(resolved),\n      ...(info && {\n        info,\n        infoHighlight: text(col.infoHighlight),\n        infoLabel: text(labels.value.columnInfo),\n        columnTemplate: headerTemplate,\n      }),\n    };\n  }\n\n  const revoColumns = computed<ColumnRegular[]>(() => {\n    const result: ColumnRegular[] = [];\n    if (enableDrag) {\n      const dragHandle = resolvePart(\n        'dragHandle',\n        parts.value.dragHandle,\n        undefined,\n        config,\n      );\n      result.push({\n        prop: '_drag',\n        name: '',\n        size: 30,\n        pin: 'colPinStart',\n        rowDrag: true,\n        cellProperties: () => ({ class: 'well-grid-drag-cell' }),\n        // Without an override RevoGrid draws its own handle (styled by\n        // grid.css). A template replaces it, so GridDragCell re-emits the\n        // drag start RevoGrid's handle would have emitted.\n        ...(dragHandle && {\n          cellTemplate: cellTemplate(GridDragCell, { part: dragHandle }),\n        }),\n      });\n    }\n    result.push(...cols.value.map(buildColumn));\n    if (enableDelete) {\n      result.push({\n        prop: '_delete',\n        name: '',\n        size: 40,\n        readonly: true,\n        pin: 'colPinEnd',\n        cellProperties: () => ({ class: 'well-grid-delete-cell' }),\n        cellTemplate: cellTemplate(GridDeleteCell, {\n          part: resolvePart(\n            'deleteButton',\n            parts.value.deleteButton,\n            WellGridDeleteButton,\n            config,\n          ),\n          label: text(toValue(options.deleteLabel)),\n          requestDelete: onDelete,\n        }),\n      });\n    }\n    return result;\n  });\n\n  function coerceCellValue(prop: string, val: unknown): unknown {\n    const col = cols.value.find(c => c.prop === prop);\n    if (col?.type === 'checkbox' && typeof val === 'string') {\n      return val === 'true' || val === '1' || val.toLowerCase() === 'yes';\n    }\n    return val;\n  }\n\n  // ─── Click-on-focused-cell → enter edit mode ───────────────────────────────\n  // `afterfocus` only fires when focus moves to a new cell. A click that\n  // triggers such a focus change is suppressed; a second click on the cell\n  // that's already focused enters edit mode for it.\n\n  const gridContainerRef = ref<HTMLElement | null>(null);\n  const focusedCell = ref<{\n    rowIndex: number;\n    colIndex: number;\n    prop: string;\n  } | null>(null);\n  let suppressNextClick = false;\n\n  function handleAfterFocus(event: CustomEvent<FocusAfterRenderEvent>) {\n    const { rowIndex, colIndex, column } = event.detail;\n    focusedCell.value = column\n      ? { rowIndex, colIndex, prop: String(column.prop) }\n      : null;\n    suppressNextClick = true;\n  }\n\n  function handleGridMousedown() {\n    suppressNextClick = false;\n  }\n\n  function handleGridClick(event: MouseEvent) {\n    if (suppressNextClick) {\n      suppressNextClick = false;\n      return;\n    }\n    const cell = focusedCell.value;\n    if (!cell) return;\n\n    const target = (event.target as HTMLElement).closest<HTMLElement>(\n      '[data-rgrow][data-rgcol]',\n    );\n    if (!target) return;\n    if (\n      Number(target.dataset.rgrow) !== cell.rowIndex ||\n      Number(target.dataset.rgcol) !== cell.colIndex\n    ) {\n      return;\n    }\n\n    const col = cols.value.find(c => c.prop === cell.prop);\n    if (!col || col.readonly) return;\n\n    const gridEl = gridContainerRef.value?.querySelector('revo-grid') as\n      | HTMLRevoGridElement\n      | undefined;\n    gridEl?.setCellEdit(cell.rowIndex, cell.prop);\n  }\n\n  function handleAfterEdit(event: CustomEvent<AfterEditEvent>) {\n    const detail = event.detail as Record<string, unknown>;\n\n    // Single-cell edit: detail has rowIndex + prop + val\n    if ('rowIndex' in detail) {\n      const { rowIndex, prop, val } =\n        detail as unknown as BeforeSaveDataDetails;\n      onChange(rowIndex, String(prop), coerceCellValue(String(prop), val));\n      return;\n    }\n\n    // Block edit (paste, range clear, etc.): detail has data keyed by row index\n    const blockData = detail.data as\n      | Record<string, Record<string, unknown>>\n      | undefined;\n    if (!blockData) return;\n\n    for (const [rowKey, rowData] of Object.entries(blockData)) {\n      const rowIndex = Number(rowKey);\n      for (const [prop, val] of Object.entries(rowData)) {\n        onChange(rowIndex, prop, coerceCellValue(prop, val));\n      }\n    }\n  }\n\n  return {\n    gridEditors,\n    revoColumns,\n    gridStretch,\n    plugins,\n    coerceCellValue,\n    handleAfterEdit,\n    gridContainerRef,\n    handleAfterFocus,\n    handleGridMousedown,\n    handleGridClick,\n  };\n}\n"],"mappings":"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"}