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

package/dist/core/transforms.js.map

@@ -1 +1 @@
-{"version":3,"file":"transforms.js","sources":["../../src/core/transforms.ts"],"sourcesContent":["/**\n * Transform pipeline system for manipulating API response data\n * Transforms are applied sequentially in the order they appear in the pipeline\n */\n\nexport interface Transform {\n  name: string;\n  [key: string]: unknown;\n}\n\nexport interface FlattenTransform extends Transform {\n  name: \"flatten\";\n  key: string; // The key containing the nested array to flatten\n  labelFormat?: string; // Optional format string like \"{parent.name} → {name}\"\n}\n\nexport interface FilterTransform extends Transform {\n  name: \"filter\";\n  key: string; // The key to check\n  values?: unknown[]; // Optional array of values to match against\n}\n\nexport type TransformStep = FlattenTransform | FilterTransform;\n\nexport type TransformPipeline = TransformStep[];\n\n/**\n * Registry of transform functions\n */\ntype TransformFunction = (items: unknown[], config: Transform) => unknown[];\n\nconst transformRegistry: Record<string, TransformFunction> = {};\n\n/**\n * Register a transform function\n */\nexport function registerTransform(name: string, fn: TransformFunction): void {\n  transformRegistry[name] = fn;\n}\n\n/**\n * Apply a pipeline of transforms to data\n */\nexport function applyTransformPipeline(\n  items: unknown[],\n  pipeline: TransformPipeline,\n): unknown[] {\n  let result = items;\n\n  for (const transform of pipeline) {\n    const fn = transformRegistry[transform.name];\n    if (!fn) {\n      throw new Error(`Unknown transform: ${transform.name}`);\n    }\n    result = fn(result, transform);\n  }\n\n  return result;\n}\n\n/**\n * Flatten transform - recursively flattens nested arrays into a single level\n */\nfunction flattenTransform(items: unknown[], config: Transform): unknown[] {\n  const flattenConfig = config as FlattenTransform;\n  const { key, labelFormat } = flattenConfig;\n  const flattened: unknown[] = [];\n\n  function flattenRecursive(\n    item: unknown,\n    parent: Record<string, unknown> | null = null,\n    depth: number = 0,\n  ): void {\n    if (typeof item !== \"object\" || item === null) return;\n\n    const itemObj = item as Record<string, unknown>;\n\n    // Add the current item\n    if (labelFormat && parent) {\n      const formattedItem = { ...itemObj };\n\n      // Replace placeholders like {parent.name} and {name}\n      let formattedLabel = labelFormat;\n      formattedLabel = formattedLabel.replace(/\\{parent\\.(\\w+)\\}/g, (_, prop) =>\n        String(parent[prop] ?? \"\"),\n      );\n      formattedLabel = formattedLabel.replace(/\\{(\\w+)\\}/g, (_, prop) =>\n        String(itemObj[prop] ?? \"\"),\n      );\n\n      formattedItem._formattedLabel = formattedLabel;\n      formattedItem._parent = parent;\n      formattedItem._depth = depth;\n      flattened.push(formattedItem);\n    } else if (parent) {\n      // Child node with parent reference\n      flattened.push({\n        ...itemObj,\n        _parent: parent,\n        _depth: depth,\n      });\n    } else {\n      // Root node\n      flattened.push({\n        ...itemObj,\n        _depth: depth,\n      });\n    }\n\n    // Recursively flatten children\n    const children = itemObj[key];\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        flattenRecursive(child, itemObj, depth + 1);\n      }\n    }\n  }\n\n  // Start flattening from root items\n  for (const item of items) {\n    flattenRecursive(item, null, 0);\n  }\n\n  return flattened;\n}\n\n/**\n * Filter transform - filters items based on a key and optional values\n */\nfunction filterTransform(items: unknown[], config: Transform): unknown[] {\n  const filterConfig = config as FilterTransform;\n  const { key, values } = filterConfig;\n\n  return items.filter((item) => {\n    if (typeof item !== \"object\" || item === null) return false;\n\n    const itemObj = item as Record<string, unknown>;\n\n    // If no values array provided, just check if the key exists\n    if (!values || values.length === 0) {\n      return key in itemObj;\n    }\n\n    // If values array provided, check if item[key] matches any of the values\n    const itemValue = itemObj[key];\n    return values.includes(itemValue);\n  });\n}\n\n// Register built-in transforms\nregisterTransform(\"flatten\", flattenTransform);\nregisterTransform(\"filter\", filterTransform);\n"],"names":[],"mappings":"AA+BA,MAAM,oBAAuD,CAAA;AAKtD,SAAS,kBAAkB,MAAc,IAA6B;AAC3E,oBAAkB,IAAI,IAAI;AAC5B;AAKO,SAAS,uBACd,OACA,UACW;AACX,MAAI,SAAS;AAEb,aAAW,aAAa,UAAU;AAChC,UAAM,KAAK,kBAAkB,UAAU,IAAI;AAC3C,QAAI,CAAC,IAAI;AACP,YAAM,IAAI,MAAM,sBAAsB,UAAU,IAAI,EAAE;AAAA,IACxD;AACA,aAAS,GAAG,QAAQ,SAAS;AAAA,EAC/B;AAEA,SAAO;AACT;AAKA,SAAS,iBAAiB,OAAkB,QAA8B;AACxE,QAAM,gBAAgB;AACtB,QAAM,EAAE,KAAK,YAAA,IAAgB;AAC7B,QAAM,YAAuB,CAAA;AAE7B,WAAS,iBACP,MACA,SAAyC,MACzC,QAAgB,GACV;AACN,QAAI,OAAO,SAAS,YAAY,SAAS,KAAM;AAE/C,UAAM,UAAU;AAGhB,QAAI,eAAe,QAAQ;AACzB,YAAM,gBAAgB,EAAE,GAAG,QAAA;AAG3B,UAAI,iBAAiB;AACrB,uBAAiB,eAAe;AAAA,QAAQ;AAAA,QAAsB,CAAC,GAAG,SAChE,OAAO,OAAO,IAAI,KAAK,EAAE;AAAA,MAAA;AAE3B,uBAAiB,eAAe;AAAA,QAAQ;AAAA,QAAc,CAAC,GAAG,SACxD,OAAO,QAAQ,IAAI,KAAK,EAAE;AAAA,MAAA;AAG5B,oBAAc,kBAAkB;AAChC,oBAAc,UAAU;AACxB,oBAAc,SAAS;AACvB,gBAAU,KAAK,aAAa;AAAA,IAC9B,WAAW,QAAQ;AAEjB,gBAAU,KAAK;AAAA,QACb,GAAG;AAAA,QACH,SAAS;AAAA,QACT,QAAQ;AAAA,MAAA,CACT;AAAA,IACH,OAAO;AAEL,gBAAU,KAAK;AAAA,QACb,GAAG;AAAA,QACH,QAAQ;AAAA,MAAA,CACT;AAAA,IACH;AAGA,UAAM,WAAW,QAAQ,GAAG;AAC5B,QAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,iBAAW,SAAS,UAAU;AAC5B,yBAAiB,OAAO,SAAS,QAAQ,CAAC;AAAA,MAC5C;AAAA,IACF;AAAA,EACF;AAGA,aAAW,QAAQ,OAAO;AACxB,qBAAiB,MAAM,MAAM,CAAC;AAAA,EAChC;AAEA,SAAO;AACT;AAKA,SAAS,gBAAgB,OAAkB,QAA8B;AACvE,QAAM,eAAe;AACrB,QAAM,EAAE,KAAK,OAAA,IAAW;AAExB,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,QAAI,OAAO,SAAS,YAAY,SAAS,KAAM,QAAO;AAEtD,UAAM,UAAU;AAGhB,QAAI,CAAC,UAAU,OAAO,WAAW,GAAG;AAClC,aAAO,OAAO;AAAA,IAChB;AAGA,UAAM,YAAY,QAAQ,GAAG;AAC7B,WAAO,OAAO,SAAS,SAAS;AAAA,EAClC,CAAC;AACH;AAGA,kBAAkB,WAAW,gBAAgB;AAC7C,kBAAkB,UAAU,eAAe;"}
+{"version":3,"file":"transforms.js","sources":["../../src/core/transforms.ts"],"sourcesContent":["/**\n * Transform pipeline system for manipulating API response data\n * Transforms are applied sequentially in the order they appear in the pipeline\n */\n\nexport interface Transform {\n  name: string;\n  [key: string]: unknown;\n}\n\nexport interface FlattenTransform extends Transform {\n  name: \"flatten\";\n  key: string; // The key containing the nested array to flatten\n  labelFormat?: string; // Optional format string like \"{parent.name} → {name}\"\n}\n\nexport type FilterOperator =\n  | \"eq\"\n  | \"neq\"\n  | \"empty\"\n  | \"notEmpty\"\n  | \"gt\"\n  | \"gte\"\n  | \"lt\"\n  | \"lte\"\n  | \"contains\";\n\nexport interface FilterCondition {\n  key: string;\n  operator?: FilterOperator; // Defaults to \"eq\" when values is provided, \"exists\" behavior when neither\n  values?: unknown[];\n}\n\nexport interface FilterTransform extends Transform {\n  name: \"filter\";\n  key?: string; // Legacy: single key to check\n  values?: unknown[]; // Legacy: single values array\n  conditions?: FilterCondition[]; // Multi-condition filter (AND logic)\n}\n\nexport type TransformStep = FlattenTransform | FilterTransform;\n\nexport type TransformPipeline = TransformStep[];\n\ntype TransformFunction = (items: unknown[], config: Transform) => unknown[];\n\nconst transformRegistry: Record<string, TransformFunction> = {};\n\n/**\n * Apply a pipeline of transforms to data\n */\nexport function applyTransformPipeline(\n  items: unknown[],\n  pipeline: TransformPipeline,\n): unknown[] {\n  let result = items;\n\n  for (const transform of pipeline) {\n    const fn = transformRegistry[transform.name];\n    if (!fn) {\n      throw new Error(`Unknown transform: ${transform.name}`);\n    }\n    result = fn(result, transform);\n  }\n\n  return result;\n}\n\n/**\n * Flatten transform - recursively flattens nested arrays into a single level\n */\nfunction flattenTransform(items: unknown[], config: Transform): unknown[] {\n  const flattenConfig = config as FlattenTransform;\n  const { key, labelFormat } = flattenConfig;\n  const flattened: unknown[] = [];\n\n  function flattenRecursive(\n    item: unknown,\n    parent: Record<string, unknown> | null = null,\n    depth: number = 0,\n  ): void {\n    if (typeof item !== \"object\" || item === null) return;\n\n    const itemObj = item as Record<string, unknown>;\n\n    // Add the current item\n    if (labelFormat && parent) {\n      const formattedItem = { ...itemObj };\n\n      // Replace placeholders like {parent.name} and {name}\n      let formattedLabel = labelFormat;\n      formattedLabel = formattedLabel.replace(/\\{parent\\.(\\w+)\\}/g, (_, prop) =>\n        String(parent[prop] ?? \"\"),\n      );\n      formattedLabel = formattedLabel.replace(/\\{(\\w+)\\}/g, (_, prop) =>\n        String(itemObj[prop] ?? \"\"),\n      );\n\n      formattedItem._formattedLabel = formattedLabel;\n      formattedItem._parent = parent;\n      formattedItem._depth = depth;\n      flattened.push(formattedItem);\n    } else if (parent) {\n      // Child node with parent reference\n      flattened.push({\n        ...itemObj,\n        _parent: parent,\n        _depth: depth,\n      });\n    } else {\n      // Root node\n      flattened.push({\n        ...itemObj,\n        _depth: depth,\n      });\n    }\n\n    // Recursively flatten children\n    const children = itemObj[key];\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        flattenRecursive(child, itemObj, depth + 1);\n      }\n    }\n  }\n\n  // Start flattening from root items\n  for (const item of items) {\n    flattenRecursive(item, null, 0);\n  }\n\n  return flattened;\n}\n\nfunction isEmpty(value: unknown): boolean {\n  if (value === null || value === undefined) return true;\n  if (Array.isArray(value)) return value.length === 0;\n  if (typeof value === \"string\") return value.length === 0;\n  return false;\n}\n\nfunction evaluateCondition(\n  itemObj: Record<string, unknown>,\n  condition: FilterCondition,\n): boolean {\n  const value = itemObj[condition.key];\n  const operator = condition.operator ?? (condition.values ? \"eq\" : \"eq\");\n\n  switch (operator) {\n    case \"eq\":\n      if (!condition.values || condition.values.length === 0) {\n        return condition.key in itemObj;\n      }\n      return condition.values.includes(value);\n    case \"neq\":\n      if (!condition.values || condition.values.length === 0) {\n        return !(condition.key in itemObj);\n      }\n      return !condition.values.includes(value);\n    case \"empty\":\n      return isEmpty(value);\n    case \"notEmpty\":\n      return !isEmpty(value);\n    case \"gt\":\n      return (\n        typeof value === \"number\" &&\n        condition.values !== undefined &&\n        value > (condition.values[0] as number)\n      );\n    case \"gte\":\n      return (\n        typeof value === \"number\" &&\n        condition.values !== undefined &&\n        value >= (condition.values[0] as number)\n      );\n    case \"lt\":\n      return (\n        typeof value === \"number\" &&\n        condition.values !== undefined &&\n        value < (condition.values[0] as number)\n      );\n    case \"lte\":\n      return (\n        typeof value === \"number\" &&\n        condition.values !== undefined &&\n        value <= (condition.values[0] as number)\n      );\n    case \"contains\":\n      if (typeof value === \"string\" && condition.values) {\n        return condition.values.some((v) => value.includes(String(v)));\n      }\n      if (Array.isArray(value) && condition.values) {\n        return condition.values.some((v) => value.includes(v));\n      }\n      return false;\n    default:\n      return false;\n  }\n}\n\n/**\n * Filter transform - filters items based on conditions\n *\n * Supports legacy single key/values syntax and new multi-condition syntax.\n * When using conditions, all conditions must match (AND logic).\n *\n * Operators:\n *   eq       - item[key] matches one of values (default)\n *   neq      - item[key] does NOT match any of values\n *   empty    - item[key] is null, undefined, empty array, or empty string\n *   notEmpty - inverse of empty\n *   gt       - item[key] > values[0]\n *   gte      - item[key] >= values[0]\n *   lt       - item[key] < values[0]\n *   lte      - item[key] <= values[0]\n *   contains - string includes substring, or array includes value\n */\nfunction filterTransform(items: unknown[], config: Transform): unknown[] {\n  const filterConfig = config as FilterTransform;\n\n  // Build conditions array from either new or legacy syntax\n  let conditions: FilterCondition[];\n\n  if (filterConfig.conditions) {\n    conditions = filterConfig.conditions;\n  } else if (filterConfig.key) {\n    // Legacy single key/values syntax\n    conditions = [{ key: filterConfig.key, values: filterConfig.values }];\n  } else {\n    return items;\n  }\n\n  return items.filter((item) => {\n    if (typeof item !== \"object\" || item === null) return false;\n    const itemObj = item as Record<string, unknown>;\n    return conditions.every((condition) =>\n      evaluateCondition(itemObj, condition),\n    );\n  });\n}\n\n// Register built-in transforms\ntransformRegistry[\"flatten\"] = flattenTransform;\ntransformRegistry[\"filter\"] = filterTransform;\n"],"names":[],"mappings":"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"}

