@welldot/vue 0.0.0-stage → 0.1.1

package/dist/composables/useWellUnits.d.ts

@@ -0,0 +1,29 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { WelldotUnits } from '../config';
+export type DisplayUnitType = keyof WelldotUnits;
+/**
+ * Canonical ↔ display conversion for one quantity, following the configured
+ * display unit (`createWelldot({ units })`). `.well` files always store SI
+ * (m, mm, m³/h, kW, m³); this only changes what the UI shows and accepts.
+ *
+ * `unitType` is a value, ref or getter, so a component can pass
+ * `() => props.unitType` and follow prop changes. `unitOverride` (a value,
+ * ref or getter) replaces the configured unit for this quantity;
+ * `null`/`undefined` falls back to the configuration.
+ */
+export declare function useWellUnits<T extends DisplayUnitType>(unitType: MaybeRefOrGetter<T>, unitOverride?: MaybeRefOrGetter<WelldotUnits[T] | null | undefined>): {
+    /** Raw unit for length/diameter/power (`m`, `inches`, `kW`…); display label for flow/volume (`m³/h`, `m³`). */
+    unit: ComputedRef<string>;
+    toDisplay: (canonical: number) => number;
+    toCanonical: (display: number) => number;
+};
+/**
+ * Whether `value`, emitted by a PrimeVue `InputNumber`, is just `display`
+ * as that input shows it (rounded to `maxFractionDigits`). `InputNumber`
+ * emits its parsed text on every blur, so an untouched focus + blur would
+ * otherwise replace the exact value with its rounded display (`1` m shown
+ * as `3.2808` ft would come back as `0.99998784` m). Internal: not exported
+ * from the package entry.
+ */
+export declare function isDisplayedValue(value: number | null | undefined, display: number | null | undefined, maxFractionDigits: number): boolean;
+//# sourceMappingURL=useWellUnits.d.ts.map

package/dist/composables/useWellUnits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWellUnits.d.ts","sourceRoot":"","sources":["../../src/composables/useWellUnits.ts"],"names":[],"mappings":"AAaA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAC;AACb,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,MAAM,YAAY,CAAC;AAEjD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,eAAe,EACpD,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,YAAY,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,GAClE;IACD,+GAA+G;IAC/G,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,CAqDA;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAClC,iBAAiB,EAAE,MAAM,GACxB,OAAO,CAKT"}

package/dist/composables/useWellUnits.js

@@ -0,0 +1,52 @@
+import { useWelldotConfig as e } from "../config.js";
+import { computed as t, toValue as n } from "vue";
+import { resolveFlowUnitLabel as r, resolveVolumeUnitLabel as i } from "@welldot/utils";
+import { feetToMeters as a, flowFromCanonical as o, flowToCanonical as s, inchesToMm as c, metersToFeet as l, mmToInches as u, powerFromCanonical as d, powerToCanonical as f, volumeFromCanonical as p, volumeToCanonical as m } from "@welldot/core";
+//#region src/composables/useWellUnits.ts
+function h(h, g) {
+	let _ = e(), v = t(() => n(h)), y = t(() => {
+		let e = n(g);
+		return e == null ? _.units : {
+			..._.units,
+			[v.value]: e
+		};
+	}), b = t(() => {
+		let e = y.value, t = v.value;
+		return t === "length" ? e.length : t === "diameter" ? e.diameter : t === "flow" ? r(e.flow) : t === "volume" ? i(e.volume) : e.power;
+	});
+	function x(e) {
+		let t = y.value;
+		switch (v.value) {
+			case "length": return t.length === "ft" ? l(e) : e;
+			case "diameter": return t.diameter === "inches" ? u(e) : e;
+			case "flow": return o(e, t.flow);
+			case "power": return d(e, t.power);
+			default: return p(e, t.volume);
+		}
+	}
+	function S(e) {
+		let t = y.value;
+		switch (v.value) {
+			case "length": return t.length === "ft" ? a(e) : e;
+			case "diameter": return t.diameter === "inches" ? c(e) : e;
+			case "flow": return s(e, t.flow);
+			case "power": return f(e, t.power);
+			default: return m(e, t.volume);
+		}
+	}
+	return {
+		unit: b,
+		toDisplay: x,
+		toCanonical: S
+	};
+}
+function g(e, t, n) {
+	if (e == null || t == null) return e == null && t == null;
+	if (!Number.isFinite(t)) return !1;
+	let r = Math.min(100, Math.max(0, Math.trunc(n) || 0));
+	return e === Number(t.toFixed(r));
+}
+//#endregion
+export { g as isDisplayedValue, h as useWellUnits };
+
+//# sourceMappingURL=useWellUnits.js.map

