@narrative.io/jsonforms-provider-protocols 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/vue/components/ProviderSelect.vue2.js

@@ -1,17 +1,19 @@
 import { defineComponent, computed, inject, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
+import { useDeriveInitialValue } from "../composables/useDeriveInitialValue.js";
 import { useProjection } from "../composables/useProjection.js";
 import { shouldAutoSelect } from "../utils/autoSelect.js";
+import { resolvePlaceholder } from "../utils/placeholder.js";
 import Dropdown from "primevue/dropdown";
-const _hoisted_1 = { class: "flex flex-column gap-2" };
+const _hoisted_1 = { class: "jf-control" };
 const _hoisted_2 = {
   key: 0,
-  class: "text-color text-left"
+  class: "jf-label"
 };
 const _hoisted_3 = {
   key: 1,
-  class: "text-color-secondary text-left"
+  class: "jf-description"
 };
 const _hoisted_4 = {
   key: 2,
@@ -28,7 +30,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
-    const { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);
+    const {
+      projectedData,
+      projectedLabel,
+      handleProjectedChange: handleChange
+    } = useProjection(control, rawHandleChange);
     const binding = computed(() => {
       const provider = control.value.uischema?.options?.provider;
       if (provider && typeof provider === "object" && !provider.load) {
@@ -46,8 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       data: rootData,
       // Pass the reactive reference
       path: control.value.path,
-      dependsOnValues: depValues.value
+      dependsOnValues: depValues
     });
+    useDeriveInitialValue({ control, handleChange });
     watch(
       [items, loading],
       ([newItems, isLoading]) => {
@@ -69,17 +76,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const placeholder = computed(() => {
       if (loading.value) return "Loading…";
-      const uischemaPlaceholder = control.value.uischema?.options?.placeholder;
-      return uischemaPlaceholder || "Select…";
+      return resolvePlaceholder(
+        control.value.uischema,
+        projectedLabel.value,
+        "select"
+      );
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(control).schema.title ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).schema.title), 1)) : createCommentVNode("", true),
+        unref(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
         unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
         createVNode(unref(Dropdown), {
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-          class: "w-full",
+          class: "w-full!",
           options: unref(items),
           "option-label": "label",
           "option-value": "value",

package/dist/vue/components/ProviderSelect.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelect.vue2.js","sources":["../../../src/vue/components/ProviderSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport Dropdown from \"primevue/dropdown\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items: newItems,\n      currentValue: projectedData.value,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true }\n);\n\nconst value = computed({\n  get: () => projectedData.value,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  // Check for placeholder in uischema options\n  const uischemaPlaceholder = (\n    control.value.uischema as { options?: { placeholder?: string } }\n  )?.options?.placeholder;\n  return uischemaPlaceholder || \"Select…\";\n});\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.schema.title\" class=\"text-color text-left\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      v-model=\"value\"\n      class=\"w-full\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-dropdown-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM,EAAE,eAAe,uBAAuB,iBAAiB,cAAc,SAAS,eAAe;AAErG,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAAC;AAG3D,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,EAAE,OAAO,SAAS,MAAA,IAAU,YAAY,SAAS;AAAA,MACrD,MAAM;AAAA;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB,UAAU;AAAA,IAAA,CAC5B;AAKD;AAAA,MACE,CAAC,OAAO,OAAO;AAAA,MACf,CAAC,CAAC,UAAU,SAAS,MAAM;AACzB,cAAM,gBAAgB,iBAAiB;AAAA,UACrC,kBACE,QAAQ,MAAM,UAAU,SAAS,qBAAqB;AAAA,UACxD;AAAA,UACA,OAAO;AAAA,UACP,cAAc,cAAc;AAAA,QAAA,CAC7B;AAED,YAAI,kBAAkB,MAAM;AAC1B,uBAAa,QAAQ,MAAM,MAAM,aAAa;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,cAAc;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,QAAQ,MAAO,QAAO;AAE1B,YAAM,sBACJ,QAAQ,MAAM,UACb,SAAS;AACZ,aAAO,uBAAuB;AAAA,IAChC,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBSC,MAAA,OAAA,EAAQ,OAAO,SAA5BF,aAAAC,mBAEU,SAFV,YAEUE,gBADRD,eAAQ,OAAO,KAAK,GAAA,CAAA;QAEXA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,QAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAASA,MAAA,KAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ,WAAWA,MAAA,OAAA;AAAA,UAC9B,cAAY;AAAA,QAAA;QAEFA,MAAA,KAAA,KAAbF,aAAAC,mBAEC,SAFD,YACG,qCAAmBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}
+{"version":3,"file":"ProviderSelect.vue2.js","sources":["../../../src/vue/components/ProviderSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDeriveInitialValue } from \"../composables/useDeriveInitialValue\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport { resolvePlaceholder } from \"../utils/placeholder\";\nimport Dropdown from \"primevue/dropdown\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst {\n  projectedData,\n  projectedLabel,\n  handleProjectedChange: handleChange,\n} = useProjection(control, rawHandleChange);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// deriveInitialValue — async API-based initial value seeding\nuseDeriveInitialValue({ control, handleChange });\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items: newItems,\n      currentValue: projectedData.value,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\nconst value = computed({\n  get: () => projectedData.value,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  return resolvePlaceholder(\n    control.value.uischema,\n    projectedLabel.value,\n    \"select\",\n  );\n});\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"projectedLabel\" class=\"jf-label\">{{ projectedLabel }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-dropdown-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,IAAA,IACrB,cAAc,SAAS,eAAe;AAE1C,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAAC;AAG3D,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,EAAE,OAAO,SAAS,MAAA,IAAU,YAAY,SAAS;AAAA,MACrD,MAAM;AAAA;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB;AAAA,IAAA,CAClB;AAKD,0BAAsB,EAAE,SAAS,cAAc;AAG/C;AAAA,MACE,CAAC,OAAO,OAAO;AAAA,MACf,CAAC,CAAC,UAAU,SAAS,MAAM;AACzB,cAAM,gBAAgB,iBAAiB;AAAA,UACrC,kBACE,QAAQ,MAAM,UAAU,SAAS,qBAAqB;AAAA,UACxD;AAAA,UACA,OAAO;AAAA,UACP,cAAc,cAAc;AAAA,QAAA,CAC7B;AAED,YAAI,kBAAkB,MAAM;AAC1B,uBAAa,QAAQ,MAAM,MAAM,aAAa;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,cAAc;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,QAAQ,MAAO,QAAO;AAC1B,aAAO;AAAA,QACL,QAAQ,MAAM;AAAA,QACd,eAAe;AAAA,QACf;AAAA,MAAA;AAAA,IAEJ,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,MAAA,cAAA,kBAAbD,mBAA0E,SAA1E,YAA0EE,gBAAzBD,MAAA,cAAA,CAAc,GAAA,CAAA;QACpDA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,QAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAASA,MAAA,KAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ,WAAWA,MAAA,OAAA;AAAA,UAC9B,cAAY;AAAA,QAAA;QAEFA,MAAA,KAAA,KAAbF,aAAAC,mBAEC,SAFD,YACG,qCAAmBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

package/dist/vue/composables/useDataLayer.d.ts

@@ -1,5 +1,6 @@
 import { type DeepReadonly, type Ref } from "vue";
 import type { ConnectorDataLayer } from "../../core/types";
+export declare const DATA_LAYER_KEY: unique symbol;
 export interface DataLayer {
     push(data: Partial<ConnectorDataLayer>): void;
     state: DeepReadonly<Ref<ConnectorDataLayer>>;

package/dist/vue/composables/useDataLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataLayer.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDataLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAC9C,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,IAAI,SAAS,CAa3C;AAED,wBAAgB,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAUpE"}
+{"version":3,"file":"useDataLayer.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDataLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,cAAc,eAAsB,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAC9C,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,IAAI,SAAS,CAa3C;AAED,wBAAgB,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAUpE"}

package/dist/vue/composables/useDataLayer.js

@@ -19,6 +19,7 @@ function useDataLayer() {
   return readonly(ref({}));
 }
 export {
+  DATA_LAYER_KEY,
   createDataLayer,
   useDataLayer
 };

package/dist/vue/composables/useDataLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataLayer.js","sources":["../../../src/vue/composables/useDataLayer.ts"],"sourcesContent":["import {\n  ref,\n  provide,\n  inject,\n  readonly,\n  type DeepReadonly,\n  type Ref,\n} from \"vue\";\nimport type { ConnectorDataLayer } from \"../../core/types\";\n\nconst DATA_LAYER_KEY = Symbol(\"dataLayer\");\n\nexport interface DataLayer {\n  push(data: Partial<ConnectorDataLayer>): void;\n  state: DeepReadonly<Ref<ConnectorDataLayer>>;\n}\n\nexport function createDataLayer(): DataLayer {\n  const state = ref<ConnectorDataLayer>({});\n\n  const dataLayer: DataLayer = {\n    push(data: Partial<ConnectorDataLayer>) {\n      state.value = { ...state.value, ...data };\n    },\n    state: readonly(state) as DeepReadonly<Ref<ConnectorDataLayer>>,\n  };\n\n  provide(DATA_LAYER_KEY, dataLayer);\n\n  return dataLayer;\n}\n\nexport function useDataLayer(): DeepReadonly<Ref<ConnectorDataLayer>> {\n  const dataLayer = inject<DataLayer | null>(DATA_LAYER_KEY, null);\n  if (dataLayer) {\n    return dataLayer.state;\n  }\n\n  // No dataLayer provided — return empty reactive ref\n  return readonly(ref<ConnectorDataLayer>({})) as DeepReadonly<\n    Ref<ConnectorDataLayer>\n  >;\n}\n"],"names":[],"mappings":";AAUA,MAAM,iBAAiB,OAAO,WAAW;AAOlC,SAAS,kBAA6B;AAC3C,QAAM,QAAQ,IAAwB,EAAE;AAExC,QAAM,YAAuB;AAAA,IAC3B,KAAK,MAAmC;AACtC,YAAM,QAAQ,EAAE,GAAG,MAAM,OAAO,GAAG,KAAA;AAAA,IACrC;AAAA,IACA,OAAO,SAAS,KAAK;AAAA,EAAA;AAGvB,UAAQ,gBAAgB,SAAS;AAEjC,SAAO;AACT;AAEO,SAAS,eAAsD;AACpE,QAAM,YAAY,OAAyB,gBAAgB,IAAI;AAC/D,MAAI,WAAW;AACb,WAAO,UAAU;AAAA,EACnB;AAGA,SAAO,SAAS,IAAwB,CAAA,CAAE,CAAC;AAG7C;"}
+{"version":3,"file":"useDataLayer.js","sources":["../../../src/vue/composables/useDataLayer.ts"],"sourcesContent":["import {\n  ref,\n  provide,\n  inject,\n  readonly,\n  type DeepReadonly,\n  type Ref,\n} from \"vue\";\nimport type { ConnectorDataLayer } from \"../../core/types\";\n\nexport const DATA_LAYER_KEY = Symbol(\"dataLayer\");\n\nexport interface DataLayer {\n  push(data: Partial<ConnectorDataLayer>): void;\n  state: DeepReadonly<Ref<ConnectorDataLayer>>;\n}\n\nexport function createDataLayer(): DataLayer {\n  const state = ref<ConnectorDataLayer>({});\n\n  const dataLayer: DataLayer = {\n    push(data: Partial<ConnectorDataLayer>) {\n      state.value = { ...state.value, ...data };\n    },\n    state: readonly(state) as DeepReadonly<Ref<ConnectorDataLayer>>,\n  };\n\n  provide(DATA_LAYER_KEY, dataLayer);\n\n  return dataLayer;\n}\n\nexport function useDataLayer(): DeepReadonly<Ref<ConnectorDataLayer>> {\n  const dataLayer = inject<DataLayer | null>(DATA_LAYER_KEY, null);\n  if (dataLayer) {\n    return dataLayer.state;\n  }\n\n  // No dataLayer provided — return empty reactive ref\n  return readonly(ref<ConnectorDataLayer>({})) as DeepReadonly<\n    Ref<ConnectorDataLayer>\n  >;\n}\n"],"names":[],"mappings":";AAUO,MAAM,iBAAiB,OAAO,WAAW;AAOzC,SAAS,kBAA6B;AAC3C,QAAM,QAAQ,IAAwB,EAAE;AAExC,QAAM,YAAuB;AAAA,IAC3B,KAAK,MAAmC;AACtC,YAAM,QAAQ,EAAE,GAAG,MAAM,OAAO,GAAG,KAAA;AAAA,IACrC;AAAA,IACA,OAAO,SAAS,KAAK;AAAA,EAAA;AAGvB,UAAQ,gBAAgB,SAAS;AAEjC,SAAO;AACT;AAEO,SAAS,eAAsD;AACpE,QAAM,YAAY,OAAyB,gBAAgB,IAAI;AAC/D,MAAI,WAAW;AACb,WAAO,UAAU;AAAA,EACnB;AAGA,SAAO,SAAS,IAAwB,CAAA,CAAE,CAAC;AAG7C;"}

package/dist/vue/composables/useDerive.d.ts

@@ -11,6 +11,6 @@ interface DeriveOptions {
      *  matches the projected (unwrapped) value rather than raw scope data. */
     data?: Ref<unknown> | ComputedRef<unknown>;
 }
-export declare function useDerive({ control, handleChange, data: dataOverride }: DeriveOptions): void;
+export declare function useDerive({ control, handleChange, data: dataOverride, }: DeriveOptions): void;
 export {};
 //# sourceMappingURL=useDerive.d.ts.map

package/dist/vue/composables/useDerive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDerive.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDerive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AACjF,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,UAAU,aAAa;IACrB,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;8EAC0E;IAC1E,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CAC5C;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,aAAa,QAiDrF"}
+{"version":3,"file":"useDerive.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDerive.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,GAAG,EACR,KAAK,WAAW,EACjB,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,UAAU,aAAa;IACrB,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;8EAC0E;IAC1E,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CAC5C;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,YAAY,EACZ,IAAI,EAAE,YAAY,GACnB,EAAE,aAAa,QAgFf"}

package/dist/vue/composables/useDerive.js

@@ -1,7 +1,11 @@
-import { inject, computed, watch, unref } from "vue";
+import { inject, computed, ref, watch, unref } from "vue";
 import "@jsonforms/core";
 import { useDataLayer } from "./useDataLayer.js";
-function useDerive({ control, handleChange, data: dataOverride }) {
+function useDerive({
+  control,
+  handleChange,
+  data: dataOverride
+}) {
   const injectedFormData = inject("formData", {
     value: {}
   });
@@ -16,6 +20,8 @@ function useDerive({ control, handleChange, data: dataOverride }) {
       // 'follow' = auto-update, 'manual' = user controlled
     };
   });
+  const lastDerivedValue = ref(void 0);
+  let isFirstRun = true;
   watch(
     [rootData, dataLayerData, deriveConfig],
     ([data, extData, config]) => {
@@ -29,6 +35,17 @@ function useDerive({ control, handleChange, data: dataOverride }) {
           extData
         );
         const compareData = dataOverride ? unref(dataOverride) : control.value.data;
+        if (isFirstRun) {
+          isFirstRun = false;
+          lastDerivedValue.value = derivedValue;
+          const isFieldEmpty = compareData === void 0 || compareData === null || compareData === "";
+          if (isFieldEmpty && derivedValue !== compareData) {
+            handleChange(control.value.path, derivedValue);
+          }
+          return;
+        }
+        if (derivedValue === lastDerivedValue.value) return;
+        lastDerivedValue.value = derivedValue;
         if (derivedValue !== compareData) {
           handleChange(control.value.path, derivedValue);
         }

package/dist/vue/composables/useDerive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDerive.js","sources":["../../../src/vue/composables/useDerive.ts"],"sourcesContent":["import { computed, watch, unref, inject, type Ref, type ComputedRef } from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\nimport { useDataLayer } from \"./useDataLayer\";\n\ninterface DeriveOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n  /** When projection is active, pass projectedData so the comparison\n   *  matches the projected (unwrapped) value rather than raw scope data. */\n  data?: Ref<unknown> | ComputedRef<unknown>;\n}\n\nexport function useDerive({ control, handleChange, data: dataOverride }: DeriveOptions) {\n  // Get the root form data from JSONForms context\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n\n  // Get data from the dataLayer\n  const dataLayerState = useDataLayer();\n  const dataLayerData = computed(() => dataLayerState.value || {});\n\n  // Extract derive configuration from uischema options\n  const deriveConfig = computed(() => {\n    const options = control.value.uischema?.options as\n      | { derive?: string; mode?: string }\n      | undefined;\n    return {\n      expression: options?.derive,\n      mode: options?.mode || \"follow\", // 'follow' = auto-update, 'manual' = user controlled\n    };\n  });\n\n  // Watch for changes in form data and dataLayer and update derived field\n  watch(\n    [rootData, dataLayerData, deriveConfig],\n    ([data, extData, config]) => {\n      if (!config.expression || config.mode !== \"follow\") {\n        return;\n      }\n\n      try {\n        const derivedValue = resolveDeriveExpression(\n          config.expression,\n          data,\n          extData,\n        );\n        const compareData = dataOverride ? unref(dataOverride) : control.value.data;\n        if (derivedValue !== compareData) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (error) {\n        console.warn(\n          `Failed to derive value for ${control.value.path}:`,\n          error,\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n}\n\nfunction resolveDeriveExpression(\n  expression: string,\n  data: unknown,\n  dataLayerData?: unknown,\n): unknown {\n  // Handle dataLayer() syntax\n  if (expression.startsWith(\"dataLayer(\") && expression.endsWith(\")\")) {\n    const propertyPath = expression.slice(10, -1); // Remove \"dataLayer(\" and \")\"\n    return resolvePropertyPath(propertyPath, dataLayerData);\n  }\n\n  // Handle simple property paths like \"country.name\"\n  if (\n    !expression.includes(\"(\") &&\n    !expression.includes(\"+\") &&\n    !expression.includes(\"?\")\n  ) {\n    return resolvePropertyPath(expression, data);\n  }\n\n  // For now, we'll only support simple property paths and dataLayer() calls\n  // Complex expressions would require a safe expression evaluator\n  return resolvePropertyPath(expression, data);\n}\n\nfunction resolvePropertyPath(path: string, data: unknown): unknown {\n  if (!path || !data) return \"\";\n\n  const keys = path.split(\".\");\n  let value: unknown = data;\n\n  for (const key of keys) {\n    if (value && typeof value === \"object\" && key in value) {\n      value = (value as Record<string, unknown>)[key];\n    } else {\n      return null;\n    }\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,UAAU,EAAE,SAAS,cAAc,MAAM,gBAA+B;AAEtF,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAG5D,QAAM,iBAAiB,aAAA;AACvB,QAAM,gBAAgB,SAAS,MAAM,eAAe,SAAS,CAAA,CAAE;AAG/D,QAAM,eAAe,SAAS,MAAM;AAClC,UAAM,UAAU,QAAQ,MAAM,UAAU;AAGxC,WAAO;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,MAAM,SAAS,QAAQ;AAAA;AAAA,IAAA;AAAA,EAE3B,CAAC;AAGD;AAAA,IACE,CAAC,UAAU,eAAe,YAAY;AAAA,IACtC,CAAC,CAAC,MAAM,SAAS,MAAM,MAAM;AAC3B,UAAI,CAAC,OAAO,cAAc,OAAO,SAAS,UAAU;AAClD;AAAA,MACF;AAEA,UAAI;AACF,cAAM,eAAe;AAAA,UACnB,OAAO;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAEF,cAAM,cAAc,eAAe,MAAM,YAAY,IAAI,QAAQ,MAAM;AACvE,YAAI,iBAAiB,aAAa;AAChC,uBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,QAC/C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ;AAAA,UACN,8BAA8B,QAAQ,MAAM,IAAI;AAAA,UAChD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,EAAE,MAAM,MAAM,WAAW,KAAA;AAAA,EAAK;AAElC;AAEA,SAAS,wBACP,YACA,MACA,eACS;AAET,MAAI,WAAW,WAAW,YAAY,KAAK,WAAW,SAAS,GAAG,GAAG;AACnE,UAAM,eAAe,WAAW,MAAM,IAAI,EAAE;AAC5C,WAAO,oBAAoB,cAAc,aAAa;AAAA,EACxD;AAGA,MACE,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,GACxB;AACA,WAAO,oBAAoB,YAAY,IAAI;AAAA,EAC7C;AAIA,SAAO,oBAAoB,YAAY,IAAI;AAC7C;AAEA,SAAS,oBAAoB,MAAc,MAAwB;AACjE,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAE3B,QAAM,OAAO,KAAK,MAAM,GAAG;AAC3B,MAAI,QAAiB;AAErB,aAAW,OAAO,MAAM;AACtB,QAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,cAAS,MAAkC,GAAG;AAAA,IAChD,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;"}
+{"version":3,"file":"useDerive.js","sources":["../../../src/vue/composables/useDerive.ts"],"sourcesContent":["import {\n  computed,\n  ref,\n  watch,\n  unref,\n  inject,\n  type Ref,\n  type ComputedRef,\n} from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\nimport { useDataLayer } from \"./useDataLayer\";\n\ninterface DeriveOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n  /** When projection is active, pass projectedData so the comparison\n   *  matches the projected (unwrapped) value rather than raw scope data. */\n  data?: Ref<unknown> | ComputedRef<unknown>;\n}\n\nexport function useDerive({\n  control,\n  handleChange,\n  data: dataOverride,\n}: DeriveOptions) {\n  // Get the root form data from JSONForms context\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n\n  // Get data from the dataLayer\n  const dataLayerState = useDataLayer();\n  const dataLayerData = computed(() => dataLayerState.value || {});\n\n  // Extract derive configuration from uischema options\n  const deriveConfig = computed(() => {\n    const options = control.value.uischema?.options as\n      | { derive?: string; mode?: string }\n      | undefined;\n    return {\n      expression: options?.derive,\n      mode: options?.mode || \"follow\", // 'follow' = auto-update, 'manual' = user controlled\n    };\n  });\n\n  // Track the last resolved source value so we only update the field\n  // when the source itself changes, not on every form data mutation.\n  const lastDerivedValue = ref<unknown>(undefined);\n  // First watch fire is special: a pre-populated field (edit flow seeded\n  // from a saved connection) must not be clobbered by whatever the source\n  // resolves to on mount. We record the source value but skip handleChange.\n  let isFirstRun = true;\n\n  // Watch for changes in form data and dataLayer and update derived field\n  watch(\n    [rootData, dataLayerData, deriveConfig],\n    ([data, extData, config]) => {\n      if (!config.expression || config.mode !== \"follow\") {\n        return;\n      }\n\n      try {\n        const derivedValue = resolveDeriveExpression(\n          config.expression,\n          data,\n          extData,\n        );\n        const compareData = dataOverride\n          ? unref(dataOverride)\n          : control.value.data;\n\n        if (isFirstRun) {\n          isFirstRun = false;\n          lastDerivedValue.value = derivedValue;\n          // On mount, only populate the field if it's empty.\n          // A non-empty seed represents user intent (edit flow) and must\n          // be preserved. Subsequent source changes will still propagate.\n          const isFieldEmpty =\n            compareData === undefined ||\n            compareData === null ||\n            compareData === \"\";\n          if (isFieldEmpty && derivedValue !== compareData) {\n            handleChange(control.value.path, derivedValue);\n          }\n          return;\n        }\n\n        // Only update if the SOURCE value changed, not just the field value\n        if (derivedValue === lastDerivedValue.value) return;\n        lastDerivedValue.value = derivedValue;\n\n        if (derivedValue !== compareData) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (error) {\n        console.warn(\n          `Failed to derive value for ${control.value.path}:`,\n          error,\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n}\n\nfunction resolveDeriveExpression(\n  expression: string,\n  data: unknown,\n  dataLayerData?: unknown,\n): unknown {\n  // Handle dataLayer() syntax\n  if (expression.startsWith(\"dataLayer(\") && expression.endsWith(\")\")) {\n    const propertyPath = expression.slice(10, -1); // Remove \"dataLayer(\" and \")\"\n    return resolvePropertyPath(propertyPath, dataLayerData);\n  }\n\n  // Handle simple property paths like \"country.name\"\n  if (\n    !expression.includes(\"(\") &&\n    !expression.includes(\"+\") &&\n    !expression.includes(\"?\")\n  ) {\n    return resolvePropertyPath(expression, data);\n  }\n\n  // For now, we'll only support simple property paths and dataLayer() calls\n  // Complex expressions would require a safe expression evaluator\n  return resolvePropertyPath(expression, data);\n}\n\nfunction resolvePropertyPath(path: string, data: unknown): unknown {\n  if (!path || !data) return \"\";\n\n  const keys = path.split(\".\");\n  let value: unknown = data;\n\n  for (const key of keys) {\n    if (value && typeof value === \"object\" && key in value) {\n      value = (value as Record<string, unknown>)[key];\n    } else {\n      return null;\n    }\n  }\n\n  return value;\n}\n"],"names":[],"mappings":";;;AAwBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,MAAM;AACR,GAAkB;AAEhB,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAG5D,QAAM,iBAAiB,aAAA;AACvB,QAAM,gBAAgB,SAAS,MAAM,eAAe,SAAS,CAAA,CAAE;AAG/D,QAAM,eAAe,SAAS,MAAM;AAClC,UAAM,UAAU,QAAQ,MAAM,UAAU;AAGxC,WAAO;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,MAAM,SAAS,QAAQ;AAAA;AAAA,IAAA;AAAA,EAE3B,CAAC;AAID,QAAM,mBAAmB,IAAa,MAAS;AAI/C,MAAI,aAAa;AAGjB;AAAA,IACE,CAAC,UAAU,eAAe,YAAY;AAAA,IACtC,CAAC,CAAC,MAAM,SAAS,MAAM,MAAM;AAC3B,UAAI,CAAC,OAAO,cAAc,OAAO,SAAS,UAAU;AAClD;AAAA,MACF;AAEA,UAAI;AACF,cAAM,eAAe;AAAA,UACnB,OAAO;AAAA,UACP;AAAA,UACA;AAAA,QAAA;AAEF,cAAM,cAAc,eAChB,MAAM,YAAY,IAClB,QAAQ,MAAM;AAElB,YAAI,YAAY;AACd,uBAAa;AACb,2BAAiB,QAAQ;AAIzB,gBAAM,eACJ,gBAAgB,UAChB,gBAAgB,QAChB,gBAAgB;AAClB,cAAI,gBAAgB,iBAAiB,aAAa;AAChD,yBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,UAC/C;AACA;AAAA,QACF;AAGA,YAAI,iBAAiB,iBAAiB,MAAO;AAC7C,yBAAiB,QAAQ;AAEzB,YAAI,iBAAiB,aAAa;AAChC,uBAAa,QAAQ,MAAM,MAAM,YAAY;AAAA,QAC/C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ;AAAA,UACN,8BAA8B,QAAQ,MAAM,IAAI;AAAA,UAChD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,EAAE,MAAM,MAAM,WAAW,KAAA;AAAA,EAAK;AAElC;AAEA,SAAS,wBACP,YACA,MACA,eACS;AAET,MAAI,WAAW,WAAW,YAAY,KAAK,WAAW,SAAS,GAAG,GAAG;AACnE,UAAM,eAAe,WAAW,MAAM,IAAI,EAAE;AAC5C,WAAO,oBAAoB,cAAc,aAAa;AAAA,EACxD;AAGA,MACE,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,KACxB,CAAC,WAAW,SAAS,GAAG,GACxB;AACA,WAAO,oBAAoB,YAAY,IAAI;AAAA,EAC7C;AAIA,SAAO,oBAAoB,YAAY,IAAI;AAC7C;AAEA,SAAS,oBAAoB,MAAc,MAAwB;AACjE,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAE3B,QAAM,OAAO,KAAK,MAAM,GAAG;AAC3B,MAAI,QAAiB;AAErB,aAAW,OAAO,MAAM;AACtB,QAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,cAAS,MAAkC,GAAG;AAAA,IAChD,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;"}

package/dist/vue/composables/useDeriveInitialValue.d.ts

@@ -0,0 +1,36 @@
+import { type Ref, type ComputedRef } from "vue";
+import { type ControlElement } from "@jsonforms/core";
+import { type TransformPipeline } from "../../core/transforms";
+import type { AuthConfig } from "../../core/types";
+export interface DeriveInitialValueCfg {
+    protocol: string;
+    config: {
+        url: string;
+        method?: "GET" | "POST";
+        headers?: Record<string, string>;
+        query?: Record<string, unknown>;
+        body?: unknown;
+        auth?: AuthConfig;
+        items: string;
+        map: {
+            value: string;
+        };
+        transforms?: TransformPipeline;
+        showError?: boolean;
+    };
+}
+interface DeriveInitialValueOptions {
+    control: Ref<{
+        uischema: ControlElement;
+        path: string;
+        data: unknown;
+    }>;
+    handleChange: (path: string, value: unknown) => void;
+    data?: Ref<unknown> | ComputedRef<unknown>;
+}
+export declare function useDeriveInitialValue({ control, handleChange, }: DeriveInitialValueOptions): {
+    loading: Ref<boolean, boolean>;
+    error: Ref<string | undefined, string | undefined>;
+};
+export {};
+//# sourceMappingURL=useDeriveInitialValue.d.ts.map

package/dist/vue/composables/useDeriveInitialValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeriveInitialValue.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDeriveInitialValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;QACvB,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,cAAc,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,OAAO,CAAC;KACf,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;CAC5C;AAsDD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,YAAY,GACb,EAAE,yBAAyB;;;EAuG3B"}

package/dist/vue/composables/useDeriveInitialValue.js

@@ -0,0 +1,125 @@
+import { inject, computed, ref, watch } from "vue";
+import "@jsonforms/core";
+import { renderTpl, renderObj } from "../../core/templating.js";
+import { jp } from "../../core/jsonpath.js";
+import { applyTransformPipeline } from "../../core/transforms.js";
+function buildAuthHeaders(auth, globalAuth) {
+  const headers = {};
+  if (!auth) return headers;
+  if (auth.use && globalAuth?.[auth.use]) {
+    const globalValue = globalAuth[auth.use];
+    const value = typeof globalValue === "function" ? globalValue() : globalValue;
+    if (auth.use === "apiKey") headers["X-API-Key"] = String(value);
+    else if (auth.use === "bearer")
+      headers["Authorization"] = `Bearer ${value}`;
+    else if (auth.use === "token") headers["Authorization"] = `Token ${value}`;
+    return headers;
+  }
+  if (auth.bearer) {
+    const v = typeof auth.bearer === "function" ? auth.bearer() : auth.bearer;
+    headers["Authorization"] = `Bearer ${v}`;
+  }
+  if (auth.apiKey) {
+    const v = typeof auth.apiKey === "function" ? auth.apiKey() : auth.apiKey;
+    headers["X-API-Key"] = String(v);
+  }
+  if (auth.token) {
+    const v = typeof auth.token === "function" ? auth.token() : auth.token;
+    headers["Authorization"] = `Token ${v}`;
+  }
+  return headers;
+}
+function hasUnresolvedTemplates(templateUrl, renderedUrl) {
+  if (!templateUrl.includes("{{")) return false;
+  const pathPart = renderedUrl.replace(/^https?:\/\/[^/]+/, "");
+  if (pathPart.includes("//")) return true;
+  if (renderedUrl.endsWith("/") && !templateUrl.endsWith("/")) return true;
+  return false;
+}
+function useDeriveInitialValue({
+  control,
+  handleChange
+}) {
+  const injectedFormData = inject("formData", {
+    value: {}
+  });
+  const rootData = computed(() => injectedFormData.value || {});
+  const auth = inject("providerAuth", {});
+  const cfg = computed(() => {
+    return control.value.uischema?.options?.deriveInitialValue;
+  });
+  const resolvedUrl = computed(() => {
+    const c = cfg.value;
+    if (!c?.config?.url) return null;
+    const rendered = renderTpl(c.config.url, { data: rootData.value });
+    if (hasUnresolvedTemplates(c.config.url, rendered)) return null;
+    return rendered;
+  });
+  const lastFetchedUrl = ref(null);
+  const loading = ref(false);
+  const error = ref(void 0);
+  watch(
+    resolvedUrl,
+    async (url) => {
+      if (!url || !cfg.value) return;
+      if (url === lastFetchedUrl.value) return;
+      lastFetchedUrl.value = url;
+      loading.value = true;
+      error.value = void 0;
+      try {
+        const c = cfg.value.config;
+        const fullUrl = new URL(url);
+        const q = renderObj(c.query ?? {}, {
+          data: rootData.value
+        });
+        for (const [k, v] of Object.entries(q)) {
+          if (v !== void 0 && v !== "")
+            fullUrl.searchParams.set(k, String(v));
+        }
+        const baseHeaders = renderObj(c.headers ?? {}, {
+          data: rootData.value
+        });
+        const authHeaders = buildAuthHeaders(c.auth, auth);
+        const headers = { ...baseHeaders, ...authHeaders };
+        const method = c.method ?? "GET";
+        const requestInit = { method, headers };
+        if (method !== "GET" && c.body) {
+          requestInit.body = JSON.stringify(
+            renderObj(c.body, { data: rootData.value })
+          );
+        }
+        const res = await fetch(fullUrl.toString(), requestInit);
+        if (!res.ok) {
+          if (c.showError !== false) {
+            throw new Error(`REST ${res.status}`);
+          }
+          return;
+        }
+        const json = await res.json();
+        let items = jp(json, c.items);
+        if (c.transforms && c.transforms.length > 0) {
+          items = applyTransformPipeline(items, c.transforms);
+        }
+        if (items.length === 0) return;
+        const derivedValue = jp(items[0], c.map.value)[0];
+        if (derivedValue !== void 0) {
+          handleChange(control.value.path, derivedValue);
+        }
+      } catch (e) {
+        error.value = e?.message ?? String(e);
+        console.warn(
+          `deriveInitialValue fetch failed for ${control.value.path}:`,
+          e
+        );
+      } finally {
+        loading.value = false;
+      }
+    },
+    { immediate: true }
+  );
+  return { loading, error };
+}
+export {
+  useDeriveInitialValue
+};
+//# sourceMappingURL=useDeriveInitialValue.js.map

package/dist/vue/composables/useDeriveInitialValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeriveInitialValue.js","sources":["../../../src/vue/composables/useDeriveInitialValue.ts"],"sourcesContent":["import { computed, inject, ref, watch, type Ref, type ComputedRef } from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\nimport { renderTpl, renderObj } from \"../../core/templating\";\nimport { jp } from \"../../core/jsonpath\";\nimport {\n  applyTransformPipeline,\n  type TransformPipeline,\n} from \"../../core/transforms\";\nimport type { AuthConfig } from \"../../core/types\";\n\nexport interface DeriveInitialValueCfg {\n  protocol: string;\n  config: {\n    url: string;\n    method?: \"GET\" | \"POST\";\n    headers?: Record<string, string>;\n    query?: Record<string, unknown>;\n    body?: unknown;\n    auth?: AuthConfig;\n    items: string;\n    map: { value: string };\n    transforms?: TransformPipeline;\n    showError?: boolean;\n  };\n}\n\ninterface DeriveInitialValueOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n  data?: Ref<unknown> | ComputedRef<unknown>;\n}\n\nfunction buildAuthHeaders(\n  auth?: AuthConfig,\n  globalAuth?: Record<string, unknown>,\n): Record<string, string> {\n  const headers: Record<string, string> = {};\n  if (!auth) return headers;\n\n  if (auth.use && globalAuth?.[auth.use]) {\n    const globalValue = globalAuth[auth.use];\n    const value =\n      typeof globalValue === \"function\" ? globalValue() : globalValue;\n    if (auth.use === \"apiKey\") headers[\"X-API-Key\"] = String(value);\n    else if (auth.use === \"bearer\")\n      headers[\"Authorization\"] = `Bearer ${value}`;\n    else if (auth.use === \"token\") headers[\"Authorization\"] = `Token ${value}`;\n    return headers;\n  }\n\n  if (auth.bearer) {\n    const v = typeof auth.bearer === \"function\" ? auth.bearer() : auth.bearer;\n    headers[\"Authorization\"] = `Bearer ${v}`;\n  }\n  if (auth.apiKey) {\n    const v = typeof auth.apiKey === \"function\" ? auth.apiKey() : auth.apiKey;\n    headers[\"X-API-Key\"] = String(v);\n  }\n  if (auth.token) {\n    const v = typeof auth.token === \"function\" ? auth.token() : auth.token;\n    headers[\"Authorization\"] = `Token ${v}`;\n  }\n\n  return headers;\n}\n\n/**\n * Returns true when the template URL contains `{{…}}` placeholders but\n * one or more of those placeholders resolved to an empty string, which\n * means a required data dependency hasn't been set yet.\n */\nfunction hasUnresolvedTemplates(\n  templateUrl: string,\n  renderedUrl: string,\n): boolean {\n  if (!templateUrl.includes(\"{{\")) return false;\n  // After protocol, empty segments indicate unresolved vars\n  const pathPart = renderedUrl.replace(/^https?:\\/\\/[^/]+/, \"\");\n  if (pathPart.includes(\"//\")) return true;\n  // Trailing slash when the template didn't have one\n  if (renderedUrl.endsWith(\"/\") && !templateUrl.endsWith(\"/\")) return true;\n  return false;\n}\n\nexport function useDeriveInitialValue({\n  control,\n  handleChange,\n}: DeriveInitialValueOptions) {\n  const injectedFormData = inject<{ value: unknown }>(\"formData\", {\n    value: {},\n  });\n  const rootData = computed(() => injectedFormData.value || {});\n  const auth = inject(\"providerAuth\", {}) as Record<string, unknown>;\n\n  const cfg = computed<DeriveInitialValueCfg | undefined>(() => {\n    return control.value.uischema?.options?.deriveInitialValue as\n      | DeriveInitialValueCfg\n      | undefined;\n  });\n\n  // Compute the resolved URL reactively\n  const resolvedUrl = computed<string | null>(() => {\n    const c = cfg.value;\n    if (!c?.config?.url) return null;\n    const rendered = renderTpl(c.config.url, { data: rootData.value });\n    if (hasUnresolvedTemplates(c.config.url, rendered)) return null;\n    return rendered;\n  });\n\n  const lastFetchedUrl = ref<string | null>(null);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n\n  watch(\n    resolvedUrl,\n    async (url) => {\n      if (!url || !cfg.value) return;\n      // Only fetch when the URL changes (new context).\n      // Same URL = same context; don't override user selection.\n      if (url === lastFetchedUrl.value) return;\n      lastFetchedUrl.value = url;\n\n      loading.value = true;\n      error.value = undefined;\n\n      try {\n        const c = cfg.value.config;\n        const fullUrl = new URL(url);\n\n        // Query params\n        const q = renderObj(c.query ?? {}, {\n          data: rootData.value,\n        }) as Record<string, unknown>;\n        for (const [k, v] of Object.entries(q)) {\n          if (v !== undefined && v !== \"\")\n            fullUrl.searchParams.set(k, String(v));\n        }\n\n        // Headers\n        const baseHeaders = renderObj(c.headers ?? {}, {\n          data: rootData.value,\n        }) as Record<string, string>;\n        const authHeaders = buildAuthHeaders(c.auth, auth);\n        const headers = { ...baseHeaders, ...authHeaders };\n\n        const method = c.method ?? \"GET\";\n        const requestInit: RequestInit = { method, headers };\n        if (method !== \"GET\" && c.body) {\n          requestInit.body = JSON.stringify(\n            renderObj(c.body, { data: rootData.value }),\n          );\n        }\n\n        const res = await fetch(fullUrl.toString(), requestInit);\n        if (!res.ok) {\n          if (c.showError !== false) {\n            throw new Error(`REST ${res.status}`);\n          }\n          return;\n        }\n\n        const json = await res.json();\n        let items = jp(json, c.items);\n\n        // Apply transforms if provided\n        if (c.transforms && c.transforms.length > 0) {\n          items = applyTransformPipeline(items, c.transforms);\n        }\n\n        if (items.length === 0) return; // No items → leave field empty\n\n        // Extract value from first item\n        const derivedValue = jp(items[0], c.map.value)[0];\n        if (derivedValue !== undefined) {\n          handleChange(control.value.path, derivedValue);\n        }\n      } catch (e) {\n        error.value = (e as Error)?.message ?? String(e);\n        console.warn(\n          `deriveInitialValue fetch failed for ${control.value.path}:`,\n          e,\n        );\n      } finally {\n        loading.value = false;\n      }\n    },\n    { immediate: true },\n  );\n\n  return { loading, error };\n}\n"],"names":[],"mappings":"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"}

package/dist/vue/composables/useDirtyValidation.d.ts

@@ -1,9 +1,9 @@
-import { type Ref } from "vue";
+import { type Ref, type ComputedRef } from "vue";
 export declare function useDirtyValidation(control: Ref<{
     errors: string;
-}>): {
+}>, errorsOverride?: Ref<string> | ComputedRef<string>): {
     hasInteracted: Ref<boolean, boolean>;
-    showErrors: import("vue").ComputedRef<boolean>;
+    showErrors: ComputedRef<boolean>;
     markDirty: () => void;
 };
 //# sourceMappingURL=useDirtyValidation.d.ts.map

package/dist/vue/composables/useDirtyValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDirtyValidation.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE9C,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;;;;EAYlE"}
+{"version":3,"file":"useDirtyValidation.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAEhE,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,EAChC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;;;;EAenD"}

package/dist/vue/composables/useDirtyValidation.js

@@ -1,8 +1,8 @@
 import { ref, computed } from "vue";
-function useDirtyValidation(control) {
+function useDirtyValidation(control, errorsOverride) {
   const hasInteracted = ref(false);
   const showErrors = computed(
-    () => hasInteracted.value && !!control.value.errors
+    () => hasInteracted.value && !!(errorsOverride ? errorsOverride.value : control.value.errors)
   );
   const markDirty = () => {
     hasInteracted.value = true;

package/dist/vue/composables/useDirtyValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDirtyValidation.js","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"sourcesContent":["import { ref, computed, type Ref } from \"vue\";\n\nexport function useDirtyValidation(control: Ref<{ errors: string }>) {\n  const hasInteracted = ref(false);\n\n  const showErrors = computed(\n    () => hasInteracted.value && !!control.value.errors,\n  );\n\n  const markDirty = () => {\n    hasInteracted.value = true;\n  };\n\n  return { hasInteracted, showErrors, markDirty };\n}\n"],"names":[],"mappings":";AAEO,SAAS,mBAAmB,SAAkC;AACnE,QAAM,gBAAgB,IAAI,KAAK;AAE/B,QAAM,aAAa;AAAA,IACjB,MAAM,cAAc,SAAS,CAAC,CAAC,QAAQ,MAAM;AAAA,EAAA;AAG/C,QAAM,YAAY,MAAM;AACtB,kBAAc,QAAQ;AAAA,EACxB;AAEA,SAAO,EAAE,eAAe,YAAY,UAAA;AACtC;"}
+{"version":3,"file":"useDirtyValidation.js","sources":["../../../src/vue/composables/useDirtyValidation.ts"],"sourcesContent":["import { ref, computed, type Ref, type ComputedRef } from \"vue\";\n\nexport function useDirtyValidation(\n  control: Ref<{ errors: string }>,\n  errorsOverride?: Ref<string> | ComputedRef<string>,\n) {\n  const hasInteracted = ref(false);\n\n  const showErrors = computed(\n    () =>\n      hasInteracted.value &&\n      !!(errorsOverride ? errorsOverride.value : control.value.errors),\n  );\n\n  const markDirty = () => {\n    hasInteracted.value = true;\n  };\n\n  return { hasInteracted, showErrors, markDirty };\n}\n"],"names":[],"mappings":";AAEO,SAAS,mBACd,SACA,gBACA;AACA,QAAM,gBAAgB,IAAI,KAAK;AAE/B,QAAM,aAAa;AAAA,IACjB,MACE,cAAc,SACd,CAAC,EAAE,iBAAiB,eAAe,QAAQ,QAAQ,MAAM;AAAA,EAAA;AAG7D,QAAM,YAAY,MAAM;AACtB,kBAAc,QAAQ;AAAA,EACxB;AAEA,SAAO,EAAE,eAAe,YAAY,UAAA;AACtC;"}

package/dist/vue/composables/useProjection.d.ts

@@ -2,6 +2,9 @@ import { type ComputedRef, type Ref } from "vue";
 interface ProjectionControl {
     data: unknown;
     path: string;
+    errors: string;
+    label?: string;
+    required?: boolean;
     schema: Record<string, any>;
     uischema: {
         options?: {
@@ -19,6 +22,10 @@ export interface ProjectionResult {
     handleProjectedChange: (path: string, value: unknown) => void;
     /** Whether projection is active */
     hasProjection: boolean;
+    /** Resolved display label (options.label → projected schema title → control.label) */
+    projectedLabel: ComputedRef<string>;
+    /** Error string combining base-path and projected sub-path errors */
+    projectedErrors: ComputedRef<string>;
 }
 /**
  * Composable that wraps a JSON Forms control with projection support.

package/dist/vue/composables/useProjection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProjection.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProjection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAO3D,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE;QAAE,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAA;KAAE,CAAC;CACzE;AAED,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACpC,gEAAgE;IAEhE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAClD,8DAA8D;IAC9D,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,GACnD,gBAAgB,CAiClB"}
+{"version":3,"file":"useProjection.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProjection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AASnE,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE;QAAE,OAAO,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAA;KAAE,CAAC;CACzE;AAqGD,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACpC,gEAAgE;IAEhE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAClD,8DAA8D;IAC9D,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,sFAAsF;IACtF,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qEAAqE;IACrE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACtC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,GACnD,gBAAgB,CAgGlB"}

package/dist/vue/composables/useProjection.js

@@ -1,21 +1,102 @@
-import { computed } from "vue";
-import { getProjectedValue, getProjectedSchema, setProjectedValue } from "../../core/projection.js";
+import { computed, inject } from "vue";
+import { getProjectedValue, getProjectedSchema, parseProjectionPath, setProjectedValue } from "../../core/projection.js";
+import { deref } from "../../core/refs.js";
+function resolveLabel(ctrl, schemaTitle, required) {
+  const base = ctrl.uischema?.options?.label ?? schemaTitle ?? ctrl.label ?? "";
+  if (!base) return base;
+  return required ? `${base} *` : base;
+}
+function isProjectedFieldRequired(schema, path, root) {
+  const segments = parseProjectionPath(path);
+  if (segments.length === 0) return false;
+  const rootSchema = root ?? schema;
+  let current = deref(schema, rootSchema);
+  for (let i = 0; i < segments.length - 1; i++) {
+    const seg = segments[i];
+    if (typeof seg === "number") {
+      current = deref(current?.items, rootSchema);
+    } else {
+      current = deref(current?.properties?.[seg], rootSchema);
+    }
+    if (!current) return false;
+  }
+  const last = segments[segments.length - 1];
+  if (typeof last !== "string") return false;
+  current = deref(current, rootSchema);
+  return Array.isArray(current?.required) && current.required.includes(last);
+}
+function normalizeErrors(errors) {
+  if (!errors) return errors;
+  return errors.replace(/is a required property/g, "is required").replace(/must have required property '[^']*'/g, "is required");
+}
+function prefixErrors(label, errors) {
+  if (!label || !errors) return errors;
+  return errors.split("\n").map((line) => `${label} ${line}`).join("\n");
+}
+function getErrorPath(error) {
+  let p = (error.instancePath || "").replace(/\//g, ".").replace(/^\./, "");
+  if (error.keyword === "required" && error.params?.missingProperty) {
+    p = p ? p + "." + error.params.missingProperty : error.params.missingProperty;
+  }
+  return p;
+}
 function useProjection(control, handleChange) {
   const projection = control.value.uischema?.options?.projection;
   if (!projection) {
+    const label2 = computed(
+      () => resolveLabel(control.value, void 0, control.value.required)
+    );
     return {
       projectedData: computed(() => control.value.data),
       projectedSchema: computed(() => control.value.schema),
       handleProjectedChange: handleChange,
-      hasProjection: false
+      hasProjection: false,
+      projectedLabel: label2,
+      projectedErrors: computed(
+        () => prefixErrors(
+          label2.value.replace(/\*$/, "").trim(),
+          normalizeErrors(control.value.errors)
+        )
+      )
     };
   }
+  const jsonforms = inject("jsonforms", null);
+  const fullProjectedPath = control.value.path + "." + projection;
   const projectedData = computed(
     () => getProjectedValue(control.value.data, projection)
   );
   const projectedSchema = computed(
     () => getProjectedSchema(control.value.schema, projection)
   );
+  const projectedRequired = computed(
+    () => isProjectedFieldRequired(
+      control.value.schema,
+      projection,
+      jsonforms?.core?.schema ?? control.value.schema
+    )
+  );
+  const label = computed(
+    () => resolveLabel(
+      control.value,
+      projectedSchema.value?.title,
+      projectedRequired.value
+    )
+  );
+  const projectedErrors = computed(() => {
+    const baseErrors = normalizeErrors(control.value.errors || "");
+    const rawErrors = jsonforms?.core?.errors ?? [];
+    const matching = rawErrors.filter(
+      (err) => getErrorPath(err) === fullProjectedPath
+    );
+    let errStr;
+    if (matching.length === 0) {
+      errStr = baseErrors;
+    } else {
+      const projMsg = matching.map((e) => e.keyword === "required" ? "is required" : e.message).filter(Boolean).join("\n");
+      errStr = [baseErrors, projMsg].filter(Boolean).join("\n");
+    }
+    return prefixErrors(label.value.replace(/\*$/, "").trim(), errStr);
+  });
   const handleProjectedChange = (path, value) => {
     const fullValue = setProjectedValue(control.value.data, projection, value);
     handleChange(path, fullValue);
@@ -24,7 +105,9 @@ function useProjection(control, handleChange) {
     projectedData,
     projectedSchema,
     handleProjectedChange,
-    hasProjection: true
+    hasProjection: true,
+    projectedLabel: label,
+    projectedErrors
   };
 }
 export {