@narrative.io/jsonforms-provider-protocols 1.1.0-beta.3 → 1.1.0-beta.5

package/dist/jsonforms-provider-protocols.css

@@ -7,6 +7,6 @@
   text-align: left;
 }
 
-[data-v-354307cd] .p-dropdown-label {
+[data-v-feb82abc] .p-dropdown-label {
   text-align: left;
 }

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

@@ -0,0 +1,13 @@
+import { type Ref } from "vue";
+import { type ControlElement } from "@jsonforms/core";
+interface DeriveOptions {
+    control: Ref<{
+        uischema: ControlElement;
+        path: string;
+        data: unknown;
+    }>;
+    handleChange: (path: string, value: unknown) => void;
+}
+export declare function useDerive({ control, handleChange }: DeriveOptions): void;
+export {};
+//# sourceMappingURL=useDerive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDerive.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useDerive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,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;CACtD;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,aAAa,QAkDjE"}

package/dist/vue/composables/useDerive.js

@@ -0,0 +1,71 @@
+import { inject, computed, watch } from "vue";
+import "@jsonforms/core";
+function useDerive({ control, handleChange }) {
+  const injectedFormData = inject("formData", {
+    value: {}
+  });
+  const rootData = computed(() => injectedFormData.value || {});
+  const injectedExternalData = inject("externalData", {
+    value: {}
+  });
+  const externalData = computed(() => injectedExternalData.value || {});
+  const deriveConfig = computed(() => {
+    const options = control.value.uischema?.options;
+    return {
+      expression: options?.derive,
+      mode: options?.mode || "follow"
+      // 'follow' = auto-update, 'manual' = user controlled
+    };
+  });
+  watch(
+    [rootData, externalData, deriveConfig],
+    ([data, extData, config]) => {
+      if (!config.expression || config.mode !== "follow") {
+        return;
+      }
+      try {
+        const derivedValue = resolveDeriveExpression(
+          config.expression,
+          data,
+          extData
+        );
+        if (derivedValue !== control.value.data) {
+          handleChange(control.value.path, derivedValue);
+        }
+      } catch (error) {
+        console.warn(
+          `Failed to derive value for ${control.value.path}:`,
+          error
+        );
+      }
+    },
+    { deep: true, immediate: true }
+  );
+}
+function resolveDeriveExpression(expression, data, externalData) {
+  if (expression.startsWith("externalData(") && expression.endsWith(")")) {
+    const propertyPath = expression.slice(13, -1);
+    return resolvePropertyPath(propertyPath, externalData);
+  }
+  if (!expression.includes("(") && !expression.includes("+") && !expression.includes("?")) {
+    return resolvePropertyPath(expression, data);
+  }
+  return resolvePropertyPath(expression, data);
+}
+function resolvePropertyPath(path, data) {
+  if (!path || !data) return "";
+  const keys = path.split(".");
+  let value = data;
+  for (const key of keys) {
+    if (value && typeof value === "object" && key in value) {
+      value = value[key];
+    } else {
+      return null;
+    }
+  }
+  return value;
+}
+export {
+  useDerive
+};
+//# sourceMappingURL=useDerive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDerive.js","sources":["../../../src/vue/composables/useDerive.ts"],"sourcesContent":["import { computed, watch, inject, type Ref } from \"vue\";\nimport { type ControlElement } from \"@jsonforms/core\";\n\ninterface DeriveOptions {\n  control: Ref<{\n    uischema: ControlElement;\n    path: string;\n    data: unknown;\n  }>;\n  handleChange: (path: string, value: unknown) => void;\n}\n\nexport function useDerive({ control, handleChange }: 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 external data from context if available\n  const injectedExternalData = inject<{ value: unknown }>(\"externalData\", {\n    value: {},\n  });\n  const externalData = computed(() => injectedExternalData.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 external data and update derived field\n  watch(\n    [rootData, externalData, 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        if (derivedValue !== control.value.data) {\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  externalData?: unknown,\n): unknown {\n  // Handle externalData() syntax\n  if (expression.startsWith(\"externalData(\") && expression.endsWith(\")\")) {\n    const propertyPath = expression.slice(13, -1); // Remove \"externalData(\" and \")\"\n    return resolvePropertyPath(propertyPath, externalData);\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 externalData() 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":";;AAYO,SAAS,UAAU,EAAE,SAAS,gBAA+B;AAElE,QAAM,mBAAmB,OAA2B,YAAY;AAAA,IAC9D,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAG5D,QAAM,uBAAuB,OAA2B,gBAAgB;AAAA,IACtE,OAAO,CAAA;AAAA,EAAC,CACT;AACD,QAAM,eAAe,SAAS,MAAM,qBAAqB,SAAS,CAAA,CAAE;AAGpE,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,cAAc,YAAY;AAAA,IACrC,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,YAAI,iBAAiB,QAAQ,MAAM,MAAM;AACvC,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,cACS;AAET,MAAI,WAAW,WAAW,eAAe,KAAK,WAAW,SAAS,GAAG,GAAG;AACtE,UAAM,eAAe,WAAW,MAAM,IAAI,EAAE;AAC5C,WAAO,oBAAoB,cAAc,YAAY;AAAA,EACvD;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/primevue/JfBoolean.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfBoolean.vue.d.ts.map

package/dist/vue/primevue/JfEnum.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfEnum.vue.d.ts.map

package/dist/vue/primevue/JfEnum.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KlE,wBAEG"}
+{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPlE,wBAEG"}

package/dist/vue/primevue/JfEnum.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./JfEnum.vue2.js";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const JfEnum = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-354307cd"]]);
+const JfEnum = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-feb82abc"]]);
 export {
   JfEnum as default
 };

package/dist/vue/primevue/JfEnum.vue2.js

@@ -1,5 +1,7 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { defineComponent, computed, inject, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useDerive } from "../composables/useDerive.js";
 import Dropdown from "primevue/dropdown";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
@@ -12,6 +14,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 2,
+  class: "p-error",
+  role: "alert"
+};
+const _hoisted_5 = {
+  key: 3,
   class: "p-error"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -33,10 +40,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }));
       return [];
     };
-    const placeholder = computed(
-      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    const binding = computed(() => {
+      const provider = control.value.uischema?.options?.provider;
+      if (provider && typeof provider === "object" && !provider.load) {
+        return { ...provider, load: "mount" };
+      }
+      return provider;
+    });
+    const deps = computed(
+      () => control.value.schema?.["x-provider"]?.dependsOn ?? []
     );
-    const options = computed(() => toOptions(control.value.schema));
+    const depValues = computed(() => {
+      return deps.value.map((dep) => {
+        const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+        const keys = path.replace(/\//g, ".").split(".");
+        let value = rootData.value;
+        for (const key of keys) {
+          if (value && typeof value === "object" && key in value) {
+            value = value[key];
+          } else {
+            return null;
+          }
+        }
+        return value;
+      });
+    });
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const {
+      items: providerItems,
+      loading,
+      error
+    } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      dependsOnValues: depValues.value
+    });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return control.value.uischema?.options?.placeholder ?? control.value.description;
+    });
+    const options = computed(() => {
+      if (binding.value && providerItems.value.length > 0) {
+        return providerItems.value;
+      }
+      return toOptions(control.value.schema);
+    });
+    useDerive({ control, handleChange });
     const hasInteracted = ref(false);
     const showErrors = computed(() => hasInteracted.value && control.value.errors);
     const onSelect = (val) => {
@@ -56,13 +106,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "option-value": "value",
           "model-value": unref(control).data ?? null,
           placeholder: placeholder.value,
-          disabled: !unref(control).enabled,
+          disabled: !unref(control).enabled || unref(loading),
           "aria-invalid": !!showErrors.value || void 0,
           "show-clear": true,
           "onUpdate:modelValue": onSelect,
           onBlur
         }, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
