@webiny/app-website-builder 6.0.0-alpha.0

package/sdk/InheritanceProcessor.js

@@ -0,0 +1,147 @@
+export class InheritanceProcessor {
+  constructor(breakpoints, inputsAst) {
+    this.breakpoints = breakpoints;
+    this.responsiveInputPaths = this.getResponsiveInputPaths(inputsAst);
+  }
+  getInheritanceMap(bindings, breakpoint) {
+    const overrides = bindings.overrides ?? {};
+    const inputs = bindings.inputs ?? {};
+    const styles = bindings.styles ?? {};
+    const upTo = Math.max(this.breakpoints.indexOf(breakpoint), 0);
+    const currentBpIndex = this.breakpoints.indexOf(breakpoint);
+
+    // Maps now store sets of all override indices per key for correct ancestor lookup
+    const overriddenInputsMap = new Map();
+    const overriddenStylesMap = new Map();
+
+    // 1) Merge overrides and track all override indices for inputs and styles
+    for (let i = 0; i <= upTo; i++) {
+      const bp = this.breakpoints[i];
+      const override = overrides[bp];
+      if (!override) {
+        continue;
+      }
+      if (override.inputs) {
+        for (const key in override.inputs) {
+          if (!overriddenInputsMap.has(key)) {
+            overriddenInputsMap.set(key, new Set());
+          }
+          overriddenInputsMap.get(key).add(i);
+        }
+      }
+      if (override.styles) {
+        for (const key in override.styles) {
+          if (!overriddenStylesMap.has(key)) {
+            overriddenStylesMap.set(key, new Set());
+          }
+          overriddenStylesMap.get(key).add(i);
+        }
+      }
+    }
+
+    // Also consider base bindings as overrides at index 0 if not already present
+    for (const key in inputs) {
+      if (!overriddenInputsMap.has(key)) {
+        overriddenInputsMap.set(key, new Set([0]));
+      } else {
+        overriddenInputsMap.get(key).add(0);
+      }
+    }
+    for (const key in styles) {
+      if (!overriddenStylesMap.has(key)) {
+        overriddenStylesMap.set(key, new Set([0]));
+      } else {
+        overriddenStylesMap.get(key).add(0);
+      }
+    }
+
+    // 2) Compute inheritance info for inputs
+    const inputsInheritance = {};
+    for (const key of Object.keys(inputs)) {
+      const normalizedKey = this.normalizeBindingKey(key);
+      const isResponsive = this.responsiveInputPaths.has(normalizedKey);
+      // Skip non-responsive input keys
+      if (!isResponsive) {
+        continue;
+      }
+
+      // If responsive, normalize key to ignore indexes for inheritance checks
+      const lookupKey = isResponsive ? normalizedKey : key;
+
+      // Find the greatest index <= currentBpIndex where key is overridden
+      const overrideIndices = overriddenInputsMap.get(lookupKey) ?? new Set();
+      let lastOverrideIndex = -1;
+      for (const idx of overrideIndices) {
+        if (idx <= currentBpIndex && idx > lastOverrideIndex) {
+          lastOverrideIndex = idx;
+        }
+      }
+      const overridden = lastOverrideIndex === currentBpIndex;
+
+      // Find nearest ancestor breakpoint less than currentBpIndex
+      let inheritedFromIndex = 0; // Use `desktop` as fallback.
+      for (let j = currentBpIndex - 1; j >= 0; j--) {
+        if (overrideIndices.has(j)) {
+          inheritedFromIndex = j;
+          break;
+        }
+      }
+      const inheritedFrom = inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;
+      inputsInheritance[key] = {
+        overridden,
+        inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom
+      };
+    }
+
+    // 3) Compute inheritance info for styles
+    const stylesInheritance = {};
+    const keys = new Set([...Object.keys(styles), ...Array.from(overriddenStylesMap.keys())]);
+    for (const key of keys) {
+      const overrideIndices = overriddenStylesMap.get(key) ?? new Set();
+      let lastOverrideIndex = -1;
+      for (const idx of overrideIndices) {
+        if (idx <= currentBpIndex && idx > lastOverrideIndex) {
+          lastOverrideIndex = idx;
+        }
+      }
+      const overridden = lastOverrideIndex === currentBpIndex;
+      let inheritedFromIndex = 0; // Use `desktop` as fallback.
+      for (let j = currentBpIndex - 1; j >= 0; j--) {
+        if (overrideIndices.has(j)) {
+          inheritedFromIndex = j;
+          break;
+        }
+      }
+      const inheritedFrom = inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;
+      stylesInheritance[key] = {
+        overridden,
+        inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom
+      };
+    }
+    return {
+      inputs: inputsInheritance,
+      styles: stylesInheritance
+    };
+  }
+  normalizeBindingKey(path) {
+    return path.replace(/\[\d+\]/g, "");
+  }
+  getResponsiveInputPaths(inputsAst) {
+    const responsivePaths = new Set();
+    const traverse = (nodes, prefix) => {
+      for (const node of nodes) {
+        const currentPath = [...prefix, node.name].join("/");
+        if (node.input?.responsive) {
+          responsivePaths.add(currentPath);
+        }
+        if (node.children.length) {
+          traverse(node.children, [...prefix, node.name]);
+        }
+      }
+    };
+    traverse(inputsAst, []);
+    return responsivePaths;
+  }
+}
+
+//# sourceMappingURL=InheritanceProcessor.js.map

