@welldot/vue 0.0.0-stage → 0.1.0

package/dist/grid.css

@@ -0,0 +1,407 @@
+/*
+ * @welldot/vue/grid — global (unscoped) RevoGrid theme for WellDataGrid.
+ * Shipped as `dist/grid.css` and imported by `@welldot/vue/tailwind.css`, so
+ * it compiles inside the app's Tailwind run. RevoGrid renders cells and
+ * editors (`revogr-edit`) outside any SFC scope, hence global selectors.
+ *
+ * `--accent-soft` / `--color-primary-soft` are set on `.well-data-grid-wrapper`
+ * by WellDataGrid's scoped style.
+ */
+
+/* ── RevoGrid → welldot theme ─────────────────────────────────────────────
+   Token map: --font-mono, --color-surface-*, --color-content-*, --color-primary-*
+   ────────────────────────────────────────────────────────────────────────── */
+
+revogr-attribution {
+  display: none !important;
+}
+
+revo-grid {
+  --revo-grid-font: var(--font-mono);
+  --revo-grid-background: var(--color-surface-0);
+  --revo-grid-foreground: var(--color-content-0);
+  --revo-grid-text: var(--color-content-0);
+  --revo-grid-divider: var(--color-surface-200);
+  --revo-grid-border: var(--color-surface-200);
+  --revo-grid-header-bg: var(--color-surface-50);
+  --revo-grid-header-color: var(--color-content-500);
+  --revo-grid-header-border: var(--color-surface-200);
+  --revo-grid-cell-border: var(--color-surface-200);
+  --revo-grid-focused-bg: var(--accent-soft);
+  --revo-grid-row-hover: var(--accent-soft);
+  --revo-grid-row-headers-bg: var(--color-surface-50);
+  --revo-grid-row-headers-color: var(--color-content-500);
+  --revo-grid-cell-disabled-bg: var(--color-surface-100);
+  --revo-grid-primary: var(--color-primary-500);
+  --revo-grid-primary-transparent: var(--color-primary-soft);
+  font-family: var(--font-mono) !important;
+  font-size: 11px !important;
+  color: var(--color-content-0);
+  border: 1px solid var(--color-surface-200);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* Header cells — .rgHeaderCell (v4+) and .header-rgCell (older builds) */
+revo-grid .rgHeaderCell,
+revo-grid .header-rgCell {
+  background: var(--color-surface-50);
+  color: var(--color-content-500);
+  font-weight: 400;
+  font-size: 9.5px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  border-bottom: 1px solid var(--color-surface-200) !important;
+  border-right: none !important;
+}
+
+/* Body cells */
+revo-grid .rgCell {
+  border-bottom: 1px solid var(--color-surface-200) !important;
+  border-right: none !important;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+  color: var(--color-content-0);
+}
+
+/* Row states — --accent-soft is tuned for legibility in both light and dark */
+revo-grid .rgRow:hover .rgCell {
+  background: var(--accent-soft);
+}
+
+revo-grid .rgRow.focused-rgRow .rgCell,
+revo-grid .rgRow[selected] .rgCell {
+  background: var(--accent-soft);
+}
+
+/* Accent rail on first cell of selected row */
+revo-grid .rgRow[selected] .rgCell:first-child {
+  box-shadow: inset 3px 0 0 var(--color-primary-500);
+}
+
+/* Numeric columns — tabular figures, right-aligned */
+revo-grid .rgCell.num {
+  justify-content: flex-end;
+  font-variant-numeric: tabular-nums;
+}
+
+/* Checkbox columns — readonly for RevoGrid, but interactive via the cell
+   template, so suppress the default "disabled" overlay. */
+revo-grid .rgCell.disabled.well-grid-checkbox-cell {
+  background-color: transparent;
+  --revo-grid-cell-disabled-bg: transparent;
+}
+
+revo-grid .rgRow:hover .rgCell.disabled.well-grid-checkbox-cell {
+  background-color: var(--accent-soft);
+}
+
+/* ── PrimeVue cell editors ────────────────────────────────────────────────── */
+
+/* Editor renders in revogr-edit which is a portal outside revo-grid */
+revogr-edit input {
+  font-family: var(--font-mono) !important;
+  font-size: 11px !important;
+  color: var(--color-content-0) !important;
+}
+
+/* InputText root IS the <input>; InputNumber pcInput root is also the <input> */
+revo-grid .well-cell-input {
+  width: 100%;
+  height: 100%;
+  border: none !important;
+  border-radius: 0 !important;
+  background: var(--color-surface-0) !important;
+  box-shadow: inset 0 0 0 1.5px var(--color-focus-ring) !important;
+  font-family: var(--font-mono) !important;
+  font-size: 11px !important;
+  color: var(--color-content-0) !important;
+  padding: 0 8px !important;
+  outline: none !important;
+}
+
+/* InputNumber wrapper div must fill the cell */
+revo-grid .well-cell-input-number {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: stretch;
+  text-align: right !important;
+}
+
+revogr-edit .well-cell-input-number input {
+  text-align: right !important;
+}
+
+/* Numeric cells — right-align */
+revo-grid .rgCell.num .well-cell-input {
+  text-align: left;
+}
+
+/* Focus ring */
+revo-grid .rgCell.focused-cell,
+revo-grid revogr-focus {
+  border-color: var(--color-primary-500) !important;
+}
+
+/* ── Drag column ─────────────────────────────────────────────────────────── */
+
+revo-grid .well-grid-drag-cell {
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+revo-grid .revo-drag-icon::before {
+  content: '';
+  display: block;
+  width: 12px;
+  height: 12px;
+  color: var(--color-content-0);
+  background-color: currentColor;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M102 60a10 10 0 1 1-10-10a10 10 0 0 1 10 10m62 10a10 10 0 1 0-10-10a10 10 0 0 0 10 10m-72 48a10 10 0 1 0 10 10a10 10 0 0 0-10-10m72 0a10 10 0 1 0 10 10a10 10 0 0 0-10-10m-72 68a10 10 0 1 0 10 10a10 10 0 0 0-10-10m72 0a10 10 0 1 0 10 10a10 10 0 0 0-10-10'/%3E%3C/svg%3E");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  opacity: 0.7;
+  transition: opacity 200ms ease;
+}
+
+revo-grid .revo-draggable:hover .revo-drag-icon::before {
+  opacity: 1;
+}
+
+/* ── Delete / actions column ─────────────────────────────────────────────── */
+
+revo-grid .well-grid-delete-cell {
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+revo-grid .well-grid-delete-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  border-radius: 4px;
+  color: var(--color-content-500);
+  font-family: var(--font-mono);
+  font-size: 18px;
+  line-height: 1;
+  opacity: 0.4;
+  transition:
+    opacity 200ms ease,
+    color 200ms ease,
+    background-color 200ms ease;
+}
+
+revo-grid .well-grid-delete-btn::before {
+  content: '×';
+  display: block;
+}
+
+revo-grid .well-grid-delete-btn:hover {
+  opacity: 1;
+  color: oklch(50% 0.2 25);
+  background-color: color-mix(in srgb, oklch(50% 0.2 25) 8%, transparent);
+}
+
+/* ── PrimeVue Select editor (enum columns) ───────────────────────────────── */
+
+revogr-edit .well-cell-select.p-select {
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: 0;
+  background: var(--color-surface-0);
+  box-shadow: inset 0 0 0 1.5px var(--color-focus-ring);
+  font-family: var(--font-mono);
+  font-size: 11px;
+}
+
+revogr-edit .well-cell-select .p-select-label {
+  padding: 0 8px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--color-content-0);
+}
+
+revogr-edit .well-cell-select .p-select-dropdown {
+  width: 24px;
+  color: var(--color-content-500);
+}
+
+revogr-edit .well-cell-texture-select .p-select-label {
+  padding: 0 4px;
+}
+
+/* ── Combo editor (free text + suggestions) ──────────────────────────────── */
+
+revogr-edit .well-cell-combo {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+  background: var(--color-surface-0);
+  box-shadow: inset 0 0 0 1.5px var(--color-focus-ring);
+}
+
+revogr-edit .well-cell-combo-input {
+  flex: 1;
+  min-width: 0;
+  padding: 0 8px;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--color-content-0);
+}
+
+revogr-edit .well-cell-combo-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  flex-shrink: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--color-content-500);
+}
+
+.well-combo-panel {
+  position: fixed;
+  z-index: 1100;
+  max-height: 240px;
+  overflow-y: auto;
+  margin: 0;
+  padding: var(--p-select-list-padding, 0.25rem);
+  list-style: none;
+  background: var(--p-select-overlay-background, var(--color-surface-0));
+  border: 1px solid
+    var(--p-select-overlay-border-color, var(--color-surface-200));
+  border-radius: var(--p-select-overlay-border-radius, 0.75rem);
+  box-shadow: var(--p-select-overlay-shadow);
+  color: var(--p-select-overlay-color, var(--color-content-0));
+}
+
+.well-combo-hint {
+  position: sticky;
+  top: calc(-1 * var(--p-select-list-padding, 0.25rem));
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  margin: calc(-1 * var(--p-select-list-padding, 0.25rem));
+  margin-bottom: 0.25rem;
+  padding: 0.5rem 0.75rem 0.25rem;
+  font-family: var(--font-display);
+  font-size: 0.75rem;
+  white-space: nowrap;
+  cursor: default;
+  color: var(--color-content-300);
+  background: var(--p-select-overlay-background, var(--color-surface-0));
+}
+
+.well-combo-option {
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: var(--p-select-option-border-radius, 0.25rem);
+  color: var(--p-select-option-color, var(--color-content-0));
+}
+
+.well-combo-option.is-active {
+  background: var(--p-select-option-focus-background, var(--color-surface-100));
+  color: var(--p-select-option-focus-color, var(--color-content-0));
+}
+
+.well-combo-option.is-selected {
+  background: var(--p-select-option-selected-background);
+  color: var(--p-select-option-selected-color);
+}
+
+.well-combo-option.is-selected.is-active {
+  background: var(--p-select-option-selected-focus-background);
+  color: var(--p-select-option-selected-focus-color);
+}
+
+/* ── Color editor trigger ─────────────────────────────────────────────────── */
+
+revogr-edit .well-cell-color-trigger {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  height: 100%;
+  padding: 0 8px;
+  box-shadow: inset 0 0 0 1.5px var(--color-focus-ring);
+  background: var(--color-surface-0);
+}
+
+.well-cell-color-swatch {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+  border-radius: 3px;
+  border: 1px solid var(--color-surface-300);
+}
+
+.well-cell-color-hex {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--color-content-0);
+}
+
+/* ── Add-row button ──────────────────────────────────────────────────────── */
+
+.well-grid-add-btn {
+  align-self: flex-start;
+  margin-top: 10px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+
+  padding: 6px 14px;
+  min-height: 32px;
+  border-radius: 999px;
+  border: 1px dashed var(--color-surface-300);
+  background: var(--color-surface-50);
+  color: var(--color-content-300);
+
+  font-family: var(--font-display);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    color 120ms ease,
+    border-color 120ms ease;
+}
+
+.well-grid-add-btn:hover {
+  background: var(--color-surface-100);
+  color: var(--color-content-0);
+  border-color: var(--color-content-0);
+}
+
+.well-grid-add-btn:active {
+  transform: translateY(0.5px);
+}
+
+.well-grid-add-btn:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--color-primary-soft);
+  border-color: var(--color-primary-500);
+}

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { DEFAULT_COORDINATE_FORMAT, DEFAULT_WELLDOT_LOCALE, DEFAULT_WELLDOT_UNITS, WELLDOT_CONFIG_KEY, createWelldot, resolvePart, resolveWelldotConfig, useWelldotConfig, } from './config';
+export type { ResolvedWelldotConfig, WelldotComponents, WelldotConfig, WelldotPartName, WelldotUnits, } from './config';
+export { LOCALE_MAP, useWellNumberFormat, } from './composables/useWellNumberFormat';
+export { useWellText } from './composables/useWellText';
+export { useWellUnits } from './composables/useWellUnits';
+export type { DisplayUnitType } from './composables/useWellUnits';
+export { default as WellChip } from './components/WellChip';
+export { default as WellComboSelect } from './components/WellComboSelect';
+export { default as WellInfoPopover } from './components/WellInfoPopover';
+export { default as WellInputNumber } from './components/WellInputNumber';
+export { default as WellLabeledField } from './components/WellLabeledField';
+export { default as WellTagSelect } from './components/WellTagSelect';
+export { default as WellTextureSelect } from './components/WellTextureSelect';
+export { default as WellTextureThumbnail } from './components/WellTextureThumbnail';
+export { default as WellUnitInput } from './components/WellUnitInput';
+export type { WellAddButtonProps, WellDeleteButtonProps, WellDragHandleProps, WellIconProps, WellInfoTriggerProps, WellTagOption, WellTextureSelectLabels, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,YAAY,GACb,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,UAAU,EACV,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG1E,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,uBAAuB,GACxB,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,14 @@
+import { DEFAULT_COORDINATE_FORMAT as e, DEFAULT_WELLDOT_LOCALE as t, DEFAULT_WELLDOT_UNITS as n, WELLDOT_CONFIG_KEY as r, createWelldot as i, resolvePart as a, resolveWelldotConfig as o, useWelldotConfig as s } from "./config.js";
+import { LOCALE_MAP as c, useWellNumberFormat as l } from "./composables/useWellNumberFormat.js";
+import { useWellText as u } from "./composables/useWellText.js";
+import { useWellUnits as d } from "./composables/useWellUnits.js";
+import f from "./components/WellChip.js";
+import p from "./components/WellComboSelect.js";
+import m from "./components/WellInfoPopover.js";
+import h from "./components/WellInputNumber.js";
+import g from "./components/WellLabeledField.js";
+import _ from "./components/WellTagSelect.js";
+import v from "./components/WellTextureThumbnail.js";
+import y from "./components/WellTextureSelect.js";
+import b from "./components/WellUnitInput.js";
+export { e as DEFAULT_COORDINATE_FORMAT, t as DEFAULT_WELLDOT_LOCALE, n as DEFAULT_WELLDOT_UNITS, c as LOCALE_MAP, r as WELLDOT_CONFIG_KEY, f as WellChip, p as WellComboSelect, m as WellInfoPopover, h as WellInputNumber, g as WellLabeledField, _ as WellTagSelect, y as WellTextureSelect, v as WellTextureThumbnail, b as WellUnitInput, i as createWelldot, a as resolvePart, o as resolveWelldotConfig, l as useWellNumberFormat, u as useWellText, d as useWellUnits, s as useWelldotConfig };

package/dist/location/WellCoordinateInput.d.ts

@@ -0,0 +1,14 @@
+import { WellCoordinateInputProps } from './location';
+type __VLS_Props = WellCoordinateInputProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellCoordinateInput.vue.d.ts.map

package/dist/location/WellCoordinateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellCoordinateInput.d.ts","sourceRoot":"","sources":["../../src/location/WellCoordinateInput.vue"],"names":[],"mappings":"AAoGA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,YAAY,CAAC;AAEpB,KAAK,WAAW,GAAG,wBAAwB,CAAC;AA2C5C,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAgDxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/location/WellCoordinateInput.js

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

package/dist/location/WellCoordinateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellCoordinateInput.js","names":[],"sources":["../../src/location/WellCoordinateInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Text input for one coordinate, bound to decimal degrees. The text is a\n * local buffer: it is parsed (DD or DMS), clamped (lat ±90, lng ±180) and\n * reformatted in `format` on blur or Enter. Invalid text reverts to the\n * formatted model. External model/format changes reformat the buffer.\n *\n * Attrs pass through to PrimeVue `InputText`.\n */\nimport {\n  clampLat,\n  clampLng,\n  formatCoord,\n  parseToDd,\n  type CoordFormat,\n} from '@welldot/utils';\nimport InputText from 'primevue/inputtext';\nimport { computed, ref, watch } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport { useWelldotConfig } from '../config';\nimport {\n  COORDINATE_PLACEHOLDERS,\n  type WellCoordinateInputProps,\n} from './location';\n\nconst props = defineProps<WellCoordinateInputProps>();\nconst model = defineModel<number>();\nconst config = useWelldotConfig();\nconst text = useWellText();\n\nconst isLat = computed(() => props.axis === 'lat');\nconst activeFormat = computed<CoordFormat>(\n  () => props.format ?? config.coordinateFormat,\n);\nconst placeholderText = computed(\n  () =>\n    text(props.placeholder) ??\n    COORDINATE_PLACEHOLDERS[props.axis][activeFormat.value],\n);\n\nfunction display(value: number | null | undefined): string {\n  return value == null || !Number.isFinite(value)\n    ? ''\n    : formatCoord(value, activeFormat.value, isLat.value);\n}\n\nconst raw = ref('');\n\nwatch([model, activeFormat, isLat], () => (raw.value = display(model.value)), {\n  immediate: true,\n});\n\nfunction commit() {\n  // Untouched text (focus + blur, Enter on the shown value): reparsing the\n  // rounded display would rewrite the exact model.\n  if (raw.value === display(model.value)) return;\n  const parsed = parseToDd(raw.value);\n  if (isNaN(parsed)) {\n    raw.value = display(model.value);\n    return;\n  }\n  const clamped = isLat.value ? clampLat(parsed) : clampLng(parsed);\n  model.value = clamped;\n  // A parent-bound model only updates on the next render; format the value\n  // just committed rather than the (still stale) prop.\n  raw.value = display(clamped);\n}\n</script>\n\n<template>\n  <InputText\n    v-model=\"raw\"\n    class=\"w-full font-mono\"\n    :placeholder=\"placeholderText\"\n    @blur=\"commit\"\n    @keydown.enter=\"commit\"\n  />\n</template>\n"],"mappings":""}

package/dist/location/WellCoordinateInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useWelldotConfig as e } from "../config.js";
+import { useWellText as t } from "../composables/useWellText.js";
+import { COORDINATE_PLACEHOLDERS as n } from "./location.js";
+import { computed as r, createBlock as i, defineComponent as a, mergeModels as o, openBlock as s, ref as c, unref as l, useModel as u, watch as d, withKeys as f } from "vue";
+import { clampLat as p, clampLng as m, formatCoord as h, parseToDd as g } from "@welldot/utils";
+import _ from "primevue/inputtext";
+//#region src/location/WellCoordinateInput.vue?vue&type=script&setup=true&lang.ts
+var v = /* @__PURE__ */ a({
+	__name: "WellCoordinateInput",
+	props: /* @__PURE__ */ o({
+		axis: {},
+		format: {},
+		placeholder: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, v = u(a, "modelValue"), y = e(), b = t(), x = r(() => o.axis === "lat"), S = r(() => o.format ?? y.coordinateFormat), C = r(() => b(o.placeholder) ?? n[o.axis][S.value]);
+		function w(e) {
+			return e == null || !Number.isFinite(e) ? "" : h(e, S.value, x.value);
+		}
+		let T = c("");
+		d([
+			v,
+			S,
+			x
+		], () => T.value = w(v.value), { immediate: !0 });
+		function E() {
+			if (T.value === w(v.value)) return;
+			let e = g(T.value);
+			if (isNaN(e)) {
+				T.value = w(v.value);
+				return;
+			}
+			let t = x.value ? p(e) : m(e);
+			v.value = t, T.value = w(t);
+		}
+		return (e, t) => (s(), i(l(_), {
+			modelValue: T.value,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => T.value = e),
+			class: "w-full font-mono",
+			placeholder: C.value,
+			onBlur: E,
+			onKeydown: f(E, ["enter"])
+		}, null, 8, ["modelValue", "placeholder"]));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=WellCoordinateInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/location/WellCoordinateInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellCoordinateInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/location/WellCoordinateInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Text input for one coordinate, bound to decimal degrees. The text is a\n * local buffer: it is parsed (DD or DMS), clamped (lat ±90, lng ±180) and\n * reformatted in `format` on blur or Enter. Invalid text reverts to the\n * formatted model. External model/format changes reformat the buffer.\n *\n * Attrs pass through to PrimeVue `InputText`.\n */\nimport {\n  clampLat,\n  clampLng,\n  formatCoord,\n  parseToDd,\n  type CoordFormat,\n} from '@welldot/utils';\nimport InputText from 'primevue/inputtext';\nimport { computed, ref, watch } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport { useWelldotConfig } from '../config';\nimport {\n  COORDINATE_PLACEHOLDERS,\n  type WellCoordinateInputProps,\n} from './location';\n\nconst props = defineProps<WellCoordinateInputProps>();\nconst model = defineModel<number>();\nconst config = useWelldotConfig();\nconst text = useWellText();\n\nconst isLat = computed(() => props.axis === 'lat');\nconst activeFormat = computed<CoordFormat>(\n  () => props.format ?? config.coordinateFormat,\n);\nconst placeholderText = computed(\n  () =>\n    text(props.placeholder) ??\n    COORDINATE_PLACEHOLDERS[props.axis][activeFormat.value],\n);\n\nfunction display(value: number | null | undefined): string {\n  return value == null || !Number.isFinite(value)\n    ? ''\n    : formatCoord(value, activeFormat.value, isLat.value);\n}\n\nconst raw = ref('');\n\nwatch([model, activeFormat, isLat], () => (raw.value = display(model.value)), {\n  immediate: true,\n});\n\nfunction commit() {\n  // Untouched text (focus + blur, Enter on the shown value): reparsing the\n  // rounded display would rewrite the exact model.\n  if (raw.value === display(model.value)) return;\n  const parsed = parseToDd(raw.value);\n  if (isNaN(parsed)) {\n    raw.value = display(model.value);\n    return;\n  }\n  const clamped = isLat.value ? clampLat(parsed) : clampLng(parsed);\n  model.value = clamped;\n  // A parent-bound model only updates on the next render; format the value\n  // just committed rather than the (still stale) prop.\n  raw.value = display(clamped);\n}\n</script>\n\n<template>\n  <InputText\n    v-model=\"raw\"\n    class=\"w-full font-mono\"\n    :placeholder=\"placeholderText\"\n    @blur=\"commit\"\n    @keydown.enter=\"commit\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAyBA,IAAM,IAAQ,GACR,IAAQ,EAAmB,GAAA,aAAE,EAC7B,IAAS,GAAkB,EAC3B,IAAO,GAAa,EAEpB,IAAQ,QAAe,EAAM,SAAS,MAAM,EAC5C,IAAe,QACb,EAAM,UAAU,EAAO,iBAC9B,EACK,IAAkB,QAEpB,EAAK,EAAM,YAAY,IACvB,EAAwB,EAAM,MAAM,EAAa,OACpD;EAED,SAAS,EAAQ,GAA0C;AACzD,UAAO,KAAS,QAAQ,CAAC,OAAO,SAAS,EAAK,GAC1C,KACA,EAAY,GAAO,EAAa,OAAO,EAAM,MAAM;;EAGzD,IAAM,IAAM,EAAI,GAAG;AAEnB,IAAM;GAAC;GAAO;GAAc;GAAM,QAAS,EAAI,QAAQ,EAAQ,EAAM,MAAM,EAAG,EAC5E,WAAW,IACZ,CAAC;EAEF,SAAS,IAAS;AAGhB,OAAI,EAAI,UAAU,EAAQ,EAAM,MAAM,CAAE;GACxC,IAAM,IAAS,EAAU,EAAI,MAAM;AACnC,OAAI,MAAM,EAAO,EAAE;AACjB,MAAI,QAAQ,EAAQ,EAAM,MAAM;AAChC;;GAEF,IAAM,IAAU,EAAM,QAAQ,EAAS,EAAO,GAAG,EAAS,EAAO;AAIjE,GAHA,EAAM,QAAQ,GAGd,EAAI,QAAQ,EAAQ,EAAQ;;yBAK5B,EAME,EAAA,EAAA,EAAA;eALS,EAAA;mDAAG,QAAA;GACZ,OAAM;GACL,aAAa,EAAA;GACb,QAAM;GACN,WAAO,EAAQ,GAAM,CAAA,QAAA,CAAA"}

package/dist/location/WellLocationMap.d.ts

@@ -0,0 +1,22 @@
+import { WellLocationMapProps } from './location';
+type __VLS_Props = WellLocationMapProps;
+type __VLS_ModelProps = {
+    'lat': number;
+    'lng': number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:lat": (value: number) => any;
+    "update:lng": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:lat"?: ((value: number) => any) | undefined;
+    "onUpdate:lng"?: ((value: number) => any) | undefined;
+}>, {
+    height: string;
+    readonly: boolean;
+    tileUrl: string;
+    attribution: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellLocationMap.vue.d.ts.map

package/dist/location/WellLocationMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellLocationMap.d.ts","sourceRoot":"","sources":["../../src/location/WellLocationMap.vue"],"names":[],"mappings":"AAqNA,OAAO,EAML,KAAK,oBAAoB,EAC1B,MAAM,YAAY,CAAC;AAIpB,KAAK,WAAW,GAAG,oBAAoB,CAAC;AA6IxC,KAAK,gBAAgB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACb,CAAC;AAaF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAoCxD,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/location/WellLocationMap.js

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

package/dist/location/WellLocationMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellLocationMap.js","names":[],"sources":["../../src/location/WellLocationMap.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Leaflet map with a single pin at `lat`/`lng`. Click the map or drag the\n * pin to move it (unless `readonly`, which can change at any time). Leaflet and its CSS are imported\n * dynamically on mount, so server-side rendering outputs an empty `div` and\n * no `<ClientOnly>` is needed. `leaflet` is an optional peer dependency.\n *\n * The pin is an inline SVG (`L.divIcon`) filled with the theme's primary\n * colour; no marker images are fetched.\n */\nimport { clampLat, clampLng } from '@welldot/utils';\nimport type { LeafletMouseEvent, Map as LeafletMap, Marker } from 'leaflet';\nimport { onMounted, onUnmounted, useTemplateRef, watch } from 'vue';\nimport {\n  DEFAULT_TILE_ATTRIBUTION,\n  DEFAULT_TILE_URL,\n  MARKER_ANCHOR,\n  MARKER_SIZE,\n  MARKER_SVG,\n  type WellLocationMapProps,\n} from './location';\n\ntype Leaflet = typeof import('leaflet');\n\nconst props = withDefaults(defineProps<WellLocationMapProps>(), {\n  readonly: false,\n  tileUrl: DEFAULT_TILE_URL,\n  attribution: DEFAULT_TILE_ATTRIBUTION,\n  height: '16rem',\n});\nconst lat = defineModel<number>('lat', { required: true });\nconst lng = defineModel<number>('lng', { required: true });\n\nconst mapEl = useTemplateRef<HTMLElement>('mapEl');\nlet map: LeafletMap | null = null;\nlet marker: Marker | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet unmounted = false;\n/** Leaflet namespace, once loaded on mount. */\nlet leaflet: Leaflet | null = null;\n\n/** Leaflet ships UMD; depending on the bundler the namespace is `default`. */\nasync function loadLeaflet(): Promise<Leaflet> {\n  const mod = (await import('leaflet')) as Leaflet & { default?: Leaflet };\n  return mod.default ?? mod;\n}\n\nfunction finite(value: number | null | undefined): number {\n  return typeof value === 'number' && Number.isFinite(value) ? value : 0;\n}\n\nfunction setCoordinates(newLat: number, newLng: number) {\n  lat.value = clampLat(newLat);\n  lng.value = clampLng(newLng);\n}\n\n/** Map click handler while editable (kept to remove it again). */\nlet onMapClick: ((e: LeafletMouseEvent) => void) | null = null;\n\nfunction onMarkerDragEnd() {\n  if (!marker) return;\n  const pos = marker.getLatLng();\n  setCoordinates(pos.lat, pos.lng);\n}\n\n/**\n * Turns pin dragging and click-to-move on or off. Called on mount and\n * whenever `readonly` changes.\n */\nfunction setEditable(L: Leaflet, editable: boolean) {\n  if (!map || !marker) return;\n  const m = map;\n  const pin = marker;\n\n  pin.options.draggable = editable;\n  if (editable) pin.dragging?.enable();\n  else pin.dragging?.disable();\n  pin.off('dragend', onMarkerDragEnd);\n  if (editable) pin.on('dragend', onMarkerDragEnd);\n\n  if (onMapClick) m.off('click', onMapClick);\n  onMapClick = null;\n  if (editable) {\n    onMapClick = e => {\n      const clamped = L.latLng(clampLat(e.latlng.lat), clampLng(e.latlng.lng));\n      pin.setLatLng(clamped);\n      setCoordinates(clamped.lat, clamped.lng);\n    };\n    m.on('click', onMapClick);\n  }\n\n  // Leaflet gives every interactive marker a pointer cursor; a read-only\n  // pin does nothing on click or drag.\n  pin.getElement()?.style.setProperty('cursor', editable ? '' : 'default');\n}\n\nonMounted(async () => {\n  const L = await loadLeaflet();\n  await import('leaflet/dist/leaflet.css');\n  // Unmounted while leaflet was loading.\n  if (unmounted || !mapEl.value) return;\n\n  const initialLat = clampLat(finite(lat.value));\n  const initialLng = clampLng(finite(lng.value));\n  const isDefault = initialLat === 0 && initialLng === 0;\n\n  map = L.map(mapEl.value, {\n    zoomControl: true,\n    maxBounds: L.latLngBounds([-90, -180], [90, 180]),\n    maxBoundsViscosity: 1.0,\n    minZoom: 2,\n  }).setView([initialLat, initialLng], isDefault ? 2 : 13);\n\n  L.tileLayer(props.tileUrl, {\n    attribution: props.attribution,\n    maxZoom: 19,\n    noWrap: true,\n  }).addTo(map);\n\n  const icon = L.divIcon({\n    className: 'well-location-marker',\n    html: MARKER_SVG,\n    iconSize: MARKER_SIZE,\n    iconAnchor: MARKER_ANCHOR,\n  });\n\n  marker = L.marker([initialLat, initialLng], {\n    icon,\n    draggable: !props.readonly,\n  }).addTo(map);\n\n  leaflet = L;\n  setEditable(L, !props.readonly);\n\n  if (typeof ResizeObserver !== 'undefined') {\n    resizeObserver = new ResizeObserver(() => map?.invalidateSize());\n    resizeObserver.observe(mapEl.value);\n  }\n});\n\nonUnmounted(() => {\n  unmounted = true;\n  resizeObserver?.disconnect();\n  resizeObserver = null;\n  map?.remove();\n  map = null;\n  marker = null;\n  onMapClick = null;\n});\n\nwatch(\n  () => props.readonly,\n  readonly => {\n    if (leaflet) setEditable(leaflet, !readonly);\n  },\n);\n\nwatch([lat, lng], ([newLat, newLng]) => {\n  if (!map || !marker) return;\n  const clampedLat = clampLat(finite(newLat));\n  const clampedLng = clampLng(finite(newLng));\n  marker.setLatLng([clampedLat, clampedLng]);\n  map.setView([clampedLat, clampedLng], map.getZoom());\n});\n</script>\n\n<template>\n  <div\n    ref=\"mapEl\"\n    class=\"well-location-map w-full rounded-lg overflow-hidden border border-surface-200\"\n    :style=\"{ height: props.height }\"\n  />\n</template>\n\n<style scoped>\n/* Leaflet creates the marker element outside Vue's render, so the scoped\n   attribute is only on the map root: reach the marker through `:deep`. */\n.well-location-map :deep(.well-location-marker) {\n  background: none;\n  border: none;\n}\n\n.well-location-map :deep(.well-location-marker svg) {\n  display: block;\n  overflow: visible;\n  filter: drop-shadow(0 1px 1.5px rgb(0 0 0 / 0.35));\n}\n\n.well-location-map :deep(.well-location-marker__pin) {\n  fill: var(--p-primary-color, var(--color-primary-500, #2563eb));\n  stroke: rgb(0 0 0 / 0.2);\n  stroke-width: 0.75;\n}\n\n.well-location-map :deep(.well-location-marker__dot) {\n  fill: #fff;\n}\n</style>\n"],"mappings":""}