-        showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/vue/primevue/JfEnum.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfEnum.vue2.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref } from \"vue\";\nimport Dropdown from \"primevue/dropdown\";\n\ndefineOptions({ name: \"JfEnum\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n  if (!schema) return [];\n  const s = schema as {\n    enum?: unknown[];\n    oneOf?: Array<{ title?: string; const: unknown }>;\n  };\n  if (Array.isArray(s.enum))\n    return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n  if (Array.isArray(s.oneOf))\n    return s.oneOf.map((o) => ({\n      label: o.title ?? String(o.const),\n      value: o.const,\n    }));\n  return [];\n};\n\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\nconst options = computed(() => toOptions(control.value.schema));\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onSelect = (val: unknown) => {\n  handleChange(control.value.path, val);\n};\n\nconst onBlur = () => {\n  hasInteracted.value = true;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :model-value=\"control.data ?? null\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :show-clear=\"true\"\n      @update:model-value=\"onSelect\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\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":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAG3D,UAAM,YAAY,CAAC,WAA+B;AAChD,UAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,YAAM,IAAI;AAIV,UAAI,MAAM,QAAQ,EAAE,IAAI;AACtB,eAAO,EAAE,KAAK,IAAI,CAAC,OAAgB,EAAE,OAAO,OAAO,CAAC,GAAG,OAAO,EAAA,EAAI;AACpE,UAAI,MAAM,QAAQ,EAAE,KAAK;AACvB,eAAO,EAAE,MAAM,IAAI,CAAC,OAAO;AAAA,UACzB,OAAO,EAAE,SAAS,OAAO,EAAE,KAAK;AAAA,UAChC,OAAO,EAAE;AAAA,QAAA,EACT;AACJ,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAGrC,UAAM,UAAU,SAAS,MAAM,UAAU,QAAQ,MAAM,MAAM,CAAC;AAG9D,UAAM,gBAAgB,IAAI,KAAK;AAE/B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,UAAM,WAAW,CAAC,QAAiB;AACjC,mBAAa,QAAQ,MAAM,MAAM,GAAG;AAAA,IACtC;AAEA,UAAM,SAAS,MAAM;AACnB,oBAAc,QAAQ;AAAA,IACxB;;AAIE,aAAAA,UAAA,GAAAC,mBAqBM,OArBN,YAqBM;AAAA,QApBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAYEF,MAAA,QAAA,GAAA;AAAA,UAXA,OAAM;AAAA,UACL,SAAS,QAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACZ,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,cAAY;AAAA,UACZ,uBAAoB;AAAA,UACpB;AAAA,QAAA;QAEU,WAAA,SAAbF,UAAA,GAAAC,mBAAqE,SAArE,YAAqEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfEnum.vue2.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, inject } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport Dropdown from \"primevue/dropdown\";\n\ndefineOptions({ name: \"JfEnum\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n  if (!schema) return [];\n  const s = schema as {\n    enum?: unknown[];\n    oneOf?: Array<{ title?: string; const: unknown }>;\n  };\n  if (Array.isArray(s.enum))\n    return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n  if (Array.isArray(s.oneOf))\n    return s.oneOf.map((o) => ({\n      label: o.title ?? String(o.const),\n      value: o.const,\n    }));\n  return [];\n};\n\n// Provider support\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(() => {\n  return deps.value.map((dep) => {\n    // Resolve dependency value from form data using JSON pointer-like path\n    const path = dep.startsWith(\"#/\") ? dep.slice(2) : dep;\n    const keys = path.replace(/\\//g, \".\").split(\".\");\n    let value: unknown = rootData.value;\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    return value;\n  });\n});\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\n// Use provider if available, otherwise fall back to schema enum/oneOf\nconst {\n  items: providerItems,\n  loading,\n  error,\n} = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\nconst placeholder = computed<string | undefined>(() => {\n  if (loading.value) return \"Loading…\";\n  return (\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description\n  );\n});\n\nconst options = computed(() => {\n  // Use provider items if available, otherwise fall back to schema enum/oneOf\n  if (binding.value && providerItems.value.length > 0) {\n    return providerItems.value;\n  }\n  return toOptions(control.value.schema);\n});\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onSelect = (val: unknown) => {\n  handleChange(control.value.path, val);\n};\n\nconst onBlur = () => {\n  hasInteracted.value = true;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :model-value=\"control.data ?? null\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :show-clear=\"true\"\n      @update:model-value=\"onSelect\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n    <small v-else-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\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":"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"}

package/dist/vue/primevue/JfEnumArray.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfEnumArray.vue.d.ts.map

package/dist/vue/primevue/JfEnumArray.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JfEnumArray.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKlE,wBAEG"}
+{"version":3,"file":"JfEnumArray.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"names":[],"mappings":"AA0JA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiPlE,wBAEG"}

package/dist/vue/primevue/JfEnumArray.vue.js

@@ -1,5 +1,7 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { defineComponent, computed, inject, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useDerive } from "../composables/useDerive.js";
 import MultiSelect from "primevue/multiselect";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
@@ -12,6 +14,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 2,
+  class: "p-error",
+  role: "alert"
+};
+const _hoisted_5 = {
+  key: 3,
   class: "p-error"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -33,12 +40,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }));
       return [];
     };
-    const options = computed(
-      () => toOptions(control.value.schema?.items)
-    );
-    const placeholder = computed(
-      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    const binding = computed(() => {
+      const provider = control.value.uischema?.options?.provider;
+      if (provider && typeof provider === "object" && !provider.load) {
+        return { ...provider, load: "mount" };
+      }
+      return provider;
+    });
+    const deps = computed(
+      () => control.value.schema?.["x-provider"]?.dependsOn ?? []
     );
+    const depValues = computed(() => {
+      return deps.value.map((dep) => {
+        const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+        const keys = path.replace(/\//g, ".").split(".");
+        let value = rootData.value;
+        for (const key of keys) {
+          if (value && typeof value === "object" && key in value) {
+            value = value[key];
+          } else {
+            return null;
+          }
+        }
+        return value;
+      });
+    });
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const {
+      items: providerItems,
+      loading,
+      error
+    } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      dependsOnValues: depValues.value
+    });
+    const options = computed(() => {
+      if (binding.value && providerItems.value.length > 0) {
+        return providerItems.value;
+      }
+      return toOptions(control.value.schema?.items);
+    });
+    useDerive({ control, handleChange });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return control.value.uischema?.options?.placeholder ?? control.value.description;
+    });
     const sameSet = (a, b) => {
       if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)
         return false;