package/sdk/InheritanceProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InheritanceProcessor","constructor","breakpoints","inputsAst","responsiveInputPaths","getResponsiveInputPaths","getInheritanceMap","bindings","breakpoint","overrides","inputs","styles","upTo","Math","max","indexOf","currentBpIndex","overriddenInputsMap","Map","overriddenStylesMap","i","bp","override","key","has","set","Set","get","add","inputsInheritance","Object","keys","normalizedKey","normalizeBindingKey","isResponsive","lookupKey","overrideIndices","lastOverrideIndex","idx","overridden","inheritedFromIndex","j","inheritedFrom","undefined","stylesInheritance","Array","from","path","replace","responsivePaths","traverse","nodes","prefix","node","currentPath","name","join","input","responsive","children","length"],"sources":["InheritanceProcessor.ts"],"sourcesContent":["import { DocumentElementBindings } from \"~/sdk/types\";\nimport { InputAstNode } from \"~/sdk/ComponentManifestToAstConverter\";\n\nexport type InheritanceInfo = {\n    inputs: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n    styles: Record<\n        string,\n        {\n            overridden: boolean;\n            inheritedFrom?: string;\n        }\n    >;\n};\n\nexport class InheritanceProcessor {\n    private breakpoints: string[];\n    private responsiveInputPaths: Set<string>;\n\n    constructor(breakpoints: string[], inputsAst: InputAstNode[]) {\n        this.breakpoints = breakpoints;\n        this.responsiveInputPaths = this.getResponsiveInputPaths(inputsAst);\n    }\n\n    public getInheritanceMap(bindings: DocumentElementBindings, breakpoint: string) {\n        const overrides = bindings.overrides ?? {};\n        const inputs = bindings.inputs ?? {};\n        const styles = bindings.styles ?? {};\n\n        const upTo = Math.max(this.breakpoints.indexOf(breakpoint), 0);\n        const currentBpIndex = this.breakpoints.indexOf(breakpoint);\n\n        // Maps now store sets of all override indices per key for correct ancestor lookup\n        const overriddenInputsMap = new Map<string, Set<number>>();\n        const overriddenStylesMap = new Map<string, Set<number>>();\n\n        // 1) Merge overrides and track all override indices for inputs and styles\n        for (let i = 0; i <= upTo; i++) {\n            const bp = this.breakpoints[i];\n            const override = overrides[bp];\n            if (!override) {\n                continue;\n            }\n\n            if (override.inputs) {\n                for (const key in override.inputs) {\n                    if (!overriddenInputsMap.has(key)) {\n                        overriddenInputsMap.set(key, new Set());\n                    }\n                    overriddenInputsMap.get(key)!.add(i);\n                }\n            }\n            if (override.styles) {\n                for (const key in override.styles) {\n                    if (!overriddenStylesMap.has(key)) {\n                        overriddenStylesMap.set(key, new Set());\n                    }\n                    overriddenStylesMap.get(key)!.add(i);\n                }\n            }\n        }\n\n        // Also consider base bindings as overrides at index 0 if not already present\n        for (const key in inputs) {\n            if (!overriddenInputsMap.has(key)) {\n                overriddenInputsMap.set(key, new Set([0]));\n            } else {\n                overriddenInputsMap.get(key)!.add(0);\n            }\n        }\n        for (const key in styles) {\n            if (!overriddenStylesMap.has(key)) {\n                overriddenStylesMap.set(key, new Set([0]));\n            } else {\n                overriddenStylesMap.get(key)!.add(0);\n            }\n        }\n\n        // 2) Compute inheritance info for inputs\n        const inputsInheritance: InheritanceInfo[\"inputs\"] = {};\n        for (const key of Object.keys(inputs)) {\n            const normalizedKey = this.normalizeBindingKey(key);\n            const isResponsive = this.responsiveInputPaths.has(normalizedKey);\n            // Skip non-responsive input keys\n            if (!isResponsive) {\n                continue;\n            }\n\n            // If responsive, normalize key to ignore indexes for inheritance checks\n            const lookupKey = isResponsive ? normalizedKey : key;\n\n            // Find the greatest index <= currentBpIndex where key is overridden\n            const overrideIndices = overriddenInputsMap.get(lookupKey) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            // Find nearest ancestor breakpoint less than currentBpIndex\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            inputsInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        // 3) Compute inheritance info for styles\n        const stylesInheritance: InheritanceInfo[\"styles\"] = {};\n        const keys = new Set([...Object.keys(styles), ...Array.from(overriddenStylesMap.keys())]);\n\n        for (const key of keys) {\n            const overrideIndices = overriddenStylesMap.get(key) ?? new Set();\n\n            let lastOverrideIndex = -1;\n            for (const idx of overrideIndices) {\n                if (idx <= currentBpIndex && idx > lastOverrideIndex) {\n                    lastOverrideIndex = idx;\n                }\n            }\n\n            const overridden = lastOverrideIndex === currentBpIndex;\n\n            let inheritedFromIndex = 0; // Use `desktop` as fallback.\n            for (let j = currentBpIndex - 1; j >= 0; j--) {\n                if (overrideIndices.has(j)) {\n                    inheritedFromIndex = j;\n                    break;\n                }\n            }\n\n            const inheritedFrom =\n                inheritedFromIndex >= 0 ? this.breakpoints[inheritedFromIndex] : undefined;\n\n            stylesInheritance[key] = {\n                overridden,\n                inheritedFrom: breakpoint === inheritedFrom ? undefined : inheritedFrom\n            };\n        }\n\n        return {\n            inputs: inputsInheritance,\n            styles: stylesInheritance\n        };\n    }\n\n    private normalizeBindingKey(path: string): string {\n        return path.replace(/\\[\\d+\\]/g, \"\");\n    }\n\n    private getResponsiveInputPaths(inputsAst: InputAstNode[]): Set<string> {\n        const responsivePaths = new Set<string>();\n\n        const traverse = (nodes: InputAstNode[], prefix: string[]) => {\n            for (const node of nodes) {\n                const currentPath = [...prefix, node.name].join(\"/\");\n                if (node.input?.responsive) {\n                    responsivePaths.add(currentPath);\n                }\n                if (node.children.length) {\n                    traverse(node.children, [...prefix, node.name]);\n                }\n            }\n        };\n\n        traverse(inputsAst, []);\n        return responsivePaths;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/sdk/InheritanceProcessor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/sdk/InheritanceProcessor.test.js

