@welldot/vue 0.0.0-stage → 0.1.1

package/dist/components/WellTagSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { useWellText as e } from "../composables/useWellText.js";
+import t from "./WellChip.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeModels as l, openBlock as u, renderList as d, unref as f, useModel as p } from "vue";
+import m from "primevue/select";
+//#region src/components/WellTagSelect.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "flex flex-col gap-2" }, g = {
+	key: 0,
+	class: "flex flex-wrap gap-2"
+}, _ = /* @__PURE__ */ c({
+	__name: "WellTagSelect",
+	props: /* @__PURE__ */ l({
+		options: {},
+		placeholder: {},
+		removeLabel: {},
+		filter: { type: Boolean }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, _ = p(c, "modelValue"), v = e(), y = r(() => l.options.map((e) => ({
+			value: e.value,
+			label: v(e.label) ?? e.value
+		}))), b = r(() => _.value.map((e) => ({
+			value: e,
+			label: y.value.find((t) => t.value === e)?.label ?? e
+		}))), x = r(() => y.value.filter((e) => !_.value.includes(e.value)));
+		function S(e) {
+			e && !_.value.includes(e) && (_.value = [..._.value, e]);
+		}
+		function C(e) {
+			_.value = _.value.filter((t) => t !== e);
+		}
+		return (e, r) => (u(), o("div", h, [b.value.length ? (u(), o("div", g, [(u(!0), o(n, null, d(b.value, (e) => (u(), i(t, {
+			key: e.value,
+			label: e.label,
+			removable: "",
+			"remove-label": l.removeLabel,
+			onRemove: (t) => C(e.value)
+		}, null, 8, [
+			"label",
+			"remove-label",
+			"onRemove"
+		]))), 128))])) : a("", !0), s(f(m), {
+			"model-value": null,
+			options: x.value,
+			"option-label": "label",
+			"option-value": "value",
+			placeholder: f(v)(l.placeholder),
+			filter: l.filter,
+			disabled: !x.value.length,
+			class: "w-full",
+			"onUpdate:modelValue": S
+		}, null, 8, [
+			"options",
+			"placeholder",
+			"filter",
+			"disabled"
+		])]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=WellTagSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/WellTagSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTagSelect.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/WellTagSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Multi-value picker: selected values render as removable chips above a\n * single Select; picking an option appends it and clears the Select. Values\n * absent from `options` (e.g. unresolved ids) still show, as their raw value.\n *\n * Option labels are `LanguageTextInput`, so a core `VocabEntry[]` can be\n * passed as `options` directly.\n */\nimport type { LanguageTextInput } from '@welldot/core';\nimport Select from 'primevue/select';\nimport { computed } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { WellTagOption } from '../types';\nimport WellChip from './WellChip.vue';\n\nconst props = defineProps<{\n  options: readonly WellTagOption[];\n  placeholder?: LanguageTextInput;\n  /** Accessible label for each chip's remove button. */\n  removeLabel?: LanguageTextInput;\n  filter?: boolean;\n}>();\n\nconst model = defineModel<string[]>({ default: () => [] });\n\nconst text = useWellText();\n\nconst resolvedOptions = computed(() =>\n  props.options.map(o => ({ value: o.value, label: text(o.label) ?? o.value })),\n);\n\nconst selected = computed(() =>\n  model.value.map(value => ({\n    value,\n    label: resolvedOptions.value.find(o => o.value === value)?.label ?? value,\n  })),\n);\n\nconst available = computed(() =>\n  resolvedOptions.value.filter(o => !model.value.includes(o.value)),\n);\n\nfunction add(value: string | null) {\n  if (value && !model.value.includes(value)) {\n    model.value = [...model.value, value];\n  }\n}\n\nfunction remove(value: string) {\n  model.value = model.value.filter(v => v !== value);\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <div v-if=\"selected.length\" class=\"flex flex-wrap gap-2\">\n      <WellChip\n        v-for=\"item in selected\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        removable\n        :remove-label=\"props.removeLabel\"\n        @remove=\"remove(item.value)\"\n      />\n    </div>\n    <Select\n      :model-value=\"null\"\n      :options=\"available\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :placeholder=\"text(props.placeholder)\"\n      :filter=\"props.filter\"\n      :disabled=\"!available.length\"\n      class=\"w-full\"\n      @update:model-value=\"add\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAgBA,IAAM,IAAQ,GAQR,IAAQ,EAAqB,GAAA,aAAuB,EAEpD,IAAO,GAAa,EAEpB,IAAkB,QACtB,EAAM,QAAQ,KAAI,OAAM;GAAE,OAAO,EAAE;GAAO,OAAO,EAAK,EAAE,MAAM,IAAI,EAAE;GAAO,EAAE,CAC9E,EAEK,IAAW,QACf,EAAM,MAAM,KAAI,OAAU;GACxB;GACA,OAAO,EAAgB,MAAM,MAAK,MAAK,EAAE,UAAU,EAAM,EAAE,SAAS;GACrE,EAAE,CACJ,EAEK,IAAY,QAChB,EAAgB,MAAM,QAAO,MAAK,CAAC,EAAM,MAAM,SAAS,EAAE,MAAM,CAAC,CAClE;EAED,SAAS,EAAI,GAAsB;AACjC,GAAI,KAAS,CAAC,EAAM,MAAM,SAAS,EAAM,KACvC,EAAM,QAAQ,CAAC,GAAG,EAAM,OAAO,EAAM;;EAIzC,SAAS,EAAO,GAAe;AAC7B,KAAM,QAAQ,EAAM,MAAM,QAAO,MAAK,MAAM,EAAM;;yBAKlD,EAsBM,OAtBN,GAsBM,CArBO,EAAA,MAAS,UAAA,GAAA,EAApB,EASM,OATN,GASM,EAAA,EAAA,GAAA,EARJ,EAOE,GAAA,MAAA,EANe,EAAA,QAAR,YADT,EAOE,GAAA;GALC,KAAK,EAAK;GACV,OAAO,EAAK;GACb,WAAA;GACC,gBAAc,EAAM;GACpB,WAAM,MAAE,EAAO,EAAK,MAAK;;;;;8BAG9B,EAUE,EAAA,EAAA,EAAA;GATC,eAAa;GACb,SAAS,EAAA;GACV,gBAAa;GACb,gBAAa;GACZ,aAAa,EAAA,EAAI,CAAC,EAAM,YAAW;GACnC,QAAQ,EAAM;GACd,UAAQ,CAAG,EAAA,MAAU;GACtB,OAAM;GACL,uBAAoB"}

package/dist/components/WellTextureSelect.d.ts

@@ -0,0 +1,30 @@
+import { TextureCode, TextureOption } from '@welldot/core';
+import { WellTextureSelectLabels } from '../types';
+type __VLS_Props = {
+    options?: readonly TextureOption[];
+    labels?: WellTextureSelectLabels;
+    appendTo?: string | HTMLElement;
+    filter?: boolean;
+    pt?: Record<string, unknown>;
+};
+type __VLS_ModelProps = {
+    modelValue?: TextureCode | null | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    show: () => void | undefined;
+    hide: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: TextureCode | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TextureCode | null | undefined) => any) | undefined;
+}>, {
+    filter: boolean;
+    pt: Record<string, unknown>;
+    options: readonly TextureOption[];
+    appendTo: string | HTMLElement;
+    labels: WellTextureSelectLabels;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=WellTextureSelect.vue.d.ts.map

package/dist/components/WellTextureSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTextureSelect.d.ts","sourceRoot":"","sources":["../../src/components/WellTextureSelect.vue"],"names":[],"mappings":"AAiJA;;;;;;;;;;;GAWG;AACH,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGxD,KAAK,WAAW,GAAG;IACf,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B,CAAC;AAwDJ,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,CAAC;AAaF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAyKxD,QAAA,MAAM,YAAY;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/WellTextureSelect.js

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

package/dist/components/WellTextureSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTextureSelect.js","names":[],"sources":["../../src/components/WellTextureSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Lithology texture picker: a filterable Select of texture codes with\n * thumbnails. `v-model` is the texture code.\n *\n * - `options` defaults to the FGDC catalogue (`FGDC_TEXTURES_OPTIONS`).\n * - Options flagged `pending` are hidden until the footer toggle is checked;\n *   the toggle renders only when `labels.showPending` is given.\n * - `pt` is shallow-merged over the built-in pass-through per section (two\n *   objects merge; otherwise the given value wins). Other attrs (`disabled`,\n *   `invalid`, `@keydown`, `@hide`…) pass through to the PrimeVue Select.\n * - `show()` / `hide()` are exposed to open the overlay programmatically.\n */\nimport {\n  FGDC_TEXTURES_OPTIONS,\n  type TextureCode,\n  type TextureOption,\n} from '@welldot/core';\nimport Checkbox from 'primevue/checkbox';\nimport Select from 'primevue/select';\nimport { computed, ref, useId } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { WellTextureSelectLabels } from '../types';\nimport WellTextureThumbnail from './WellTextureThumbnail.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    options?: readonly TextureOption[];\n    labels?: WellTextureSelectLabels;\n    appendTo?: string | HTMLElement;\n    filter?: boolean;\n    pt?: Record<string, unknown>;\n  }>(),\n  {\n    options: () => FGDC_TEXTURES_OPTIONS,\n    labels: () => ({}),\n    appendTo: 'body',\n    filter: true,\n    pt: undefined,\n  },\n);\n\ndefineOptions({ inheritAttrs: false });\n\nconst model = defineModel<TextureCode | null | undefined>();\n\nconst text = useWellText();\nconst toggleId = useId();\nconst selectRef = ref<InstanceType<typeof Select> | null>(null);\nconst showPending = ref(false);\n\nconst showPendingLabel = computed(() => text(props.labels.showPending));\n\nconst filteredOptions = computed(() =>\n  showPending.value\n    ? props.options\n    : props.options.filter(option => !option.pending),\n);\n\nconst DEFAULT_PT: Record<string, unknown> = {\n  label: 'flex items-center',\n  option: 'p-1',\n  overlay: { class: 'min-w-[340px]' },\n};\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nconst mergedPt = computed(() => {\n  const merged: Record<string, unknown> = { ...DEFAULT_PT };\n  for (const [key, value] of Object.entries(props.pt ?? {})) {\n    const base = merged[key];\n    merged[key] =\n      isPlainObject(base) && isPlainObject(value)\n        ? { ...base, ...value }\n        : value;\n  }\n  return merged;\n});\n\ndefineExpose({\n  show: () => selectRef.value?.show(),\n  hide: () => selectRef.value?.hide(),\n});\n</script>\n\n<template>\n  <Select\n    v-bind=\"$attrs\"\n    ref=\"selectRef\"\n    v-model=\"model\"\n    :options=\"filteredOptions as TextureOption[]\"\n    option-label=\"label\"\n    option-value=\"code\"\n    :filter=\"props.filter\"\n    :filter-fields=\"['label', 'code']\"\n    :placeholder=\"text(props.labels.placeholder)\"\n    :append-to=\"props.appendTo\"\n    :pt=\"mergedPt\"\n  >\n    <template #option=\"{ option }: { option: TextureOption }\">\n      <div class=\"flex items-center gap-2.5 py-0.5\">\n        <WellTextureThumbnail :code=\"option.code\" :size=\"48\" />\n        <div class=\"flex flex-col min-w-0\">\n          <span class=\"font-mono text-[13px] font-semibold leading-tight\">{{\n            option.code\n          }}</span>\n          <span class=\"text-[11px] opacity-65 truncate max-w-60\">{{\n            option.label\n          }}</span>\n        </div>\n      </div>\n    </template>\n    <template #value=\"{ value: selectedCode, placeholder }\">\n      <div v-if=\"selectedCode != null\" class=\"flex items-center gap-1.5\">\n        <WellTextureThumbnail\n          :code=\"selectedCode as string | number\"\n          :size=\"28\"\n        />\n        <span class=\"font-mono text-[11px]\">{{ selectedCode }}</span>\n      </div>\n      <span v-else class=\"text-content-400 text-[11px]\">{{ placeholder }}</span>\n    </template>\n    <template v-if=\"showPendingLabel\" #footer>\n      <div class=\"flex items-center gap-1 px-2 py-1\">\n        <Checkbox\n          v-model=\"showPending\"\n          binary\n          size=\"small\"\n          :input-id=\"toggleId\"\n        />\n        <label\n          :for=\"toggleId\"\n          class=\"text-[10px] text-content-400 cursor-pointer select-none\"\n        >\n          {{ showPendingLabel }}\n        </label>\n      </div>\n    </template>\n  </Select>\n</template>\n"],"mappings":""}

package/dist/components/WellTextureSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,103 @@
+import { useWellText as e } from "../composables/useWellText.js";
+import t from "./WellTextureThumbnail.js";
+import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createSlots as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, ref as f, toDisplayString as p, unref as m, useId as h, useModel as g, withCtx as _ } from "vue";
+import { FGDC_TEXTURES_OPTIONS as v } from "@welldot/core";
+import y from "primevue/select";
+import b from "primevue/checkbox";
+//#region src/components/WellTextureSelect.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "flex items-center gap-2.5 py-0.5" }, S = { class: "flex flex-col min-w-0" }, C = { class: "font-mono text-[13px] font-semibold leading-tight" }, w = { class: "text-[11px] opacity-65 truncate max-w-60" }, T = {
+	key: 0,
+	class: "flex items-center gap-1.5"
+}, E = { class: "font-mono text-[11px]" }, D = {
+	key: 1,
+	class: "text-content-400 text-[11px]"
+}, O = { class: "flex items-center gap-1 px-2 py-1" }, k = ["for"], A = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "WellTextureSelect",
+	props: /* @__PURE__ */ l({
+		options: { default: () => v },
+		labels: { default: () => ({}) },
+		appendTo: { default: "body" },
+		filter: {
+			type: Boolean,
+			default: !0
+		},
+		pt: { default: void 0 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c, { expose: l }) {
+		let v = c, A = g(c, "modelValue"), j = e(), M = h(), N = f(null), P = f(!1), F = n(() => j(v.labels.showPending)), I = n(() => P.value ? v.options : v.options.filter((e) => !e.pending)), L = {
+			label: "flex items-center",
+			option: "p-1",
+			overlay: { class: "min-w-[340px]" }
+		};
+		function R(e) {
+			return typeof e == "object" && !!e && !Array.isArray(e);
+		}
+		let z = n(() => {
+			let e = { ...L };
+			for (let [t, n] of Object.entries(v.pt ?? {})) {
+				let r = e[t];
+				e[t] = R(r) && R(n) ? {
+					...r,
+					...n
+				} : n;
+			}
+			return e;
+		});
+		return l({
+			show: () => N.value?.show(),
+			hide: () => N.value?.hide()
+		}), (e, n) => (d(), r(m(y), u(e.$attrs, {
+			ref_key: "selectRef",
+			ref: N,
+			modelValue: A.value,
+			"onUpdate:modelValue": n[1] || (n[1] = (e) => A.value = e),
+			options: I.value,
+			"option-label": "label",
+			"option-value": "code",
+			filter: v.filter,
+			"filter-fields": ["label", "code"],
+			placeholder: m(j)(v.labels.placeholder),
+			"append-to": v.appendTo,
+			pt: z.value
+		}), o({
+			option: _(({ option: e }) => [a("div", x, [s(t, {
+				code: e.code,
+				size: 48
+			}, null, 8, ["code"]), a("div", S, [a("span", C, p(e.code), 1), a("span", w, p(e.label), 1)])])]),
+			value: _(({ value: e, placeholder: n }) => [e == null ? (d(), i("span", D, p(n), 1)) : (d(), i("div", T, [s(t, {
+				code: e,
+				size: 28
+			}, null, 8, ["code"]), a("span", E, p(e), 1)]))]),
+			_: 2
+		}, [F.value ? {
+			name: "footer",
+			fn: _(() => [a("div", O, [s(m(b), {
+				modelValue: P.value,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => P.value = e),
+				binary: "",
+				size: "small",
+				"input-id": m(M)
+			}, null, 8, ["modelValue", "input-id"]), a("label", {
+				for: m(M),
+				class: "text-[10px] text-content-400 cursor-pointer select-none"
+			}, p(F.value), 9, k)])]),
+			key: "0"
+		} : void 0]), 1040, [
+			"modelValue",
+			"options",
+			"filter",
+			"placeholder",
+			"append-to",
+			"pt"
+		]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=WellTextureSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/WellTextureSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTextureSelect.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/components/WellTextureSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Lithology texture picker: a filterable Select of texture codes with\n * thumbnails. `v-model` is the texture code.\n *\n * - `options` defaults to the FGDC catalogue (`FGDC_TEXTURES_OPTIONS`).\n * - Options flagged `pending` are hidden until the footer toggle is checked;\n *   the toggle renders only when `labels.showPending` is given.\n * - `pt` is shallow-merged over the built-in pass-through per section (two\n *   objects merge; otherwise the given value wins). Other attrs (`disabled`,\n *   `invalid`, `@keydown`, `@hide`…) pass through to the PrimeVue Select.\n * - `show()` / `hide()` are exposed to open the overlay programmatically.\n */\nimport {\n  FGDC_TEXTURES_OPTIONS,\n  type TextureCode,\n  type TextureOption,\n} from '@welldot/core';\nimport Checkbox from 'primevue/checkbox';\nimport Select from 'primevue/select';\nimport { computed, ref, useId } from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { WellTextureSelectLabels } from '../types';\nimport WellTextureThumbnail from './WellTextureThumbnail.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    options?: readonly TextureOption[];\n    labels?: WellTextureSelectLabels;\n    appendTo?: string | HTMLElement;\n    filter?: boolean;\n    pt?: Record<string, unknown>;\n  }>(),\n  {\n    options: () => FGDC_TEXTURES_OPTIONS,\n    labels: () => ({}),\n    appendTo: 'body',\n    filter: true,\n    pt: undefined,\n  },\n);\n\ndefineOptions({ inheritAttrs: false });\n\nconst model = defineModel<TextureCode | null | undefined>();\n\nconst text = useWellText();\nconst toggleId = useId();\nconst selectRef = ref<InstanceType<typeof Select> | null>(null);\nconst showPending = ref(false);\n\nconst showPendingLabel = computed(() => text(props.labels.showPending));\n\nconst filteredOptions = computed(() =>\n  showPending.value\n    ? props.options\n    : props.options.filter(option => !option.pending),\n);\n\nconst DEFAULT_PT: Record<string, unknown> = {\n  label: 'flex items-center',\n  option: 'p-1',\n  overlay: { class: 'min-w-[340px]' },\n};\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nconst mergedPt = computed(() => {\n  const merged: Record<string, unknown> = { ...DEFAULT_PT };\n  for (const [key, value] of Object.entries(props.pt ?? {})) {\n    const base = merged[key];\n    merged[key] =\n      isPlainObject(base) && isPlainObject(value)\n        ? { ...base, ...value }\n        : value;\n  }\n  return merged;\n});\n\ndefineExpose({\n  show: () => selectRef.value?.show(),\n  hide: () => selectRef.value?.hide(),\n});\n</script>\n\n<template>\n  <Select\n    v-bind=\"$attrs\"\n    ref=\"selectRef\"\n    v-model=\"model\"\n    :options=\"filteredOptions as TextureOption[]\"\n    option-label=\"label\"\n    option-value=\"code\"\n    :filter=\"props.filter\"\n    :filter-fields=\"['label', 'code']\"\n    :placeholder=\"text(props.labels.placeholder)\"\n    :append-to=\"props.appendTo\"\n    :pt=\"mergedPt\"\n  >\n    <template #option=\"{ option }: { option: TextureOption }\">\n      <div class=\"flex items-center gap-2.5 py-0.5\">\n        <WellTextureThumbnail :code=\"option.code\" :size=\"48\" />\n        <div class=\"flex flex-col min-w-0\">\n          <span class=\"font-mono text-[13px] font-semibold leading-tight\">{{\n            option.code\n          }}</span>\n          <span class=\"text-[11px] opacity-65 truncate max-w-60\">{{\n            option.label\n          }}</span>\n        </div>\n      </div>\n    </template>\n    <template #value=\"{ value: selectedCode, placeholder }\">\n      <div v-if=\"selectedCode != null\" class=\"flex items-center gap-1.5\">\n        <WellTextureThumbnail\n          :code=\"selectedCode as string | number\"\n          :size=\"28\"\n        />\n        <span class=\"font-mono text-[11px]\">{{ selectedCode }}</span>\n      </div>\n      <span v-else class=\"text-content-400 text-[11px]\">{{ placeholder }}</span>\n    </template>\n    <template v-if=\"showPendingLabel\" #footer>\n      <div class=\"flex items-center gap-1 px-2 py-1\">\n        <Checkbox\n          v-model=\"showPending\"\n          binary\n          size=\"small\"\n          :input-id=\"toggleId\"\n        />\n        <label\n          :for=\"toggleId\"\n          class=\"text-[10px] text-content-400 cursor-pointer select-none\"\n        >\n          {{ showPendingLabel }}\n        </label>\n      </div>\n    </template>\n  </Select>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAM,IAAQ,GAmBR,IAAQ,EAA2C,GAAA,aAAE,EAErD,IAAO,GAAa,EACpB,IAAW,GAAO,EAClB,IAAY,EAAwC,KAAK,EACzD,IAAc,EAAI,GAAM,EAExB,IAAmB,QAAe,EAAK,EAAM,OAAO,YAAY,CAAC,EAEjE,IAAkB,QACtB,EAAY,QACR,EAAM,UACN,EAAM,QAAQ,QAAO,MAAU,CAAC,EAAO,QAAQ,CACpD,EAEK,IAAsC;GAC1C,OAAO;GACP,QAAQ;GACR,SAAS,EAAE,OAAO,iBAAiB;GACpC;EAED,SAAS,EAAc,GAAkD;AACvE,UAAO,OAAO,KAAU,cAAY,KAAkB,CAAC,MAAM,QAAQ,EAAM;;EAG7E,IAAM,IAAW,QAAe;GAC9B,IAAM,IAAkC,EAAE,GAAG,GAAY;AACzD,QAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,MAAM,EAAE,CAAC,EAAE;IACzD,IAAM,IAAO,EAAO;AACpB,MAAO,KACL,EAAc,EAAK,IAAI,EAAc,EAAK,GACtC;KAAE,GAAG;KAAM,GAAG;KAAM,GACpB;;AAER,UAAO;IACP;SAEF,EAAa;GACX,YAAY,EAAU,OAAO,MAAM;GACnC,YAAY,EAAU,OAAO,MAAM;GACpC,CAAC,kBAIA,EAoDS,EAAA,EAAA,EApDT,EACUA,EAmDD,QAnDO;YACV;GAAJ,KAAI;eACK,EAAA;mDAAK,QAAA;GACb,SAAS,EAAA;GACV,gBAAa;GACb,gBAAa;GACZ,QAAQ,EAAM;GACd,iBAAe,CAAA,SAAA,OAAiB;GAChC,aAAa,EAAA,EAAI,CAAC,EAAM,OAAO,YAAW;GAC1C,aAAW,EAAM;GACjB,IAAI,EAAA;;GAEM,QAAM,GAWT,EAXa,gBAAM,CACzB,EAUM,OAVN,GAUM,CATJ,EAAuD,GAAA;IAAhC,MAAM,EAAO;IAAO,MAAM;0BACjD,EAOM,OAPN,GAOM,CANJ,EAES,QAFT,GAES,EADP,EAAO,KAAI,EAAA,EAAA,EAEb,EAES,QAFT,GAES,EADP,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;GAKT,OAAK,GAOR,EAAA,OAPmB,GAAc,qBAAW,CACvC,KAAY,QAK8B,GAAA,EAErD,EAA0E,QAA1E,GAA0E,EAArB,EAAW,EAAA,EAAA,KAPzC,GAAA,EAAvB,EAMM,OANN,GAMM,CALJ,EAGE,GAAA;IAFC,MAAM;IACN,MAAM;0BAET,EAA6D,QAA7D,GAA6D,EAAtB,EAAY,EAAA,EAAA,CAAA,CAAA,EAEW,CAAA;;MAElD,EAAA,QAAA;SAAmB;eAc3B,CAbN,EAaM,OAbN,GAaM,CAZJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA;oDAAW,QAAA;IACpB,QAAA;IACA,MAAK;IACJ,YAAU,EAAA,EAAQ;4CAErB,EAKQ,SAAA;IAJL,KAAK,EAAA,EAAQ;IACd,OAAM;QAEH,EAAA,MAAgB,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/WellTextureThumbnail.d.ts

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

package/dist/components/WellTextureThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTextureThumbnail.d.ts","sourceRoot":"","sources":["../../src/components/WellTextureThumbnail.vue"],"names":[],"mappings":"AAsSA,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+SJ,QAAA,MAAM,YAAY;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/WellTextureThumbnail.js

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

package/dist/components/WellTextureThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellTextureThumbnail.js","names":[],"sources":["../../src/components/WellTextureThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Thumbnail of an FGDC lithology texture, drawn from the texture registry\n * (loaded lazily from `@welldot/render/textures` and cached).\n */\nimport { importFgdcTextures } from '@welldot/render/textures';\nimport { computed, ref, watch } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    code: number | string | undefined;\n    size?: number;\n  }>(),\n  { size: 48 },\n);\nlet _fgdcCache: Record<string | number, string> | null = null;\nlet _fgdcPromise: Promise<Record<string | number, string>> | null = null;\n\nfunction loadFgdcPaths(): Promise<Record<string | number, string>> {\n  if (_fgdcCache) return Promise.resolve(_fgdcCache);\n  if (!_fgdcPromise) {\n    _fgdcPromise = importFgdcTextures().then(paths => {\n      _fgdcCache = paths;\n      return paths;\n    });\n  }\n  return _fgdcPromise;\n}\n\n// Codes 607–611 use M x,y h0 path segments (zero-length = dot positions) — render as circles\nconst DOT_TEXTURE_CODES = new Set([607, 608, 609, 610, 611]);\n\nfunction parseDotCoords(pathData: string): Array<[number, number]> {\n  const tokens = pathData.match(/[MmHhVvLlCcZz]|[-+]?[0-9]*\\.?[0-9]+/g) ?? [];\n  const coords: Array<[number, number]> = [];\n  let x = 0,\n    y = 0,\n    cmd = '';\n  let i = 0;\n  while (i < tokens.length) {\n    const t = tokens[i] || '';\n    if (/[MmHhVvLlCcZz]/.test(t)) {\n      cmd = t;\n      i++;\n      continue;\n    }\n    const n = parseFloat(t);\n    if (isNaN(n)) {\n      i++;\n      continue;\n    }\n    if (cmd === 'M') {\n      const n2 = parseFloat(tokens[i + 1] ?? '');\n      if (!isNaN(n2)) {\n        x = n;\n        y = n2;\n        coords.push([x, y]);\n        i += 2;\n      } else i++;\n    } else if (cmd === 'm') {\n      const n2 = parseFloat(tokens[i + 1] ?? '');\n      if (!isNaN(n2)) {\n        x += n;\n        y += n2;\n        coords.push([x, y]);\n        i += 2;\n      } else i++;\n    } else {\n      i++;\n    }\n  }\n  return coords;\n}\n\n// ── Hand-crafted fallbacks for codes with empty path data ─────────────────────\nconst FALLBACK_685_LINES = [20, 50, 80, 110, 140];\nconst FALLBACK_685_CURVES = [35, 65, 95, 125].map((y, i) => ({ y, i }));\n\nconst FALLBACK_718_LINES: Array<[number, number, number, number]> = [\n  [10, 15, 22, 12],\n  [35, 8, 45, 18],\n  [65, 5, 72, 20],\n  [90, 12, 100, 8],\n  [120, 6, 130, 18],\n  [145, 15, 148, 28],\n  [5, 40, 18, 35],\n  [40, 32, 52, 45],\n  [70, 38, 80, 28],\n  [100, 30, 112, 42],\n  [135, 35, 145, 25],\n  [15, 60, 25, 50],\n  [50, 55, 60, 68],\n  [80, 58, 90, 48],\n  [110, 52, 122, 65],\n  [140, 58, 148, 48],\n  [8, 80, 20, 72],\n  [42, 76, 55, 88],\n  [72, 78, 85, 68],\n  [105, 74, 115, 86],\n  [138, 80, 148, 70],\n  [18, 100, 30, 92],\n  [48, 96, 58, 108],\n  [80, 100, 92, 90],\n  [112, 97, 122, 108],\n  [140, 102, 150, 94],\n  [10, 118, 22, 110],\n  [44, 116, 56, 128],\n  [76, 120, 88, 112],\n  [108, 118, 120, 128],\n  [138, 122, 148, 112],\n  [14, 138, 26, 130],\n  [48, 136, 60, 148],\n  [80, 140, 90, 130],\n  [110, 138, 122, 148],\n  [138, 140, 148, 132],\n];\n\nconst FALLBACK_718_DOTS: Array<[number, number]> = [\n  [16, 13],\n  [42, 12],\n  [68, 12],\n  [95, 10],\n  [125, 12],\n  [148, 12],\n  [10, 48],\n  [52, 40],\n  [75, 33],\n  [106, 36],\n  [140, 30],\n  [22, 78],\n  [58, 78],\n  [87, 73],\n  [115, 78],\n  [144, 75],\n];\n\nconst pathData = ref<string | undefined>(undefined);\nconst numericCode = computed(() => Number(props.code));\n\nwatch(\n  () => props.code,\n  () => {\n    pathData.value = undefined;\n    loadFgdcPaths().then(paths => {\n      const code = String(props.code);\n      pathData.value = paths[code];\n    });\n  },\n  {\n    immediate: true,\n  },\n);\n\ntype RenderMode = 'fallback685' | 'fallback718' | 'spacer' | 'dots' | 'path';\n\nconst renderMode = computed<RenderMode>(() => {\n  const code = numericCode.value;\n  if (!pathData.value) {\n    if (code === 685) return 'fallback685';\n    if (code === 718) return 'fallback718';\n    return 'spacer';\n  }\n  if (DOT_TEXTURE_CODES.has(code)) return 'dots';\n  return 'path';\n});\n\nconst dotCoords = computed<Array<[number, number]>>(() => {\n  if (renderMode.value !== 'dots' || !pathData.value) return [];\n  return parseDotCoords(pathData.value);\n});\n</script>\n\n<template>\n  <svg\n    v-if=\"renderMode === 'fallback685'\"\n    :width=\"size\"\n    :height=\"size\"\n    viewBox=\"0 0 150 150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"texture-svg\"\n    aria-hidden=\"true\"\n  >\n    <line\n      v-for=\"y in FALLBACK_685_LINES\"\n      :key=\"y\"\n      x1=\"0\"\n      :y1=\"y\"\n      x2=\"150\"\n      :y2=\"y\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      stroke-dasharray=\"18 6\"\n    />\n    <path\n      v-for=\"{ y, i } in FALLBACK_685_CURVES\"\n      :key=\"y\"\n      :d=\"`M0,${y} C25,${y - 8 + i * 2} 50,${y + 8 - i * 2} 75,${y} S125,${y - 6} 150,${y}`\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.7\"\n      fill=\"none\"\n    />\n  </svg>\n\n  <!-- Fallback 718: scattered granite crystal shapes -->\n  <svg\n    v-else-if=\"renderMode === 'fallback718'\"\n    :width=\"size\"\n    :height=\"size\"\n    viewBox=\"0 0 150 150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"texture-svg\"\n    aria-hidden=\"true\"\n  >\n    <line\n      v-for=\"([x1, y1, x2, y2], i) in FALLBACK_718_LINES\"\n      :key=\"i\"\n      :x1=\"x1\"\n      :y1=\"y1\"\n      :x2=\"x2\"\n      :y2=\"y2\"\n      stroke=\"currentColor\"\n      stroke-width=\"1\"\n    />\n    <circle\n      v-for=\"([cx, cy], i) in FALLBACK_718_DOTS\"\n      :key=\"i\"\n      :cx=\"cx\"\n      :cy=\"cy\"\n      r=\"1.8\"\n      fill=\"currentColor\"\n    />\n  </svg>\n\n  <!-- Dot textures (607–611): h0 path segments rendered as circles -->\n  <svg\n    v-else-if=\"renderMode === 'dots'\"\n    :width=\"size\"\n    :height=\"size\"\n    viewBox=\"0 0 150 150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"texture-svg\"\n    aria-hidden=\"true\"\n  >\n    <circle\n      v-for=\"([cx, cy], i) in dotCoords\"\n      :key=\"i\"\n      :cx=\"cx\"\n      :cy=\"cy\"\n      r=\"2.2\"\n      fill=\"currentColor\"\n    />\n  </svg>\n\n  <!-- Standard stroke path -->\n  <svg\n    v-else-if=\"renderMode === 'path'\"\n    :width=\"size\"\n    :height=\"size\"\n    viewBox=\"0 0 150 150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"texture-svg\"\n    aria-hidden=\"true\"\n  >\n    <path\n      :d=\"pathData\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.8\"\n      fill=\"none\"\n      vector-effect=\"non-scaling-stroke\"\n    />\n  </svg>\n\n  <!-- Loading spacer -->\n  <div v-else :style=\"{ width: `${size}px`, height: `${size}px` }\" />\n</template>\n\n<style scoped>\n.texture-svg {\n  display: block;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 3px;\n}\n</style>\n"],"mappings":""}