package/dist/composables/useWellUnits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWellUnits.js","names":[],"sources":["../../src/composables/useWellUnits.ts"],"sourcesContent":["import {\n  feetToMeters,\n  flowFromCanonical,\n  flowToCanonical,\n  inchesToMm,\n  metersToFeet,\n  mmToInches,\n  powerFromCanonical,\n  powerToCanonical,\n  volumeFromCanonical,\n  volumeToCanonical,\n} from '@welldot/core';\nimport { resolveFlowUnitLabel, resolveVolumeUnitLabel } from '@welldot/utils';\nimport {\n  computed,\n  toValue,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n} from 'vue';\nimport { useWelldotConfig, type WelldotUnits } from '../config';\n\nexport type DisplayUnitType = keyof WelldotUnits;\n\n/**\n * Canonical ↔ display conversion for one quantity, following the configured\n * display unit (`createWelldot({ units })`). `.well` files always store SI\n * (m, mm, m³/h, kW, m³); this only changes what the UI shows and accepts.\n *\n * `unitType` is a value, ref or getter, so a component can pass\n * `() => props.unitType` and follow prop changes. `unitOverride` (a value,\n * ref or getter) replaces the configured unit for this quantity;\n * `null`/`undefined` falls back to the configuration.\n */\nexport function useWellUnits<T extends DisplayUnitType>(\n  unitType: MaybeRefOrGetter<T>,\n  unitOverride?: MaybeRefOrGetter<WelldotUnits[T] | null | undefined>,\n): {\n  /** Raw unit for length/diameter/power (`m`, `inches`, `kW`…); display label for flow/volume (`m³/h`, `m³`). */\n  unit: ComputedRef<string>;\n  toDisplay: (canonical: number) => number;\n  toCanonical: (display: number) => number;\n} {\n  const config = useWelldotConfig();\n  const type = computed<DisplayUnitType>(() => toValue(unitType));\n  const units = computed<WelldotUnits>(() => {\n    const override = toValue(unitOverride);\n    return override != null\n      ? { ...config.units, [type.value]: override }\n      : config.units;\n  });\n\n  const unit = computed(() => {\n    const u = units.value;\n    const kind = type.value;\n    if (kind === 'length') return u.length;\n    if (kind === 'diameter') return u.diameter;\n    if (kind === 'flow') return resolveFlowUnitLabel(u.flow);\n    if (kind === 'volume') return resolveVolumeUnitLabel(u.volume);\n    return u.power;\n  });\n\n  function toDisplay(canonical: number): number {\n    const u = units.value;\n    switch (type.value) {\n      case 'length':\n        return u.length === 'ft' ? metersToFeet(canonical) : canonical;\n      case 'diameter':\n        return u.diameter === 'inches' ? mmToInches(canonical) : canonical;\n      case 'flow':\n        return flowFromCanonical(canonical, u.flow);\n      case 'power':\n        return powerFromCanonical(canonical, u.power);\n      default:\n        return volumeFromCanonical(canonical, u.volume);\n    }\n  }\n\n  function toCanonical(display: number): number {\n    const u = units.value;\n    switch (type.value) {\n      case 'length':\n        return u.length === 'ft' ? feetToMeters(display) : display;\n      case 'diameter':\n        return u.diameter === 'inches' ? inchesToMm(display) : display;\n      case 'flow':\n        return flowToCanonical(display, u.flow);\n      case 'power':\n        return powerToCanonical(display, u.power);\n      default:\n        return volumeToCanonical(display, u.volume);\n    }\n  }\n\n  return { unit, toDisplay, toCanonical };\n}\n\n/**\n * Whether `value`, emitted by a PrimeVue `InputNumber`, is just `display`\n * as that input shows it (rounded to `maxFractionDigits`). `InputNumber`\n * emits its parsed text on every blur, so an untouched focus + blur would\n * otherwise replace the exact value with its rounded display (`1` m shown\n * as `3.2808` ft would come back as `0.99998784` m). Internal: not exported\n * from the package entry.\n */\nexport function isDisplayedValue(\n  value: number | null | undefined,\n  display: number | null | undefined,\n  maxFractionDigits: number,\n): boolean {\n  if (value == null || display == null) return value == null && display == null;\n  if (!Number.isFinite(display)) return false;\n  const digits = Math.min(100, Math.max(0, Math.trunc(maxFractionDigits) || 0));\n  return value === Number(display.toFixed(digits));\n}\n"],"mappings":";;;;;AAiCA,SAAgB,EACd,GACA,GAMA;CACA,IAAM,IAAS,GAAkB,EAC3B,IAAO,QAAgC,EAAQ,EAAS,CAAC,EACzD,IAAQ,QAA6B;EACzC,IAAM,IAAW,EAAQ,EAAa;AACtC,SAAO,KAAY,OAEf,EAAO,QADP;GAAE,GAAG,EAAO;IAAQ,EAAK,QAAQ;GAAU;GAE/C,EAEI,IAAO,QAAe;EAC1B,IAAM,IAAI,EAAM,OACV,IAAO,EAAK;AAKlB,SAJI,MAAS,WAAiB,EAAE,SAC5B,MAAS,aAAmB,EAAE,WAC9B,MAAS,SAAe,EAAqB,EAAE,KAAK,GACpD,MAAS,WAAiB,EAAuB,EAAE,OAAO,GACvD,EAAE;GACT;CAEF,SAAS,EAAU,GAA2B;EAC5C,IAAM,IAAI,EAAM;AAChB,UAAQ,EAAK,OAAb;GACE,KAAK,SACH,QAAO,EAAE,WAAW,OAAO,EAAa,EAAU,GAAG;GACvD,KAAK,WACH,QAAO,EAAE,aAAa,WAAW,EAAW,EAAU,GAAG;GAC3D,KAAK,OACH,QAAO,EAAkB,GAAW,EAAE,KAAK;GAC7C,KAAK,QACH,QAAO,EAAmB,GAAW,EAAE,MAAM;GAC/C,QACE,QAAO,EAAoB,GAAW,EAAE,OAAO;;;CAIrD,SAAS,EAAY,GAAyB;EAC5C,IAAM,IAAI,EAAM;AAChB,UAAQ,EAAK,OAAb;GACE,KAAK,SACH,QAAO,EAAE,WAAW,OAAO,EAAa,EAAQ,GAAG;GACrD,KAAK,WACH,QAAO,EAAE,aAAa,WAAW,EAAW,EAAQ,GAAG;GACzD,KAAK,OACH,QAAO,EAAgB,GAAS,EAAE,KAAK;GACzC,KAAK,QACH,QAAO,EAAiB,GAAS,EAAE,MAAM;GAC3C,QACE,QAAO,EAAkB,GAAS,EAAE,OAAO;;;AAIjD,QAAO;EAAE;EAAM;EAAW;EAAa;;AAWzC,SAAgB,EACd,GACA,GACA,GACS;AACT,KAAI,KAAS,QAAQ,KAAW,KAAM,QAAO,KAAS,QAAQ,KAAW;AACzE,KAAI,CAAC,OAAO,SAAS,EAAQ,CAAE,QAAO;CACtC,IAAM,IAAS,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,EAAkB,IAAI,EAAE,CAAC;AAC7E,QAAO,MAAU,OAAO,EAAQ,QAAQ,EAAO,CAAC"}