@@ -0,0 +1,192 @@
+import { InheritanceProcessor } from "./InheritanceProcessor";
+// Mock AST for inputs
+const inputsAst = [{
+  name: "rowGap",
+  type: "text",
+  list: false,
+  path: "rowGap",
+  children: [],
+  input: {
+    type: "text",
+    responsive: true,
+    name: "rowGap"
+  }
+}, {
+  name: "title",
+  type: "text",
+  list: false,
+  path: "title",
+  children: [],
+  input: {
+    type: "text",
+    responsive: false,
+    name: "title"
+  }
+}];
+describe("InheritanceProcessor", () => {
+  const breakpoints = ["desktop", "tablet", "mobile"];
+  const processor = new InheritanceProcessor(breakpoints, inputsAst);
+  it("should correctly compute inheritance info for responsive inputs and styles", () => {
+    const bindings = {
+      inputs: {
+        rowGap: {
+          static: "20px"
+        },
+        title: {
+          static: "Default Title"
+        }
+      },
+      styles: {
+        paddingTop: {
+          static: "10px"
+        },
+        color: {
+          static: "red"
+        }
+      },
+      overrides: {
+        tablet: {
+          styles: {
+            paddingTop: {
+              static: "5px"
+            }
+          }
+        },
+        mobile: {
+          inputs: {
+            rowGap: {
+              static: "10px"
+            }
+          },
+          styles: {
+            paddingTop: {
+              static: "2px"
+            },
+            color: {
+              static: "blue"
+            }
+          }
+        }
+      }
+    };
+
+    // desktop breakpoint
+    const desktopResult = processor.getInheritanceMap(bindings, "desktop");
+    expect(desktopResult.inputs["rowGap"]).toEqual({
+      overridden: true,
+      inheritedFrom: undefined
+    });
+    expect(desktopResult.inputs["title"]).toBeUndefined(); // not responsive
+    expect(desktopResult.styles["paddingTop"]).toEqual({
+      overridden: true,
+      inheritedFrom: undefined
+    });
+    expect(desktopResult.styles["color"]).toEqual({
+      overridden: true,
+      inheritedFrom: undefined
+    });
+
+    // tablet breakpoint
+    const tabletResult = processor.getInheritanceMap(bindings, "tablet");
+    expect(tabletResult.inputs["rowGap"]).toEqual({
+      overridden: false,
+      inheritedFrom: "desktop"
+    });
+    expect(tabletResult.styles["paddingTop"]).toEqual({
+      overridden: true,
+      inheritedFrom: "desktop"
+    });
+    expect(tabletResult.styles["color"]).toEqual({
+      overridden: false,
+      inheritedFrom: "desktop"
+    });
+
+    // mobile breakpoint
+    const mobileResult = processor.getInheritanceMap(bindings, "mobile");
+    expect(mobileResult.inputs["rowGap"]).toEqual({
+      overridden: true,
+      inheritedFrom: "desktop"
+    });
+    expect(mobileResult.styles["paddingTop"]).toEqual({
+      overridden: true,
+      inheritedFrom: "tablet"
+    });
+    expect(mobileResult.styles["color"]).toEqual({
+      overridden: true,
+      inheritedFrom: "desktop"
+    });
+  });
+  it("should skip non-responsive inputs in inheritance info", () => {
+    const bindings = {
+      inputs: {
+        title: {
+          static: "Static Title"
+        }
+      },
+      styles: {},
+      overrides: {}
+    };
+    const result = processor.getInheritanceMap(bindings, "desktop");
+    expect(result.inputs["title"]).toBeUndefined();
+  });
+  it("should handle missing overrides gracefully", () => {
+    const bindings = {
+      inputs: {
+        rowGap: {
+          static: "20px"
+        }
+      },
+      styles: {
+        paddingTop: {
+          static: "10px"
+        }
+      }
+      // no overrides
+    };
+    const result = processor.getInheritanceMap(bindings, "mobile");
+    expect(result.inputs["rowGap"]).toEqual({
+      overridden: false,
+      inheritedFrom: "desktop"
+    });
+    expect(result.styles["paddingTop"]).toEqual({
+      overridden: false,
+      inheritedFrom: "desktop"
+    });
+  });
+  it("should handle missing ancestor values gracefully", () => {
+    const bindings = {
+      inputs: {},
+      styles: {
+        backgroundColor: {
+          static: "#ec8787"
+        }
+      },
+      overrides: {
+        tablet: {
+          styles: {}
+        },
+        mobile: {
+          styles: {
+            backgroundColor: {
+              static: "#50e3c2"
+            },
+            marginTop: {
+              static: "122px"
+            }
+          }
+        }
+      }
+    };
+    const result = processor.getInheritanceMap(bindings, "mobile");
+    expect(result.styles["backgroundColor"]).toEqual({
+      overridden: true,
+      inheritedFrom: "desktop"
+    });
+    expect(result.styles["marginTop"]).toEqual({
+      overridden: true,
+      inheritedFrom: "desktop"
+    });
+  });
+});
+
+//# sourceMappingURL=InheritanceProcessor.test.js.map