package/dist/core/types.d.ts

@@ -41,4 +41,12 @@ export interface AuthConfig {
     token?: string | (() => string);
     [key: string]: unknown;
 }
+export interface ConnectorDataLayer {
+    dataset_name?: string;
+    dataset_description?: string;
+    dataset_id?: number;
+    profile_id?: string;
+    profile_name?: string;
+    datasetWriteMode?: "append" | "overwrite";
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,QAAQ,CAAC,GAAG,GAAG,OAAO;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;CAClE;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,QAAQ,CAAC,GAAG,GAAG,OAAO;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;CAClE;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC3C"}

package/dist/index.d.ts

@@ -5,9 +5,13 @@ export * from "./core/jsonpath";
 export { registry } from "./core/registry";
 export * from "./core/templating";
 export * from "./core/transforms";
+export * from "./core/projection";
+export * from "./core/resolveScope";
 export * from "./core/types";
+export { initFormDataFromSchema } from "./core/initFormData";
 export { RestApiProtocol } from "./protocols/rest_api";
-export { providerRenderers, primevueRenderers, ProviderAutocomplete, ProviderSelect, ProviderMultiSelect, useProvider, JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean, } from "./vue";
+export { providerRenderers, primevueRenderers, ProviderAutocomplete, ProviderSelect, ProviderMultiSelect, useProvider, createDataLayer, useDataLayer, JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean, } from "./vue";
+export type { DataLayer } from "./vue";
 export interface ProviderConfig {
     protocols?: Protocol[];
     auth?: AuthConfig;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAElC,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,WAAW,EACX,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;;iBAGc,GAAG,SAAS,cAAc;;AADzC,wBAYE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,OAAO,CAAC;AACf,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;;iBAGc,GAAG,SAAS,cAAc;;AADzC,wBAYE"}

package/dist/index.js

@@ -2,7 +2,10 @@ import { cache } from "./core/cache.js";
 import { registry } from "./core/registry.js";
 import { jp } from "./core/jsonpath.js";
 import { renderObj, renderTpl } from "./core/templating.js";
-import { applyTransformPipeline, registerTransform } from "./core/transforms.js";
+import { applyTransformPipeline } from "./core/transforms.js";
+import { getProjectedSchema, getProjectedValue, parseProjectionPath, setProjectedValue } from "./core/projection.js";
+import { resolveScopeSchema } from "./core/resolveScope.js";
+import { initFormDataFromSchema } from "./core/initFormData.js";
 import { RestApiProtocol } from "./protocols/rest_api.js";
 import { providerRenderers } from "./vue/index.js";
 import { default as default2 } from "./vue/components/ProviderAutocomplete.vue.js";
@@ -16,7 +19,8 @@ import { primevueRenderers } from "./vue/primevue/index.js";
 import { default as default9 } from "./vue/components/ProviderSelect.vue.js";
 import { default as default10 } from "./vue/components/ProviderMultiSelect.vue.js";
 import { useProvider } from "./vue/composables/useProvider.js";
-console.log("[jsonforms-provider-protocols] loaded v2.10.0");
+import { createDataLayer, useDataLayer } from "./vue/composables/useDataLayer.js";
+console.log("[jsonforms-provider-protocols] loaded v2.10.0 (symlink)");
 const index = {
   install(app, opts) {
     const reg = registry;
@@ -43,14 +47,21 @@ export {
   RestApiProtocol,
   applyTransformPipeline,
   cache,
+  createDataLayer,
   index as default,
+  getProjectedSchema,
+  getProjectedValue,
+  initFormDataFromSchema,
   jp,
+  parseProjectionPath,
   primevueRenderers,
   providerRenderers,
-  registerTransform,
   registry,
   renderObj,
   renderTpl,
+  resolveScopeSchema,
+  setProjectedValue,
+  useDataLayer,
   useProvider
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from \"vue\";\nimport { cache as globalCache } from \"./core/cache\";\nimport { registry as globalRegistry } from \"./core/registry\";\nimport type { Protocol, AuthConfig } from \"./core/types\";\n\nconsole.log(\"[jsonforms-provider-protocols] loaded v2.10.0\");\n\nexport { cache } from \"./core/cache\";\nexport * from \"./core/jsonpath\";\nexport { registry } from \"./core/registry\";\nexport * from \"./core/templating\";\nexport * from \"./core/transforms\";\n// Core exports\nexport * from \"./core/types\";\n\n// Protocol exports\nexport { RestApiProtocol } from \"./protocols/rest_api\";\n\n// Vue exports - using named imports to avoid potential bundling issues\nexport {\n  providerRenderers,\n  primevueRenderers,\n  ProviderAutocomplete,\n  ProviderSelect,\n  ProviderMultiSelect,\n  useProvider,\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./vue\";\n\nexport interface ProviderConfig {\n  protocols?: Protocol[];\n  auth?: AuthConfig;\n}\n\nexport default {\n  install(app: App, opts?: ProviderConfig) {\n    const reg = globalRegistry;\n    if (opts?.protocols) {\n      for (const p of opts.protocols) {\n        reg.register(p);\n      }\n    }\n    app.provide(\"providerRegistry\", reg);\n    app.provide(\"providerCache\", globalCache);\n    app.provide(\"providerAuth\", opts?.auth ?? {});\n  },\n};\n"],"names":["globalRegistry","globalCache"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,QAAQ,IAAI,+CAA+C;AAkC3D,MAAA,QAAe;AAAA,EACb,QAAQ,KAAU,MAAuB;AACvC,UAAM,MAAMA;AACZ,QAAI,MAAM,WAAW;AACnB,iBAAW,KAAK,KAAK,WAAW;AAC9B,YAAI,SAAS,CAAC;AAAA,MAChB;AAAA,IACF;AACA,QAAI,QAAQ,oBAAoB,GAAG;AACnC,QAAI,QAAQ,iBAAiBC,KAAW;AACxC,QAAI,QAAQ,gBAAgB,MAAM,QAAQ,CAAA,CAAE;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from \"vue\";\nimport { cache as globalCache } from \"./core/cache\";\nimport { registry as globalRegistry } from \"./core/registry\";\nimport type { Protocol, AuthConfig } from \"./core/types\";\n\nconsole.log(\"[jsonforms-provider-protocols] loaded v2.10.0 (symlink)\");\n\nexport { cache } from \"./core/cache\";\nexport * from \"./core/jsonpath\";\nexport { registry } from \"./core/registry\";\nexport * from \"./core/templating\";\nexport * from \"./core/transforms\";\nexport * from \"./core/projection\";\nexport * from \"./core/resolveScope\";\n// Core exports\nexport * from \"./core/types\";\nexport { initFormDataFromSchema } from \"./core/initFormData\";\n\n// Protocol exports\nexport { RestApiProtocol } from \"./protocols/rest_api\";\n\n// Vue exports - using named imports to avoid potential bundling issues\nexport {\n  providerRenderers,\n  primevueRenderers,\n  ProviderAutocomplete,\n  ProviderSelect,\n  ProviderMultiSelect,\n  useProvider,\n  createDataLayer,\n  useDataLayer,\n  JfText,\n  JfTextArea,\n  JfNumber,\n  JfEnum,\n  JfEnumArray,\n  JfBoolean,\n} from \"./vue\";\nexport type { DataLayer } from \"./vue\";\n\nexport interface ProviderConfig {\n  protocols?: Protocol[];\n  auth?: AuthConfig;\n}\n\nexport default {\n  install(app: App, opts?: ProviderConfig) {\n    const reg = globalRegistry;\n    if (opts?.protocols) {\n      for (const p of opts.protocols) {\n        reg.register(p);\n      }\n    }\n    app.provide(\"providerRegistry\", reg);\n    app.provide(\"providerCache\", globalCache);\n    app.provide(\"providerAuth\", opts?.auth ?? {});\n  },\n};\n"],"names":["globalRegistry","globalCache"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,QAAQ,IAAI,yDAAyD;AAwCrE,MAAA,QAAe;AAAA,EACb,QAAQ,KAAU,MAAuB;AACvC,UAAM,MAAMA;AACZ,QAAI,MAAM,WAAW;AACnB,iBAAW,KAAK,KAAK,WAAW;AAC9B,YAAI,SAAS,CAAC;AAAA,MAChB;AAAA,IACF;AACA,QAAI,QAAQ,oBAAoB,GAAG;AACnC,QAAI,QAAQ,iBAAiBC,KAAW;AACxC,QAAI,QAAQ,gBAAgB,MAAM,QAAQ,CAAA,CAAE;AAAA,EAC9C;AACF;"}

package/dist/jsonforms-provider-protocols.css

@@ -1,8 +1,8 @@
 
-[data-v-eb1e8163] .p-dropdown-label {
+[data-v-310ec8e4] .p-dropdown-label {
   text-align: left;
 }
 
-[data-v-a32037c6] .p-multiselect-label {
+[data-v-679ae32b] .p-multiselect-label {
   text-align: left;
 }

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

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

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

@@ -1,15 +1,16 @@
 import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
+import { useProjection } from "../composables/useProjection.js";
 import AutoComplete from "primevue/autocomplete";
-const _hoisted_1 = { class: "flex flex-col gap-1" };
+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,
@@ -25,7 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { control, handleChange } = useJsonFormsControl(props);
+    const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
+    const { projectedData, handleProjectedChange: handleChange } = useProjection(
+      control,
+      rawHandleChange
+    );
     const binding = computed(() => {
       const provider = control.value.uischema?.options?.provider;
       if (provider && typeof provider === "object" && !provider.load) {
@@ -43,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (binding.value?.load === "query") reload();
     });
     const value = computed({
-      get: () => control.value.data,
+      get: () => projectedData.value,
       set: (v) => handleChange(control.value.path, v)
     });
     const placeholder = computed(

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderAutocomplete.vue.js","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport AutoComplete from \"primevue/autocomplete\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'query' by default for autocomplete\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"query\" };\n  }\n  return provider;\n});\n\nconst query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: control.value.data,\n  path: control.value.path,\n  uiQuery: query.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\n});\n\nconst value = computed({\n  get: () => control.value.data,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() =>\n  loading.value ? \"Loading…\" : \"Type to search…\",\n);\n\nconst onComplete = (event: { query: string }) => {\n  query.value = event.query;\n};\n\nconst onSelect = (event: { value?: { value?: unknown } | unknown }) => {\n  value.value = (event.value as { value?: unknown })?.value ?? event.value;\n};\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1\">\n    <label v-if=\"control.schema.title\" class=\"text-color text-left\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <AutoComplete\n      v-model=\"value\"\n      class=\"w-full!\"\n      :suggestions=\"items\"\n      option-label=\"label\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      @complete=\"onComplete\"\n      @item-select=\"onSelect\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\">Failed: {{ error }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM,QAAQ,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,IAAA,CAChB;AAED,UAAM,OAAO,MAAM;AACjB,UAAI,QAAQ,OAAO,SAAS,QAAS,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,QAAQ,MAAM;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc;AAAA,MAAS,MAC3B,QAAQ,QAAQ,aAAa;AAAA,IAAA;AAG/B,UAAM,aAAa,CAAC,UAA6B;AAC/C,YAAM,QAAQ,MAAM;AAAA,IACtB;AAEA,UAAM,WAAW,CAAC,UAAqD;AACrE,YAAM,QAAS,MAAM,OAA+B,SAAS,MAAM;AAAA,IACrE;;AAIE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,MAAA,OAAA,EAAQ,OAAO,SAA5BF,aAAAC,mBAEU,SAFV,YAEUE,gBADRD,eAAQ,OAAO,KAAK,GAAA,CAAA;QAEXA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,YAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,aAAaA,MAAA,KAAA;AAAA,UACd,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB;AAAA,UACA,cAAa;AAAA,QAAA;QAEHA,MAAA,KAAA,KAAbF,aAAAC,mBAA4E,SAA5E,YAAiD,6BAAWC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}
+{"version":3,"file":"ProviderAutocomplete.vue.js","sources":["../../../src/vue/components/ProviderAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useProjection } from \"../composables/useProjection\";\nimport AutoComplete from \"primevue/autocomplete\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst { projectedData, handleProjectedChange: handleChange } = useProjection(\n  control,\n  rawHandleChange,\n);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'query' by default for autocomplete\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"query\" };\n  }\n  return provider;\n});\n\nconst query = ref(\"\");\nconst { items, loading, error, reload } = useProvider(binding, {\n  data: control.value.data,\n  path: control.value.path,\n  uiQuery: query.value,\n});\n\nwatch(query, () => {\n  if (binding.value?.load === \"query\") reload();\n});\n\nconst value = computed({\n  get: () => projectedData.value,\n  set: (v) => handleChange(control.value.path, v),\n});\n\nconst placeholder = computed(() =>\n  loading.value ? \"Loading…\" : \"Type to search…\",\n);\n\nconst onComplete = (event: { query: string }) => {\n  query.value = event.query;\n};\n\nconst onSelect = (event: { value?: { value?: unknown } | unknown }) => {\n  value.value = (event.value as { value?: unknown })?.value ?? event.value;\n};\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"control.schema.title\" class=\"jf-label\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <AutoComplete\n      v-model=\"value\"\n      class=\"w-full!\"\n      :suggestions=\"items\"\n      option-label=\"label\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled\"\n      @complete=\"onComplete\"\n      @item-select=\"onSelect\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\">Failed: {{ error }}</small>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM,EAAE,eAAe,uBAAuB,aAAA,IAAiB;AAAA,MAC7D;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,EAAE,OAAO,SAAS,OAAO,OAAA,IAAW,YAAY,SAAS;AAAA,MAC7D,MAAM,QAAQ,MAAM;AAAA,MACpB,MAAM,QAAQ,MAAM;AAAA,MACpB,SAAS,MAAM;AAAA,IAAA,CAChB;AAED,UAAM,OAAO,MAAM;AACjB,UAAI,QAAQ,OAAO,SAAS,QAAS,QAAA;AAAA,IACvC,CAAC;AAED,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,cAAc;AAAA,MACzB,KAAK,CAAC,MAAM,aAAa,QAAQ,MAAM,MAAM,CAAC;AAAA,IAAA,CAC/C;AAED,UAAM,cAAc;AAAA,MAAS,MAC3B,QAAQ,QAAQ,aAAa;AAAA,IAAA;AAG/B,UAAM,aAAa,CAAC,UAA6B;AAC/C,YAAM,QAAQ,MAAM;AAAA,IACtB;AAEA,UAAM,WAAW,CAAC,UAAqD;AACrE,YAAM,QAAS,MAAM,OAA+B,SAAS,MAAM;AAAA,IACrE;;AAIE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBSC,MAAA,OAAA,EAAQ,OAAO,SAA5BF,aAAAC,mBAEU,SAFV,YAEUE,gBADRD,eAAQ,OAAO,KAAK,GAAA,CAAA;QAEXA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YASEF,MAAA,YAAA,GAAA;AAAA,sBARS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,aAAaA,MAAA,KAAA;AAAA,UACd,gBAAa;AAAA,UACZ,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ;AAAA,UACnB;AAAA,UACA,cAAa;AAAA,QAAA;QAEHA,MAAA,KAAA,KAAbF,aAAAC,mBAA4E,SAA5E,YAAiD,6BAAWC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderMultiSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderMultiSelect.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAqMF,wBAEG"}
+{"version":3,"file":"ProviderMultiSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderMultiSelect.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAuMF,wBAEG"}

package/dist/vue/components/ProviderMultiSelect.vue.js

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

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

@@ -1,16 +1,17 @@
 import { defineComponent, computed, inject, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
+import { useProjection } from "../composables/useProjection.js";
 import { shouldAutoSelectMulti } from "../utils/autoSelect.js";
 import MultiSelect from "primevue/multiselect";
-const _hoisted_1 = { class: "flex flex-col 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,
@@ -26,7 +27,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { control, handleChange } = useJsonFormsControl(props);
+    const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
+    const { projectedData, handleProjectedChange: handleChange } = useProjection(
+      control,
+      rawHandleChange
+    );
     const binding = computed(() => {
       const provider = control.value.uischema?.options?.provider;
       if (provider && typeof provider === "object" && !provider.load) {
@@ -53,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autoSelectSingle: control.value.uischema?.options?.autoSelectSingle === true,
           isLoading,
           items: newItems,
-          currentValue: Array.isArray(control.value.data) ? control.value.data : []
+          currentValue: Array.isArray(projectedData.value) ? projectedData.value : []
         });
         if (valueToSelect !== null) {
           handleChange(control.value.path, valueToSelect);
@@ -69,12 +74,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const value = computed({
       get() {
-        const curr = Array.isArray(control.value.data) ? control.value.data : [];
+        const curr = Array.isArray(projectedData.value) ? projectedData.value : [];
         return [...curr];
       },
       set(val) {
         const next = Array.isArray(val) ? [...val] : [];
-        const curr = Array.isArray(control.value.data) ? control.value.data : [];
+        const curr = Array.isArray(projectedData.value) ? projectedData.value : [];
         if (!sameSet(curr, next)) handleChange(control.value.path, next);
       }
     });

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderMultiSelect.vue2.js","sources":["../../../src/vue/components/ProviderMultiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { shouldAutoSelectMulti } from \"../utils/autoSelect\";\nimport MultiSelect from \"primevue/multiselect\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// Auto-select when provider returns only one item (opt-in for multiselect)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelectMulti({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle === true,\n      isLoading,\n      items: newItems,\n      currentValue: Array.isArray(control.value.data) ? control.value.data : [],\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\n// order-insensitive shallow equality for primitive arrays\nconst sameSet = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)\n    return false;\n  const s = new Set(b);\n  return a.every((v) => s.has(v));\n};\n\n// v-model with guard to avoid recursive updates\nconst value = computed({\n  get() {\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    // return a fresh copy so MultiSelect can't mutate JSONForms' array in place\n    return [...curr];\n  },\n  set(val) {\n    const next = Array.isArray(val) ? [...val] : [];\n    const curr = Array.isArray(control.value.data) ? control.value.data : [];\n    if (!sameSet(curr, next)) handleChange(control.value.path, next);\n  },\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  // Check for placeholder in uischema options\n  const uischemaPlaceholder = (\n    control.value.uischema as { options?: { placeholder?: string } }\n  )?.options?.placeholder;\n  return uischemaPlaceholder || \"Select…\";\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label v-if=\"control.schema.title\" class=\"text-color text-left\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n      {{ control.description }}\n    </div>\n    <MultiSelect\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      data-key=\"value\"\n      display=\"chip\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-multiselect-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"ProviderMultiSelect.vue2.js","sources":["../../../src/vue/components/ProviderMultiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ControlElement, JsonSchema } from \"@jsonforms/core\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, inject, watch } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useProjection } from \"../composables/useProjection\";\nimport { shouldAutoSelectMulti } from \"../utils/autoSelect\";\nimport MultiSelect from \"primevue/multiselect\";\n\nconst props = defineProps<{\n  uischema: ControlElement;\n  schema: JsonSchema;\n  path: string;\n}>();\nconst { control, handleChange: rawHandleChange } = useJsonFormsControl(props);\nconst { projectedData, handleProjectedChange: handleChange } = useProjection(\n  control,\n  rawHandleChange,\n);\n\nconst binding = computed(() => {\n  const provider = control.value.uischema?.options?.provider;\n  // Ensure load property is set to 'mount' by default\n  if (provider && typeof provider === \"object\" && !provider.load) {\n    return { ...provider, load: \"mount\" };\n  }\n  return provider;\n});\n\nconst deps = computed(\n  () =>\n    ((\n      (control.value.schema as Record<string, unknown>)?.[\n        \"x-provider\"\n      ] as Record<string, unknown>\n    )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => deps.value.map(() => null)); // you can resolve actual values via control.value.data & pointers\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\nconst { items, loading, error } = useProvider(binding, {\n  data: rootData, // Pass the reactive reference\n  path: control.value.path,\n  dependsOnValues: depValues.value,\n});\n\n// Provider will automatically reload when rootData changes due to reactive cache key\n\n// Auto-select when provider returns only one item (opt-in for multiselect)\nwatch(\n  [items, loading],\n  ([newItems, isLoading]) => {\n    const valueToSelect = shouldAutoSelectMulti({\n      autoSelectSingle:\n        control.value.uischema?.options?.autoSelectSingle === true,\n      isLoading,\n      items: newItems,\n      currentValue: Array.isArray(projectedData.value)\n        ? projectedData.value\n        : [],\n    });\n\n    if (valueToSelect !== null) {\n      handleChange(control.value.path, valueToSelect);\n    }\n  },\n  { immediate: true },\n);\n\n// order-insensitive shallow equality for primitive arrays\nconst sameSet = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length)\n    return false;\n  const s = new Set(b);\n  return a.every((v) => s.has(v));\n};\n\n// v-model with guard to avoid recursive updates\nconst value = computed({\n  get() {\n    const curr = Array.isArray(projectedData.value) ? projectedData.value : [];\n    // return a fresh copy so MultiSelect can't mutate JSONForms' array in place\n    return [...curr];\n  },\n  set(val) {\n    const next = Array.isArray(val) ? [...val] : [];\n    const curr = Array.isArray(projectedData.value) ? projectedData.value : [];\n    if (!sameSet(curr, next)) handleChange(control.value.path, next);\n  },\n});\n\nconst placeholder = computed(() => {\n  if (loading.value) return \"Loading…\";\n  // Check for placeholder in uischema options\n  const uischemaPlaceholder = (\n    control.value.uischema as { options?: { placeholder?: string } }\n  )?.options?.placeholder;\n  return uischemaPlaceholder || \"Select…\";\n});\n</script>\n\n<template>\n  <div class=\"jf-control\">\n    <label v-if=\"control.schema.title\" class=\"jf-label\">{{\n      control.schema.title\n    }}</label>\n    <div v-if=\"control.description\" class=\"jf-description\">\n      {{ control.description }}\n    </div>\n    <MultiSelect\n      v-model=\"value\"\n      class=\"w-full!\"\n      :options=\"items\"\n      option-label=\"label\"\n      option-value=\"value\"\n      data-key=\"value\"\n      display=\"chip\"\n      :placeholder=\"placeholder\"\n      :disabled=\"!control.enabled || loading\"\n      :show-clear=\"true\"\n    />\n    <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n      >Failed to load: {{ error }}</small\n    >\n  </div>\n</template>\n\n<style scoped>\n:deep(.p-multiselect-label) {\n  text-align: left;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,EAAE,SAAS,cAAc,gBAAA,IAAoB,oBAAoB,KAAK;AAC5E,UAAM,EAAE,eAAe,uBAAuB,aAAA,IAAiB;AAAA,MAC7D;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,WAAW,QAAQ,MAAM,UAAU,SAAS;AAElD,UAAI,YAAY,OAAO,aAAa,YAAY,CAAC,SAAS,MAAM;AAC9D,eAAO,EAAE,GAAG,UAAU,MAAM,QAAA;AAAA,MAC9B;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO;AAAA,MACX,MAEK,QAAQ,MAAM,SACb,YACF,GACC,aAA0B,CAAA;AAAA,IAAC;AAElC,UAAM,YAAY,SAAS,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAAC;AAG3D,UAAM,mBAAmB,OAA2B,YAAY,EAAE,OAAO,CAAA,GAAI;AAC7E,UAAM,WAAW,SAAS,MAAM,iBAAiB,SAAS,CAAA,CAAE;AAE5D,UAAM,EAAE,OAAO,SAAS,MAAA,IAAU,YAAY,SAAS;AAAA,MACrD,MAAM;AAAA;AAAA,MACN,MAAM,QAAQ,MAAM;AAAA,MACpB,iBAAiB,UAAU;AAAA,IAAA,CAC5B;AAKD;AAAA,MACE,CAAC,OAAO,OAAO;AAAA,MACf,CAAC,CAAC,UAAU,SAAS,MAAM;AACzB,cAAM,gBAAgB,sBAAsB;AAAA,UAC1C,kBACE,QAAQ,MAAM,UAAU,SAAS,qBAAqB;AAAA,UACxD;AAAA,UACA,OAAO;AAAA,UACP,cAAc,MAAM,QAAQ,cAAc,KAAK,IAC3C,cAAc,QACd,CAAA;AAAA,QAAC,CACN;AAED,YAAI,kBAAkB,MAAM;AAC1B,uBAAa,QAAQ,MAAM,MAAM,aAAa;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAIpB,UAAM,UAAU,CAAC,GAAc,MAAiB;AAC9C,UAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;AAC3D,eAAO;AACT,YAAM,IAAI,IAAI,IAAI,CAAC;AACnB,aAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAAA,IAChC;AAGA,UAAM,QAAQ,SAAS;AAAA,MACrB,MAAM;AACJ,cAAM,OAAO,MAAM,QAAQ,cAAc,KAAK,IAAI,cAAc,QAAQ,CAAA;AAExE,eAAO,CAAC,GAAG,IAAI;AAAA,MACjB;AAAA,MACA,IAAI,KAAK;AACP,cAAM,OAAO,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAA;AAC7C,cAAM,OAAO,MAAM,QAAQ,cAAc,KAAK,IAAI,cAAc,QAAQ,CAAA;AACxE,YAAI,CAAC,QAAQ,MAAM,IAAI,EAAG,cAAa,QAAQ,MAAM,MAAM,IAAI;AAAA,MACjE;AAAA,IAAA,CACD;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,QAAQ,MAAO,QAAO;AAE1B,YAAM,sBACJ,QAAQ,MAAM,UACb,SAAS;AACZ,aAAO,uBAAuB;AAAA,IAChC,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM;AAAA,QArBSC,MAAA,OAAA,EAAQ,OAAO,SAA5BF,aAAAC,mBAEU,SAFV,YAEUE,gBADRD,eAAQ,OAAO,KAAK,GAAA,CAAA;QAEXA,MAAA,OAAA,EAAQ,eAAnBF,UAAA,GAAAC,mBAEM,OAFN,YAEME,gBADDD,MAAA,OAAA,EAAQ,WAAW,GAAA,CAAA;QAExBE,YAWEF,MAAA,WAAA,GAAA;AAAA,sBAVS,MAAA;AAAA,uEAAA,MAAK,QAAA;AAAA,UACd,OAAM;AAAA,UACL,SAASA,MAAA,KAAA;AAAA,UACV,gBAAa;AAAA,UACb,gBAAa;AAAA,UACb,YAAS;AAAA,UACT,SAAQ;AAAA,UACP,aAAa,YAAA;AAAA,UACb,UAAQ,CAAGA,MAAA,OAAA,EAAQ,WAAWA,MAAA,OAAA;AAAA,UAC9B,cAAY;AAAA,QAAA;QAEFA,MAAA,KAAA,KAAbF,aAAAC,mBAEC,SAFD,YACG,qCAAmBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAgLF,wBAEG"}
+{"version":3,"file":"ProviderSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/components/ProviderSelect.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AASlE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;AAmLF,wBAEG"}

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

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

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

@@ -1,16 +1,18 @@
 import { defineComponent, computed, inject, watch, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
 import { useJsonFormsControl } from "@jsonforms/vue";
 import { useProvider } from "../composables/useProvider.js";
+import { useDeriveInitialValue } from "../composables/useDeriveInitialValue.js";
+import { useProjection } from "../composables/useProjection.js";
 import { shouldAutoSelect } from "../utils/autoSelect.js";
 import Dropdown from "primevue/dropdown";
-const _hoisted_1 = { class: "flex flex-col 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,
@@ -26,7 +28,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { control, handleChange } = useJsonFormsControl(props);
+    const { control, handleChange: rawHandleChange } = useJsonFormsControl(props);
+    const { projectedData, handleProjectedChange: handleChange } = useProjection(
+      control,
+      rawHandleChange
+    );
     const binding = computed(() => {
       const provider = control.value.uischema?.options?.provider;
       if (provider && typeof provider === "object" && !provider.load) {
@@ -46,6 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       path: control.value.path,
       dependsOnValues: depValues.value
     });
+    useDeriveInitialValue({ control, handleChange });
     watch(
       [items, loading],
       ([newItems, isLoading]) => {
@@ -53,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autoSelectSingle: control.value.uischema?.options?.autoSelectSingle !== false,
           isLoading,
           items: newItems,
-          currentValue: control.value.data
+          currentValue: projectedData.value
         });
         if (valueToSelect !== null) {
           handleChange(control.value.path, valueToSelect);
@@ -62,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     const value = computed({
-      get: () => control.value.data,
+      get: () => projectedData.value,
       set: (v) => handleChange(control.value.path, v)
     });
     const placeholder = computed(() => {

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

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

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

@@ -0,0 +1,10 @@
+import { type DeepReadonly, type Ref } from "vue";
+import type { ConnectorDataLayer } from "../../core/types";
+export declare const DATA_LAYER_KEY: unique symbol;
+export interface DataLayer {
+    push(data: Partial<ConnectorDataLayer>): void;
+    state: DeepReadonly<Ref<ConnectorDataLayer>>;
+}
+export declare function createDataLayer(): DataLayer;
+export declare function useDataLayer(): DeepReadonly<Ref<ConnectorDataLayer>>;
+//# sourceMappingURL=useDataLayer.d.ts.map

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

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

package/dist/vue/composables/useDataLayer.js

@@ -0,0 +1,26 @@
+import { ref, readonly, provide, inject } from "vue";
+const DATA_LAYER_KEY = Symbol("dataLayer");
+function createDataLayer() {
+  const state = ref({});
+  const dataLayer = {
+    push(data) {
+      state.value = { ...state.value, ...data };
+    },
+    state: readonly(state)
+  };
+  provide(DATA_LAYER_KEY, dataLayer);
+  return dataLayer;
+}
+function useDataLayer() {
+  const dataLayer = inject(DATA_LAYER_KEY, null);
+  if (dataLayer) {
+    return dataLayer.state;
+  }
+  return readonly(ref({}));
+}
+export {
+  DATA_LAYER_KEY,
+  createDataLayer,
+  useDataLayer
+};
+//# sourceMappingURL=useDataLayer.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { type Ref } from "vue";
+import { type Ref, type ComputedRef } from "vue";
 import { type ControlElement } from "@jsonforms/core";
 interface DeriveOptions {
     control: Ref<{
@@ -7,7 +7,10 @@ interface DeriveOptions {
         data: unknown;
     }>;
     handleChange: (path: string, value: unknown) => void;
+    /** When projection is active, pass projectedData so the comparison
+     *  matches the projected (unwrapped) value rather than raw scope data. */
+    data?: Ref<unknown> | ComputedRef<unknown>;
 }
-export declare function useDerive({ control, handleChange }: DeriveOptions): void;
+export declare function useDerive({ control, handleChange, data: dataOverride, }: DeriveOptions): void;
 export {};
 //# sourceMappingURL=useDerive.d.ts.map

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

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

package/dist/vue/composables/useDerive.js

@@ -1,14 +1,17 @@
-import { inject, computed, watch } from "vue";
+import { inject, computed, ref, watch, unref } from "vue";
 import "@jsonforms/core";
-function useDerive({ control, handleChange }) {
+import { useDataLayer } from "./useDataLayer.js";
+function useDerive({
+  control,
+  handleChange,
+  data: dataOverride
+}) {
   const injectedFormData = inject("formData", {
     value: {}
   });
   const rootData = computed(() => injectedFormData.value || {});
-  const injectedExternalData = inject("externalData", {
-    value: {}
-  });
-  const externalData = computed(() => injectedExternalData.value || {});
+  const dataLayerState = useDataLayer();
+  const dataLayerData = computed(() => dataLayerState.value || {});
   const deriveConfig = computed(() => {
     const options = control.value.uischema?.options;
     return {
@@ -17,8 +20,10 @@ function useDerive({ control, handleChange }) {
       // 'follow' = auto-update, 'manual' = user controlled
     };
   });
+  const lastDerivedValue = ref(void 0);
+  let isFirstRun = true;
   watch(
-    [rootData, externalData, deriveConfig],
+    [rootData, dataLayerData, deriveConfig],
     ([data, extData, config]) => {
       if (!config.expression || config.mode !== "follow") {
         return;
@@ -29,7 +34,19 @@ function useDerive({ control, handleChange }) {
           data,
           extData
         );
-        if (derivedValue !== control.value.data) {
+        const compareData = dataOverride ? unref(dataOverride) : control.value.data;
+        if (isFirstRun) {
+          isFirstRun = false;
+          lastDerivedValue.value = derivedValue;
+          const isFieldEmpty = compareData === void 0 || compareData === null || compareData === "";
+          if (isFieldEmpty && derivedValue !== compareData) {
+            handleChange(control.value.path, derivedValue);
+          }
+          return;
+        }
+        if (derivedValue === lastDerivedValue.value) return;
+        lastDerivedValue.value = derivedValue;
+        if (derivedValue !== compareData) {
           handleChange(control.value.path, derivedValue);
         }
       } catch (error) {
@@ -42,10 +59,10 @@ function useDerive({ control, handleChange }) {
     { deep: true, immediate: true }
   );
 }
-function resolveDeriveExpression(expression, data, externalData) {
-  if (expression.startsWith("externalData(") && expression.endsWith(")")) {
-    const propertyPath = expression.slice(13, -1);
-    return resolvePropertyPath(propertyPath, externalData);
+function resolveDeriveExpression(expression, data, dataLayerData) {
+  if (expression.startsWith("dataLayer(") && expression.endsWith(")")) {
+    const propertyPath = expression.slice(10, -1);
+    return resolvePropertyPath(propertyPath, dataLayerData);
   }
   if (!expression.includes("(") && !expression.includes("+") && !expression.includes("?")) {
     return resolvePropertyPath(expression, data);