package/dist/config.d.ts

@@ -0,0 +1,110 @@
+import { DiameterUnits, FlowUnits, LengthUnits, PowerUnits, VolumeUnits } from '@welldot/core';
+import { CoordFormat } from '@welldot/utils';
+import { Component, InjectionKey, MaybeRefOrGetter, Plugin } from 'vue';
+/** Display units, one per quantity. `.well` files always store SI. */
+export interface WelldotUnits {
+    length: LengthUnits;
+    diameter: DiameterUnits;
+    flow: FlowUnits;
+    power: PowerUnits;
+    volume: VolumeUnits;
+}
+/**
+ * Swappable parts, keyed by part name. Each part has a typed props contract
+ * exported from `types.ts` (e.g. `trigger` → `WellInfoTriggerProps`).
+ *
+ * Precedence when a component renders a part: its own `components` prop,
+ * then this map (from `createWelldot`), then the built-in default.
+ */
+export interface WelldotComponents {
+    /** `WellInfoPopover` trigger. Props: `WellInfoTriggerProps`. */
+    trigger?: Component;
+    /**
+     * Renders a string icon name (e.g. `WellChip`'s `icon="ph:drop"`).
+     * Props: `WellIconProps`. Without it, string icons are not rendered.
+     */
+    icon?: Component;
+    /** `WellDataGrid` add-row button. Props: `WellAddButtonProps`. */
+    addButton?: Component;
+    /** `WellDataGrid` delete-row button. Props: `WellDeleteButtonProps`. */
+    deleteButton?: Component;
+    /** `WellDataGrid` drag handle. Visual only, no props. */
+    dragHandle?: Component;
+}
+export type WelldotPartName = keyof WelldotComponents;
+/**
+ * Options of `createWelldot`. Every field is optional and may be a plain
+ * value, a ref or a getter — getters keep the configuration reactive to an
+ * app store or i18n instance without the package depending on either.
+ */
+export interface WelldotConfig {
+    /** BCP-47 tag or a bare language (`en`, `pt`, `pt-BR`). Default `en`. */
+    locale?: MaybeRefOrGetter<string>;
+    /** Display units. Missing quantities fall back to SI (m, mm, m³/h, kW, m³). */
+    units?: MaybeRefOrGetter<Partial<WelldotUnits>>;
+    /** Fallback coordinate format for location inputs. Default `DD`. */
+    coordinateFormat?: MaybeRefOrGetter<CoordFormat>;
+    /** Global part overrides. Wrapped in `markRaw`. */
+    components?: MaybeRefOrGetter<WelldotComponents>;
+}
+/** The configuration as components read it: plain values behind getters. */
+export interface ResolvedWelldotConfig {
+    readonly locale: string;
+    readonly units: Readonly<WelldotUnits>;
+    readonly coordinateFormat: CoordFormat;
+    readonly components: Readonly<WelldotComponents>;
+}
+export declare const DEFAULT_WELLDOT_UNITS: Readonly<WelldotUnits>;
+export declare const DEFAULT_WELLDOT_LOCALE = "en";
+export declare const DEFAULT_COORDINATE_FORMAT: CoordFormat;
+export declare const WELLDOT_CONFIG_KEY: InjectionKey<ResolvedWelldotConfig>;
+/**
+ * Resolves options into getters; reading a field re-reads its source, so
+ * refs and getters stay reactive. Missing fields fall back to the defaults
+ * (`en`, SI units, `DD`, no part overrides).
+ */
+export declare function resolveWelldotConfig(options?: WelldotConfig): ResolvedWelldotConfig;
+/**
+ * The `@welldot/vue` Vue plugin. Install it with `app.use()`.
+ *
+ * It registers the configuration with `app.provide`, which is what makes it
+ * reach components mounted outside the normal tree (e.g. RevoGrid cells,
+ * which only inherit the app context).
+ *
+ * **Layering.** Installing `createWelldot` again on the same app stacks the
+ * new options on top of the existing configuration instead of replacing it:
+ * `locale` and `coordinateFormat` come from the last install that sets them,
+ * `units` and `components` merge per key (the later install wins per
+ * quantity / part). This lets a library-level plugin (e.g. the Nuxt module's,
+ * which wires `locale`) and an app plugin (which wires `units`) each set their
+ * own fields. Install every layer before the app mounts.
+ *
+ * @example
+ * app.use(createWelldot({
+ *   locale: () => i18n.global.locale.value,
+ *   units: () => ({ length: ui.lengthUnit, diameter: ui.diameterUnit }),
+ *   components: { trigger: MyInfoButton },
+ * }))
+ */
+export declare function createWelldot(options?: WelldotConfig): Plugin;
+/**
+ * The active configuration. Falls back to the defaults (`en`, SI, `DD`, no
+ * part overrides) when `createWelldot` isn't installed or when called outside
+ * an injection context.
+ */
+export declare function useWelldotConfig(): ResolvedWelldotConfig;
+/**
+ * Picks the component for a swappable part: `propOverride` (the rendering
+ * component's own `components` prop), then the `createWelldot` map, then
+ * `fallback` (the built-in default).
+ *
+ * `config` defaults to `useWelldotConfig()`, so call it from `setup` or a
+ * render function — or pass the config captured in `setup` when resolving
+ * inside a `computed` or callback.
+ *
+ * A prop override is unwrapped and marked raw, so a part held in reactive
+ * state (e.g. `components` built from a `reactive` object) is not rendered
+ * as a reactive component.
+ */
+export declare function resolvePart(name: WelldotPartName, propOverride?: Component | null, fallback?: Component, config?: ResolvedWelldotConfig): Component | undefined;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACZ,MAAM,KAAK,CAAC;AAEb,sEAAsE;AACtE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,yDAAyD;IACzD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,yEAAyE;IACzE,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;IAChD,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACjD,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,4EAA4E;AAC5E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvC,QAAQ,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACvC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,YAAY,CAMvD,CAAC;AAEH,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,eAAO,MAAM,yBAAyB,EAAE,WAAkB,CAAC;AAE3D,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,qBAAqB,CACzC,CAAC;AAqG3B;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,aAAkB,GAC1B,qBAAqB,CAEvB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,MAAM,CAejE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,qBAAqB,CAGxD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,eAAe,EACrB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,EAC/B,QAAQ,CAAC,EAAE,SAAS,EACpB,MAAM,GAAE,qBAA0C,GACjD,SAAS,GAAG,SAAS,CAGvB"}

