@narrative.io/jsonforms-provider-protocols 2.11.0 → 3.0.0-beta.10

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

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

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

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

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

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

package/dist/vue/composables/useDeriveInitialValue.js

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

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

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

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

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

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

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

package/dist/vue/composables/useDirtyValidation.js

@@ -0,0 +1,15 @@
+import { ref, computed } from "vue";
+function useDirtyValidation(control, errorsOverride) {
+  const hasInteracted = ref(false);
+  const showErrors = computed(
+    () => hasInteracted.value && !!(errorsOverride ? errorsOverride.value : control.value.errors)
+  );
+  const markDirty = () => {
+    hasInteracted.value = true;
+  };
+  return { hasInteracted, showErrors, markDirty };
+}
+export {
+  useDirtyValidation
+};
+//# sourceMappingURL=useDirtyValidation.js.map

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

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

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

@@ -0,0 +1,41 @@
+import { type ComputedRef, type Ref } from "vue";
+interface ProjectionControl {
+    data: unknown;
+    path: string;
+    errors: string;
+    label?: string;
+    schema: Record<string, any>;
+    uischema: {
+        options?: {
+            projection?: string;
+            [key: string]: unknown;
+        };
+    };
+}
+export interface ProjectionResult {
+    /** The value at the projected path (for rendering) */
+    projectedData: ComputedRef<unknown>;
+    /** The schema at the projected path (for renderer selection) */
+    projectedSchema: ComputedRef<Record<string, any>>;
+    /** Wrapped handleChange that writes through the projection */
+    handleProjectedChange: (path: string, value: unknown) => void;
+    /** Whether projection is active */
+    hasProjection: boolean;
+    /** Resolved display label (options.label → projected schema title → control.label) */
+    projectedLabel: ComputedRef<string>;
+    /** Error string combining base-path and projected sub-path errors */
+    projectedErrors: ComputedRef<string>;
+}
+/**
+ * Composable that wraps a JSON Forms control with projection support.
+ *
+ * When `options.projection` is set on the uischema, this composable:
+ * - Reads the projected sub-value from the control data
+ * - Resolves the projected sub-schema for renderer type resolution
+ * - Wraps handleChange to write back through the projection path (preserving siblings)
+ *
+ * When no projection is set, it passes through control data/schema/handleChange unchanged.
+ */
+export declare function useProjection(control: Ref<ProjectionControl>, handleChange: (path: string, value: unknown) => void): ProjectionResult;
+export {};
+//# sourceMappingURL=useProjection.d.ts.map

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

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

package/dist/vue/composables/useProjection.js

