km-card-layout-core 0.1.25 → 0.1.26

package/data.ts

@@ -1,5 +1,4 @@
 import { isObject } from './helpers';
-import type { BindingContext } from './interface';
 
 const pathToSegments = (path: string): string[] =>
   `${path || ''}`
@@ -30,8 +29,7 @@ const readByPath = (data: any, path: string): any => {
 
 export const resolveBindingValue = (
   binding: string | undefined,
-  rootData: Record<string, any>,
-  context?: BindingContext
+  rootData: Record<string, any>
 ): any => {
   if (!binding) return undefined;
   const value = readByPath(rootData, binding);

package/dist/data.js

@@ -29,7 +29,7 @@ const readByPath = (data, path) => {
     }
     return cursor;
 };
-const resolveBindingValue = (binding, rootData, context) => {
+const resolveBindingValue = (binding, rootData) => {
     if (!binding)
         return undefined;
     const value = readByPath(rootData, binding);

package/dist/interface/index.js

@@ -17,4 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./elements"), exports);
 __exportStar(require("./layout"), exports);
 __exportStar(require("./data/payload"), exports);
-__exportStar(require("./context"), exports);

package/dist/render/helpers.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildTextIconMeta = exports.getIconName = exports.getImageSrc = exports.getTextValue = exports.buildImageContentStyle = exports.buildTextContentStyle = exports.buildPanelContentStyle = exports.buildBaseContentStyle = exports.buildBackgroundStyle = exports.buildCardStyle = exports.buildWrapperStyle = void 0;
 const helpers_1 = require("../helpers");
 const layout_1 = require("../layout");
+const data_1 = require("../data");
 const buildWrapperStyle = (el, unit = 'px') => {
     const abs = (0, layout_1.getAbsLayout)(el);
     if (!abs)
@@ -87,11 +88,20 @@ const buildImageContentStyle = (el) => {
     return style;
 };
 exports.buildImageContentStyle = buildImageContentStyle;
-const getTextValue = (el) => el.defaultValue !== undefined && el.defaultValue !== null
-    ? `${el.defaultValue}`
-    : '';
+const getTextValue = (el, data) => {
+    const bound = el.binding && data ? (0, data_1.resolveBindingValue)(el.binding, data) : undefined;
+    const val = bound !== undefined && bound !== null
+        ? bound
+        : el.defaultValue !== undefined && el.defaultValue !== null
+            ? el.defaultValue
+            : '';
+    return `${val !== null && val !== void 0 ? val : ''}`;
+};
 exports.getTextValue = getTextValue;
-const getImageSrc = (el) => el.defaultUrl || el.defaultValue || '';
+const getImageSrc = (el, data) => {
+    const bound = el.binding && data ? (0, data_1.resolveBindingValue)(el.binding, data) : undefined;
+    return bound || el.defaultUrl || el.defaultValue || '';
+};
 exports.getImageSrc = getImageSrc;
 const getIconName = (el) => (el.name || el.defaultValue || '');
 exports.getIconName = getIconName;

package/interface/index.ts

@@ -1,4 +1,3 @@
 export * from './elements';
 export * from './layout';
 export * from './data/payload';
-export * from './context';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "km-card-layout-core",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Shared render helpers for CardMaster layout JSON (binding resolution, layout normalization).",
   "main": "dist/index.js",
   "types": "types.d.ts",

package/render/helpers.ts

@@ -1,5 +1,6 @@
 import { addUnit } from '../helpers';
 import { getAbsLayout } from '../layout';
+import { resolveBindingValue } from '../data';
 import type {
   CardElement,
   CardLayoutSchema,
@@ -93,13 +94,27 @@ export const buildImageContentStyle = (el: ImageElement) => {
   return style;
 };
 
-export const getTextValue = (el: TextElement) =>
-  el.defaultValue !== undefined && el.defaultValue !== null
-    ? `${el.defaultValue}`
-    : '';
+export const getTextValue = (
+  el: TextElement,
+  data?: Record<string, any>
+) => {
+  const bound = el.binding && data ? resolveBindingValue(el.binding, data) : undefined;
+  const val =
+    bound !== undefined && bound !== null
+      ? bound
+      : el.defaultValue !== undefined && el.defaultValue !== null
+        ? el.defaultValue
+        : '';
+  return `${val ?? ''}`;
+};
 
-export const getImageSrc = (el: ImageElement) =>
-  el.defaultUrl || el.defaultValue || '';
+export const getImageSrc = (
+  el: ImageElement,
+  data?: Record<string, any>
+) => {
+  const bound = el.binding && data ? resolveBindingValue(el.binding, data) : undefined;
+  return (bound as any) || el.defaultUrl || el.defaultValue || '';
+};
 
 export const getIconName = (el: IconElement) =>
   (el.name || el.defaultValue || '') as string;

package/types.d.ts

@@ -6,7 +6,6 @@
 export * from './interface';
 
 import type {
-  BindingContext,
   CardElement,
   CardLayoutInput,
   CardLayoutSchema,
@@ -66,8 +65,7 @@ export function areChildrenEqual(
 
 export function resolveBindingValue(
   binding: string | undefined,
-  rootData: Record<string, any>,
-  context?: BindingContext
+  rootData: Record<string, any>
 ): any;
 
 export function stripLayoutBindings(
@@ -180,11 +178,13 @@ export function buildImageContentStyle(
 ): Record<string, any>;
 
 export function getTextValue(
-  el: import('./interface/elements').TextElement
+  el: import('./interface/elements').TextElement,
+  data?: Record<string, any>
 ): string;
 
 export function getImageSrc(
-  el: import('./interface/elements').ImageElement
+  el: import('./interface/elements').ImageElement,
+  data?: Record<string, any>
 ): string;
 
 export function getIconName(

package/interface/context.ts

@@ -1,6 +0,0 @@
-export interface BindingContext {
-  // Optional binding prefix for nested contexts
-  contextBinding?: string;
-  // Optional nested context data
-  contextData?: any;
-}