package/sdk/InheritanceProcessor.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InheritanceProcessor","inputsAst","name","type","list","path","children","input","responsive","describe","breakpoints","processor","it","bindings","inputs","rowGap","static","title","styles","paddingTop","color","overrides","tablet","mobile","desktopResult","getInheritanceMap","expect","toEqual","overridden","inheritedFrom","undefined","toBeUndefined","tabletResult","mobileResult","result","backgroundColor","marginTop"],"sources":["InheritanceProcessor.test.ts"],"sourcesContent":["import { InheritanceProcessor } from \"./InheritanceProcessor\";\nimport type { InputAstNode } from \"~/sdk/ComponentManifestToAstConverter\";\n\n// Mock AST for inputs\nconst inputsAst: InputAstNode[] = [\n    {\n        name: \"rowGap\",\n        type: \"text\",\n        list: false,\n        path: \"rowGap\",\n        children: [],\n        input: { type: \"text\", responsive: true, name: \"rowGap\" }\n    },\n    {\n        name: \"title\",\n        type: \"text\",\n        list: false,\n        path: \"title\",\n        children: [],\n        input: { type: \"text\", responsive: false, name: \"title\" }\n    }\n];\n\ndescribe(\"InheritanceProcessor\", () => {\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n    const processor = new InheritanceProcessor(breakpoints, inputsAst);\n\n    it(\"should correctly compute inheritance info for responsive inputs and styles\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" },\n                title: { static: \"Default Title\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" },\n                color: { static: \"red\" }\n            },\n            overrides: {\n                tablet: {\n                    styles: {\n                        paddingTop: { static: \"5px\" }\n                    }\n                },\n                mobile: {\n                    inputs: {\n                        rowGap: { static: \"10px\" }\n                    },\n                    styles: {\n                        paddingTop: { static: \"2px\" },\n                        color: { static: \"blue\" }\n                    }\n                }\n            }\n        };\n\n        // desktop breakpoint\n        const desktopResult = processor.getInheritanceMap(bindings as any, \"desktop\");\n\n        expect(desktopResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.inputs[\"title\"]).toBeUndefined(); // not responsive\n        expect(desktopResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n        expect(desktopResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: undefined\n        });\n\n        // tablet breakpoint\n        const tabletResult = processor.getInheritanceMap(bindings as any, \"tablet\");\n\n        expect(tabletResult.inputs[\"rowGap\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(tabletResult.styles[\"color\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n\n        // mobile breakpoint\n        const mobileResult = processor.getInheritanceMap(bindings as any, \"mobile\");\n\n        expect(mobileResult.inputs[\"rowGap\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n        expect(mobileResult.styles[\"paddingTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"tablet\"\n        });\n        expect(mobileResult.styles[\"color\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should skip non-responsive inputs in inheritance info\", () => {\n        const bindings = {\n            inputs: {\n                title: { static: \"Static Title\" }\n            },\n            styles: {},\n            overrides: {}\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"desktop\");\n        expect(result.inputs[\"title\"]).toBeUndefined();\n    });\n\n    it(\"should handle missing overrides gracefully\", () => {\n        const bindings = {\n            inputs: {\n                rowGap: { static: \"20px\" }\n            },\n            styles: {\n                paddingTop: { static: \"10px\" }\n            }\n            // no overrides\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.inputs[\"rowGap\"]).toEqual({ overridden: false, inheritedFrom: \"desktop\" });\n        expect(result.styles[\"paddingTop\"]).toEqual({\n            overridden: false,\n            inheritedFrom: \"desktop\"\n        });\n    });\n\n    it(\"should handle missing ancestor values gracefully\", () => {\n        const bindings = {\n            inputs: {},\n            styles: {\n                backgroundColor: {\n                    static: \"#ec8787\"\n                }\n            },\n            overrides: {\n                tablet: {\n                    styles: {}\n                },\n                mobile: {\n                    styles: {\n                        backgroundColor: {\n                            static: \"#50e3c2\"\n                        },\n                        marginTop: {\n                            static: \"122px\"\n                        }\n                    }\n                }\n            }\n        };\n\n        const result = processor.getInheritanceMap(bindings as any, \"mobile\");\n        expect(result.styles[\"backgroundColor\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n\n        expect(result.styles[\"marginTop\"]).toEqual({\n            overridden: true,\n            inheritedFrom: \"desktop\"\n        });\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/sdk/InheritedValueResolver.d.ts

@@ -0,0 +1,10 @@
+import type { ValueBinding } from "./types";
+export interface GetBreakpointBindings {
+    (breakpoint: string): Record<string, ValueBinding> | undefined;
+}
+export declare class InheritedValueResolver {
+    private readonly breakpoints;
+    private readonly getBindings;
+    constructor(breakpoints: string[], getBindings: GetBreakpointBindings);
+    getInheritedValue(key: string, breakpoint: string): ValueBinding | undefined;
+}

package/sdk/InheritedValueResolver.js

@@ -0,0 +1,24 @@
+export class InheritedValueResolver {
+  constructor(breakpoints, getBindings) {
+    this.breakpoints = breakpoints;
+    this.getBindings = getBindings;
+  }
+  getInheritedValue(key, breakpoint) {
+    const currentIndex = this.breakpoints.indexOf(breakpoint);
+    // Walk backwards from currentIndex - 1 to 0
+    for (let i = currentIndex - 1; i >= 0; i--) {
+      const bp = this.breakpoints[i];
+      const bindings = this.getBindings(bp);
+      if (!bindings) {
+        continue;
+      }
+      const value = bindings[key]?.static;
+      if (value !== undefined) {
+        return value;
+      }
+    }
+    return undefined;
+  }
+}
+
+//# sourceMappingURL=InheritedValueResolver.js.map

package/sdk/InheritedValueResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InheritedValueResolver","constructor","breakpoints","getBindings","getInheritedValue","key","breakpoint","currentIndex","indexOf","i","bp","bindings","value","static","undefined"],"sources":["InheritedValueResolver.ts"],"sourcesContent":["import type { ValueBinding } from \"~/sdk/types\";\n\nexport interface GetBreakpointBindings {\n    (breakpoint: string): Record<string, ValueBinding> | undefined;\n}\n\nexport class InheritedValueResolver {\n    private readonly breakpoints: string[];\n    private readonly getBindings: GetBreakpointBindings;\n\n    constructor(breakpoints: string[], getBindings: GetBreakpointBindings) {\n        this.breakpoints = breakpoints;\n        this.getBindings = getBindings;\n    }\n\n    getInheritedValue(key: string, breakpoint: string): ValueBinding | undefined {\n        const currentIndex = this.breakpoints.indexOf(breakpoint);\n        // Walk backwards from currentIndex - 1 to 0\n        for (let i = currentIndex - 1; i >= 0; i--) {\n            const bp = this.breakpoints[i];\n            const bindings = this.getBindings(bp);\n\n            if (!bindings) {\n                continue;\n            }\n\n            const value = bindings[key]?.static;\n            if (value !== undefined) {\n                return value;\n            }\n        }\n        return undefined;\n    }\n}\n"],"mappings":"AAMA,OAAO,MAAMA,sBAAsB,CAAC;EAIhCC,WAAWA,CAACC,WAAqB,EAAEC,WAAkC,EAAE;IACnE,IAAI,CAACD,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACC,WAAW,GAAGA,WAAW;EAClC;EAEAC,iBAAiBA,CAACC,GAAW,EAAEC,UAAkB,EAA4B;IACzE,MAAMC,YAAY,GAAG,IAAI,CAACL,WAAW,CAACM,OAAO,CAACF,UAAU,CAAC;IACzD;IACA,KAAK,IAAIG,CAAC,GAAGF,YAAY,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MACxC,MAAMC,EAAE,GAAG,IAAI,CAACR,WAAW,CAACO,CAAC,CAAC;MAC9B,MAAME,QAAQ,GAAG,IAAI,CAACR,WAAW,CAACO,EAAE,CAAC;MAErC,IAAI,CAACC,QAAQ,EAAE;QACX;MACJ;MAEA,MAAMC,KAAK,GAAGD,QAAQ,CAACN,GAAG,CAAC,EAAEQ,MAAM;MACnC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,OAAOF,KAAK;MAChB;IACJ;IACA,OAAOE,SAAS;EACpB;AACJ","ignoreList":[]}