@@ -69,11 +117,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "option-value": "value",
           "data-key": "value",
           display: "chip",
-          disabled: !unref(control).enabled,
+          disabled: !unref(control).enabled || unref(loading),
           "aria-invalid": !!unref(control).errors || void 0,
           placeholder: placeholder.value
         }, null, 8, ["modelValue", "options", "disabled", "aria-invalid", "placeholder"]),
-        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/vue/primevue/JfEnumArray.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfEnumArray.vue.js","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed } from \"vue\";\nimport MultiSelect from \"primevue/multiselect\";\n\ndefineOptions({ name: \"JfEnumArray\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n  if (!schema) return [];\n  const s = schema as {\n    enum?: unknown[];\n    oneOf?: Array<{ title?: string; const: unknown }>;\n  };\n  if (Array.isArray(s.enum))\n    return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n  if (Array.isArray(s.oneOf))\n    return s.oneOf.map((o) => ({\n      label: o.title ?? String(o.const),\n      value: o.const,\n    }));\n  return [];\n};\n\nconst options = computed(() =>\n  toOptions((control.value.schema as { items?: JsonSchema })?.items),\n);\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\n// order-insensitive shallow equality for primitive enums\nconst sameSet = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)\n    return false;\n  const s = new Set(b);\n  return a.every((v) => s.has(v));\n};\n\n// v-model with guard to avoid recursive updates\nconst model = computed<unknown[]>({\n  get() {\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    // return a fresh copy so PrimeMultiSelect can't mutate JSONForms' array in place\n    return [...curr];\n  },\n  set(val) {\n    const next = Array.isArray(val) ? [...val] : [];\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    if (!sameSet(curr, next)) handleChange(control.value.path, next);\n  },\n});\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n\n    <MultiSelect\n      v-model=\"model\"\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      data-key=\"value\"\n      display=\"chip\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :placeholder=\"placeholder\"\n    />\n\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAG3D,UAAM,YAAY,CAAC,WAA+B;AAChD,UAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,YAAM,IAAI;AAIV,UAAI,MAAM,QAAQ,EAAE,IAAI;AACtB,eAAO,EAAE,KAAK,IAAI,CAAC,OAAgB,EAAE,OAAO,OAAO,CAAC,GAAG,OAAO,EAAA,EAAI;AACpE,UAAI,MAAM,QAAQ,EAAE,KAAK;AACvB,eAAO,EAAE,MAAM,IAAI,CAAC,OAAO;AAAA,UACzB,OAAO,EAAE,SAAS,OAAO,EAAE,KAAK;AAAA,UAChC,OAAO,EAAE;AAAA,QAAA,EACT;AACJ,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,UAAU;AAAA,MAAS,MACvB,UAAW,QAAQ,MAAM,QAAmC,KAAK;AAAA,IAAA;AAEnE,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAIrC,UAAM,UAAU,CAAC,GAAc,MAAiB;AAC9C,UAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;AAC3D,eAAO;AACT,YAAM,IAAI,IAAI,IAAI,CAAC;AACnB,aAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAAA,IAChC;AAGA,UAAM,QAAQ,SAAoB;AAAA,MAChC,MAAM;AACJ,cAAM,OAAO,MAAM,QAAQ,QAAQ,MAAM,IAAI,IAAI,QAAQ,MAAM,OAAO,CAAA;AAEtE,eAAO,CAAC,GAAG,IAAI;AAAA,MACjB;AAAA,MACA,IAAI,KAAK;AACP,cAAM,OAAO,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAA;AAC7C,cAAM,OAAO,MAAM,QAAQ,QAAQ,MAAM,IAAI,IAAI,QAAQ,MAAM,OAAO,CAAA;AACtE,YAAI,CAAC,QAAQ,MAAM,IAAI,EAAG,cAAa,QAAQ,MAAM,MAAM,IAAI;AAAA,MACjE;AAAA,IAAA,CACD;;AAIC,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAGxBE,YAWEF,MAAA,WAAA,GAAA;AAAA,sBAVS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAAS,QAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACb,YAAS;AAAA,UACT,SAAQ;AAAA,UACP,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,aAAa,YAAA;AAAA,QAAA;QAGHA,MAAA,OAAA,EAAQ,UAArBF,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfEnumArray.vue.js","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport MultiSelect from \"primevue/multiselect\";\n\ndefineOptions({ name: \"JfEnumArray\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n  if (!schema) return [];\n  const s = schema as {\n    enum?: unknown[];\n    oneOf?: Array<{ title?: string; const: unknown }>;\n  };\n  if (Array.isArray(s.enum))\n    return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n  if (Array.isArray(s.oneOf))\n    return s.oneOf.map((o) => ({\n      label: o.title ?? String(o.const),\n      value: o.const,\n    }));\n  return [];\n};\n\n// Provider support\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(() => {\n  return deps.value.map((dep) => {\n    // Resolve dependency value from form data using JSON pointer-like path\n    const path = dep.startsWith(\"#/\") ? dep.slice(2) : dep;\n    const keys = path.replace(/\\//g, \".\").split(\".\");\n    let value: unknown = rootData.value;\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    return value;\n  });\n});\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\n// Use provider if available, otherwise fall back to schema enum/oneOf\nconst {\n  items: providerItems,\n  loading,\n  error,\n} = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\nconst options = computed(() => {\n  // Use provider items if available, otherwise fall back to schema enum/oneOf\n  if (binding.value && providerItems.value.length > 0) {\n    return providerItems.value;\n  }\n  return toOptions((control.value.schema as { items?: JsonSchema })?.items);\n});\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\nconst placeholder = computed<string | undefined>(() => {\n  if (loading.value) return \"Loading…\";\n  return (\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description\n  );\n});\n\n// order-insensitive shallow equality for primitive enums\nconst sameSet = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)\n    return false;\n  const s = new Set(b);\n  return a.every((v) => s.has(v));\n};\n\n// v-model with guard to avoid recursive updates\nconst model = computed<unknown[]>({\n  get() {\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    // return a fresh copy so PrimeMultiSelect can't mutate JSONForms' array in place\n    return [...curr];\n  },\n  set(val) {\n    const next = Array.isArray(val) ? [...val] : [];\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    if (!sameSet(curr, next)) handleChange(control.value.path, next);\n  },\n});\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n\n    <MultiSelect\n      v-model=\"model\"\n      class=\"w-full\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      data-key=\"value\"\n      display=\"chip\"\n      :disabled=\"!control.enabled || loading\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      :placeholder=\"placeholder\"\n    />\n\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n    <small v-else-if=\"control.errors\" class=\"p-error\">{{\n      control.errors\n    }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}

package/dist/vue/primevue/JfNumber.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfNumber.vue.d.ts.map