@@ -0,0 +1,84 @@
+import { computed, inject } from "vue";
+import { getProjectedValue, getProjectedSchema, setProjectedValue } from "../../core/projection.js";
+function resolveLabel(ctrl, schemaTitle) {
+  return ctrl.uischema?.options?.label ?? schemaTitle ?? ctrl.label ?? "";
+}
+function normalizeErrors(errors) {
+  if (!errors) return errors;
+  return errors.replace(/is a required property/g, "is required").replace(/must have required property '[^']*'/g, "is required");
+}
+function prefixErrors(label, errors) {
+  if (!label || !errors) return errors;
+  return errors.split("\n").map((line) => `${label} ${line}`).join("\n");
+}
+function getErrorPath(error) {
+  let p = (error.instancePath || "").replace(/\//g, ".").replace(/^\./, "");
+  if (error.keyword === "required" && error.params?.missingProperty) {
+    p = p ? p + "." + error.params.missingProperty : error.params.missingProperty;
+  }
+  return p;
+}
+function useProjection(control, handleChange) {
+  const projection = control.value.uischema?.options?.projection;
+  if (!projection) {
+    const label2 = computed(() => resolveLabel(control.value));
+    return {
+      projectedData: computed(() => control.value.data),
+      projectedSchema: computed(() => control.value.schema),
+      handleProjectedChange: handleChange,
+      hasProjection: false,
+      projectedLabel: label2,
+      projectedErrors: computed(
+        () => prefixErrors(
+          label2.value.replace(/\*$/, "").trim(),
+          normalizeErrors(control.value.errors)
+        )
+      )
+    };
+  }
+  const jsonforms = inject(
+    "jsonforms",
+    null
+  );
+  const fullProjectedPath = control.value.path + "." + projection;
+  const projectedData = computed(
+    () => getProjectedValue(control.value.data, projection)
+  );
+  const projectedSchema = computed(
+    () => getProjectedSchema(control.value.schema, projection)
+  );
+  const label = computed(
+    () => resolveLabel(control.value, projectedSchema.value?.title)
+  );
+  const projectedErrors = computed(() => {
+    const baseErrors = normalizeErrors(control.value.errors || "");
+    const rawErrors = jsonforms?.core?.errors ?? [];
+    const matching = rawErrors.filter(
+      (err) => getErrorPath(err) === fullProjectedPath
+    );
+    let errStr;
+    if (matching.length === 0) {
+      errStr = baseErrors;
+    } else {
+      const projMsg = matching.map((e) => e.keyword === "required" ? "is required" : e.message).filter(Boolean).join("\n");
+      errStr = [baseErrors, projMsg].filter(Boolean).join("\n");
+    }
+    return prefixErrors(label.value.replace(/\*$/, "").trim(), errStr);
+  });
+  const handleProjectedChange = (path, value) => {
+    const fullValue = setProjectedValue(control.value.data, projection, value);
+    handleChange(path, fullValue);
+  };
+  return {
+    projectedData,
+    projectedSchema,
+    handleProjectedChange,
+    hasProjection: true,
+    projectedLabel: label,
+    projectedErrors
+  };
+}
+export {
+  useProjection
+};
+//# sourceMappingURL=useProjection.js.map

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

@@ -0,0 +1 @@
+{"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} from \"../../core/projection\";\n\ninterface ProjectionControl {\n  data: unknown;\n  path: string;\n  errors: string;\n  label?: 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\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 */\nfunction resolveLabel(ctrl: ProjectionControl, schemaTitle?: string): string {\n  return (\n    (ctrl.uischema?.options?.label as string) ?? schemaTitle ?? ctrl.label ?? \"\"\n  );\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(() => resolveLabel(control.value));\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  // control.errors only contains errors at the exact control path (e.g. \"data_rates\"),\n  // but projected fields need errors at the full path (e.g. \"data_rates.0.video_rate_usd\").\n  const jsonforms = inject<{ core?: { errors?: ErrorLike[] } } | null>(\n    \"jsonforms\",\n    null,\n  );\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 label = computed(() =>\n    resolveLabel(control.value, projectedSchema.value?.title),\n  );\n\n  const projectedErrors = computed(() => {\n    const baseErrors = normalizeErrors(control.value.errors || \"\");\n\n    const rawErrors = jsonforms?.core?.errors ?? [];\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":";;AA6BA,SAAS,aAAa,MAAyB,aAA8B;AAC3E,SACG,KAAK,UAAU,SAAS,SAAoB,eAAe,KAAK,SAAS;AAE9E;AAMA,SAAS,gBAAgB,QAAwB;AAC/C,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OACJ,QAAQ,2BAA2B,aAAa,EAChD,QAAQ,wCAAwC,aAAa;AAClE;AAMA,SAAS,aAAa,OAAe,QAAwB;AAC3D,MAAI,CAAC,SAAS,CAAC,OAAQ,QAAO;AAC9B,SAAO,OACJ,MAAM,IAAI,EACV,IAAI,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,EAAE,EAChC,KAAK,IAAI;AACd;AAMA,SAAS,aAAa,OAA0B;AAC9C,MAAI,KAAK,MAAM,gBAAgB,IAAI,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,EAAE;AACxE,MAAI,MAAM,YAAY,cAAc,MAAM,QAAQ,iBAAiB;AACjE,QAAI,IACA,IAAI,MAAM,MAAM,OAAO,kBACvB,MAAM,OAAO;AAAA,EACnB;AACA,SAAO;AACT;AA4BO,SAAS,cACd,SACA,cACkB;AAClB,QAAM,aAAa,QAAQ,MAAM,UAAU,SAAS;AAIpD,MAAI,CAAC,YAAY;AACf,UAAMA,SAAQ,SAAS,MAAM,aAAa,QAAQ,KAAK,CAAC;AACxD,WAAO;AAAA,MACL,eAAe,SAAS,MAAM,QAAQ,MAAM,IAAI;AAAA,MAChD,iBAAiB,SAAS,MAAM,QAAQ,MAAM,MAAM;AAAA,MACpD,uBAAuB;AAAA,MACvB,eAAe;AAAA,MACf,gBAAgBA;AAAAA,MAChB,iBAAiB;AAAA,QAAS,MACxB;AAAA,UACEA,OAAM,MAAM,QAAQ,OAAO,EAAE,EAAE,KAAA;AAAA,UAC/B,gBAAgB,QAAQ,MAAM,MAAM;AAAA,QAAA;AAAA,MACtC;AAAA,IACF;AAAA,EAEJ;AAKA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,oBAAoB,QAAQ,MAAM,OAAO,MAAM;AAErD,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,QAAQ;AAAA,IAAS,MACrB,aAAa,QAAQ,OAAO,gBAAgB,OAAO,KAAK;AAAA,EAAA;AAG1D,QAAM,kBAAkB,SAAS,MAAM;AACrC,UAAM,aAAa,gBAAgB,QAAQ,MAAM,UAAU,EAAE;AAE7D,UAAM,YAAY,WAAW,MAAM,UAAU,CAAA;AAC7C,UAAM,WAAW,UAAU;AAAA,MACzB,CAAC,QAAQ,aAAa,GAAG,MAAM;AAAA,IAAA;AAGjC,QAAI;AACJ,QAAI,SAAS,WAAW,GAAG;AACzB,eAAS;AAAA,IACX,OAAO;AACL,YAAM,UAAU,SACb,IAAI,CAAC,MAAO,EAAE,YAAY,aAAa,gBAAgB,EAAE,OAAQ,EACjE,OAAO,OAAO,EACd,KAAK,IAAI;AACZ,eAAS,CAAC,YAAY,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAAA,IAC1D;AAEA,WAAO,aAAa,MAAM,MAAM,QAAQ,OAAO,EAAE,EAAE,KAAA,GAAQ,MAAM;AAAA,EACnE,CAAC;AAED,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,IACf,gBAAgB;AAAA,IAChB;AAAA,EAAA;AAEJ;"}

package/dist/vue/index.d.ts

@@ -17,6 +17,13 @@ export declare const providerRenderers: {
 export { primevueRenderers, registerPrimevueRenderers } from "./primevue";
 export { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };
 export { useProvider } from "./composables/useProvider";
+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";
 //# 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;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAoFvE,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,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,9 +1,14 @@
-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";
 import ProviderMultiSelect from "./components/ProviderMultiSelect.vue.js";
 import { primevueRenderers, registerPrimevueRenderers } from "./primevue/index.js";
 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";
 import { default as default3 } from "./primevue/JfTextArea.vue.js";
@@ -14,43 +19,39 @@ import { default as default7 } from "./primevue/JfBoolean.vue.js";
 const hasProvider = (uischema) => {
   return uischema?.options?.provider !== void 0;
 };
+const isIntegerScope = (uischema, schema) => {
+  const ui = uischema;
+  if (ui?.type !== "Control" || !ui?.scope) return false;
+  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, (uischema, schema) => {
-        const ui = uischema;
-        const rootSchema = schema;
-        if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
-          return false;
-        const propertyName = ui.scope.replace("#/properties/", "");
-        const propertySchema = rootSchema.properties[propertyName];
-        return propertySchema?.type === "integer";
-      })
+      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, (uischema, schema) => {
-        const ui = uischema;
-        const rootSchema = schema;
-        if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
-          return false;
-        const propertyName = ui.scope.replace("#/properties/", "");
-        const propertySchema = rootSchema.properties[propertyName];
-        return propertySchema?.type === "integer";
-      })
+      isIntegerControl,
+      and(isControl, isIntegerScope)
     ),
     hasProvider,
     (uischema) => uischema?.options?.autocomplete === true
