@narrative.io/jsonforms-provider-protocols 1.0.3 → 1.1.0-beta.0

package/dist/jsonforms-provider-protocols.css

@@ -1,4 +1,8 @@
 
-.provider-select select[data-v-1ad3fce8] {
-  min-width: 16rem;
+[data-v-197643bf] .p-dropdown-label {
+  text-align: left;
+}
+
+[data-v-ea538214] .p-dropdown-label {
+  text-align: left;
 }

package/dist/protocols/rest_api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rest_api.d.ts","sourceRoot":"","sources":["../../src/protocols/rest_api.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EAGR,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;IACrE,QAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AA0DF,eAAO,MAAM,eAAe,QAAO,QAAQ,CAAC,UAAU,CA0DpD,CAAC"}
+{"version":3,"file":"rest_api.d.ts","sourceRoot":"","sources":["../../src/protocols/rest_api.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EAGR,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;IACrE,QAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AA0DF,eAAO,MAAM,eAAe,QAAO,QAAQ,CAAC,UAAU,CAiEpD,CAAC"}

package/dist/protocols/rest_api.js

@@ -43,7 +43,11 @@ const RestApiProtocol = () => ({
     let cursor = null;
     let page = 0;
     do {
-      const url = new URL(renderTpl(cfg.url, { data: ctx.data, ui: ctx.ui }));
+      const renderedUrl = renderTpl(cfg.url, { data: ctx.data, ui: ctx.ui });
+      if (cfg.url.includes("{{") && renderedUrl.endsWith("/")) {
+        return { items: [], ttl: 0 };
+      }
+      const url = new URL(renderedUrl);
       const q = renderObj(cfg.query ?? {}, {
         data: ctx.data,
         ui: ctx.ui

package/dist/protocols/rest_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"rest_api.js","sources":["../../src/protocols/rest_api.ts"],"sourcesContent":["import { jp } from \"../core/jsonpath\";\nimport { renderObj, renderTpl } from \"../core/templating\";\nimport type {\n  Protocol,\n  ProviderItem,\n  ProviderOutput,\n  AuthConfig,\n} from \"../core/types\";\n\nexport type RestApiCfg = {\n  url: string;\n  method?: \"GET\" | \"POST\";\n  headers?: Record<string, string>;\n  query?: Record<string, unknown>;\n  body?: unknown;\n  items: string; // JSONPath to array; e.g. \"$.items[*]\"\n  map: { label: string; value: string; meta?: Record<string, string> }; // relative to each item\n  paginate?: { cursorPath: string; param: string; maxPages?: number };\n  auth?: AuthConfig;\n};\n\nfunction buildAuthHeaders(\n  auth?: AuthConfig,\n  globalAuth?: Record<string, unknown>,\n): Record<string, string> {\n  const headers: Record<string, string> = {};\n\n  if (!auth) return headers;\n\n  // Handle \"use\" reference to global auth\n  if (auth.use && globalAuth?.[auth.use]) {\n    const globalValue = globalAuth[auth.use];\n    const value =\n      typeof globalValue === \"function\" ? globalValue() : globalValue;\n\n    if (auth.use === \"apiKey\") {\n      headers[\"X-API-Key\"] = String(value);\n    } else if (auth.use === \"bearer\") {\n      headers[\"Authorization\"] = `Bearer ${value}`;\n    } else if (auth.use === \"token\") {\n      headers[\"Authorization\"] = `Token ${value}`;\n    }\n    return headers;\n  }\n\n  // Handle direct auth values\n  if (auth.apiKey) {\n    const value =\n      typeof auth.apiKey === \"function\" ? auth.apiKey() : auth.apiKey;\n    headers[\"X-API-Key\"] = String(value);\n  }\n\n  if (auth.bearer) {\n    const value =\n      typeof auth.bearer === \"function\" ? auth.bearer() : auth.bearer;\n    headers[\"Authorization\"] = `Bearer ${value}`;\n  }\n\n  if (auth.token) {\n    const value = typeof auth.token === \"function\" ? auth.token() : auth.token;\n    headers[\"Authorization\"] = `Token ${value}`;\n  }\n\n  // Handle custom auth fields\n  for (const [key, value] of Object.entries(auth)) {\n    if (\n      ![\"use\", \"apiKey\", \"bearer\", \"token\"].includes(key) &&\n      value !== undefined\n    ) {\n      const authValue = typeof value === \"function\" ? value() : value;\n      headers[key] = String(authValue);\n    }\n  }\n\n  return headers;\n}\n\nexport const RestApiProtocol = (): Protocol<RestApiCfg> => ({\n  protocol: \"rest_api\",\n  async resolve(cfg, ctx): Promise<ProviderOutput> {\n    const ac = ctx.signal;\n    const out: ProviderItem[] = [];\n    let cursor: unknown = null;\n    let page = 0;\n    do {\n      const url = new URL(renderTpl(cfg.url, { data: ctx.data, ui: ctx.ui }));\n      const q = renderObj(cfg.query ?? {}, {\n        data: ctx.data,\n        ui: ctx.ui,\n      }) as Record<string, unknown>;\n      for (const [k, v] of Object.entries(q))\n        if (v !== undefined && v !== \"\") url.searchParams.set(k, String(v));\n      if (cursor && cfg.paginate)\n        url.searchParams.set(cfg.paginate.param, String(cursor));\n\n      // Build headers with auth\n      const baseHeaders = renderObj(cfg.headers ?? {}, {\n        data: ctx.data,\n      }) as Record<string, string>;\n      const authHeaders = buildAuthHeaders(cfg.auth, ctx.auth);\n      const headers = { ...baseHeaders, ...authHeaders };\n\n      const method = cfg.method ?? \"GET\";\n      const requestInit: RequestInit = {\n        method,\n        headers,\n        signal: ac,\n      };\n\n      // Only include body for non-GET requests\n      if (method !== \"GET\" && cfg.body) {\n        requestInit.body = JSON.stringify(\n          renderObj(cfg.body, { data: ctx.data }),\n        );\n      }\n\n      const res = await fetch(url.toString(), requestInit);\n      if (!res.ok) throw new Error(`REST ${res.status}`);\n      const json = await res.json();\n      const items = jp(json, cfg.items);\n      for (const it of items) {\n        const label = jp(it, cfg.map.label)[0];\n        const value = jp(it, cfg.map.value)[0];\n        const meta = cfg.map.meta\n          ? Object.fromEntries(\n              Object.entries(cfg.map.meta).map(([k, p]) => [k, jp(it, p)[0]]),\n            )\n          : undefined;\n        out.push({ label: String(label ?? \"\"), value, meta });\n      }\n      cursor = cfg.paginate ? jp(json, cfg.paginate.cursorPath)[0] : null;\n      page += 1;\n    } while (cfg.paginate && cursor && page < (cfg.paginate.maxPages ?? 5));\n    return { items: out, ttl: 300 };\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rest_api.js","sources":["../../src/protocols/rest_api.ts"],"sourcesContent":["import { jp } from \"../core/jsonpath\";\nimport { renderObj, renderTpl } from \"../core/templating\";\nimport type {\n  Protocol,\n  ProviderItem,\n  ProviderOutput,\n  AuthConfig,\n} from \"../core/types\";\n\nexport type RestApiCfg = {\n  url: string;\n  method?: \"GET\" | \"POST\";\n  headers?: Record<string, string>;\n  query?: Record<string, unknown>;\n  body?: unknown;\n  items: string; // JSONPath to array; e.g. \"$.items[*]\"\n  map: { label: string; value: string; meta?: Record<string, string> }; // relative to each item\n  paginate?: { cursorPath: string; param: string; maxPages?: number };\n  auth?: AuthConfig;\n};\n\nfunction buildAuthHeaders(\n  auth?: AuthConfig,\n  globalAuth?: Record<string, unknown>,\n): Record<string, string> {\n  const headers: Record<string, string> = {};\n\n  if (!auth) return headers;\n\n  // Handle \"use\" reference to global auth\n  if (auth.use && globalAuth?.[auth.use]) {\n    const globalValue = globalAuth[auth.use];\n    const value =\n      typeof globalValue === \"function\" ? globalValue() : globalValue;\n\n    if (auth.use === \"apiKey\") {\n      headers[\"X-API-Key\"] = String(value);\n    } else if (auth.use === \"bearer\") {\n      headers[\"Authorization\"] = `Bearer ${value}`;\n    } else if (auth.use === \"token\") {\n      headers[\"Authorization\"] = `Token ${value}`;\n    }\n    return headers;\n  }\n\n  // Handle direct auth values\n  if (auth.apiKey) {\n    const value =\n      typeof auth.apiKey === \"function\" ? auth.apiKey() : auth.apiKey;\n    headers[\"X-API-Key\"] = String(value);\n  }\n\n  if (auth.bearer) {\n    const value =\n      typeof auth.bearer === \"function\" ? auth.bearer() : auth.bearer;\n    headers[\"Authorization\"] = `Bearer ${value}`;\n  }\n\n  if (auth.token) {\n    const value = typeof auth.token === \"function\" ? auth.token() : auth.token;\n    headers[\"Authorization\"] = `Token ${value}`;\n  }\n\n  // Handle custom auth fields\n  for (const [key, value] of Object.entries(auth)) {\n    if (\n      ![\"use\", \"apiKey\", \"bearer\", \"token\"].includes(key) &&\n      value !== undefined\n    ) {\n      const authValue = typeof value === \"function\" ? value() : value;\n      headers[key] = String(authValue);\n    }\n  }\n\n  return headers;\n}\n\nexport const RestApiProtocol = (): Protocol<RestApiCfg> => ({\n  protocol: \"rest_api\",\n  async resolve(cfg, ctx): Promise<ProviderOutput> {\n    const ac = ctx.signal;\n    const out: ProviderItem[] = [];\n    let cursor: unknown = null;\n    let page = 0;\n    do {\n      const renderedUrl = renderTpl(cfg.url, { data: ctx.data, ui: ctx.ui });\n\n      // Check if URL has unresolved template variables (empty string after template rendering)\n      if (cfg.url.includes(\"{{\") && renderedUrl.endsWith(\"/\")) {\n        return { items: [], ttl: 0 };\n      }\n\n      const url = new URL(renderedUrl);\n      const q = renderObj(cfg.query ?? {}, {\n        data: ctx.data,\n        ui: ctx.ui,\n      }) as Record<string, unknown>;\n      for (const [k, v] of Object.entries(q))\n        if (v !== undefined && v !== \"\") url.searchParams.set(k, String(v));\n      if (cursor && cfg.paginate)\n        url.searchParams.set(cfg.paginate.param, String(cursor));\n\n      // Build headers with auth\n      const baseHeaders = renderObj(cfg.headers ?? {}, {\n        data: ctx.data,\n      }) as Record<string, string>;\n      const authHeaders = buildAuthHeaders(cfg.auth, ctx.auth);\n      const headers = { ...baseHeaders, ...authHeaders };\n\n      const method = cfg.method ?? \"GET\";\n      const requestInit: RequestInit = {\n        method,\n        headers,\n        signal: ac,\n      };\n\n      // Only include body for non-GET requests\n      if (method !== \"GET\" && cfg.body) {\n        requestInit.body = JSON.stringify(\n          renderObj(cfg.body, { data: ctx.data }),\n        );\n      }\n\n      const res = await fetch(url.toString(), requestInit);\n      if (!res.ok) throw new Error(`REST ${res.status}`);\n      const json = await res.json();\n      const items = jp(json, cfg.items);\n      for (const it of items) {\n        const label = jp(it, cfg.map.label)[0];\n        const value = jp(it, cfg.map.value)[0];\n        const meta = cfg.map.meta\n          ? Object.fromEntries(\n              Object.entries(cfg.map.meta).map(([k, p]) => [k, jp(it, p)[0]]),\n            )\n          : undefined;\n        out.push({ label: String(label ?? \"\"), value, meta });\n      }\n      cursor = cfg.paginate ? jp(json, cfg.paginate.cursorPath)[0] : null;\n      page += 1;\n    } while (cfg.paginate && cursor && page < (cfg.paginate.maxPages ?? 5));\n    return { items: out, ttl: 300 };\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/vue/components/ProviderAutocomplete.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderAutocomplete.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAyGF,wBAEG"}
+{"version":3,"file":"ProviderAutocomplete.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AA2JF,wBAEG"}

package/dist/vue/components/ProviderAutocomplete.vue.js

@@ -1,12 +1,19 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, toDisplayString, unref, vModelText, Fragment, renderList } from "vue";
+import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
-const _hoisted_1 = { class: "provider-autocomplete" };
-const _hoisted_2 = ["placeholder"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
+import AutoComplete from "primevue/autocomplete";
+const _hoisted_1 = { class: "flex flex-column gap-1" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-color text-left"
+};
+const _hoisted_3 = {
   key: 1,
+  class: "text-color-secondary text-left"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "p-error",
   role: "alert"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -39,25 +46,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => control.value.data,
       set: (v) => handleChange(control.value.path, v)
     });
+    const placeholder = computed(
+      () => loading.value ? "Loading…" : "Type to search…"
+    );
+    const onComplete = (event) => {
+      query.value = event.query;
+    };
+    const onSelect = (event) => {
+      value.value = event.value?.value ?? event.value;
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("label", null, toDisplayString(unref(control).schema.title), 1),
-        withDirectives(createElementVNode("input", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
-          placeholder: unref(loading) ? "Loading…" : "Type to search…",
-          type: "text"
-        }, null, 8, _hoisted_2), [
-          [vModelText, query.value]
-        ]),
-        unref(items).length ? (openBlock(), createElementBlock("ul", _hoisted_3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (it) => {
-            return openBlock(), createElementBlock("li", {
-              key: String(it.value),
-              onClick: ($event) => value.value = it.value
-            }, toDisplayString(it.label), 9, _hoisted_4);
-          }), 128))
-        ])) : createCommentVNode("", true),
-        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_5, "Failed: " + toDisplayString(unref(error)), 1)) : createCommentVNode("", true)
+        unref(control).schema.title ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).schema.title), 1)) : createCommentVNode("", true),
+        unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
+        createVNode(unref(AutoComplete), {
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          class: "w-full",
+          suggestions: unref(items),
+          "option-label": "label",
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled,
+          onComplete,
+          onItemSelect: onSelect
+        }, null, 8, ["modelValue", "suggestions", "placeholder", "disabled"]),
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed: " + toDisplayString(unref(error)), 1)) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/vue/components/ProviderAutocomplete.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderAutocomplete.vue.js","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\n\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});\nconst query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: control.value.data,\n  path: control.value.path,\n  uiQuery: query.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\n});\n\nconst value = computed({\n  get: () => control.value.data,\n  set: (v) => handleChange(control.value.path, v),\n});\n</script>\n\n<template>\n  <div class=\"provider-autocomplete\">\n    <label>{{ control.schema.title }}</label>\n    <input\n      v-model=\"query\"\n      :placeholder=\"loading ? 'Loading…' : 'Type to search…'\"\n      type=\"text\"\n    />\n    <ul v-if=\"items.length\">\n      <li v-for=\"it in items\" :key=\"String(it.value)\" @click=\"value = it.value\">\n        {{ it.label }}\n      </li>\n    </ul>\n    <small v-if=\"error\" role=\"alert\">Failed: {{ error }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,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;AACD,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM,QAAQ,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,IAAA,CAChB;AAED,UAAM,OAAO,MAAM;AACjB,UAAI,QAAQ,OAAO,SAAS,QAAS,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;;AAIC,aAAAA,UAAA,GAAAC,mBAaM,OAbN,YAaM;AAAA,QAZJC,mBAAyC,SAAA,MAAAC,gBAA/BC,MAAA,OAAA,EAAQ,OAAO,KAAK,GAAA,CAAA;AAAA,uBAC9BF,mBAIE,SAAA;AAAA,uEAHS,MAAK,QAAA;AAAA,UACb,aAAaE,MAAA,OAAA,IAAO,aAAA;AAAA,UACrB,MAAK;AAAA,QAAA;uBAFI,MAAA,KAAK;AAAA,QAAA;QAINA,MAAA,KAAA,EAAM,uBAAhBH,mBAIK,MAAA,YAAA;AAAA,4BAHHA,mBAEKI,UAAA,MAAAC,WAFYF,MAAA,KAAA,GAAK,CAAX,OAAE;gCAAbH,mBAEK,MAAA;AAAA,cAFoB,KAAK,OAAO,GAAG,KAAK;AAAA,cAAI,SAAK,CAAA,WAAE,MAAA,QAAQ,GAAG;AAAA,YAAA,GAC9DE,gBAAA,GAAG,KAAK,GAAA,GAAA,UAAA;AAAA;;QAGFC,MAAA,KAAA,KAAbJ,aAAAC,mBAA4D,SAA5D,YAAiC,6BAAWG,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}
+{"version":3,"file":"ProviderAutocomplete.vue.js","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport AutoComplete from \"primevue/autocomplete\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\n\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 query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: control.value.data,\n  path: control.value.path,\n  uiQuery: query.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\n});\n\nconst value = computed({\n  get: () => control.value.data,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() =>\n  loading.value ? \"Loading…\" : \"Type to search…\",\n);\n\nconst onComplete = (event: { query: string }) => {\n  query.value = event.query;\n};\n\nconst onSelect = (event: { value?: { value?: unknown } | unknown }) => {\n  value.value = (event.value as { value?: unknown })?.value ?? event.value;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-1\">\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    <AutoComplete\n      v-model=\"value\"\n      class=\"w-full\"\n      :suggestions=\"items\"\n      option-label=\"label\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      @complete=\"onComplete\"\n      @item-select=\"onSelect\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\">Failed: {{ error }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,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,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM,QAAQ,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,IAAA,CAChB;AAED,UAAM,OAAO,MAAM;AACjB,UAAI,QAAQ,OAAO,SAAS,QAAS,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc;AAAA,MAAS,MAC3B,QAAQ,QAAQ,aAAa;AAAA,IAAA;AAG/B,UAAM,aAAa,CAAC,UAA6B;AAC/C,YAAM,QAAQ,MAAM;AAAA,IACtB;AAEA,UAAM,WAAW,CAAC,UAAqD;AACrE,YAAM,QAAS,MAAM,OAA+B,SAAS,MAAM;AAAA,IACrE;;AAIE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,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,YAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,aAAaA,MAAA,KAAA;AAAA,UACd,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB;AAAA,UACA,cAAa;AAAA,QAAA;QAEHA,MAAA,KAAA,KAAbF,aAAAC,mBAA4E,SAA5E,YAAiD,6BAAWC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

package/dist/vue/components/ProviderSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAoHF,wBAEG"}
+{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AA6JF,wBAEG"}

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

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

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

@@ -1,14 +1,19 @@
-import { defineComponent, computed, watch, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, toDisplayString, unref, Fragment, renderList, vModelSelect } from "vue";
+import { defineComponent, computed, inject, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
-const _hoisted_1 = { class: "provider-select" };
+import Dropdown from "primevue/dropdown";
+const _hoisted_1 = { class: "flex flex-column gap-2" };
 const _hoisted_2 = {
-  value: "",
-  disabled: ""
+  key: 0,
+  class: "text-color text-left"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "text-color-secondary text-left"
 };
-const _hoisted_3 = ["value"];
 const _hoisted_4 = {
-  key: 0,
+  key: 2,
+  class: "p-error",
   role: "alert"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -32,37 +37,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => control.value.schema?.["x-provider"]?.dependsOn ?? []
     );
     const depValues = computed(() => deps.value.map(() => null));
-    const { items, loading, error, reload } = useProvider(binding, {
-      data: control.value.data,
+    const injectedFormData = inject("formData", { value: {} });
+    const rootData = computed(() => injectedFormData.value || {});
+    const { items, loading, error } = useProvider(binding, {
+      data: rootData,
+      // Pass the reactive reference
       path: control.value.path,
       dependsOnValues: depValues.value
     });
-    watch(
-      () => control.value.data,
-      () => {
-        reload();
-      }
-    );
     const value = computed({
       get: () => control.value.data,
       set: (v) => handleChange(control.value.path, v)
     });
+    const placeholder = computed(() => {
+      if (loading.value) return "Loading…";
+      const uischemaPlaceholder = control.value.uischema?.options?.placeholder;
+      return uischemaPlaceholder || "Select…";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("label", null, toDisplayString(unref(control).schema.title), 1),
-        withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, [
-          createElementVNode("option", _hoisted_2, toDisplayString(unref(loading) ? "Loading…" : "Select…"), 1),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (it) => {
-            return openBlock(), createElementBlock("option", {
-              key: String(it.value),
-              value: it.value
-            }, toDisplayString(it.label), 9, _hoisted_3);
-          }), 128))
-        ], 512), [
-          [vModelSelect, value.value]
-        ]),
+        unref(control).schema.title ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).schema.title), 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",
+          options: unref(items),
+          "option-label": "label",
+          "option-value": "value",
+          placeholder: placeholder.value,
+          disabled: !unref(control).enabled || unref(loading),
+          "show-clear": true
+        }, null, 8, ["modelValue", "options", "placeholder", "disabled"]),
         unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : createCommentVNode("", true)
       ]);
     };

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, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\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\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: control.value.data,\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\nwatch(\n  () => control.value.data,\n  () => {\n    // if dependsOn changed → reload\n    reload();\n  },\n);\n\nconst value = computed({\n  get: () => control.value.data,\n  set: (v) => handleChange(control.value.path, v),\n});\n</script>\n\n<template>\n  <div class=\"provider-select\">\n    <label>{{ control.schema.title }}</label>\n    <select v-model=\"value\">\n      <option value=\"\" disabled>{{ loading ? \"Loading…\" : \"Select…\" }}</option>\n      <option v-for=\"it in items\" :key=\"String(it.value)\" :value=\"it.value\">\n        {{ it.label }}\n      </option>\n    </select>\n    <small v-if=\"error\" role=\"alert\">Failed to load: {{ error }}</small>\n  </div>\n</template>\n\n<style scoped>\n.provider-select select {\n  min-width: 16rem;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,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;AAE3D,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB,UAAU;AAAA,IAAA,CAC5B;AAED;AAAA,MACE,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM;AAEJ,eAAA;AAAA,MACF;AAAA,IAAA;AAGF,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;;AAIC,aAAAA,UAAA,GAAAC,mBASM,OATN,YASM;AAAA,QARJC,mBAAyC,SAAA,MAAAC,gBAA/BC,MAAA,OAAA,EAAQ,OAAO,KAAK,GAAA,CAAA;AAAA,uBAC9BF,mBAKS,UAAA;AAAA,uEALQ,MAAK,QAAA;AAAA,QAAA;UACpBA,mBAAyE,UAAzE,YAAyEC,gBAA5CC,MAAA,OAAA,IAAO,aAAA,SAAA,GAAA,CAAA;AAAA,4BACpCH,mBAESI,UAAA,MAAAC,WAFYF,MAAA,KAAA,GAAK,CAAX,OAAE;gCAAjBH,mBAES,UAAA;AAAA,cAFoB,KAAK,OAAO,GAAG,KAAK;AAAA,cAAI,OAAO,GAAG;AAAA,YAAA,GAC1DE,gBAAA,GAAG,KAAK,GAAA,GAAA,UAAA;AAAA;;yBAHE,MAAA,KAAK;AAAA,QAAA;QAMTC,MAAA,KAAA,KAAbJ,aAAAC,mBAAoE,SAApE,YAAiC,qCAAmBG,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 } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport Dropdown from \"primevue/dropdown\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\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\nconst value = computed({\n  get: () => control.value.data,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,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;AAID,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;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;;;;;"}

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

@@ -1,12 +1,20 @@
 import { type ComputedRef, type Ref } from "vue";
 import type { ProviderBinding, ProviderItem } from "../../core/types";
 export declare function useProvider(binding: ProviderBinding | Ref<ProviderBinding> | ComputedRef<ProviderBinding>, ctxBits: {
-    data: unknown;
+    data: unknown | Ref<unknown> | ComputedRef<unknown>;
     path: string;
     dependsOnValues?: unknown[];
     uiQuery?: string;
 }): {
-    items: Ref<ProviderItem[], ProviderItem[]>;
+    items: Ref<{
+        label: string;
+        value: unknown;
+        meta?: Record<string, unknown> | undefined;
+    }[], ProviderItem[] | {
+        label: string;
+        value: unknown;
+        meta?: Record<string, unknown> | undefined;
+    }[]>;
     loading: Ref<boolean, boolean>;
     error: Ref<string | undefined, string | undefined>;
     reload: () => Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"useProvider.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIhB,KAAK,GAAG,EAIT,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAEV,eAAe,EACf,YAAY,EAEb,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,WAAW,CACzB,OAAO,EACH,eAAe,GACf,GAAG,CAAC,eAAe,CAAC,GACpB,WAAW,CAAC,eAAe,CAAC,EAChC,OAAO,EAAE;IACP,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;;;;EAqEF"}
+{"version":3,"file":"useProvider.d.ts","sourceRoot":"","sources":["../../../src/vue/composables/useProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIhB,KAAK,GAAG,EAIT,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAEV,eAAe,EACf,YAAY,EAEb,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,WAAW,CACzB,OAAO,EACH,eAAe,GACf,GAAG,CAAC,eAAe,CAAC,GACpB,WAAW,CAAC,eAAe,CAAC,EAChC,OAAO,EAAE;IACP,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;;;;;;;;;;;;EAsEF"}

package/dist/vue/composables/useProvider.js

@@ -13,7 +13,9 @@ function useProvider(binding, ctxBits) {
     () => JSON.stringify({
       b: unref(binding),
       d: ctxBits.dependsOnValues ?? [],
-      q: ctxBits.uiQuery ?? ""
+      q: ctxBits.uiQuery ?? "",
+      data: unref(ctxBits.data)
+      // Include data in cache key for reactivity
     })
   );
   async function load() {
@@ -35,7 +37,7 @@ function useProvider(binding, ctxBits) {
         );
       }
       const out = await driver.resolve(bindingValue.config ?? {}, {
-        data: ctxBits.data,
+        data: unref(ctxBits.data),
         path: ctxBits.path,
         ui: { query: ctxBits.uiQuery },
         signal: ac.signal,

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

@@ -1 +1 @@
-{"version":3,"file":"useProvider.js","sources":["../../../src/vue/composables/useProvider.ts"],"sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  inject,\n  onBeforeUnmount,\n  type Ref,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { cache as globalCache } from \"../../core/cache\";\nimport { registry as globalRegistry } from \"../../core/registry\";\nimport type {\n  AuthConfig,\n  ProviderBinding,\n  ProviderItem,\n  ProviderOutput,\n} from \"../../core/types\";\n\nexport function useProvider(\n  binding:\n    | ProviderBinding\n    | Ref<ProviderBinding>\n    | ComputedRef<ProviderBinding>,\n  ctxBits: {\n    data: unknown;\n    path: string;\n    dependsOnValues?: unknown[];\n    uiQuery?: string;\n  },\n) {\n  const registry = inject(\"providerRegistry\", globalRegistry);\n  const cache = inject(\"providerCache\", globalCache);\n  const auth = inject(\"providerAuth\", {}) as Record<\n    string,\n    (() => string) | string\n  >;\n\n  const items = ref<ProviderItem[]>([]);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n  const ac = new AbortController();\n\n  const cacheKey = computed(() =>\n    JSON.stringify({\n      b: unref(binding),\n      d: ctxBits.dependsOnValues ?? [],\n      q: ctxBits.uiQuery ?? \"\",\n    }),\n  );\n\n  async function load() {\n    const bindingValue = unref(binding);\n    if (!bindingValue) return;\n    loading.value = true;\n    error.value = undefined;\n    const hit = cache.get(cacheKey.value) as ProviderOutput | undefined;\n    if (hit) {\n      items.value = hit.items;\n      loading.value = false;\n      return;\n    }\n    try {\n      const driver = registry.get(bindingValue.protocol);\n      if (!driver) {\n        throw new Error(\n          `No provider registered for protocol: ${bindingValue.protocol}`,\n        );\n      }\n      const out = await driver.resolve(bindingValue.config ?? {}, {\n        data: ctxBits.data,\n        path: ctxBits.path,\n        ui: { query: ctxBits.uiQuery },\n        signal: ac.signal,\n        auth: resolveAuth(bindingValue.auth, auth),\n      });\n      items.value = out.items;\n      cache.set(cacheKey.value, out, bindingValue.cacheTTL ?? out.ttl ?? 0);\n    } catch (e) {\n      error.value = (e as Error)?.message ?? String(e);\n      items.value = [];\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  onBeforeUnmount(() => ac.abort());\n  watch(\n    [cacheKey],\n    () => {\n      const bindingValue = unref(binding);\n      if (bindingValue?.load === \"mount\" || bindingValue?.load === \"query\")\n        load();\n    },\n    { immediate: unref(binding)?.load === \"mount\" },\n  );\n\n  return { items, loading, error, reload: load };\n}\n\nfunction resolveAuth(\n  spec: AuthConfig | undefined,\n  authBag: Record<string, (() => string) | string>,\n): AuthConfig {\n  if (!spec) return {};\n  if (spec.use && typeof authBag[spec.use] === \"function\") {\n    const authFunc = authBag[spec.use] as () => string;\n    return { [spec.use]: authFunc() };\n  }\n  return spec;\n}\n"],"names":["registry","globalRegistry","cache","globalCache"],"mappings":";;;AAmBO,SAAS,YACd,SAIA,SAMA;AACA,QAAMA,aAAW,OAAO,oBAAoBC,QAAc;AAC1D,QAAMC,UAAQ,OAAO,iBAAiBC,KAAW;AACjD,QAAM,OAAO,OAAO,gBAAgB,EAAE;AAKtC,QAAM,QAAQ,IAAoB,EAAE;AACpC,QAAM,UAAU,IAAI,KAAK;AACzB,QAAM,QAAQ,IAAwB,MAAS;AAC/C,QAAM,KAAK,IAAI,gBAAA;AAEf,QAAM,WAAW;AAAA,IAAS,MACxB,KAAK,UAAU;AAAA,MACb,GAAG,MAAM,OAAO;AAAA,MAChB,GAAG,QAAQ,mBAAmB,CAAA;AAAA,MAC9B,GAAG,QAAQ,WAAW;AAAA,IAAA,CACvB;AAAA,EAAA;AAGH,iBAAe,OAAO;AACpB,UAAM,eAAe,MAAM,OAAO;AAClC,QAAI,CAAC,aAAc;AACnB,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AACd,UAAM,MAAMD,QAAM,IAAI,SAAS,KAAK;AACpC,QAAI,KAAK;AACP,YAAM,QAAQ,IAAI;AAClB,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,QAAI;AACF,YAAM,SAASF,WAAS,IAAI,aAAa,QAAQ;AACjD,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI;AAAA,UACR,wCAAwC,aAAa,QAAQ;AAAA,QAAA;AAAA,MAEjE;AACA,YAAM,MAAM,MAAM,OAAO,QAAQ,aAAa,UAAU,IAAI;AAAA,QAC1D,MAAM,QAAQ;AAAA,QACd,MAAM,QAAQ;AAAA,QACd,IAAI,EAAE,OAAO,QAAQ,QAAA;AAAA,QACrB,QAAQ,GAAG;AAAA,QACX,MAAM,YAAY,aAAa,MAAM,IAAI;AAAA,MAAA,CAC1C;AACD,YAAM,QAAQ,IAAI;AAClBE,cAAM,IAAI,SAAS,OAAO,KAAK,aAAa,YAAY,IAAI,OAAO,CAAC;AAAA,IACtE,SAAS,GAAG;AACV,YAAM,QAAS,GAAa,WAAW,OAAO,CAAC;AAC/C,YAAM,QAAQ,CAAA;AAAA,IAChB,UAAA;AACE,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAEA,kBAAgB,MAAM,GAAG,OAAO;AAChC;AAAA,IACE,CAAC,QAAQ;AAAA,IACT,MAAM;AACJ,YAAM,eAAe,MAAM,OAAO;AAClC,UAAI,cAAc,SAAS,WAAW,cAAc,SAAS;AAC3D,aAAA;AAAA,IACJ;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,GAAG,SAAS,QAAA;AAAA,EAAQ;AAGhD,SAAO,EAAE,OAAO,SAAS,OAAO,QAAQ,KAAA;AAC1C;AAEA,SAAS,YACP,MACA,SACY;AACZ,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,MAAI,KAAK,OAAO,OAAO,QAAQ,KAAK,GAAG,MAAM,YAAY;AACvD,UAAM,WAAW,QAAQ,KAAK,GAAG;AACjC,WAAO,EAAE,CAAC,KAAK,GAAG,GAAG,WAAS;AAAA,EAChC;AACA,SAAO;AACT;"}
+{"version":3,"file":"useProvider.js","sources":["../../../src/vue/composables/useProvider.ts"],"sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  inject,\n  onBeforeUnmount,\n  type Ref,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { cache as globalCache } from \"../../core/cache\";\nimport { registry as globalRegistry } from \"../../core/registry\";\nimport type {\n  AuthConfig,\n  ProviderBinding,\n  ProviderItem,\n  ProviderOutput,\n} from \"../../core/types\";\n\nexport function useProvider(\n  binding:\n    | ProviderBinding\n    | Ref<ProviderBinding>\n    | ComputedRef<ProviderBinding>,\n  ctxBits: {\n    data: unknown | Ref<unknown> | ComputedRef<unknown>;\n    path: string;\n    dependsOnValues?: unknown[];\n    uiQuery?: string;\n  },\n) {\n  const registry = inject(\"providerRegistry\", globalRegistry);\n  const cache = inject(\"providerCache\", globalCache);\n  const auth = inject(\"providerAuth\", {}) as Record<\n    string,\n    (() => string) | string\n  >;\n\n  const items = ref<ProviderItem[]>([]);\n  const loading = ref(false);\n  const error = ref<string | undefined>(undefined);\n  const ac = new AbortController();\n\n  const cacheKey = computed(() =>\n    JSON.stringify({\n      b: unref(binding),\n      d: ctxBits.dependsOnValues ?? [],\n      q: ctxBits.uiQuery ?? \"\",\n      data: unref(ctxBits.data), // Include data in cache key for reactivity\n    }),\n  );\n\n  async function load() {\n    const bindingValue = unref(binding);\n    if (!bindingValue) return;\n    loading.value = true;\n    error.value = undefined;\n    const hit = cache.get(cacheKey.value) as ProviderOutput | undefined;\n    if (hit) {\n      items.value = hit.items;\n      loading.value = false;\n      return;\n    }\n    try {\n      const driver = registry.get(bindingValue.protocol);\n      if (!driver) {\n        throw new Error(\n          `No provider registered for protocol: ${bindingValue.protocol}`,\n        );\n      }\n      const out = await driver.resolve(bindingValue.config ?? {}, {\n        data: unref(ctxBits.data),\n        path: ctxBits.path,\n        ui: { query: ctxBits.uiQuery },\n        signal: ac.signal,\n        auth: resolveAuth(bindingValue.auth, auth),\n      });\n      items.value = out.items;\n      cache.set(cacheKey.value, out, bindingValue.cacheTTL ?? out.ttl ?? 0);\n    } catch (e) {\n      error.value = (e as Error)?.message ?? String(e);\n      items.value = [];\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  onBeforeUnmount(() => ac.abort());\n  watch(\n    [cacheKey],\n    () => {\n      const bindingValue = unref(binding);\n      if (bindingValue?.load === \"mount\" || bindingValue?.load === \"query\")\n        load();\n    },\n    { immediate: unref(binding)?.load === \"mount\" },\n  );\n\n  return { items, loading, error, reload: load };\n}\n\nfunction resolveAuth(\n  spec: AuthConfig | undefined,\n  authBag: Record<string, (() => string) | string>,\n): AuthConfig {\n  if (!spec) return {};\n  if (spec.use && typeof authBag[spec.use] === \"function\") {\n    const authFunc = authBag[spec.use] as () => string;\n    return { [spec.use]: authFunc() };\n  }\n  return spec;\n}\n"],"names":["registry","globalRegistry","cache","globalCache"],"mappings":";;;AAmBO,SAAS,YACd,SAIA,SAMA;AACA,QAAMA,aAAW,OAAO,oBAAoBC,QAAc;AAC1D,QAAMC,UAAQ,OAAO,iBAAiBC,KAAW;AACjD,QAAM,OAAO,OAAO,gBAAgB,EAAE;AAKtC,QAAM,QAAQ,IAAoB,EAAE;AACpC,QAAM,UAAU,IAAI,KAAK;AACzB,QAAM,QAAQ,IAAwB,MAAS;AAC/C,QAAM,KAAK,IAAI,gBAAA;AAEf,QAAM,WAAW;AAAA,IAAS,MACxB,KAAK,UAAU;AAAA,MACb,GAAG,MAAM,OAAO;AAAA,MAChB,GAAG,QAAQ,mBAAmB,CAAA;AAAA,MAC9B,GAAG,QAAQ,WAAW;AAAA,MACtB,MAAM,MAAM,QAAQ,IAAI;AAAA;AAAA,IAAA,CACzB;AAAA,EAAA;AAGH,iBAAe,OAAO;AACpB,UAAM,eAAe,MAAM,OAAO;AAClC,QAAI,CAAC,aAAc;AACnB,YAAQ,QAAQ;AAChB,UAAM,QAAQ;AACd,UAAM,MAAMD,QAAM,IAAI,SAAS,KAAK;AACpC,QAAI,KAAK;AACP,YAAM,QAAQ,IAAI;AAClB,cAAQ,QAAQ;AAChB;AAAA,IACF;AACA,QAAI;AACF,YAAM,SAASF,WAAS,IAAI,aAAa,QAAQ;AACjD,UAAI,CAAC,QAAQ;AACX,cAAM,IAAI;AAAA,UACR,wCAAwC,aAAa,QAAQ;AAAA,QAAA;AAAA,MAEjE;AACA,YAAM,MAAM,MAAM,OAAO,QAAQ,aAAa,UAAU,IAAI;AAAA,QAC1D,MAAM,MAAM,QAAQ,IAAI;AAAA,QACxB,MAAM,QAAQ;AAAA,QACd,IAAI,EAAE,OAAO,QAAQ,QAAA;AAAA,QACrB,QAAQ,GAAG;AAAA,QACX,MAAM,YAAY,aAAa,MAAM,IAAI;AAAA,MAAA,CAC1C;AACD,YAAM,QAAQ,IAAI;AAClBE,cAAM,IAAI,SAAS,OAAO,KAAK,aAAa,YAAY,IAAI,OAAO,CAAC;AAAA,IACtE,SAAS,GAAG;AACV,YAAM,QAAS,GAAa,WAAW,OAAO,CAAC;AAC/C,YAAM,QAAQ,CAAA;AAAA,IAChB,UAAA;AACE,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAEA,kBAAgB,MAAM,GAAG,OAAO;AAChC;AAAA,IACE,CAAC,QAAQ;AAAA,IACT,MAAM;AACJ,YAAM,eAAe,MAAM,OAAO;AAClC,UAAI,cAAc,SAAS,WAAW,cAAc,SAAS;AAC3D,aAAA;AAAA,IACJ;AAAA,IACA,EAAE,WAAW,MAAM,OAAO,GAAG,SAAS,QAAA;AAAA,EAAQ;AAGhD,SAAO,EAAE,OAAO,SAAS,OAAO,QAAQ,KAAA;AAC1C;AAEA,SAAS,YACP,MACA,SACY;AACZ,MAAI,CAAC,KAAM,QAAO,CAAA;AAClB,MAAI,KAAK,OAAO,OAAO,QAAQ,KAAK,GAAG,MAAM,YAAY;AACvD,UAAM,WAAW,QAAQ,KAAK,GAAG;AACjC,WAAO,EAAE,CAAC,KAAK,GAAG,GAAG,WAAS;AAAA,EAChC;AACA,SAAO;AACT;"}

package/dist/vue/index.d.ts

@@ -13,7 +13,9 @@ export declare const providerRenderers: {
         path: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 }[];
+export { primevueRenderers } from "./primevue";
 export { ProviderAutocomplete, ProviderSelect };
 export { useProvider } from "./composables/useProvider";
 export * from "./testers";
+export * from "./primevue";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AA0B7D,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAG7B,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AA0B7D,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAG7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/vue/index.js

@@ -1,13 +1,21 @@
 import { rankWith, and, or, isStringControl, isNumberControl, isIntegerControl } from "@jsonforms/core";
 import _sfc_main from "./components/ProviderAutocomplete.vue.js";
 import ProviderSelect from "./components/ProviderSelect.vue.js";
+import { primevueRenderers } from "./primevue/index.js";
 import { useProvider } from "./composables/useProvider.js";
 import { providerTester } from "./testers.js";
+import { default as default2 } from "./primevue/JfText.vue.js";
+import { default as default3 } from "./primevue/JfTextArea.vue.js";
+import { default as default4 } from "./primevue/JfNumber.vue.js";
+import { default as default5 } from "./primevue/JfEnumArray.vue.js";
+import { default as default6 } from "./primevue/JfBoolean.vue.js";
+import { default as default7 } from "./primevue/JfEnum.vue.js";
 const hasProvider = (uischema) => {
   return uischema?.options?.provider !== void 0;
 };
 const providerSelectTester = rankWith(
-  6,
+  106,
+  // Higher than PrimeVue base (100) to ensure providers take precedence
   and(
     or(isStringControl, isNumberControl, isIntegerControl),
     hasProvider,
@@ -15,7 +23,8 @@ const providerSelectTester = rankWith(
   )
 );
 const providerAutocompleteTester = rankWith(
-  7,
+  107,
+  // Higher than PrimeVue base (100) to ensure providers take precedence
   and(
     or(isStringControl, isNumberControl, isIntegerControl),
     hasProvider,
@@ -27,8 +36,15 @@ const providerRenderers = [
   { tester: providerAutocompleteTester, renderer: _sfc_main }
 ];
 export {
+  default6 as JfBoolean,
+  default7 as JfEnum,
+  default5 as JfEnumArray,
+  default4 as JfNumber,
+  default2 as JfText,
+  default3 as JfTextArea,
   _sfc_main as ProviderAutocomplete,
   ProviderSelect,
+  primevueRenderers,
   providerRenderers,
   providerTester,
   useProvider

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n  and,\n  isIntegerControl,\n  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n} from \"@jsonforms/core\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\n\n// Custom tester that checks if provider option exists (as object or boolean)\nconst hasProvider = (uischema: UISchemaElement) => {\n  return uischema?.options?.provider !== undefined;\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n  6,\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  7,\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\nexport const providerRenderers = [\n  { tester: providerSelectTester, renderer: ProviderSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n];\n\nexport { ProviderAutocomplete, ProviderSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;AAaA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAAA,EAC1C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAClD;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n  and,\n  isIntegerControl,\n  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n} from \"@jsonforms/core\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\n\n// Custom tester that checks if provider option exists (as object or boolean)\nconst hasProvider = (uischema: UISchemaElement) => {\n  return uischema?.options?.provider !== undefined;\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n  106, // Higher than PrimeVue base (100) to ensure providers take precedence\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  107, // Higher than PrimeVue base (100) to ensure providers take precedence\n  and(\n    or(isStringControl, isNumberControl, isIntegerControl),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\nexport const providerRenderers = [\n  { tester: providerSelectTester, renderer: ProviderSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\nexport * from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;AAaA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,gBAAgB;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAAA,EAC1C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAClD;"}

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

@@ -0,0 +1,75 @@
+import type { ControlElement } from "@jsonforms/core";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<ControlElement>;
+    };
+    path: {
+        required: true;
+        type: StringConstructor;
+    };
+    enabled: {
+        required: false;
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    renderers: {
+        required: boolean;
+        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
+        default: undefined;
+    };
+    cells: {
+        required: boolean;
+        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
+        default: undefined;
+    };
+    config: {
+        required: boolean;
+        type: ObjectConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        required: true;
+        type: import("vue").PropType<import("@jsonforms/core").JsonSchema>;
+    };
+    uischema: {
+        required: true;
+        type: import("vue").PropType<ControlElement>;
+    };
+    path: {
+        required: true;
+        type: StringConstructor;
+    };
+    enabled: {
+        required: false;
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    renderers: {
+        required: boolean;
+        type: import("vue").PropType<import("@jsonforms/core").JsonFormsRendererRegistryEntry[]>;
+        default: undefined;
+    };
+    cells: {
+        required: boolean;
+        type: import("vue").PropType<import("@jsonforms/core").JsonFormsCellRendererRegistryEntry[]>;
+        default: undefined;
+    };
+    config: {
+        required: boolean;
+        type: ObjectConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    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/JfBoolean.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FtD,wBAEG"}

package/dist/vue/primevue/JfBoolean.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, createElementBlock, openBlock, createVNode, createCommentVNode, unref, toDisplayString } from "vue";
+import { rendererProps, useJsonFormsControl } from "@jsonforms/vue";
+import Checkbox from "primevue/checkbox";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
+  key: 1,
+  class: "p-error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "JfBoolean" },
+  __name: "JfBoolean",
+  props: rendererProps(),
+  setup(__props) {
+    const props = __props;
+    const { control, handleChange } = useJsonFormsControl(props);
+    const onToggle = (val) => handleChange(control.value.path, val);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Checkbox), {
+          binary: true,
+          "model-value": !!unref(control).data,
+          disabled: !unref(control).enabled,
+          "aria-invalid": !!unref(control).errors || void 0,
+          "onUpdate:modelValue": onToggle
+        }, null, 8, ["model-value", "disabled", "aria-invalid"]),
+        unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
+        unref(control).errors ? (openBlock(), createElementBlock("small", _hoisted_3, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfBoolean.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement } from \"@jsonforms/core\";\nimport { rendererProps, useJsonFormsControl } from \"@jsonforms/vue\";\nimport Checkbox from \"primevue/checkbox\";\n\ndefineOptions({ name: \"JfBoolean\" });\n\nconst props = defineProps(rendererProps<ControlElement>());\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst onToggle = (val: boolean) => handleChange(control.value.path, val);\n</script>\n\n<template>\n  <div class=\"flex items-center gap-2\">\n    <Checkbox\n      :binary=\"true\"\n      :model-value=\"!!control.data\"\n      :disabled=\"!control.enabled\"\n      :aria-invalid=\"!!control.errors || undefined\"\n      @update:model-value=\"onToggle\"\n    />\n    <label v-if=\"control.label\">{{ control.label }}</label>\n    <small v-if=\"control.errors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AACd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,WAAW,CAAC,QAAiB,aAAa,QAAQ,MAAM,MAAM,GAAG;;AAIrE,aAAAA,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,QATJC,YAMEC,MAAA,QAAA,GAAA;AAAA,UALC,QAAQ;AAAA,UACR,eAAW,CAAA,CAAIA,MAAA,OAAA,EAAQ;AAAA,UACvB,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,gBAAY,CAAA,CAAIA,MAAA,OAAA,EAAQ,UAAU;AAAA,UAClC,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,sBAArBF,mBAAuD,SAAA,YAAAG,gBAAxBD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAC/BA,MAAA,OAAA,EAAQ,UAArBH,UAAA,GAAAC,mBAAyE,SAAzE,YAAyEG,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./JfBoolean.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=JfBoolean.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JfBoolean.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}