package/dist/config.js

@@ -0,0 +1,76 @@
+import { hasInjectionContext as e, inject as t, isRef as n, markRaw as r, toRaw as i, toValue as a } from "vue";
+//#region src/config.ts
+var o = Object.freeze({
+	length: "m",
+	diameter: "mm",
+	flow: "m3/h",
+	power: "kW",
+	volume: "m3"
+}), s = "en", c = "DD", l = Symbol("welldot-config"), u = Object.freeze({});
+function d(e) {
+	if (!e) return u;
+	let t = {};
+	for (let [n, i] of Object.entries(e)) i && (t[n] = typeof i == "object" ? r(i) : i);
+	return r(t);
+}
+function f(e) {
+	let { components: t } = e;
+	return {
+		options: e,
+		staticComponents: t && typeof t != "function" && !n(t) ? d(t) : void 0
+	};
+}
+function p(e) {
+	return e.staticComponents ?? d(a(e.options.components));
+}
+function m(e, t) {
+	let n = { ...e };
+	for (let e of t) if (e) for (let [t, r] of Object.entries(e)) r != null && (n[t] = r);
+	return n;
+}
+var h = /* @__PURE__ */ new WeakMap();
+function g(e) {
+	function t(t) {
+		for (let n = e.length - 1; n >= 0; n--) {
+			let r = t(e[n].options);
+			if (r != null && r !== "") return r;
+		}
+	}
+	let n = {
+		get locale() {
+			return t((e) => a(e.locale)) ?? "en";
+		},
+		get units() {
+			return m(o, e.map((e) => a(e.options.units)));
+		},
+		get coordinateFormat() {
+			return t((e) => a(e.coordinateFormat)) ?? "DD";
+		},
+		get components() {
+			let t = e.map(p).filter((e) => e !== u);
+			return t.length === 0 ? u : t.length === 1 ? t[0] : r(Object.assign({}, ...t));
+		}
+	};
+	return h.set(n, e), n;
+}
+function _(e = {}) {
+	return g([f(e)]);
+}
+var v = _();
+function y(e = {}) {
+	let n = f(e);
+	return { install(e) {
+		let r = e.runWithContext(() => t(l, null)), i = r ? h.get(r) : void 0;
+		i ? i.push(n) : e.provide(l, g([n]));
+	} };
+}
+function b() {
+	return e() ? t(l, v) : v;
+}
+function x(e, t, n, a = b()) {
+	return t ? r(i(t)) : a.components[e] ?? n;
+}
+//#endregion
+export { c as DEFAULT_COORDINATE_FORMAT, s as DEFAULT_WELLDOT_LOCALE, o as DEFAULT_WELLDOT_UNITS, l as WELLDOT_CONFIG_KEY, y as createWelldot, x as resolvePart, _ as resolveWelldotConfig, b as useWelldotConfig };
+
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../src/config.ts"],"sourcesContent":["import type {\n  DiameterUnits,\n  FlowUnits,\n  LengthUnits,\n  PowerUnits,\n  VolumeUnits,\n} from '@welldot/core';\nimport type { CoordFormat } from '@welldot/utils';\nimport {\n  hasInjectionContext,\n  inject,\n  isRef,\n  markRaw,\n  toRaw,\n  toValue,\n  type App,\n  type Component,\n  type InjectionKey,\n  type MaybeRefOrGetter,\n  type Plugin,\n} from 'vue';\n\n/** Display units, one per quantity. `.well` files always store SI. */\nexport interface WelldotUnits {\n  length: LengthUnits;\n  diameter: DiameterUnits;\n  flow: FlowUnits;\n  power: PowerUnits;\n  volume: VolumeUnits;\n}\n\n/**\n * Swappable parts, keyed by part name. Each part has a typed props contract\n * exported from `types.ts` (e.g. `trigger` → `WellInfoTriggerProps`).\n *\n * Precedence when a component renders a part: its own `components` prop,\n * then this map (from `createWelldot`), then the built-in default.\n */\nexport interface WelldotComponents {\n  /** `WellInfoPopover` trigger. Props: `WellInfoTriggerProps`. */\n  trigger?: Component;\n  /**\n   * Renders a string icon name (e.g. `WellChip`'s `icon=\"ph:drop\"`).\n   * Props: `WellIconProps`. Without it, string icons are not rendered.\n   */\n  icon?: Component;\n  /** `WellDataGrid` add-row button. Props: `WellAddButtonProps`. */\n  addButton?: Component;\n  /** `WellDataGrid` delete-row button. Props: `WellDeleteButtonProps`. */\n  deleteButton?: Component;\n  /** `WellDataGrid` drag handle. Visual only, no props. */\n  dragHandle?: Component;\n}\n\nexport type WelldotPartName = keyof WelldotComponents;\n\n/**\n * Options of `createWelldot`. Every field is optional and may be a plain\n * value, a ref or a getter — getters keep the configuration reactive to an\n * app store or i18n instance without the package depending on either.\n */\nexport interface WelldotConfig {\n  /** BCP-47 tag or a bare language (`en`, `pt`, `pt-BR`). Default `en`. */\n  locale?: MaybeRefOrGetter<string>;\n  /** Display units. Missing quantities fall back to SI (m, mm, m³/h, kW, m³). */\n  units?: MaybeRefOrGetter<Partial<WelldotUnits>>;\n  /** Fallback coordinate format for location inputs. Default `DD`. */\n  coordinateFormat?: MaybeRefOrGetter<CoordFormat>;\n  /** Global part overrides. Wrapped in `markRaw`. */\n  components?: MaybeRefOrGetter<WelldotComponents>;\n}\n\n/** The configuration as components read it: plain values behind getters. */\nexport interface ResolvedWelldotConfig {\n  readonly locale: string;\n  readonly units: Readonly<WelldotUnits>;\n  readonly coordinateFormat: CoordFormat;\n  readonly components: Readonly<WelldotComponents>;\n}\n\nexport const DEFAULT_WELLDOT_UNITS: Readonly<WelldotUnits> = Object.freeze({\n  length: 'm',\n  diameter: 'mm',\n  flow: 'm3/h',\n  power: 'kW',\n  volume: 'm3',\n});\n\nexport const DEFAULT_WELLDOT_LOCALE = 'en';\nexport const DEFAULT_COORDINATE_FORMAT: CoordFormat = 'DD';\n\nexport const WELLDOT_CONFIG_KEY: InjectionKey<ResolvedWelldotConfig> =\n  Symbol('welldot-config');\n\nconst EMPTY_COMPONENTS: Readonly<WelldotComponents> = Object.freeze({});\n\nfunction rawComponents(map: WelldotComponents | undefined): WelldotComponents {\n  if (!map) return EMPTY_COMPONENTS;\n  const raw: WelldotComponents = {};\n  for (const [name, part] of Object.entries(map)) {\n    if (part)\n      raw[name as WelldotPartName] =\n        typeof part === 'object' ? markRaw(part) : part;\n  }\n  return markRaw(raw);\n}\n\n/** One `createWelldot` call. A static `components` map is wrapped once. */\ninterface ConfigLayer {\n  readonly options: WelldotConfig;\n  readonly staticComponents?: WelldotComponents;\n}\n\nfunction toLayer(options: WelldotConfig): ConfigLayer {\n  const { components } = options;\n  const isStatic =\n    !!components && typeof components !== 'function' && !isRef(components);\n  return {\n    options,\n    staticComponents: isStatic\n      ? rawComponents(components as WelldotComponents)\n      : undefined,\n  };\n}\n\nfunction layerComponents(layer: ConfigLayer): WelldotComponents {\n  return (\n    layer.staticComponents ?? rawComponents(toValue(layer.options.components))\n  );\n}\n\n/** Merges plain objects key by key, skipping `undefined` values. */\nfunction mergeDefined<T extends object>(\n  base: T,\n  parts: Array<Partial<T> | null | undefined>,\n): T {\n  const out = { ...base };\n  for (const part of parts) {\n    if (!part) continue;\n    for (const [key, value] of Object.entries(part)) {\n      if (value !== undefined && value !== null) {\n        (out as Record<string, unknown>)[key] = value;\n      }\n    }\n  }\n  return out;\n}\n\n/** The layer stack behind every config this module created. */\nconst CONFIG_LAYERS = new WeakMap<ResolvedWelldotConfig, ConfigLayer[]>();\n\n/**\n * Builds the getters over a layer stack. The last layer that sets `locale`\n * or `coordinateFormat` wins; `units` and `components` merge key by key, the\n * later layer winning per quantity / part.\n */\nfunction layeredConfig(layers: ConfigLayer[]): ResolvedWelldotConfig {\n  function last<T>(read: (options: WelldotConfig) => T | null | undefined) {\n    for (let i = layers.length - 1; i >= 0; i--) {\n      const value = read(layers[i].options);\n      if (value !== undefined && value !== null && value !== '') return value;\n    }\n    return undefined;\n  }\n\n  const config: ResolvedWelldotConfig = {\n    get locale() {\n      return last(o => toValue(o.locale)) ?? DEFAULT_WELLDOT_LOCALE;\n    },\n    get units() {\n      return mergeDefined<WelldotUnits>(\n        DEFAULT_WELLDOT_UNITS,\n        layers.map(l => toValue(l.options.units)),\n      );\n    },\n    get coordinateFormat() {\n      return (\n        last(o => toValue(o.coordinateFormat)) ?? DEFAULT_COORDINATE_FORMAT\n      );\n    },\n    get components() {\n      const maps = layers\n        .map(layerComponents)\n        .filter(map => map !== EMPTY_COMPONENTS);\n      if (maps.length === 0) return EMPTY_COMPONENTS;\n      if (maps.length === 1) return maps[0];\n      return markRaw(Object.assign({}, ...maps) as WelldotComponents);\n    },\n  };\n  CONFIG_LAYERS.set(config, layers);\n  return config;\n}\n\n/**\n * Resolves options into getters; reading a field re-reads its source, so\n * refs and getters stay reactive. Missing fields fall back to the defaults\n * (`en`, SI units, `DD`, no part overrides).\n */\nexport function resolveWelldotConfig(\n  options: WelldotConfig = {},\n): ResolvedWelldotConfig {\n  return layeredConfig([toLayer(options)]);\n}\n\nconst DEFAULT_CONFIG = resolveWelldotConfig();\n\n/**\n * The `@welldot/vue` Vue plugin. Install it with `app.use()`.\n *\n * It registers the configuration with `app.provide`, which is what makes it\n * reach components mounted outside the normal tree (e.g. RevoGrid cells,\n * which only inherit the app context).\n *\n * **Layering.** Installing `createWelldot` again on the same app stacks the\n * new options on top of the existing configuration instead of replacing it:\n * `locale` and `coordinateFormat` come from the last install that sets them,\n * `units` and `components` merge per key (the later install wins per\n * quantity / part). This lets a library-level plugin (e.g. the Nuxt module's,\n * which wires `locale`) and an app plugin (which wires `units`) each set their\n * own fields. Install every layer before the app mounts.\n *\n * @example\n * app.use(createWelldot({\n *   locale: () => i18n.global.locale.value,\n *   units: () => ({ length: ui.lengthUnit, diameter: ui.diameterUnit }),\n *   components: { trigger: MyInfoButton },\n * }))\n */\nexport function createWelldot(options: WelldotConfig = {}): Plugin {\n  const layer = toLayer(options);\n  return {\n    install(app: App) {\n      // The stack lives per app (never on the plugin object), so one\n      // `createWelldot()` result installed into several apps — e.g. one per\n      // SSR request — never leaks layers between them.\n      const current = app.runWithContext(() =>\n        inject(WELLDOT_CONFIG_KEY, null),\n      );\n      const layers = current ? CONFIG_LAYERS.get(current) : undefined;\n      if (layers) layers.push(layer);\n      else app.provide(WELLDOT_CONFIG_KEY, layeredConfig([layer]));\n    },\n  };\n}\n\n/**\n * The active configuration. Falls back to the defaults (`en`, SI, `DD`, no\n * part overrides) when `createWelldot` isn't installed or when called outside\n * an injection context.\n */\nexport function useWelldotConfig(): ResolvedWelldotConfig {\n  if (!hasInjectionContext()) return DEFAULT_CONFIG;\n  return inject(WELLDOT_CONFIG_KEY, DEFAULT_CONFIG);\n}\n\n/**\n * Picks the component for a swappable part: `propOverride` (the rendering\n * component's own `components` prop), then the `createWelldot` map, then\n * `fallback` (the built-in default).\n *\n * `config` defaults to `useWelldotConfig()`, so call it from `setup` or a\n * render function — or pass the config captured in `setup` when resolving\n * inside a `computed` or callback.\n *\n * A prop override is unwrapped and marked raw, so a part held in reactive\n * state (e.g. `components` built from a `reactive` object) is not rendered\n * as a reactive component.\n */\nexport function resolvePart(\n  name: WelldotPartName,\n  propOverride?: Component | null,\n  fallback?: Component,\n  config: ResolvedWelldotConfig = useWelldotConfig(),\n): Component | undefined {\n  if (propOverride) return markRaw(toRaw(propOverride));\n  return config.components[name] ?? fallback;\n}\n"],"mappings":";;AAgFA,IAAa,IAAgD,OAAO,OAAO;CACzE,QAAQ;CACR,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACT,CAAC,EAEW,IAAyB,MACzB,IAAyC,MAEzC,IACX,OAAO,iBAAiB,EAEpB,IAAgD,OAAO,OAAO,EAAE,CAAC;AAEvE,SAAS,EAAc,GAAuD;AAC5E,KAAI,CAAC,EAAK,QAAO;CACjB,IAAM,IAAyB,EAAE;AACjC,MAAK,IAAM,CAAC,GAAM,MAAS,OAAO,QAAQ,EAAI,CAC5C,CAAI,MACF,EAAI,KACF,OAAO,KAAS,WAAW,EAAQ,EAAK,GAAG;AAEjD,QAAO,EAAQ,EAAI;;AASrB,SAAS,EAAQ,GAAqC;CACpD,IAAM,EAAE,kBAAe;AAGvB,QAAO;EACL;EACA,kBAHE,KAAc,OAAO,KAAe,cAAc,CAAC,EAAM,EAAW,GAIlE,EAAc,EAAgC,GAC9C,KAAA;EACL;;AAGH,SAAS,EAAgB,GAAuC;AAC9D,QACE,EAAM,oBAAoB,EAAc,EAAQ,EAAM,QAAQ,WAAW,CAAC;;AAK9E,SAAS,EACP,GACA,GACG;CACH,IAAM,IAAM,EAAE,GAAG,GAAM;AACvB,MAAK,IAAM,KAAQ,EACZ,OACL,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAK,CAC7C,CAAI,KAAiC,SAClC,EAAgC,KAAO;AAI9C,QAAO;;AAIT,IAAM,oBAAgB,IAAI,SAA+C;AAOzE,SAAS,EAAc,GAA8C;CACnE,SAAS,EAAQ,GAAwD;AACvE,OAAK,IAAI,IAAI,EAAO,SAAS,GAAG,KAAK,GAAG,KAAK;GAC3C,IAAM,IAAQ,EAAK,EAAO,GAAG,QAAQ;AACrC,OAAI,KAAiC,QAAQ,MAAU,GAAI,QAAO;;;CAKtE,IAAM,IAAgC;EACpC,IAAI,SAAS;AACX,UAAO,GAAK,MAAK,EAAQ,EAAE,OAAO,CAAC,IAAA;;EAErC,IAAI,QAAQ;AACV,UAAO,EACL,GACA,EAAO,KAAI,MAAK,EAAQ,EAAE,QAAQ,MAAM,CAAC,CAC1C;;EAEH,IAAI,mBAAmB;AACrB,UACE,GAAK,MAAK,EAAQ,EAAE,iBAAiB,CAAC,IAAA;;EAG1C,IAAI,aAAa;GACf,IAAM,IAAO,EACV,IAAI,EAAgB,CACpB,QAAO,MAAO,MAAQ,EAAiB;AAG1C,UAFI,EAAK,WAAW,IAAU,IAC1B,EAAK,WAAW,IAAU,EAAK,KAC5B,EAAQ,OAAO,OAAO,EAAE,EAAE,GAAG,EAAK,CAAsB;;EAElE;AAED,QADA,EAAc,IAAI,GAAQ,EAAO,EAC1B;;AAQT,SAAgB,EACd,IAAyB,EAAE,EACJ;AACvB,QAAO,EAAc,CAAC,EAAQ,EAAQ,CAAC,CAAC;;AAG1C,IAAM,IAAiB,GAAsB;AAwB7C,SAAgB,EAAc,IAAyB,EAAE,EAAU;CACjE,IAAM,IAAQ,EAAQ,EAAQ;AAC9B,QAAO,EACL,QAAQ,GAAU;EAIhB,IAAM,IAAU,EAAI,qBAClB,EAAO,GAAoB,KAAK,CACjC,EACK,IAAS,IAAU,EAAc,IAAI,EAAQ,GAAG,KAAA;AACtD,EAAI,IAAQ,EAAO,KAAK,EAAM,GACzB,EAAI,QAAQ,GAAoB,EAAc,CAAC,EAAM,CAAC,CAAC;IAE/D;;AAQH,SAAgB,IAA0C;AAExD,QADK,GAAqB,GACnB,EAAO,GAAoB,EAAe,GADd;;AAiBrC,SAAgB,EACd,GACA,GACA,GACA,IAAgC,GAAkB,EAC3B;AAEvB,QADI,IAAqB,EAAQ,EAAM,EAAa,CAAC,GAC9C,EAAO,WAAW,MAAS"}

package/dist/grid/WellDataGrid.d.ts

@@ -0,0 +1,34 @@
+import { LanguageTextInput } from '@welldot/core';
+import { WellDataGridComponents, WellDataGridLabels, WellGridColumn } from './types';
+type __VLS_Props = {
+    /** Reactive array from the store (via deep-proxy or plain copy). */
+    rows: Record<string, unknown>[];
+    columns: WellGridColumn[];
+    /** Label of the add-row button. Icon-only when omitted. */
+    addLabel?: LanguageTextInput;
+    /** Label handed to the delete-row button (its aria-label by default). */
+    deleteLabel?: LanguageTextInput;
+    /** Grid-internal text (texture editor, column info trigger). */
+    labels?: WellDataGridLabels;
+    /** Part overrides: `addButton`, `deleteButton`, `dragHandle`. */
+    components?: WellDataGridComponents;
+    /**
+     * Height cap in px. Taller content scrolls inside the grid, so RevoGrid
+     * renders only the visible rows. Without it the grid grows with its rows.
+     */
+    maxHeight?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (index: number) => any;
+    add: () => any;
+    change: (index: number, prop: string, value: unknown) => any;
+    reorder: (from: number, to: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((index: number) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    onChange?: ((index: number, prop: string, value: unknown) => any) | undefined;
+    onReorder?: ((from: number, to: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellDataGrid.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WellDataGrid.d.ts","sourceRoot":"","sources":["../../src/grid/WellDataGrid.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMvD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,EACf,MAAM,SAAS,CAAC;AAKjB,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,yEAAyE;IACzE,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,gEAAgE;IAChE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,iEAAiE;IACjE,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsMF,QAAA,MAAM,YAAY;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/grid/WellDataGrid.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./WellDataGrid.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/grid/WellDataGrid.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-956e05cd"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=WellDataGrid.js.map

package/dist/grid/WellDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellDataGrid.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 { GRID_HEADER_H, GRID_ROW_H, gridHeight } from './gridHeight';\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   * Height cap in px. Taller content scrolls inside the grid, so RevoGrid\n   * renders only the visible rows. Without it the grid grows with its rows.\n   */\n  maxHeight?: number;\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, up to `maxHeight` ─────────────────\n\nconst HEADER_H = GRID_HEADER_H;\nconst ROW_H = GRID_ROW_H;\n\nconst height = computed(\n  () => `${gridHeight(props.rows.length, props.maxHeight)}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 }\"\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":""}

package/dist/grid/WellDataGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,87 @@
+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 { gridHeight as i } from "./gridHeight.js";
+import a from "./parts/WellGridAddButton.js";
+import { computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, resolveDynamicComponent as h, unref as g, useCssVars as _, vShow as v, withDirectives as y } from "vue";
+import { VGrid as b } from "@revolist/vue3-datagrid";
+//#region src/grid/WellDataGrid.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "well-data-grid-wrapper flex flex-col" }, S = {
+	key: 1,
+	class: "well-grid-skeleton animate-pulse rounded bg-surface-100 w-full h-full"
+}, C = /* @__PURE__ */ u({
+	__name: "WellDataGrid",
+	props: {
+		rows: {},
+		columns: {},
+		addLabel: {},
+		deleteLabel: {},
+		labels: {},
+		components: {},
+		maxHeight: {}
+	},
+	emits: [
+		"add",
+		"delete",
+		"change",
+		"reorder"
+	],
+	setup(u, { emit: C }) {
+		_((e) => ({ v3e240dfe: `${g(B)}px` }));
+		let w = u, T = C, E = t(), D = n(), { gridEditors: O, revoColumns: k, gridStretch: A, plugins: j, handleAfterEdit: M, gridContainerRef: N, handleAfterFocus: P, handleGridMousedown: F, handleGridClick: I } = r({
+			columns: () => w.columns,
+			onDelete: (e) => T("delete", e),
+			onChange: (e, t, n) => T("change", e, t, n),
+			deleteLabel: () => w.deleteLabel,
+			labels: () => w.labels,
+			components: () => w.components
+		}), L = o(() => e("addButton", w.components?.addButton, a, E)), R = m(!1);
+		f(() => {
+			R.value = !0;
+		});
+		let z = o(() => w.rows.map((e) => ({ ...e }))), B = 38, V = o(() => `${i(w.rows.length, w.maxHeight)}px`);
+		function H(e) {
+			T("reorder", e.detail.from, e.detail.to);
+		}
+		return (e, t) => (p(), c("div", x, [y(l("div", {
+			ref_key: "gridContainerRef",
+			ref: N,
+			class: "well-grid-container",
+			onMousedownCapture: t[0] || (t[0] = (...e) => g(F) && g(F)(...e)),
+			onClick: t[1] || (t[1] = (...e) => g(I) && g(I)(...e))
+		}, [R.value ? (p(), s(g(b), {
+			key: 0,
+			class: "well-data-grid",
+			style: d({ height: V.value }),
+			"row-size": g(30),
+			stretch: g(A),
+			source: z.value,
+			columns: g(k),
+			editors: g(O),
+			plugins: g(j),
+			range: !0,
+			"can-drag": "",
+			theme: "compact",
+			onAfteredit: g(M),
+			onAfterfocus: g(P),
+			onRoworderchanged: H
+		}, null, 8, [
+			"style",
+			"row-size",
+			"stretch",
+			"source",
+			"columns",
+			"editors",
+			"plugins",
+			"onAfteredit",
+			"onAfterfocus"
+		])) : (p(), c("div", S))], 544), [[v, u.rows.length > 0]]), (p(), s(h(L.value), {
+			label: g(D)(w.addLabel),
+			onClick: t[2] || (t[2] = (e) => T("add"))
+		}, null, 8, ["label"]))]));
+	}
+});
+//#endregion
+export { C 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 { GRID_HEADER_H, GRID_ROW_H, gridHeight } from './gridHeight';\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   * Height cap in px. Taller content scrolls inside the grid, so RevoGrid\n   * renders only the visible rows. Without it the grid grows with its rows.\n   */\n  maxHeight?: number;\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, up to `maxHeight` ─────────────────\n\nconst HEADER_H = GRID_HEADER_H;\nconst ROW_H = GRID_ROW_H;\n\nconst height = computed(\n  () => `${gridHeight(props.rows.length, props.maxHeight)}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 }\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAM,IAAQ,GAmBR,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,EAI5D,IAAA,IAGA,IAAS,QACP,GAAG,EAAW,EAAM,KAAK,QAAQ,EAAM,UAAU,CAAC,IACzD;EAID,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,QAAI,EAAA,OAAM,CAAA;GACf,YAAU,EAAA,GAAK;GACf,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