@@ -61,13 +62,15 @@ const isArrayControl = (uischema, schema) => {
   if (controlSchema.type !== "Control" || !controlSchema.scope) {
     return false;
   }
-  const rootSchema = schema;
-  const propertyPath = controlSchema.scope.replace("#/properties/", "");
-  const propertySchema = rootSchema?.properties?.[propertyPath];
+  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)
 );
@@ -86,10 +89,15 @@ export {
   _sfc_main as ProviderAutocomplete,
   ProviderMultiSelect,
   ProviderSelect,
+  createDataLayer,
   primevueRenderers,
   providerRenderers,
   providerTester,
   registerPrimevueRenderers,
+  useDataLayer,
+  useDeriveInitialValue,
+  useDirtyValidation,
+  useProjection,
   useProvider
 };
 //# sourceMappingURL=index.js.map

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 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// 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(\n      isStringControl,\n      isNumberControl,\n      and(isControl, (uischema: unknown, schema: unknown) => {\n        const ui = uischema as { type?: string; scope?: string };\n        const rootSchema = schema as {\n          properties?: Record<string, { type?: string }>;\n        };\n\n        if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n          return false;\n\n        // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n        const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n        const propertySchema = rootSchema.properties[propertyName];\n\n        return propertySchema?.type === \"integer\";\n      }),\n    ),\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(\n      isStringControl,\n      isNumberControl,\n      and(isControl, (uischema: unknown, schema: unknown) => {\n        const ui = uischema as { type?: string; scope?: string };\n        const rootSchema = schema as {\n          properties?: Record<string, { type?: string }>;\n        };\n\n        if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n          return false;\n\n        // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n        const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n        const propertySchema = rootSchema.properties[propertyName];\n\n        return propertySchema?.type === \"integer\";\n      }),\n    ),\n    hasProvider,\n    (uischema) => uischema?.options?.autocomplete === true,\n  ),\n);\n\n// Custom array tester - check both uischema control type and schema type\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  // Extract the property schema from the root schema\n  const rootSchema = schema as { properties?: Record<string, unknown> };\n  const propertyPath = controlSchema.scope.replace(\"#/properties/\", \"\");\n  const propertySchema = rootSchema?.properties?.[propertyPath] as {\n    type?: string;\n  };\n\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 * 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":";;;;;;;;;;;;;AAcA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;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,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;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,aAAa;AACnB,QAAM,eAAe,cAAc,MAAM,QAAQ,iBAAiB,EAAE;AACpE,QAAM,iBAAiB,YAAY,aAAa,YAAY;AAI5D,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

@@ -18,14 +18,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderers: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     cells: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     config: {
         type: ObjectConstructor;
         required: false;
+        default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     uischema: {
@@ -47,17 +50,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderers: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     cells: {
         type: ArrayConstructor;
         required: false;
+        default: undefined;
     };
     config: {
         type: ObjectConstructor;
         required: false;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
+    config: Record<string, any>;
     enabled: boolean;
+    renderers: unknown[];
+    cells: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=JfBoolean.vue.d.ts.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,wBA0JK"}
+{"version":3,"file":"JfBoolean.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfBoolean.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,wBAoLK"}