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

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

@@ -1 +1 @@
-{"version":3,"file":"useProjection.js","sources":["../../../src/vue/composables/useProjection.ts"],"sourcesContent":["import { computed, type ComputedRef, type Ref } from \"vue\";\nimport {\n  getProjectedValue,\n  setProjectedValue,\n  getProjectedSchema,\n} from \"../../core/projection\";\n\ninterface ProjectionControl {\n  data: unknown;\n  path: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  schema: Record<string, any>;\n  uischema: { options?: { projection?: string; [key: string]: unknown } };\n}\n\nexport interface ProjectionResult {\n  /** The value at the projected path (for rendering) */\n  projectedData: ComputedRef<unknown>;\n  /** The schema at the projected path (for renderer selection) */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  projectedSchema: ComputedRef<Record<string, any>>;\n  /** Wrapped handleChange that writes through the projection */\n  handleProjectedChange: (path: string, value: unknown) => void;\n  /** Whether projection is active */\n  hasProjection: boolean;\n}\n\n/**\n * Composable that wraps a JSON Forms control with projection support.\n *\n * When `options.projection` is set on the uischema, this composable:\n * - Reads the projected sub-value from the control data\n * - Resolves the projected sub-schema for renderer type resolution\n * - Wraps handleChange to write back through the projection path (preserving siblings)\n *\n * When no projection is set, it passes through control data/schema/handleChange unchanged.\n */\nexport function useProjection(\n  control: Ref<ProjectionControl>,\n  handleChange: (path: string, value: unknown) => void,\n): ProjectionResult {\n  const projection = control.value.uischema?.options?.projection as\n    | string\n    | undefined;\n\n  if (!projection) {\n    return {\n      projectedData: computed(() => control.value.data),\n      projectedSchema: computed(() => control.value.schema),\n      handleProjectedChange: handleChange,\n      hasProjection: false,\n    };\n  }\n\n  const projectedData = computed(() =>\n    getProjectedValue(control.value.data, projection),\n  );\n\n  const projectedSchema = computed(() =>\n    getProjectedSchema(control.value.schema, projection),\n  );\n\n  const handleProjectedChange = (path: string, value: unknown) => {\n    const fullValue = setProjectedValue(control.value.data, projection, value);\n    handleChange(path, fullValue);\n  };\n\n  return {\n    projectedData,\n    projectedSchema,\n    handleProjectedChange,\n    hasProjection: true,\n  };\n}\n"],"names":[],"mappings":";;AAqCO,SAAS,cACd,SACA,cACkB;AAClB,QAAM,aAAa,QAAQ,MAAM,UAAU,SAAS;AAIpD,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,MACL,eAAe,SAAS,MAAM,QAAQ,MAAM,IAAI;AAAA,MAChD,iBAAiB,SAAS,MAAM,QAAQ,MAAM,MAAM;AAAA,MACpD,uBAAuB;AAAA,MACvB,eAAe;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,gBAAgB;AAAA,IAAS,MAC7B,kBAAkB,QAAQ,MAAM,MAAM,UAAU;AAAA,EAAA;AAGlD,QAAM,kBAAkB;AAAA,IAAS,MAC/B,mBAAmB,QAAQ,MAAM,QAAQ,UAAU;AAAA,EAAA;AAGrD,QAAM,wBAAwB,CAAC,MAAc,UAAmB;AAC9D,UAAM,YAAY,kBAAkB,QAAQ,MAAM,MAAM,YAAY,KAAK;AACzE,iBAAa,MAAM,SAAS;AAAA,EAC9B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"useProjection.js","sources":["../../../src/vue/composables/useProjection.ts"],"sourcesContent":["import { computed, inject, type ComputedRef, type Ref } from \"vue\";\nimport {\n  getProjectedValue,\n  setProjectedValue,\n  getProjectedSchema,\n  parseProjectionPath,\n} from \"../../core/projection\";\nimport { deref } from \"../../core/refs\";\n\ninterface ProjectionControl {\n  data: unknown;\n  path: string;\n  errors: string;\n  label?: string;\n  required?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  schema: Record<string, any>;\n  uischema: { options?: { projection?: string; [key: string]: unknown } };\n}\n\n// Minimal AJV ErrorObject shape for filtering\ninterface ErrorLike {\n  instancePath?: string;\n  keyword?: string;\n  message?: string;\n  params?: { missingProperty?: string };\n}\n\n/**\n * Resolve the display label for a control.\n * Priority: uischema options.label → schemaTitle (projected sub-schema) → control.label.\n * Appends a trailing asterisk when the control is for a required property.\n */\nfunction resolveLabel(\n  ctrl: ProjectionControl,\n  schemaTitle?: string,\n  required?: boolean,\n): string {\n  const base =\n    (ctrl.uischema?.options?.label as string) ??\n    schemaTitle ??\n    ctrl.label ??\n    \"\";\n  if (!base) return base;\n  return required ? `${base} *` : base;\n}\n\n/**\n * Determine whether the leaf of a projection path is listed in its parent\n * schema's `required` array. Numeric leaf segments (array indices) are not\n * considered \"required properties\".\n *\n * Dereferences `$ref` at every step against `root` (defaulting to `schema`)\n * so that schemas like `items: { $ref: '#/$defs/Foo' }` resolve correctly.\n */\nfunction isProjectedFieldRequired(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  schema: Record<string, any>,\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  root?: Record<string, any>,\n): boolean {\n  const segments = parseProjectionPath(path);\n  if (segments.length === 0) return false;\n  const rootSchema = root ?? schema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let current: Record<string, any> | undefined = deref(schema, rootSchema);\n  for (let i = 0; i < segments.length - 1; i++) {\n    const seg = segments[i]!;\n    if (typeof seg === \"number\") {\n      current = deref(current?.items, rootSchema);\n    } else {\n      current = deref(current?.properties?.[seg], rootSchema);\n    }\n    if (!current) return false;\n  }\n  const last = segments[segments.length - 1];\n  if (typeof last !== \"string\") return false;\n  current = deref(current, rootSchema);\n  return Array.isArray(current?.required) && current.required.includes(last);\n}\n\n/**\n * Normalize AJV error message fragments into user-friendly text.\n * e.g. \"is a required property\" → \"is required\"\n */\nfunction normalizeErrors(errors: string): string {\n  if (!errors) return errors;\n  return errors\n    .replace(/is a required property/g, \"is required\")\n    .replace(/must have required property '[^']*'/g, \"is required\");\n}\n\n/**\n * Prefix each error message line with the field label so that AJV fragments\n * like \"is required\" become \"Name is required\".\n */\nfunction prefixErrors(label: string, errors: string): string {\n  if (!label || !errors) return errors;\n  return errors\n    .split(\"\\n\")\n    .map((line) => `${label} ${line}`)\n    .join(\"\\n\");\n}\n\n/**\n * Convert an AJV ErrorObject's instancePath to a dot-separated control path.\n * Replicates the logic from @jsonforms/core getControlPath.\n */\nfunction getErrorPath(error: ErrorLike): string {\n  let p = (error.instancePath || \"\").replace(/\\//g, \".\").replace(/^\\./, \"\");\n  if (error.keyword === \"required\" && error.params?.missingProperty) {\n    p = p\n      ? p + \".\" + error.params.missingProperty\n      : error.params.missingProperty;\n  }\n  return p;\n}\n\nexport interface ProjectionResult {\n  /** The value at the projected path (for rendering) */\n  projectedData: ComputedRef<unknown>;\n  /** The schema at the projected path (for renderer selection) */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  projectedSchema: ComputedRef<Record<string, any>>;\n  /** Wrapped handleChange that writes through the projection */\n  handleProjectedChange: (path: string, value: unknown) => void;\n  /** Whether projection is active */\n  hasProjection: boolean;\n  /** Resolved display label (options.label → projected schema title → control.label) */\n  projectedLabel: ComputedRef<string>;\n  /** Error string combining base-path and projected sub-path errors */\n  projectedErrors: ComputedRef<string>;\n}\n\n/**\n * Composable that wraps a JSON Forms control with projection support.\n *\n * When `options.projection` is set on the uischema, this composable:\n * - Reads the projected sub-value from the control data\n * - Resolves the projected sub-schema for renderer type resolution\n * - Wraps handleChange to write back through the projection path (preserving siblings)\n *\n * When no projection is set, it passes through control data/schema/handleChange unchanged.\n */\nexport function useProjection(\n  control: Ref<ProjectionControl>,\n  handleChange: (path: string, value: unknown) => void,\n): ProjectionResult {\n  const projection = control.value.uischema?.options?.projection as\n    | string\n    | undefined;\n\n  if (!projection) {\n    const label = computed(() =>\n      resolveLabel(control.value, undefined, control.value.required),\n    );\n    return {\n      projectedData: computed(() => control.value.data),\n      projectedSchema: computed(() => control.value.schema),\n      handleProjectedChange: handleChange,\n      hasProjection: false,\n      projectedLabel: label,\n      projectedErrors: computed(() =>\n        prefixErrors(\n          label.value.replace(/\\*$/, \"\").trim(),\n          normalizeErrors(control.value.errors),\n        ),\n      ),\n    };\n  }\n\n  // Inject JSONForms state to access raw AJV errors for projected sub-paths,\n  // and the root schema so that `$ref` resolution inside the projected slice\n  // can find `$defs` (which live at the root, not on the control's schema).\n  const jsonforms = inject<{\n    core?: {\n      errors?: ErrorLike[];\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      schema?: Record<string, any>;\n    };\n  } | null>(\"jsonforms\", null);\n\n  const fullProjectedPath = control.value.path + \".\" + projection;\n\n  const projectedData = computed(() =>\n    getProjectedValue(control.value.data, projection),\n  );\n\n  const projectedSchema = computed(() =>\n    getProjectedSchema(control.value.schema, projection),\n  );\n\n  const projectedRequired = computed(() =>\n    isProjectedFieldRequired(\n      control.value.schema,\n      projection,\n      jsonforms?.core?.schema ?? control.value.schema,\n    ),\n  );\n\n  const label = computed(() =>\n    resolveLabel(\n      control.value,\n      projectedSchema.value?.title,\n      projectedRequired.value,\n    ),\n  );\n\n  const projectedErrors = computed(() => {\n    const baseErrors = normalizeErrors(control.value.errors || \"\");\n\n    const rawErrors = jsonforms?.core?.errors ?? ([] as ErrorLike[]);\n    const matching = rawErrors.filter(\n      (err) => getErrorPath(err) === fullProjectedPath,\n    );\n\n    let errStr: string;\n    if (matching.length === 0) {\n      errStr = baseErrors;\n    } else {\n      const projMsg = matching\n        .map((e) => (e.keyword === \"required\" ? \"is required\" : e.message))\n        .filter(Boolean)\n        .join(\"\\n\");\n      errStr = [baseErrors, projMsg].filter(Boolean).join(\"\\n\");\n    }\n\n    return prefixErrors(label.value.replace(/\\*$/, \"\").trim(), errStr);\n  });\n\n  const handleProjectedChange = (path: string, value: unknown) => {\n    const fullValue = setProjectedValue(control.value.data, projection, value);\n    handleChange(path, fullValue);\n  };\n\n  return {\n    projectedData,\n    projectedSchema,\n    handleProjectedChange,\n    hasProjection: true,\n    projectedLabel: label,\n    projectedErrors,\n  };\n}\n"],"names":["label"],"mappings":"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"}

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