package/dist/vue/primevue/JfNumber.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JfNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfNumber.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+LtD,wBAEG"}
+{"version":3,"file":"JfNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfNumber.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMtD,wBAEG"}

package/dist/vue/primevue/JfNumber.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, computed, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { useDerive } from "../composables/useDerive.js";
 import InputNumber from "primevue/inputnumber";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
@@ -27,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const placeholder = computed(
       () => options.value.placeholder ?? control.value.description
     );
+    useDerive({ control, handleChange });
     const mode = computed(() => {
       if (options.value.currency) return "currency";
       if (options.value.decimal || typeof options.value.precision === "number")

package/dist/vue/primevue/JfNumber.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfNumber.vue.js","sources":["../../../src/vue/primevue/JfNumber.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref } from \"vue\";\nimport InputNumber from \"primevue/inputnumber\";\n\ndefineOptions({ name: \"JfNumber\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst options = computed(\n  () =>\n    (control.value.uischema as { options?: Record<string, unknown> })\n      ?.options ?? {},\n);\n\nconst placeholder = computed<string | undefined>(\n  () => (options.value.placeholder as string) ?? control.value.description,\n);\n\n// Currency and decimal configuration\nconst mode = computed(() => {\n  if (options.value.currency) return \"currency\";\n  if (options.value.decimal || typeof options.value.precision === \"number\")\n    return \"decimal\";\n  return undefined;\n});\n\nconst currency = computed(() =>\n  typeof options.value.currency === \"string\" ? options.value.currency : \"USD\",\n);\n\nconst minFractionDigits = computed(() => {\n  if (mode.value === \"currency\") return 2;\n  if (typeof options.value.precision === \"number\")\n    return options.value.precision;\n  return undefined;\n});\n\nconst maxFractionDigits = computed(() => {\n  if (mode.value === \"currency\") return 2;\n  if (typeof options.value.precision === \"number\")\n    return options.value.precision;\n  return undefined;\n});\n\nconst useGrouping = computed(() => {\n  // Enable grouping for currency by default, or if explicitly set\n  if (mode.value === \"currency\") return true;\n  return options.value.useGrouping === true;\n});\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onNumber = (val: number | null) => {\n  handleChange(control.value.path, val ?? undefined);\n};\n\nconst onBlur = () => {\n  hasInteracted.value = true;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <InputNumber\n      class=\"w-full\"\n      input-class=\"w-full\"\n      :use-grouping=\"useGrouping\"\n      :mode=\"mode\"\n      :currency=\"currency\"\n      :min-fraction-digits=\"minFractionDigits\"\n      :max-fraction-digits=\"maxFractionDigits\"\n      :model-value=\"typeof control.data === 'number' ? control.data : null\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      @update:model-value=\"onNumber\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,UAAU;AAAA,MACd,MACG,QAAQ,MAAM,UACX,WAAW,CAAA;AAAA,IAAC;AAGpB,UAAM,cAAc;AAAA,MAClB,MAAO,QAAQ,MAAM,eAA0B,QAAQ,MAAM;AAAA,IAAA;AAI/D,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,QAAQ,MAAM,SAAU,QAAO;AACnC,UAAI,QAAQ,MAAM,WAAW,OAAO,QAAQ,MAAM,cAAc;AAC9D,eAAO;AACT,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW;AAAA,MAAS,MACxB,OAAO,QAAQ,MAAM,aAAa,WAAW,QAAQ,MAAM,WAAW;AAAA,IAAA;AAGxE,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,UAAI,OAAO,QAAQ,MAAM,cAAc;AACrC,eAAO,QAAQ,MAAM;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,UAAI,OAAO,QAAQ,MAAM,cAAc;AACrC,eAAO,QAAQ,MAAM;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AAEjC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,aAAO,QAAQ,MAAM,gBAAgB;AAAA,IACvC,CAAC;AAGD,UAAM,gBAAgB,IAAI,KAAK;AAE/B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,UAAM,WAAW,CAAC,QAAuB;AACvC,mBAAa,QAAQ,MAAM,MAAM,OAAO,MAAS;AAAA,IACnD;AAEA,UAAM,SAAS,MAAM;AACnB,oBAAc,QAAQ;AAAA,IACxB;;AAIE,aAAAA,UAAA,GAAAC,mBAuBM,OAvBN,YAuBM;AAAA,QAtBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAcEF,MAAA,WAAA,GAAA;AAAA,UAbA,OAAM;AAAA,UACN,eAAY;AAAA,UACX,gBAAc,YAAA;AAAA,UACd,MAAM,KAAA;AAAA,UACN,UAAU,SAAA;AAAA,UACV,uBAAqB,kBAAA;AAAA,UACrB,uBAAqB,kBAAA;AAAA,UACrB,sBAAoBA,MAAA,OAAA,EAAQ,SAAI,WAAgBA,MAAA,OAAA,EAAQ,OAAI;AAAA,UAC5D,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,uBAAoB;AAAA,UACpB;AAAA,QAAA;QAEU,WAAA,SAAbF,UAAA,GAAAC,mBAAqE,SAArE,YAAqEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfNumber.vue.js","sources":["../../../src/vue/primevue/JfNumber.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref } from \"vue\";\nimport { useDerive } from \"../composables/useDerive\";\nimport InputNumber from \"primevue/inputnumber\";\n\ndefineOptions({ name: \"JfNumber\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst options = computed(\n  () =>\n    (control.value.uischema as { options?: Record<string, unknown> })\n      ?.options ?? {},\n);\n\nconst placeholder = computed<string | undefined>(\n  () => (options.value.placeholder as string) ?? control.value.description,\n);\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Currency and decimal configuration\nconst mode = computed(() => {\n  if (options.value.currency) return \"currency\";\n  if (options.value.decimal || typeof options.value.precision === \"number\")\n    return \"decimal\";\n  return undefined;\n});\n\nconst currency = computed(() =>\n  typeof options.value.currency === \"string\" ? options.value.currency : \"USD\",\n);\n\nconst minFractionDigits = computed(() => {\n  if (mode.value === \"currency\") return 2;\n  if (typeof options.value.precision === \"number\")\n    return options.value.precision;\n  return undefined;\n});\n\nconst maxFractionDigits = computed(() => {\n  if (mode.value === \"currency\") return 2;\n  if (typeof options.value.precision === \"number\")\n    return options.value.precision;\n  return undefined;\n});\n\nconst useGrouping = computed(() => {\n  // Enable grouping for currency by default, or if explicitly set\n  if (mode.value === \"currency\") return true;\n  return options.value.useGrouping === true;\n});\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onNumber = (val: number | null) => {\n  handleChange(control.value.path, val ?? undefined);\n};\n\nconst onBlur = () => {\n  hasInteracted.value = true;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <InputNumber\n      class=\"w-full\"\n      input-class=\"w-full\"\n      :use-grouping=\"useGrouping\"\n      :mode=\"mode\"\n      :currency=\"currency\"\n      :min-fraction-digits=\"minFractionDigits\"\n      :max-fraction-digits=\"maxFractionDigits\"\n      :model-value=\"typeof control.data === 'number' ? control.data : null\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      @update:model-value=\"onNumber\"\n      @blur=\"onBlur\"\n    />\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,UAAU;AAAA,MACd,MACG,QAAQ,MAAM,UACX,WAAW,CAAA;AAAA,IAAC;AAGpB,UAAM,cAAc;AAAA,MAClB,MAAO,QAAQ,MAAM,eAA0B,QAAQ,MAAM;AAAA,IAAA;AAI/D,cAAU,EAAE,SAAS,cAAc;AAGnC,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,QAAQ,MAAM,SAAU,QAAO;AACnC,UAAI,QAAQ,MAAM,WAAW,OAAO,QAAQ,MAAM,cAAc;AAC9D,eAAO;AACT,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW;AAAA,MAAS,MACxB,OAAO,QAAQ,MAAM,aAAa,WAAW,QAAQ,MAAM,WAAW;AAAA,IAAA;AAGxE,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,UAAI,OAAO,QAAQ,MAAM,cAAc;AACrC,eAAO,QAAQ,MAAM;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,UAAI,OAAO,QAAQ,MAAM,cAAc;AACrC,eAAO,QAAQ,MAAM;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AAEjC,UAAI,KAAK,UAAU,WAAY,QAAO;AACtC,aAAO,QAAQ,MAAM,gBAAgB;AAAA,IACvC,CAAC;AAGD,UAAM,gBAAgB,IAAI,KAAK;AAE/B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,UAAM,WAAW,CAAC,QAAuB;AACvC,mBAAa,QAAQ,MAAM,MAAM,OAAO,MAAS;AAAA,IACnD;AAEA,UAAM,SAAS,MAAM;AACnB,oBAAc,QAAQ;AAAA,IACxB;;AAIE,aAAAA,UAAA,GAAAC,mBAuBM,OAvBN,YAuBM;AAAA,QAtBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAcEF,MAAA,WAAA,GAAA;AAAA,UAbA,OAAM;AAAA,UACN,eAAY;AAAA,UACX,gBAAc,YAAA;AAAA,UACd,MAAM,KAAA;AAAA,UACN,UAAU,SAAA;AAAA,UACV,uBAAqB,kBAAA;AAAA,UACrB,uBAAqB,kBAAA;AAAA,UACrB,sBAAoBA,MAAA,OAAA,EAAQ,SAAI,WAAgBA,MAAA,OAAA,EAAQ,OAAI;AAAA,UAC5D,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,uBAAoB;AAAA,UACpB;AAAA,QAAA;QAEU,WAAA,SAAbF,UAAA,GAAAC,mBAAqE,SAArE,YAAqEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

package/dist/vue/primevue/JfText.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfText.vue.d.ts.map

package/dist/vue/primevue/JfText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JfText.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfText.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKtD,wBAEG"}
+{"version":3,"file":"JfText.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfText.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsTtD,wBAEG"}

package/dist/vue/primevue/JfText.vue.js

@@ -1,6 +1,9 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
+import { defineComponent, computed, inject, ref, watch, createElementBlock, openBlock, createCommentVNode, createBlock, unref, toDisplayString } from "vue";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import { useProvider } from "../composables/useProvider.js";
+import { useDerive } from "../composables/useDerive.js";
 import InputText from "primevue/inputtext";
+import AutoComplete from "primevue/autocomplete";
 const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
   key: 0,
@@ -11,7 +14,12 @@ const _hoisted_3 = {
   class: "text-color-secondary text-left"
 };
 const _hoisted_4 = {
-  key: 2,
+  key: 4,
+  class: "p-error",
+  role: "alert"
+};
+const _hoisted_5 = {
+  key: 5,
   class: "p-error"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,9 +29,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { control, handleChange } = useJsonFormsControl(props);
-    const placeholder = computed(
-      () => control.value.uischema?.options?.placeholder ?? control.value.description
+    const binding = computed(() => {
+      const provider = control.value.uischema?.options?.provider;
+      if (provider && typeof provider === "object" && !provider.load) {
+        return { ...provider, load: "query" };
+      }
+      return provider;
+    });
+    const deps = computed(
+      () => control.value.schema?.["x-provider"]?.dependsOn ?? []
     );
+    const depValues = computed(() => {
+      return deps.value.map((dep) => {
+        const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+        const keys = path.replace(/\//g, ".").split(".");
+        let value = rootData.value;
+        for (const key of keys) {
+          if (value && typeof value === "object" && key in value) {
+            value = value[key];
+          } else {
+            return null;
+          }
+        }
+        return value;
+      });
+    });
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const query = ref("");
+    const { items, loading, error, reload } = useProvider(binding, {
+      data: rootData,
+      path: control.value.path,
+      uiQuery: query.value,
+      dependsOnValues: depValues.value
+    });
+    watch(query, () => {
+      if (binding.value?.load === "query") reload();
+    });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      return control.value.uischema?.options?.placeholder ?? control.value.description;
+    });
+    const isAutocomplete = computed(() => !!binding.value);
+    useDerive({ control, handleChange });
     const hasInteracted = ref(false);
     const hasFocused = ref(false);
     const showErrors = computed(() => hasInteracted.value && control.value.errors);
@@ -41,11 +89,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onFocus() {
       hasFocused.value = true;
     }
+    const onComplete = (event) => {
+      query.value = event.query;
+    };
+    const onSelect = (event) => {
+      const newValue = event.value?.value ?? event.value;
+      handleChange(control.value.path, newValue);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
         unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
-        createVNode(unref(InputText), {
+        isAutocomplete.value ? (openBlock(), createBlock(unref(AutoComplete), {
+          key: 2,
+          class: "w-full",
+          "model-value": unref(control).data ?? "",
+          suggestions: unref(items),
+          "option-label": "label",
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled,
+          "aria-invalid": !!showErrors.value || void 0,
+          onComplete,
+          onItemSelect: onSelect,
+          "onUpdate:modelValue": onInput,
+          onBlur,
+          onFocus
+        }, null, 8, ["model-value", "suggestions", "placeholder", "disabled", "aria-invalid"])) : (openBlock(), createBlock(unref(InputText), {
+          key: 3,
           class: "w-full",
           "model-value": unref(control).data ?? "",
           disabled: !unref(control).enabled,
@@ -57,8 +127,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": onInput,
           onBlur,
           onFocus
-        }, null, 8, ["model-value", "disabled", "aria-invalid", "placeholder"]),
-        showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_4, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        }, null, 8, ["model-value", "disabled", "aria-invalid", "placeholder"])),
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/vue/primevue/JfText.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JfText.vue.js","sources":["../../../src/vue/primevue/JfText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref } from \"vue\";\nimport InputText from \"primevue/inputtext\";\n\ndefineOptions({ name: \"JfText\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst placeholder = computed<string | undefined>(\n  () =>\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description,\n);\n\n// Track user interaction\nconst hasInteracted = ref(false);\nconst hasFocused = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nfunction onInput(val: string | undefined) {\n  // Convert empty strings to undefined for proper required field validation\n  const newValue = val && val.trim() !== \"\" ? val : undefined;\n  if (control.value.data !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\n}\n\nfunction onBlur() {\n  if (hasFocused.value) {\n    hasInteracted.value = true;\n  }\n}\n\nfunction onFocus() {\n  hasFocused.value = true;\n}\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <InputText\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :placeholder=\"placeholder\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n    />\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,cAAc;AAAA,MAClB,MACG,QAAQ,MAAM,UAAqD,SAChE,eAAe,QAAQ,MAAM;AAAA,IAAA;AAIrC,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,aAAa,SAAS,MAAM,cAAc,SAAS,QAAQ,MAAM,MAAM;AAE7E,aAAS,QAAQ,KAAyB;AAExC,YAAM,WAAW,OAAO,IAAI,KAAA,MAAW,KAAK,MAAM;AAClD,UAAI,QAAQ,MAAM,SAAS,UAAU;AACnC,qBAAa,QAAQ,MAAM,MAAM,QAAQ;AAAA,MAC3C;AAAA,IACF;AAEA,aAAS,SAAS;AAChB,UAAI,WAAW,OAAO;AACpB,sBAAc,QAAQ;AAAA,MACxB;AAAA,IACF;AAEA,aAAS,UAAU;AACjB,iBAAW,QAAQ;AAAA,IACrB;;AAIE,aAAAA,UAAA,GAAAC,mBAqBM,OArBN,YAqBM;AAAA,QApBSC,MAAA,OAAA,EAAQ,SAArBF,UAAA,GAAAC,mBAEU,SAFV,YAEUE,gBADRD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAEJA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAYEF,MAAA,SAAA,GAAA;AAAA,UAXA,OAAM;AAAA,UACL,eAAaA,MAAA,OAAA,EAAQ,QAAI;AAAA,UACzB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAI,WAAA,SAAc;AAAA,UAC9B,aAAa,YAAA;AAAA,UACd,gBAAe;AAAA,UACf,cAAa;AAAA,UACb,YAAW;AAAA,UACV,uBAAoB;AAAA,UACpB;AAAA,UACA;AAAA,QAAA;QAEU,WAAA,SAAbF,UAAA,GAAAC,mBAAqE,SAArE,YAAqEE,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfText.vue.js","sources":["../../../src/vue/primevue/JfText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport InputText from \"primevue/inputtext\";\nimport AutoComplete from \"primevue/autocomplete\";\n\ndefineOptions({ name: \"JfText\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\n// Provider support for autocomplete functionality\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'query' by default for autocomplete\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"query\" };\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(() => {\n  return deps.value.map((dep) => {\n    // Resolve dependency value from form data using JSON pointer-like path\n    const path = dep.startsWith(\"#/\") ? dep.slice(2) : dep;\n    const keys = path.replace(/\\//g, \".\").split(\".\");\n    let value: unknown = rootData.value;\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    return value;\n  });\n});\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 query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: rootData,\n  path: control.value.path,\n  uiQuery: query.value,\n  dependsOnValues: depValues.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\n});\n\nconst placeholder = computed<string | undefined>(() => {\n  if (loading.value) return \"Loading…\";\n  return (\n    (control.value.uischema as { options?: { placeholder?: string } })?.options\n      ?.placeholder ?? control.value.description\n  );\n});\n\nconst isAutocomplete = computed(() => !!binding.value);\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Track user interaction\nconst hasInteracted = ref(false);\nconst hasFocused = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nfunction onInput(val: string | undefined) {\n  // Convert empty strings to undefined for proper required field validation\n  const newValue = val && val.trim() !== \"\" ? val : undefined;\n  if (control.value.data !== newValue) {\n    handleChange(control.value.path, newValue);\n  }\n}\n\nfunction onBlur() {\n  if (hasFocused.value) {\n    hasInteracted.value = true;\n  }\n}\n\nfunction onFocus() {\n  hasFocused.value = true;\n}\n\n// Autocomplete specific handlers\nconst onComplete = (event: { query: string }) => {\n  query.value = event.query;\n};\n\nconst onSelect = (event: { value?: { value?: unknown } | unknown }) => {\n  const newValue = (event.value as { value?: unknown })?.value ?? event.value;\n  handleChange(control.value.path, newValue);\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-2\">\n    <label v-if=\"control.label\" class=\"text-color text-left\">{{\n      control.label\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <AutoComplete\n      v-if=\"isAutocomplete\"\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :suggestions=\"items\"\n      option-label=\"label\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      @complete=\"onComplete\"\n      @item-select=\"onSelect\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n    />\n    <InputText\n      v-else\n      class=\"w-full\"\n      :model-value=\"control.data ?? ''\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!showErrors || undefined\"\n      :placeholder=\"placeholder\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      @update:model-value=\"onInput\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\">Failed: {{ error }}</small>\n    <small v-else-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createBlock"],"mappings":"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"}

package/dist/vue/primevue/JfTextArea.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
     renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
     cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-    config: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfTextArea.vue.d.ts.map

package/dist/vue/primevue/index.d.ts

@@ -73,10 +73,10 @@ export declare const primevueRenderers: {
             default: undefined;
         };
     }>> & Readonly<{}>, {
+        config: Record<string, any>;
         enabled: boolean;
         renderers: import("@jsonforms/core").JsonFormsRendererRegistryEntry[];
         cells: import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[];
-        config: Record<string, any>;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }[];
 export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@narrative.io/jsonforms-provider-protocols",
-	"version": "1.1.0-beta.3",
+	"version": "1.1.0-beta.5",
 	"description": "Dynamic data provider capabilities for JSONForms with Vue 3 integration",
 	"type": "module",
 	"author": "Narrative I/O",

package/src/vue/composables/useDerive.ts

@@ -0,0 +1,105 @@
+import { computed, watch, inject, type Ref } from "vue";
+import { type ControlElement } from "@jsonforms/core";
+
+interface DeriveOptions {
+  control: Ref<{
+    uischema: ControlElement;
+    path: string;
+    data: unknown;
+  }>;
+  handleChange: (path: string, value: unknown) => void;
+}
+
+export function useDerive({ control, handleChange }: DeriveOptions) {
+  // Get the root form data from JSONForms context
+  const injectedFormData = inject<{ value: unknown }>("formData", {
+    value: {},
+  });
+  const rootData = computed(() => injectedFormData.value || {});
+
+  // Get external data from context if available
+  const injectedExternalData = inject<{ value: unknown }>("externalData", {
+    value: {},
+  });
+  const externalData = computed(() => injectedExternalData.value || {});
+
+  // Extract derive configuration from uischema options
+  const deriveConfig = computed(() => {
+    const options = control.value.uischema?.options as
+      | { derive?: string; mode?: string }
+      | undefined;
+    return {
+      expression: options?.derive,
+      mode: options?.mode || "follow", // 'follow' = auto-update, 'manual' = user controlled
+    };
+  });
+
+  // Watch for changes in form data and external data and update derived field
+  watch(
+    [rootData, externalData, deriveConfig],
+    ([data, extData, config]) => {
+      if (!config.expression || config.mode !== "follow") {
+        return;
+      }
+
+      try {
+        const derivedValue = resolveDeriveExpression(
+          config.expression,
+          data,
+          extData,
+        );
+        if (derivedValue !== control.value.data) {
+          handleChange(control.value.path, derivedValue);
+        }
+      } catch (error) {
+        console.warn(
+          `Failed to derive value for ${control.value.path}:`,
+          error,
+        );
+      }
+    },
+    { deep: true, immediate: true },
+  );
+}
+
+function resolveDeriveExpression(
+  expression: string,
+  data: unknown,
+  externalData?: unknown,
+): unknown {
+  // Handle externalData() syntax
+  if (expression.startsWith("externalData(") && expression.endsWith(")")) {
+    const propertyPath = expression.slice(13, -1); // Remove "externalData(" and ")"
+    return resolvePropertyPath(propertyPath, externalData);
+  }
+
+  // Handle simple property paths like "country.name"
+  if (
+    !expression.includes("(") &&
+    !expression.includes("+") &&
+    !expression.includes("?")
+  ) {
+    return resolvePropertyPath(expression, data);
+  }
+
+  // For now, we'll only support simple property paths and externalData() calls
+  // Complex expressions would require a safe expression evaluator
+  return resolvePropertyPath(expression, data);
+}
+
+function resolvePropertyPath(path: string, data: unknown): unknown {
+  if (!path || !data) return "";
+
+  const keys = path.split(".");
+  let value: unknown = data;
+
+  for (const key of keys) {
+    if (value && typeof value === "object" && key in value) {
+      value = (value as Record<string, unknown>)[key];
+    } else {
+      return null;
+    }
+  }
+
+  return value;
+}

package/src/vue/primevue/JfEnum.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import type { ControlElement, JsonSchema } from "@jsonforms/core";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
-import { computed, ref } from "vue";
+import { computed, ref, inject } from "vue";
+import { useProvider } from "../composables/useProvider";
+import { useDerive } from "../composables/useDerive";
 import Dropdown from "primevue/dropdown";
 
 defineOptions({ name: "JfEnum" });
@@ -26,13 +28,74 @@ const toOptions = (schema?: JsonSchema): Opt[] => {
   return [];
 };
 
-const placeholder = computed<string | undefined>(
+// Provider support
+const binding = computed(() => {
+  const provider = control.value.uischema?.options?.provider;
+  // Ensure load property is set to 'mount' by default
+  if (provider && typeof provider === "object" && !provider.load) {
+    return { ...provider, load: "mount" };
+  }
+  return provider;
+});
+
+const deps = computed(
   () =>
-    (control.value.uischema as { options?: { placeholder?: string } })?.options
-      ?.placeholder ?? control.value.description,
+    ((
+      (control.value.schema as Record<string, unknown>)?.[
+        "x-provider"
+      ] as Record<string, unknown>
+    )?.dependsOn as string[]) ?? [],
 );
+const depValues = computed(() => {
+  return deps.value.map((dep) => {
+    // Resolve dependency value from form data using JSON pointer-like path
+    const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+    const keys = path.replace(/\//g, ".").split(".");
+    let value: unknown = rootData.value;
+    for (const key of keys) {
+      if (value && typeof value === "object" && key in value) {
+        value = (value as Record<string, unknown>)[key];
+      } else {
+        return null;
+      }
+    }
+    return value;
+  });
+});
+
+// Get the root form data from JSONForms context for template URL resolution
+const injectedFormData = inject<{ value: unknown }>("formData", { value: {} });
+const rootData = computed(() => injectedFormData.value || {});
+
+// Use provider if available, otherwise fall back to schema enum/oneOf
+const {
+  items: providerItems,
+  loading,
+  error,
+} = useProvider(binding, {
+  data: rootData,
+  path: control.value.path,
+  dependsOnValues: depValues.value,
+});
+
+const placeholder = computed<string | undefined>(() => {
+  if (loading.value) return "Loading…";
+  return (
+    (control.value.uischema as { options?: { placeholder?: string } })?.options
+      ?.placeholder ?? control.value.description
+  );
+});
+
+const options = computed(() => {
+  // Use provider items if available, otherwise fall back to schema enum/oneOf
+  if (binding.value && providerItems.value.length > 0) {
+    return providerItems.value;
+  }
+  return toOptions(control.value.schema);
+});
 
-const options = computed(() => toOptions(control.value.schema));
+// Add derive functionality
+useDerive({ control, handleChange });
 
 // Track user interaction
 const hasInteracted = ref(false);
@@ -63,13 +126,16 @@ const onBlur = () => {
       option-value="value"
       :model-value="control.data ?? null"
       :placeholder="placeholder"
-      :disabled="!control.enabled"
+      :disabled="!control.enabled || loading"
       :aria-invalid="!!showErrors || undefined"
       :show-clear="true"
       @update:model-value="onSelect"
       @blur="onBlur"
     />
-    <small v-if="showErrors" class="p-error">{{ control.errors }}</small>
+    <small v-if="error" class="p-error" role="alert"
+      >Failed to load: {{ error }}</small
+    >
+    <small v-else-if="showErrors" class="p-error">{{ control.errors }}</small>
   </div>
 </template>
 

package/src/vue/primevue/JfEnumArray.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import type { ControlElement, JsonSchema } from "@jsonforms/core";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
-import { computed } from "vue";
+import { computed, inject } from "vue";
+import { useProvider } from "../composables/useProvider";
+import { useDerive } from "../composables/useDerive";
 import MultiSelect from "primevue/multiselect";
 
 defineOptions({ name: "JfEnumArray" });
@@ -26,14 +28,74 @@ const toOptions = (schema?: JsonSchema): Opt[] => {
   return [];
 };
 
-const options = computed(() =>
-  toOptions((control.value.schema as { items?: JsonSchema })?.items),
-);
-const placeholder = computed<string | undefined>(
+// Provider support
+const binding = computed(() => {
+  const provider = control.value.uischema?.options?.provider;
+  // Ensure load property is set to 'mount' by default
+  if (provider && typeof provider === "object" && !provider.load) {
+    return { ...provider, load: "mount" };
+  }
+  return provider;
+});
+
+const deps = computed(
   () =>
-    (control.value.uischema as { options?: { placeholder?: string } })?.options
-      ?.placeholder ?? control.value.description,
+    ((
+      (control.value.schema as Record<string, unknown>)?.[
+        "x-provider"
+      ] as Record<string, unknown>
+    )?.dependsOn as string[]) ?? [],
 );
+const depValues = computed(() => {
+  return deps.value.map((dep) => {
+    // Resolve dependency value from form data using JSON pointer-like path
+    const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+    const keys = path.replace(/\//g, ".").split(".");
+    let value: unknown = rootData.value;
+    for (const key of keys) {
+      if (value && typeof value === "object" && key in value) {
+        value = (value as Record<string, unknown>)[key];
+      } else {
+        return null;
+      }
+    }
+    return value;
+  });
+});
+
+// Get the root form data from JSONForms context for template URL resolution
+const injectedFormData = inject<{ value: unknown }>("formData", { value: {} });
+const rootData = computed(() => injectedFormData.value || {});
+
+// Use provider if available, otherwise fall back to schema enum/oneOf
+const {
+  items: providerItems,
+  loading,
+  error,
+} = useProvider(binding, {
+  data: rootData,
+  path: control.value.path,
+  dependsOnValues: depValues.value,
+});
+
+const options = computed(() => {
+  // Use provider items if available, otherwise fall back to schema enum/oneOf
+  if (binding.value && providerItems.value.length > 0) {
+    return providerItems.value;
+  }
+  return toOptions((control.value.schema as { items?: JsonSchema })?.items);
+});
+
+// Add derive functionality
+useDerive({ control, handleChange });
+
+const placeholder = computed<string | undefined>(() => {
+  if (loading.value) return "Loading…";
+  return (
+    (control.value.uischema as { options?: { placeholder?: string } })?.options
+      ?.placeholder ?? control.value.description
+  );
+});
 
 // order-insensitive shallow equality for primitive enums
 const sameSet = (a: unknown[], b: unknown[]) => {
@@ -75,11 +137,16 @@ const model = computed<unknown[]>({
       option-value="value"
       data-key="value"
       display="chip"
-      :disabled="!control.enabled"
+      :disabled="!control.enabled || loading"
       :aria-invalid="!!control.errors || undefined"
       :placeholder="placeholder"
     />
 
-    <small v-if="control.errors" class="p-error">{{ control.errors }}</small>
+    <small v-if="error" class="p-error" role="alert"
+      >Failed to load: {{ error }}</small
+    >
+    <small v-else-if="control.errors" class="p-error">{{
+      control.errors
+    }}</small>
   </div>
 </template>

package/src/vue/primevue/JfNumber.vue

@@ -2,6 +2,7 @@
 import type { ControlElement } from "@jsonforms/core";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
 import { computed, ref } from "vue";
+import { useDerive } from "../composables/useDerive";
 import InputNumber from "primevue/inputnumber";
 
 defineOptions({ name: "JfNumber" });
@@ -19,6 +20,9 @@ const placeholder = computed<string | undefined>(
   () => (options.value.placeholder as string) ?? control.value.description,
 );
 
+// Add derive functionality
+useDerive({ control, handleChange });
+
 // Currency and decimal configuration
 const mode = computed(() => {
   if (options.value.currency) return "currency";

package/src/vue/primevue/JfText.vue

@@ -1,19 +1,80 @@
 <script setup lang="ts">
 import type { ControlElement } from "@jsonforms/core";
 import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
-import { computed, ref } from "vue";
+import { computed, ref, inject, watch } from "vue";
+import { useProvider } from "../composables/useProvider";
+import { useDerive } from "../composables/useDerive";
 import InputText from "primevue/inputtext";
+import AutoComplete from "primevue/autocomplete";
 
 defineOptions({ name: "JfText" });
 
 const props = defineProps(rendererProps<ControlElement>());
 const { control, handleChange } = useJsonFormsControl(props);
 
-const placeholder = computed<string | undefined>(
+// Provider support for autocomplete functionality
+const binding = computed(() => {
+  const provider = control.value.uischema?.options?.provider;
+  // Ensure load property is set to 'query' by default for autocomplete
+  if (provider && typeof provider === "object" && !provider.load) {
+    return { ...provider, load: "query" };
+  }
+  return provider;
+});
+
+const deps = computed(
   () =>
-    (control.value.uischema as { options?: { placeholder?: string } })?.options
-      ?.placeholder ?? control.value.description,
+    ((
+      (control.value.schema as Record<string, unknown>)?.[
+        "x-provider"
+      ] as Record<string, unknown>
+    )?.dependsOn as string[]) ?? [],
 );
+const depValues = computed(() => {
+  return deps.value.map((dep) => {
+    // Resolve dependency value from form data using JSON pointer-like path
+    const path = dep.startsWith("#/") ? dep.slice(2) : dep;
+    const keys = path.replace(/\//g, ".").split(".");
+    let value: unknown = rootData.value;
+    for (const key of keys) {
+      if (value && typeof value === "object" && key in value) {
+        value = (value as Record<string, unknown>)[key];
+      } else {
+        return null;
+      }
+    }
+    return value;
+  });
+});
+
+// Get the root form data from JSONForms context for template URL resolution
+const injectedFormData = inject<{ value: unknown }>("formData", { value: {} });
+const rootData = computed(() => injectedFormData.value || {});
+
+const query = ref("");
+const { items, loading, error, reload } = useProvider(binding, {
+  data: rootData,
+  path: control.value.path,
+  uiQuery: query.value,
+  dependsOnValues: depValues.value,
+});
+
+watch(query, () => {
+  if (binding.value?.load === "query") reload();
+});
+
+const placeholder = computed<string | undefined>(() => {
+  if (loading.value) return "Loading…";
+  return (
+    (control.value.uischema as { options?: { placeholder?: string } })?.options
+      ?.placeholder ?? control.value.description
+  );
+});
+
+const isAutocomplete = computed(() => !!binding.value);
+
+// Add derive functionality
+useDerive({ control, handleChange });
 
 // Track user interaction
 const hasInteracted = ref(false);
@@ -38,6 +99,16 @@ function onBlur() {
 function onFocus() {
   hasFocused.value = true;
 }
+
+// Autocomplete specific handlers
+const onComplete = (event: { query: string }) => {
+  query.value = event.query;
+};
+
+const onSelect = (event: { value?: { value?: unknown } | unknown }) => {
+  const newValue = (event.value as { value?: unknown })?.value ?? event.value;
+  handleChange(control.value.path, newValue);
+};
 </script>
 
 <template>
@@ -48,7 +119,23 @@ function onFocus() {
     <div v-if="control.description" class="text-color-secondary text-left">
       {{ control.description }}
     </div>
+    <AutoComplete
+      v-if="isAutocomplete"
+      class="w-full"
+      :model-value="control.data ?? ''"
+      :suggestions="items"
+      option-label="label"
+      :placeholder="placeholder"
+      :disabled="!control.enabled"
+      :aria-invalid="!!showErrors || undefined"
+      @complete="onComplete"
+      @item-select="onSelect"
+      @update:model-value="onInput"
+      @blur="onBlur"
+      @focus="onFocus"
+    />
     <InputText
+      v-else
       class="w-full"
       :model-value="control.data ?? ''"
       :disabled="!control.enabled"
@@ -61,6 +148,7 @@ function onFocus() {
       @blur="onBlur"
       @focus="onFocus"
     />
-    <small v-if="showErrors" class="p-error">{{ control.errors }}</small>
+    <small v-if="error" class="p-error" role="alert">Failed: {{ error }}</small>
+    <small v-else-if="showErrors" class="p-error">{{ control.errors }}</small>
   </div>
 </template>