package/sdk/InputBindingsProcessor.d.ts

@@ -0,0 +1,38 @@
+import type { DocumentElementBindings, DocumentElementInputBindings } from "./types";
+import type { InputAstNode } from "./ComponentManifestToAstConverter";
+import { ElementFactory } from "./ElementFactory";
+import { InputsUpdater } from "./InputsUpdater";
+type DeepBindings = Record<string, any>;
+export type ElementInputsBindings = {
+    inputs: DocumentElementInputBindings;
+    overrides: {
+        [breakpoint: string]: {
+            inputs: DocumentElementInputBindings;
+        };
+    };
+};
+/**
+ * Handles deep-to-flat and flat-to-deep conversion of input bindings,
+ * with breakpoint inheritance awareness.
+ */
+export declare class InputsBindingsProcessor {
+    private breakpoints;
+    private rawBindings;
+    private elementFactory;
+    private elementId;
+    private inputsAst;
+    private elementReferences;
+    constructor(elementId: string, inputsAst: InputAstNode[], breakpoints: string[], rawBindings: DocumentElementBindings, elementFactory: ElementFactory);
+    /**
+     * Converts flat input bindings into deep inputs object (removes `.static` wrappers).
+     */
+    toDeepInputs(flat: NonNullable<DocumentElementBindings["inputs"]>): DeepBindings;
+    /**
+     * Flattens deep inputs object into flat bindings with `.static` wrappers,
+     * skipping overrides that match inherited parent breakpoint values.
+     */
+    createUpdate(inputs: DeepBindings, breakpoint: string): InputsUpdater;
+    private getElementReferences;
+    private isBaseBreakpoint;
+}
+export {};