@@ -3,8 +3,8 @@ import type { ProviderBinding, ProviderItem } from "../../core/types";
 export declare function useProvider(binding: ProviderBinding | Ref<ProviderBinding> | ComputedRef<ProviderBinding>, ctxBits: {
     data: unknown | Ref<unknown> | ComputedRef<unknown>;
     path: string;
-    dependsOnValues?: unknown[];
-    uiQuery?: string;
+    dependsOnValues?: unknown[] | Ref<unknown[]> | ComputedRef<unknown[]>;
+    uiQuery?: string | Ref<string | undefined> | ComputedRef<string | undefined>;
 }): {
     items: Ref<{
         label: string;

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,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"}
+{"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;AAIb,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,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IACtE,OAAO,CAAC,EACJ,MAAM,GACN,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GACvB,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC;;;;;;;;;;;;;EAmFF"}

package/dist/vue/composables/useProvider.js

@@ -1,6 +1,7 @@
 import { inject, ref, computed, unref, onBeforeUnmount, watch } from "vue";
 import { cache } from "../../core/cache.js";
 import { registry } from "../../core/registry.js";
+import { renderObj } from "../../core/templating.js";
 function useProvider(binding, ctxBits) {
   const registry$1 = inject("providerRegistry", registry);
   const cache$1 = inject("providerCache", cache);
@@ -9,15 +10,18 @@ function useProvider(binding, ctxBits) {
   const loading = ref(false);
   const error = ref(void 0);
   const ac = new AbortController();
-  const cacheKey = computed(
-    () => JSON.stringify({
-      b: unref(binding),
-      d: ctxBits.dependsOnValues ?? [],
-      q: ctxBits.uiQuery ?? "",
-      data: unref(ctxBits.data)
-      // Include data in cache key for reactivity
-    })
-  );
+  const cacheKey = computed(() => {
+    const b = unref(binding);
+    const renderedBinding = b ? {
+      ...b,
+      config: renderObj(b.config ?? {}, { data: unref(ctxBits.data) })
+    } : b;
+    return JSON.stringify({
+      b: renderedBinding,
+      d: unref(ctxBits.dependsOnValues) ?? [],
+      q: unref(ctxBits.uiQuery) ?? ""
+    });
+  });
   async function load() {
     const bindingValue = unref(binding);
     if (!bindingValue) return;
@@ -39,7 +43,7 @@ function useProvider(binding, ctxBits) {
       const out = await driver.resolve(bindingValue.config ?? {}, {
         data: unref(ctxBits.data),
         path: ctxBits.path,
-        ui: { query: ctxBits.uiQuery },
+        ui: { query: unref(ctxBits.uiQuery) },
         signal: ac.signal,
         auth: resolveAuth(bindingValue.auth, auth)
       });

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 | 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;"}
+{"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 { renderObj } from \"../../core/templating\";\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[] | Ref<unknown[]> | ComputedRef<unknown[]>;\n    uiQuery?:\n      | string\n      | Ref<string | undefined>\n      | ComputedRef<string | undefined>;\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  // Cache key keys on the *rendered* binding config (with template variables\n  // substituted) plus dependsOnValues + uiQuery. This means:\n  //   - `{{data.country}}` in the URL → cache key changes when country changes,\n  //     auto-refetching without callers having to declare dependsOn.\n  //   - Unrelated form fields → rendered URL is unchanged → no refetch.\n  // The protocol's resolve() still receives the raw config and current data,\n  // so per-fetch URL rendering works as before.\n  const cacheKey = computed(() => {\n    const b = unref(binding);\n    const renderedBinding = b\n      ? {\n          ...b,\n          config: renderObj(b.config ?? {}, { data: unref(ctxBits.data) }),\n        }\n      : b;\n    return JSON.stringify({\n      b: renderedBinding,\n      d: unref(ctxBits.dependsOnValues) ?? [],\n      q: unref(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: unref(ctxBits.data),\n        path: ctxBits.path,\n        ui: { query: unref(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":";;;;AAoBO,SAAS,YACd,SAIA,SASA;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;AASf,QAAM,WAAW,SAAS,MAAM;AAC9B,UAAM,IAAI,MAAM,OAAO;AACvB,UAAM,kBAAkB,IACpB;AAAA,MACE,GAAG;AAAA,MACH,QAAQ,UAAU,EAAE,UAAU,CAAA,GAAI,EAAE,MAAM,MAAM,QAAQ,IAAI,EAAA,CAAG;AAAA,IAAA,IAEjE;AACJ,WAAO,KAAK,UAAU;AAAA,MACpB,GAAG;AAAA,MACH,GAAG,MAAM,QAAQ,eAAe,KAAK,CAAA;AAAA,MACrC,GAAG,MAAM,QAAQ,OAAO,KAAK;AAAA,IAAA,CAC9B;AAAA,EACH,CAAC;AAED,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,MAAM,QAAQ,OAAO,EAAA;AAAA,QAClC,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

@@ -21,6 +21,8 @@ export { useProjection } from "./composables/useProjection";
 export type { ProjectionResult } from "./composables/useProjection";
 export { createDataLayer, useDataLayer } from "./composables/useDataLayer";
 export type { DataLayer } from "./composables/useDataLayer";
+export { useDeriveInitialValue } from "./composables/useDeriveInitialValue";
+export type { DeriveInitialValueCfg } from "./composables/useDeriveInitialValue";
 export { useDirtyValidation } from "./composables/useDirtyValidation";
 export * from "./testers";
 export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean, } from "./primevue";

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;AAUvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAqDvE,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAI7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,cAAc,WAAW,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAqEvE,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAI7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,cAAc,WAAW,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,YAAY,CAAC"}

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { rankWith, and, or, isStringControl, isNumberControl, isControl } from "@jsonforms/core";
+import { rankWith, and, or, isStringControl, isNumberControl, isIntegerControl, isControl } from "@jsonforms/core";
 import { resolveScopeSchema } from "../core/resolveScope.js";
 import _sfc_main from "./components/ProviderAutocomplete.vue.js";
 import ProviderSelect from "./components/ProviderSelect.vue.js";
@@ -7,6 +7,7 @@ import { primevueRenderers, registerPrimevueRenderers } from "./primevue/index.j
 import { useProvider } from "./composables/useProvider.js";
 import { useProjection } from "./composables/useProjection.js";
 import { createDataLayer, useDataLayer } from "./composables/useDataLayer.js";
+import { useDeriveInitialValue } from "./composables/useDeriveInitialValue.js";
 import { useDirtyValidation } from "./composables/useDirtyValidation.js";
 import { providerTester } from "./testers.js";
 import { default as default2 } from "./primevue/JfText.vue.js";
@@ -21,23 +22,37 @@ const hasProvider = (uischema) => {
 const isIntegerScope = (uischema, schema) => {
   const ui = uischema;
   if (ui?.type !== "Control" || !ui?.scope) return false;
-  const propertySchema = resolveScopeSchema(ui.scope, schema);
+  const propertySchema = resolveScopeSchema(
+    ui.scope,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
   return propertySchema?.type === "integer";
 };
 const providerSelectTester = rankWith(
-  106,
-  // Higher than PrimeVue base (100) to ensure providers take precedence
+  107,
+  // Higher than PrimeVue JfNumber integer renderer (106) so provider wins
   and(
-    or(isStringControl, isNumberControl, and(isControl, isIntegerScope)),
+    or(
+      isStringControl,
+      isNumberControl,
+      isIntegerControl,
+      and(isControl, isIntegerScope)
+    ),
     hasProvider,
     (uischema) => !uischema?.options?.autocomplete
   )
 );
 const providerAutocompleteTester = rankWith(
-  107,
-  // Higher than PrimeVue base (100) to ensure providers take precedence
+  108,
+  // Higher than providerSelectTester so autocomplete variant wins when flagged
   and(
-    or(isStringControl, isNumberControl, and(isControl, isIntegerScope)),
+    or(
+      isStringControl,
+      isNumberControl,
+      isIntegerControl,
+      and(isControl, isIntegerScope)
+    ),
     hasProvider,
     (uischema) => uischema?.options?.autocomplete === true
   )
@@ -47,11 +62,15 @@ const isArrayControl = (uischema, schema) => {
   if (controlSchema.type !== "Control" || !controlSchema.scope) {
     return false;
   }
-  const propertySchema = resolveScopeSchema(controlSchema.scope, schema);
+  const propertySchema = resolveScopeSchema(
+    controlSchema.scope,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    schema
+  );
   return propertySchema?.type === "array";
 };
 const providerMultiSelectTester = rankWith(
-  108,
+  109,
   // Highest priority for array controls with providers
   and(isArrayControl, hasProvider)
 );
@@ -76,6 +95,7 @@ export {
   providerTester,
   registerPrimevueRenderers,
   useDataLayer,
+  useDeriveInitialValue,
   useDirtyValidation,
   useProjection,
   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  isNumberControl,\n  isStringControl,\n  or,\n  rankWith,\n  isControl,\n} from \"@jsonforms/core\";\nimport { resolveScopeSchema } from \"../core/resolveScope\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\nimport ProviderMultiSelect from \"./components/ProviderMultiSelect.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// Integer fallback tester — handles nested scopes like #/properties/parent/properties/child\nconst isIntegerScope = (uischema: unknown, schema: unknown) => {\n  const ui = uischema as { type?: string; scope?: string };\n  if (ui?.type !== \"Control\" || !ui?.scope) return false;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const propertySchema = resolveScopeSchema(ui.scope, schema as Record<string, any>);\n  return propertySchema?.type === \"integer\";\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, and(isControl, isIntegerScope)),\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, and(isControl, isIntegerScope)),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\n// Custom array tester - supports nested scope paths\nconst isArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n  const controlSchema = uischema as { type: string; scope?: string };\n  if (controlSchema.type !== \"Control\" || !controlSchema.scope) {\n    return false;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const propertySchema = resolveScopeSchema(controlSchema.scope, schema as Record<string, any>);\n  return propertySchema?.type === \"array\";\n};\n\nconst providerMultiSelectTester = rankWith(\n  108, // Highest priority for array controls with providers\n  and(isArrayControl, hasProvider),\n);\n\nexport const providerRenderers = [\n  { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n  { tester: providerSelectTester, renderer: ProviderSelect },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers, registerPrimevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport { useProjection } from \"./composables/useProjection\";\nexport type { ProjectionResult } from \"./composables/useProjection\";\nexport { createDataLayer, useDataLayer } from \"./composables/useDataLayer\";\nexport type { DataLayer } from \"./composables/useDataLayer\";\nexport { useDirtyValidation } from \"./composables/useDirtyValidation\";\nexport * from \"./testers\";\n\n// Export individual PrimeVue components using lazy evaluation to avoid circular deps\nexport {\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,iBAAiB,CAAC,UAAmB,WAAoB;AAC7D,QAAM,KAAK;AACX,MAAI,IAAI,SAAS,aAAa,CAAC,IAAI,MAAO,QAAO;AAGjD,QAAM,iBAAiB,mBAAmB,GAAG,OAAO,MAA6B;AACjF,SAAO,gBAAgB,SAAS;AAClC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,IAAI,WAAW,cAAc,CAAC;AAAA,IACnE;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE,GAAG,iBAAiB,iBAAiB,IAAI,WAAW,cAAc,CAAC;AAAA,IACnE;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAGA,MAAM,iBAAiB,CAAC,UAA2B,WAAoB;AACrE,QAAM,gBAAgB;AACtB,MAAI,cAAc,SAAS,aAAa,CAAC,cAAc,OAAO;AAC5D,WAAO;AAAA,EACT;AAGA,QAAM,iBAAiB,mBAAmB,cAAc,OAAO,MAA6B;AAC5F,SAAO,gBAAgB,SAAS;AAClC;AAEA,MAAM,4BAA4B;AAAA,EAChC;AAAA;AAAA,EACA,IAAI,gBAAgB,WAAW;AACjC;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,2BAA2B,UAAU,oBAAA;AAAA,EAC/C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAAA,EAChD,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAC5C;"}
+{"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  isControl,\n} from \"@jsonforms/core\";\nimport { resolveScopeSchema } from \"../core/resolveScope\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\nimport ProviderMultiSelect from \"./components/ProviderMultiSelect.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// Integer fallback tester — handles nested scopes like #/properties/parent/properties/child\nconst isIntegerScope = (uischema: unknown, schema: unknown) => {\n  const ui = uischema as { type?: string; scope?: string };\n  if (ui?.type !== \"Control\" || !ui?.scope) return false;\n\n  const propertySchema = resolveScopeSchema(\n    ui.scope,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  return propertySchema?.type === \"integer\";\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n  107, // Higher than PrimeVue JfNumber integer renderer (106) so provider wins\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      isIntegerControl,\n      and(isControl, isIntegerScope),\n    ),\n    hasProvider,\n    (uischema) => !uischema?.options?.autocomplete,\n  ),\n);\n\nconst providerAutocompleteTester = rankWith(\n  108, // Higher than providerSelectTester so autocomplete variant wins when flagged\n  and(\n    or(\n      isStringControl,\n      isNumberControl,\n      isIntegerControl,\n      and(isControl, isIntegerScope),\n    ),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\n// Custom array tester - supports nested scope paths\nconst isArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n  const controlSchema = uischema as { type: string; scope?: string };\n  if (controlSchema.type !== \"Control\" || !controlSchema.scope) {\n    return false;\n  }\n\n  const propertySchema = resolveScopeSchema(\n    controlSchema.scope,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    schema as Record<string, any>,\n  );\n  return propertySchema?.type === \"array\";\n};\n\nconst providerMultiSelectTester = rankWith(\n  109, // Highest priority for array controls with providers\n  and(isArrayControl, hasProvider),\n);\n\nexport const providerRenderers = [\n  { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },\n  { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n  { tester: providerSelectTester, renderer: ProviderSelect },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers, registerPrimevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport { useProjection } from \"./composables/useProjection\";\nexport type { ProjectionResult } from \"./composables/useProjection\";\nexport { createDataLayer, useDataLayer } from \"./composables/useDataLayer\";\nexport type { DataLayer } from \"./composables/useDataLayer\";\nexport { useDeriveInitialValue } from \"./composables/useDeriveInitialValue\";\nexport type { DeriveInitialValueCfg } from \"./composables/useDeriveInitialValue\";\nexport { useDirtyValidation } from \"./composables/useDirtyValidation\";\nexport * from \"./testers\";\n\n// Export individual PrimeVue components using lazy evaluation to avoid circular deps\nexport {\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,iBAAiB,CAAC,UAAmB,WAAoB;AAC7D,QAAM,KAAK;AACX,MAAI,IAAI,SAAS,aAAa,CAAC,IAAI,MAAO,QAAO;AAEjD,QAAM,iBAAiB;AAAA,IACrB,GAAG;AAAA;AAAA,IAEH;AAAA,EAAA;AAEF,SAAO,gBAAgB,SAAS;AAClC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,WAAW,cAAc;AAAA,IAAA;AAAA,IAE/B;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,WAAW,cAAc;AAAA,IAAA;AAAA,IAE/B;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAGA,MAAM,iBAAiB,CAAC,UAA2B,WAAoB;AACrE,QAAM,gBAAgB;AACtB,MAAI,cAAc,SAAS,aAAa,CAAC,cAAc,OAAO;AAC5D,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AAAA,IACrB,cAAc;AAAA;AAAA,IAEd;AAAA,EAAA;AAEF,SAAO,gBAAgB,SAAS;AAClC;AAEA,MAAM,4BAA4B;AAAA,EAChC;AAAA;AAAA,EACA,IAAI,gBAAgB,WAAW;AACjC;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,2BAA2B,UAAU,oBAAA;AAAA,EAC/C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAAA,EAChD,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAC5C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,wBA4KK"}
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,wBAoLK"}

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

@@ -3,8 +3,14 @@ import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProjection } from "../composables/useProjection.js";
 import { useDirtyValidation } from "../composables/useDirtyValidation.js";
 import Checkbox from "primevue/checkbox";
-const _hoisted_1 = { class: "flex items-center gap-2" };
-const _hoisted_2 = { key: 0 };
+const _hoisted_1 = {
+  class: "jf-control",
+  style: { "flex-direction": "row", "align-items": "center" }
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "jf-label"
+};
 const _hoisted_3 = {
   key: 1,
   class: "p-error"
@@ -51,8 +57,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const instance = getCurrentInstance();
     const props = instance.props;
     const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
-    const { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);
-    const { showErrors, markDirty } = useDirtyValidation(control);
+    const {
+      projectedData,
+      handleProjectedChange: handleChange,
+      projectedErrors,
+      projectedLabel
+    } = useProjection(control, rawHandleChange);
+    const { showErrors, markDirty } = useDirtyValidation(control, projectedErrors);
     const onToggle = (val) => {
       markDirty();
       handleChange(control.value.path, val);
@@ -67,8 +78,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "aria-invalid": unref(showErrors) || void 0,
           "onUpdate:modelValue": onToggle
         }, null, 8, ["model-value", "disabled", "class", "aria-invalid"]),
-        unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
-        unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_3, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        unref(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
+        unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_3, toDisplayString(unref(projectedErrors)), 1)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"JfBoolean\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    cells: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    config: {\n      type: Object,\n      required: false,\n      default: undefined,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { getCurrentInstance } from \"vue\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { useDirtyValidation } from \"../composables/useDirtyValidation\";\nimport Checkbox from \"primevue/checkbox\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);\n\n// Track user interaction — errors only show after first toggle\nconst { showErrors, markDirty } = useDirtyValidation(control);\n\nconst onToggle = (val: boolean) => {\n  markDirty();\n  handleChange(control.value.path, val);\n};\n</script>\n\n<template>\n  <div class=\"flex items-center gap-2\">\n    <Checkbox\n      :binary=\"true\"\n      :model-value=\"!!projectedData\"\n      :disabled=\"!control.enabled\"\n      :class=\"{ 'p-invalid': showErrors }\"\n      :aria-invalid=\"showErrors || undefined\"\n      @update:model-value=\"onToggle\"\n    />\n    <label v-if=\"control.label\">{{ control.label }}</label>\n    <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;;;;AACA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;;;;AAYA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM,EAAE,eAAe,uBAAuB,iBAAiB,cAAc,SAAS,eAAe;AAGrG,UAAM,EAAE,YAAY,cAAc,mBAAmB,OAAO;AAE5D,UAAM,WAAW,CAAC,QAAiB;AACjC,gBAAA;AACA,mBAAa,QAAQ,MAAM,MAAM,GAAG;AAAA,IACtC;;AAIE,aAAAA,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,QAVJC,YAOEC,MAAA,QAAA,GAAA;AAAA,UANC,QAAQ;AAAA,UACR,iBAAeA,MAAA,aAAA;AAAA,UACf,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,qCAAsBA,MAAA,UAAA,GAAU;AAAA,UAChC,gBAAcA,MAAA,UAAA,KAAc;AAAA,UAC5B,uBAAoB;AAAA,QAAA;QAEVA,MAAA,OAAA,EAAQ,sBAArBF,mBAAuD,SAAA,YAAAG,gBAAxBD,MAAA,OAAA,EAAQ,KAAK,GAAA,CAAA;QAC/BA,MAAA,UAAA,KAAbH,aAAAC,mBAAqE,SAArE,YAAqEG,gBAAzBD,MAAA,OAAA,EAAQ,MAAM,GAAA,CAAA;;;;;"}
+{"version":3,"file":"JfBoolean.vue.js","sources":["../../../src/vue/primevue/JfBoolean.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"JfBoolean\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    cells: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    config: {\n      type: Object,\n      required: false,\n      default: undefined,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { getCurrentInstance } from \"vue\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { useDirtyValidation } from \"../composables/useDirtyValidation\";\nimport Checkbox from \"primevue/checkbox\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst {\n  projectedData,\n  handleProjectedChange: handleChange,\n  projectedErrors,\n  projectedLabel,\n} = useProjection(control, rawHandleChange);\n\n// Track user interaction — errors only show after first toggle\nconst { showErrors, markDirty } = useDirtyValidation(control, projectedErrors);\n\nconst onToggle = (val: boolean) => {\n  markDirty();\n  handleChange(control.value.path, val);\n};\n</script>\n\n<template>\n  <div class=\"jf-control\" style=\"flex-direction: row; align-items: center\">\n    <Checkbox\n      :binary=\"true\"\n      :model-value=\"!!projectedData\"\n      :disabled=\"!control.enabled\"\n      :class=\"{ 'p-invalid': showErrors }\"\n      :aria-invalid=\"showErrors || undefined\"\n      @update:model-value=\"onToggle\"\n    />\n    <label v-if=\"projectedLabel\" class=\"jf-label\">{{ projectedLabel }}</label>\n    <small v-if=\"showErrors\" class=\"p-error\">{{ projectedErrors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AACA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;;;;AAYA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM;AAAA,MACJ;AAAA,MACA,uBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,IAAA,IACE,cAAc,SAAS,eAAe;AAG1C,UAAM,EAAE,YAAY,UAAA,IAAc,mBAAmB,SAAS,eAAe;AAE7E,UAAM,WAAW,CAAC,QAAiB;AACjC,gBAAA;AACA,mBAAa,QAAQ,MAAM,MAAM,GAAG;AAAA,IACtC;;AAIE,aAAAA,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,QAVJC,YAOEC,MAAA,QAAA,GAAA;AAAA,UANC,QAAQ;AAAA,UACR,iBAAeA,MAAA,aAAA;AAAA,UACf,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB,qCAAsBA,MAAA,UAAA,GAAU;AAAA,UAChC,gBAAcA,MAAA,UAAA,KAAc;AAAA,UAC5B,uBAAoB;AAAA,QAAA;QAEVA,MAAA,cAAA,kBAAbF,mBAA0E,SAA1E,YAA0EG,gBAAzBD,MAAA,cAAA,CAAc,GAAA,CAAA;QAClDA,MAAA,UAAA,kBAAbF,mBAAsE,SAAtE,YAAsEG,gBAA1BD,MAAA,eAAA,CAAe,GAAA,CAAA;;;;;"}

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqNA,wBAoUK"}
+{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA,wBAyUK"}

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

@@ -2,18 +2,20 @@ import { defineComponent, getCurrentInstance, computed, inject, watch, createEle
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
 import { useDerive } from "../composables/useDerive.js";
+import { useDeriveInitialValue } from "../composables/useDeriveInitialValue.js";
 import { useProjection } from "../composables/useProjection.js";
 import { useDirtyValidation } from "../composables/useDirtyValidation.js";
 import { shouldAutoSelect } from "../utils/autoSelect.js";
+import { resolvePlaceholder } from "../utils/placeholder.js";
 import Dropdown from "primevue/dropdown";
-const _hoisted_1 = { class: "flex flex-column gap-2" };
+const _hoisted_1 = { class: "jf-control" };
 const _hoisted_2 = {
   key: 0,
-  class: "text-color text-left"
+  class: "jf-label"
 };
 const _hoisted_3 = {
   key: 1,
-  class: "text-color-secondary text-left"
+  class: "jf-description"
 };
 const _hoisted_4 = {
   key: 2,
@@ -66,7 +68,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const instance = getCurrentInstance();
     const props = instance.props;
     const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
-    const { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);
+    const {
+      projectedData,
+      handleProjectedChange: handleChange,
+      projectedErrors,
+      projectedLabel
+    } = useProjection(control, rawHandleChange);
     const toOptions = (schema) => {
       if (!schema) return [];
       const s = schema;
@@ -113,11 +120,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useProvider(binding, {
       data: rootData,
       path: control.value.path,
-      dependsOnValues: depValues.value
+      dependsOnValues: depValues
     });
     const placeholder = computed(() => {
       if (loading.value) return "Loading…";
-      return control.value.uischema?.options?.placeholder ?? control.value.description;
+      return resolvePlaceholder(
+        control.value.uischema,
+        projectedLabel.value,
+        "select"
+      );
     });
     const options = computed(() => {
       if (binding.value && providerItems.value.length > 0) {
@@ -126,6 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return toOptions(control.value.schema);
     });
     useDerive({ control, handleChange, data: projectedData });
+    useDeriveInitialValue({ control, handleChange });
     watch(
       [providerItems, loading],
       ([items, isLoading]) => {
@@ -141,16 +153,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    const { showErrors, markDirty } = useDirtyValidation(control);
+    const { showErrors, markDirty } = useDirtyValidation(control, projectedErrors);
     const onSelect = (val) => {
       handleChange(control.value.path, val);
     };
     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(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
         unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
         createVNode(unref(Dropdown), {
-          class: normalizeClass(["w-full", { "p-invalid": unref(showErrors) }]),
+          class: normalizeClass(["w-full!", { "p-invalid": unref(showErrors) }]),
           options: options.value,
           "option-label": "label",
           "option-value": "value",
@@ -162,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": onSelect,
           onBlur: unref(markDirty)
         }, null, 8, ["class", "options", "model-value", "placeholder", "disabled", "aria-invalid", "onBlur"]),
-        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(projectedErrors)), 1)) : createCommentVNode("", true)
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"JfEnum.vue.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script lang=\"ts\">\n// Define props manually to avoid any potential circular dependency issues\nexport default {\n  name: \"JfEnum\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    cells: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    config: {\n      type: Object,\n      required: false,\n      default: undefined,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { JsonSchema } from \"@jsonforms/core\";\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, getCurrentInstance, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { useDirtyValidation } from \"../composables/useDirtyValidation\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport Dropdown from \"primevue/dropdown\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);\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, data: projectedData });\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [providerItems, loading],\n  ([items, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items,\n      currentValue: projectedData.value,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true }\n);\n\n// Track user interaction — errors only show after blur\nconst { showErrors, markDirty } = useDirtyValidation(control);\n\nconst onSelect = (val: unknown) => {\n  handleChange(control.value.path, val);\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', { 'p-invalid': showErrors }]\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :model-value=\"projectedData ?? 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=\"markDirty\"\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"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"JfEnum.vue.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script lang=\"ts\">\n// Define props manually to avoid any potential circular dependency issues\nexport default {\n  name: \"JfEnum\",\n  props: {\n    uischema: {\n      type: Object,\n      required: true,\n    },\n    schema: {\n      type: Object,\n      required: true,\n    },\n    path: {\n      type: String,\n      required: true,\n    },\n    enabled: {\n      type: Boolean,\n      default: undefined,\n    },\n    renderers: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    cells: {\n      type: Array,\n      required: false,\n      default: undefined,\n    },\n    config: {\n      type: Object,\n      required: false,\n      default: undefined,\n    },\n  },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { JsonSchema } from \"@jsonforms/core\";\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, getCurrentInstance, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport { useDeriveInitialValue } from \"../composables/useDeriveInitialValue\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { useDirtyValidation } from \"../composables/useDirtyValidation\";\nimport { shouldAutoSelect } from \"../utils/autoSelect\";\nimport { resolvePlaceholder } from \"../utils/placeholder\";\nimport Dropdown from \"primevue/dropdown\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst {\n  projectedData,\n  handleProjectedChange: handleChange,\n  projectedErrors,\n  projectedLabel,\n} = useProjection(control, rawHandleChange);\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,\n});\n\nconst placeholder = computed<string | undefined>(() => {\n  if (loading.value) return \"Loading…\";\n  return resolvePlaceholder(\n    control.value.uischema,\n    projectedLabel.value,\n    \"select\",\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, data: projectedData });\n\n// Add deriveInitialValue — async API-based initial value seeding\nuseDeriveInitialValue({ control, handleChange });\n\n// Auto-select when provider returns only one item (enabled by default)\nwatch(\n  [providerItems, loading],\n  ([items, isLoading]) => {\n    const valueToSelect = shouldAutoSelect({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle !== false,\n      isLoading,\n      items,\n      currentValue: projectedData.value,\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\n// Track user interaction — errors only show after blur\nconst { showErrors, markDirty } = useDirtyValidation(control, projectedErrors);\n\nconst onSelect = (val: unknown) => {\n  handleChange(control.value.path, val);\n};\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"projectedLabel\" class=\"jf-label\">{{ projectedLabel }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <Dropdown\n      :class=\"['w-full!', { 'p-invalid': showErrors }]\"\n      :options=\"options\"\n      option-label=\"label\"\n      option-value=\"value\"\n      :model-value=\"projectedData ?? 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=\"markDirty\"\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\">{{ projectedErrors }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2OA,wBA8UK"}
+{"version":3,"file":"JfEnumArray.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnumArray.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiPA,wBAgVK"}

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

@@ -5,15 +5,16 @@ import { useDerive } from "../composables/useDerive.js";
 import { useProjection } from "../composables/useProjection.js";
 import { useDirtyValidation } from "../composables/useDirtyValidation.js";
 import { shouldAutoSelectMulti } from "../utils/autoSelect.js";
+import { resolvePlaceholder } from "../utils/placeholder.js";
 import MultiSelect from "primevue/multiselect";
-const _hoisted_1 = { class: "flex flex-column gap-2" };
+const _hoisted_1 = { class: "jf-control" };
 const _hoisted_2 = {
   key: 0,
-  class: "text-color text-left"
+  class: "jf-label"
 };
 const _hoisted_3 = {
   key: 1,
-  class: "text-color-secondary text-left"
+  class: "jf-description"
 };
 const _hoisted_4 = {
   key: 2,
@@ -66,7 +67,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const instance = getCurrentInstance();
     const props = instance.props;
     const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
-    const { projectedData, handleProjectedChange: handleChange } = useProjection(control, rawHandleChange);
+    const {
+      projectedData,
+      handleProjectedChange: handleChange,
+      projectedErrors,
+      projectedLabel
+    } = useProjection(control, rawHandleChange);
     const toOptions = (schema) => {
       if (!schema) return [];
       const s = schema;
@@ -113,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useProvider(binding, {
       data: rootData,
       path: control.value.path,
-      dependsOnValues: depValues.value
+      dependsOnValues: depValues
     });
     const options = computed(() => {
       if (binding.value && providerItems.value.length > 0) {
@@ -122,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return toOptions(control.value.schema?.items);
     });
     useDerive({ control, handleChange, data: projectedData });
-    const { showErrors, markDirty } = useDirtyValidation(control);
+    const { showErrors, markDirty } = useDirtyValidation(control, projectedErrors);
     watch(
       [providerItems, loading],
       ([items, isLoading]) => {
@@ -140,7 +146,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const placeholder = computed(() => {
       if (loading.value) return "Loading…";
-      return control.value.uischema?.options?.placeholder ?? control.value.description;
+      return resolvePlaceholder(
+        control.value.uischema,
+        projectedLabel.value,
+        "select"
+      );
     });
     const sameSet = (a, b) => {
       if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)
@@ -164,12 +174,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     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(projectedLabel) ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(projectedLabel)), 1)) : createCommentVNode("", true),
         unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
         createVNode(unref(MultiSelect), {
           modelValue: model.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-          class: normalizeClass(["w-full", { "p-invalid": unref(showErrors) }]),
+          class: normalizeClass(["w-full!", { "p-invalid": unref(showErrors) }]),
           options: options.value,
           "option-label": "label",
           "option-value": "value",
@@ -179,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "aria-invalid": unref(showErrors) || void 0,
           placeholder: placeholder.value
         }, null, 8, ["modelValue", "class", "options", "disabled", "aria-invalid", "placeholder"]),
-        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
+        unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : unref(showErrors) ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(projectedErrors)), 1)) : createCommentVNode("", true)
       ]);
     };
   }