@webiny/website-builder-sdk 6.0.0-rc.7 → 6.1.0-beta.0

package/documentOperations/$addElementReferenceToParent.d.ts

@@ -3,7 +3,7 @@ interface Params {
     elementId: string;
     parentId: string;
     slot: string;
-    index: number;
+    index?: number;
 }
 export declare function $addElementReferenceToParent(document: Document, { elementId, parentId, slot, index }: Params): void;
 export {};

package/documentOperations/$addElementReferenceToParent.js

@@ -6,7 +6,7 @@ export function $addElementReferenceToParent(document, {
 }) {
   const bindings = document.bindings[parentId] ?? {};
   const inputs = bindings.inputs ?? {};
-  if (index < 0) {
+  if (index !== undefined && index < 0) {
     // Single value slot
     inputs[slot] = {
       ...inputs[slot],
@@ -15,11 +15,18 @@ export function $addElementReferenceToParent(document, {
     };
   } else {
     const slotElements = inputs[slot];
+    const existing = slotElements?.static ?? [];
+    let staticValue;
+    if (index === undefined) {
+      staticValue = [...existing, elementId];
+    } else {
+      staticValue = [...existing.slice(0, index), elementId, ...existing.slice(index)];
+    }
     inputs[slot] = {
       ...inputs[slot],
       type: "slot",
       list: true,
-      static: [...(slotElements?.static ?? []).slice(0, index), elementId, ...(slotElements?.static ?? []).slice(index)]
+      static: staticValue
     };
   }
   document.bindings[parentId] = {

package/documentOperations/$addElementReferenceToParent.js.map

@@ -1 +1 @@
-{"version":3,"names":["$addElementReferenceToParent","document","elementId","parentId","slot","index","bindings","inputs","type","static","slotElements","list","slice"],"sources":["$addElementReferenceToParent.ts"],"sourcesContent":["import type { Document } from \"~/types.js\";\nimport type { InputValueBinding } from \"~/types.js\";\n\ninterface Params {\n    elementId: string;\n    parentId: string;\n    slot: string;\n    index: number;\n}\n\nexport function $addElementReferenceToParent(\n    document: Document,\n    { elementId, parentId, slot, index }: Params\n) {\n    const bindings = document.bindings[parentId] ?? {};\n    const inputs = bindings.inputs ?? {};\n\n    if (index < 0) {\n        // Single value slot\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            static: elementId\n        };\n    } else {\n        const slotElements = inputs[slot] as InputValueBinding;\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            list: true,\n            static: [\n                ...(slotElements?.static ?? []).slice(0, index),\n                elementId,\n                ...(slotElements?.static ?? []).slice(index)\n            ]\n        };\n    }\n\n    document.bindings[parentId] = {\n        ...bindings,\n        inputs\n    };\n}\n"],"mappings":"AAUA,OAAO,SAASA,4BAA4BA,CACxCC,QAAkB,EAClB;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAc,CAAC,EAC9C;EACE,MAAMC,QAAQ,GAAGL,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,IAAI,CAAC,CAAC;EAClD,MAAMI,MAAM,GAAGD,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;EAEpC,IAAIF,KAAK,GAAG,CAAC,EAAE;IACX;IACAE,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfI,IAAI,EAAE,MAAM;MACZC,MAAM,EAAEP;IACZ,CAAC;EACL,CAAC,MAAM;IACH,MAAMQ,YAAY,GAAGH,MAAM,CAACH,IAAI,CAAsB;IACtDG,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfI,IAAI,EAAE,MAAM;MACZG,IAAI,EAAE,IAAI;MACVF,MAAM,EAAE,CACJ,GAAG,CAACC,YAAY,EAAED,MAAM,IAAI,EAAE,EAAEG,KAAK,CAAC,CAAC,EAAEP,KAAK,CAAC,EAC/CH,SAAS,EACT,GAAG,CAACQ,YAAY,EAAED,MAAM,IAAI,EAAE,EAAEG,KAAK,CAACP,KAAK,CAAC;IAEpD,CAAC;EACL;EAEAJ,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,GAAG;IAC1B,GAAGG,QAAQ;IACXC;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["$addElementReferenceToParent","document","elementId","parentId","slot","index","bindings","inputs","undefined","type","static","slotElements","existing","staticValue","slice","list"],"sources":["$addElementReferenceToParent.ts"],"sourcesContent":["import type { Document } from \"~/types.js\";\nimport type { InputValueBinding } from \"~/types.js\";\n\ninterface Params {\n    elementId: string;\n    parentId: string;\n    slot: string;\n    index?: number;\n}\n\nexport function $addElementReferenceToParent(\n    document: Document,\n    { elementId, parentId, slot, index }: Params\n) {\n    const bindings = document.bindings[parentId] ?? {};\n    const inputs = bindings.inputs ?? {};\n\n    if (index !== undefined && index < 0) {\n        // Single value slot\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            static: elementId\n        };\n    } else {\n        const slotElements = inputs[slot] as InputValueBinding;\n        const existing = slotElements?.static ?? [];\n\n        let staticValue;\n        if (index === undefined) {\n            staticValue = [...existing, elementId];\n        } else {\n            staticValue = [...existing.slice(0, index), elementId, ...existing.slice(index)];\n        }\n\n        inputs[slot] = {\n            ...inputs[slot],\n            type: \"slot\",\n            list: true,\n            static: staticValue\n        };\n    }\n\n    document.bindings[parentId] = {\n        ...bindings,\n        inputs\n    };\n}\n"],"mappings":"AAUA,OAAO,SAASA,4BAA4BA,CACxCC,QAAkB,EAClB;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAc,CAAC,EAC9C;EACE,MAAMC,QAAQ,GAAGL,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,IAAI,CAAC,CAAC;EAClD,MAAMI,MAAM,GAAGD,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;EAEpC,IAAIF,KAAK,KAAKG,SAAS,IAAIH,KAAK,GAAG,CAAC,EAAE;IAClC;IACAE,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfK,IAAI,EAAE,MAAM;MACZC,MAAM,EAAER;IACZ,CAAC;EACL,CAAC,MAAM;IACH,MAAMS,YAAY,GAAGJ,MAAM,CAACH,IAAI,CAAsB;IACtD,MAAMQ,QAAQ,GAAGD,YAAY,EAAED,MAAM,IAAI,EAAE;IAE3C,IAAIG,WAAW;IACf,IAAIR,KAAK,KAAKG,SAAS,EAAE;MACrBK,WAAW,GAAG,CAAC,GAAGD,QAAQ,EAAEV,SAAS,CAAC;IAC1C,CAAC,MAAM;MACHW,WAAW,GAAG,CAAC,GAAGD,QAAQ,CAACE,KAAK,CAAC,CAAC,EAAET,KAAK,CAAC,EAAEH,SAAS,EAAE,GAAGU,QAAQ,CAACE,KAAK,CAACT,KAAK,CAAC,CAAC;IACpF;IAEAE,MAAM,CAACH,IAAI,CAAC,GAAG;MACX,GAAGG,MAAM,CAACH,IAAI,CAAC;MACfK,IAAI,EAAE,MAAM;MACZM,IAAI,EAAE,IAAI;MACVL,MAAM,EAAEG;IACZ,CAAC;EACL;EAEAZ,QAAQ,CAACK,QAAQ,CAACH,QAAQ,CAAC,GAAG;IAC1B,GAAGG,QAAQ;IACXC;EACJ,CAAC;AACL","ignoreList":[]}

package/documentOperations/AddToParent.d.ts

@@ -2,7 +2,7 @@ import type { Document, DocumentElement } from "../types.js";
 import type { IDocumentOperation } from "./IDocumentOperation.js";
 export declare class AddToParent implements IDocumentOperation {
     private element;
-    private readonly index;
-    constructor(element: DocumentElement, index: number);
+    private readonly index?;
+    constructor(element: DocumentElement, index?: number);
     apply(document: Document): void;
 }

package/documentOperations/AddToParent.js.map

@@ -1 +1 @@
-{"version":3,"names":["$addElementReferenceToParent","AddToParent","constructor","element","index","apply","document","elementId","id","parentId","parent","slot"],"sources":["AddToParent.ts"],"sourcesContent":["import type { Document, DocumentElement } from \"~/types.js\";\nimport type { IDocumentOperation } from \"./IDocumentOperation.js\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent.js\";\n\nexport class AddToParent implements IDocumentOperation {\n    private element: DocumentElement;\n    private readonly index: number;\n\n    constructor(element: DocumentElement, index: number) {\n        this.element = element;\n        this.index = index;\n    }\n\n    apply(document: Document) {\n        $addElementReferenceToParent(document, {\n            elementId: this.element.id,\n            parentId: this.element.parent!.id,\n            slot: this.element.parent!.slot,\n            index: this.index\n        });\n    }\n}\n"],"mappings":"AAEA,SAASA,4BAA4B;AAErC,OAAO,MAAMC,WAAW,CAA+B;EAInDC,WAAWA,CAACC,OAAwB,EAAEC,KAAa,EAAE;IACjD,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,KAAK,GAAGA,KAAK;EACtB;EAEAC,KAAKA,CAACC,QAAkB,EAAE;IACtBN,4BAA4B,CAACM,QAAQ,EAAE;MACnCC,SAAS,EAAE,IAAI,CAACJ,OAAO,CAACK,EAAE;MAC1BC,QAAQ,EAAE,IAAI,CAACN,OAAO,CAACO,MAAM,CAAEF,EAAE;MACjCG,IAAI,EAAE,IAAI,CAACR,OAAO,CAACO,MAAM,CAAEC,IAAI;MAC/BP,KAAK,EAAE,IAAI,CAACA;IAChB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"names":["$addElementReferenceToParent","AddToParent","constructor","element","index","apply","document","elementId","id","parentId","parent","slot"],"sources":["AddToParent.ts"],"sourcesContent":["import type { Document, DocumentElement } from \"~/types.js\";\nimport type { IDocumentOperation } from \"./IDocumentOperation.js\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent.js\";\n\nexport class AddToParent implements IDocumentOperation {\n    private element: DocumentElement;\n    private readonly index?: number;\n\n    constructor(element: DocumentElement, index?: number) {\n        this.element = element;\n        this.index = index;\n    }\n\n    apply(document: Document) {\n        $addElementReferenceToParent(document, {\n            elementId: this.element.id,\n            parentId: this.element.parent!.id,\n            slot: this.element.parent!.slot,\n            index: this.index\n        });\n    }\n}\n"],"mappings":"AAEA,SAASA,4BAA4B;AAErC,OAAO,MAAMC,WAAW,CAA+B;EAInDC,WAAWA,CAACC,OAAwB,EAAEC,KAAc,EAAE;IAClD,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,KAAK,GAAGA,KAAK;EACtB;EAEAC,KAAKA,CAACC,QAAkB,EAAE;IACtBN,4BAA4B,CAACM,QAAQ,EAAE;MACnCC,SAAS,EAAE,IAAI,CAACJ,OAAO,CAACK,EAAE;MAC1BC,QAAQ,EAAE,IAAI,CAACN,OAAO,CAACO,MAAM,CAAEF,EAAE;MACjCG,IAAI,EAAE,IAAI,CAACR,OAAO,CAACO,MAAM,CAAEC,IAAI;MAC/BP,KAAK,EAAE,IAAI,CAACA;IAChB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/documentOperations/RemoveElement.js

@@ -3,6 +3,15 @@ export class RemoveElement {
     this.elementId = elementId;
   }
   apply(document) {
+    // Recursively remove all descendants first.
+    for (const id in document.elements) {
+      if (document.elements[id].parent?.id === this.elementId) {
+        new RemoveElement(id).apply(document);
+      }
+    }
+
+    // Remove bindings and the element itself.
+    delete document.bindings[this.elementId];
     delete document.elements[this.elementId];
   }
 }

package/documentOperations/RemoveElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["RemoveElement","constructor","elementId","apply","document","elements"],"sources":["RemoveElement.ts"],"sourcesContent":["import type { Document } from \"~/types.js\";\nimport type { IDocumentOperation } from \"./IDocumentOperation.js\";\n\nexport class RemoveElement implements IDocumentOperation {\n    private readonly elementId: string;\n\n    constructor(elementId: string) {\n        this.elementId = elementId;\n    }\n\n    apply(document: Document) {\n        delete document.elements[this.elementId];\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAA+B;EAGrDC,WAAWA,CAACC,SAAiB,EAAE;IAC3B,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,KAAKA,CAACC,QAAkB,EAAE;IACtB,OAAOA,QAAQ,CAACC,QAAQ,CAAC,IAAI,CAACH,SAAS,CAAC;EAC5C;AACJ","ignoreList":[]}
+{"version":3,"names":["RemoveElement","constructor","elementId","apply","document","id","elements","parent","bindings"],"sources":["RemoveElement.ts"],"sourcesContent":["import type { Document } from \"~/types.js\";\nimport type { IDocumentOperation } from \"./IDocumentOperation.js\";\n\nexport class RemoveElement implements IDocumentOperation {\n    private readonly elementId: string;\n\n    constructor(elementId: string) {\n        this.elementId = elementId;\n    }\n\n    apply(document: Document) {\n        // Recursively remove all descendants first.\n        for (const id in document.elements) {\n            if (document.elements[id].parent?.id === this.elementId) {\n                new RemoveElement(id).apply(document);\n            }\n        }\n\n        // Remove bindings and the element itself.\n        delete document.bindings[this.elementId];\n        delete document.elements[this.elementId];\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAA+B;EAGrDC,WAAWA,CAACC,SAAiB,EAAE;IAC3B,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,KAAKA,CAACC,QAAkB,EAAE;IACtB;IACA,KAAK,MAAMC,EAAE,IAAID,QAAQ,CAACE,QAAQ,EAAE;MAChC,IAAIF,QAAQ,CAACE,QAAQ,CAACD,EAAE,CAAC,CAACE,MAAM,EAAEF,EAAE,KAAK,IAAI,CAACH,SAAS,EAAE;QACrD,IAAIF,aAAa,CAACK,EAAE,CAAC,CAACF,KAAK,CAACC,QAAQ,CAAC;MACzC;IACJ;;IAEA;IACA,OAAOA,QAAQ,CAACI,QAAQ,CAAC,IAAI,CAACN,SAAS,CAAC;IACxC,OAAOE,QAAQ,CAACE,QAAQ,CAAC,IAAI,CAACJ,SAAS,CAAC;EAC5C;AACJ","ignoreList":[]}

package/index.d.ts

@@ -27,4 +27,5 @@ export * from "./InheritanceProcessor.js";
 export * from "./InputBindingsProcessor.js";
 export * from "./StylesBindingsProcessor.js";
 export * from "./ElementFactory.js";
+export * from "./ConstraintEvaluator.js";
 export { StyleSettings } from "./constants.js";

package/index.js

@@ -26,6 +26,7 @@ export * from "./InheritanceProcessor.js";
 export * from "./InputBindingsProcessor.js";
 export * from "./StylesBindingsProcessor.js";
 export * from "./ElementFactory.js";
+export * from "./ConstraintEvaluator.js";
 export { StyleSettings } from "./constants.js";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./createTheme.js\";\nexport * from \"./EditingSdk.js\";\nexport * from \"./LiveSdk.js\";\nexport * from \"./NullSdk.js\";\nexport * from \"./ContentSdk.js\";\nexport * from \"./Environment.js\";\nexport * from \"./DocumentStore.js\";\nexport * from \"./Logger.js\";\nexport * from \"./FunctionConverter.js\";\nexport * from \"./createInput.js\";\nexport * from \"./MouseTracker.js\";\nexport * from \"./ViewportManager.js\";\nexport * from \"./messenger/Messenger.js\";\nexport * from \"./messenger/MessageOrigin.js\";\nexport type * from \"./types.js\";\nexport * from \"./DocumentStoreManager.js\";\nexport * from \"./BindingsProcessor.js\";\nexport * from \"./ResizeObserver.js\";\nexport * from \"./BindingsResolver.js\";\nexport * from \"./createElement.js\";\nexport * from \"./registerComponentGroup.js\";\nexport * from \"./jsonPatch.js\";\nexport * from \"./headersProvider.js\";\nexport * from \"./ComponentManifestToAstConverter.js\";\nexport * from \"./findMatchingAstNode.js\";\nexport * from \"./InheritanceProcessor.js\";\nexport * from \"./InputBindingsProcessor.js\";\nexport * from \"./StylesBindingsProcessor.js\";\nexport * from \"./ElementFactory.js\";\nexport { StyleSettings } from \"./constants.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa","ignoreList":[]}
+{"version":3,"names":["StyleSettings"],"sources":["index.ts"],"sourcesContent":["export * from \"./createTheme.js\";\nexport * from \"./EditingSdk.js\";\nexport * from \"./LiveSdk.js\";\nexport * from \"./NullSdk.js\";\nexport * from \"./ContentSdk.js\";\nexport * from \"./Environment.js\";\nexport * from \"./DocumentStore.js\";\nexport * from \"./Logger.js\";\nexport * from \"./FunctionConverter.js\";\nexport * from \"./createInput.js\";\nexport * from \"./MouseTracker.js\";\nexport * from \"./ViewportManager.js\";\nexport * from \"./messenger/Messenger.js\";\nexport * from \"./messenger/MessageOrigin.js\";\nexport type * from \"./types.js\";\nexport * from \"./DocumentStoreManager.js\";\nexport * from \"./BindingsProcessor.js\";\nexport * from \"./ResizeObserver.js\";\nexport * from \"./BindingsResolver.js\";\nexport * from \"./createElement.js\";\nexport * from \"./registerComponentGroup.js\";\nexport * from \"./jsonPatch.js\";\nexport * from \"./headersProvider.js\";\nexport * from \"./ComponentManifestToAstConverter.js\";\nexport * from \"./findMatchingAstNode.js\";\nexport * from \"./InheritanceProcessor.js\";\nexport * from \"./InputBindingsProcessor.js\";\nexport * from \"./StylesBindingsProcessor.js\";\nexport * from \"./ElementFactory.js\";\nexport * from \"./ConstraintEvaluator.js\";\nexport { StyleSettings } from \"./constants.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa","ignoreList":[]}

package/messenger/Messenger.js

@@ -1,8 +1,6 @@
 import { isMatch } from "matcher";
 import { logger } from "../Logger.js";
-const ignored = ["preview.mouse.move", "preview.component.register", "preview.scroll",
-// "preview.viewport",
-"preview.viewport.change.start", "preview.viewport.change.end"];
+const ignored = ["preview.mouse.move", "preview.component.register", "preview.scroll", "preview.viewport", "preview.viewport.change.start", "preview.viewport.change.end"];
 export class Messenger {
   listeners = new Map();
   constructor(source, target,

package/messenger/Messenger.js.map

@@ -1 +1 @@
-{"version":3,"names":["isMatch","logger","ignored","Messenger","listeners","Map","constructor","source","target","pattern","prefixGlob","replace","handleMessage","bind","window","addEventListener","event","type","payload","data","matches","logicalType","stripPrefix","isIgnored","debug","getTime","origin","handlers","get","forEach","fn","fullType","startsWith","slice","length","includes","on","handler","has","set","Set","add","delete","send","postMessage","dispose","removeEventListener","clear","date","Date","getHours","getMinutes","getSeconds","getMilliseconds"],"sources":["Messenger.ts"],"sourcesContent":["import { isMatch } from \"matcher\";\nimport type { MessageOrigin } from \"./MessageOrigin.js\";\nimport { logger } from \"../Logger.js\";\n\nexport type Message<T = any> = {\n    type: string;\n    payload: T;\n};\n\ntype Handler<T = any> = (payload: T, logicalType: string, wildcardMatch?: string) => void;\n\nconst ignored = [\n    \"preview.mouse.move\",\n    \"preview.component.register\",\n    \"preview.scroll\",\n    // \"preview.viewport\",\n    \"preview.viewport.change.start\",\n    \"preview.viewport.change.end\"\n];\n\nexport class Messenger {\n    private listeners = new Map<string, Set<Handler>>();\n    private readonly pattern: string;\n    private readonly prefixGlob: string;\n\n    constructor(\n        private source: MessageOrigin,\n        private target: MessageOrigin,\n        // Pattern to filter events this Messenger handles.\n        pattern: string\n    ) {\n        this.pattern = pattern;\n        this.prefixGlob = pattern.replace(/\\*+$/, \"\");\n        this.handleMessage = this.handleMessage.bind(this);\n        this.source.window.addEventListener(\"message\", this.handleMessage);\n    }\n\n    private handleMessage(event: MessageEvent) {\n        const { type, payload } = event.data || {};\n        if (!this.target.matches(event)) {\n            return;\n        }\n\n        if (!type || !isMatch(type, this.pattern)) {\n            return;\n        }\n\n        const logicalType = this.stripPrefix(type);\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type,\n                    payload\n                },\n                `${this.getTime()} --> [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        const handlers = this.listeners.get(logicalType);\n        if (handlers) {\n            handlers.forEach(fn => fn(payload, logicalType));\n        }\n    }\n\n    private stripPrefix(fullType: string): string {\n        return fullType.startsWith(this.prefixGlob)\n            ? fullType.slice(this.prefixGlob.length)\n            : fullType;\n    }\n\n    private isIgnored(logicalType: string): boolean {\n        return ignored.includes(logicalType);\n    }\n\n    on<T = any>(logicalType: string, handler: Handler<T>) {\n        if (!this.listeners.has(logicalType)) {\n            this.listeners.set(logicalType, new Set());\n        }\n        this.listeners.get(logicalType)!.add(handler);\n        return () => {\n            const listeners = this.listeners.get(logicalType);\n            if (listeners) {\n                listeners.delete(handler);\n            }\n        };\n    }\n\n    send<T = any>(logicalType: string, payload?: T) {\n        const fullType = this.prefixGlob + logicalType;\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type: fullType,\n                    payload\n                },\n                `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        this.target.window.postMessage({ type: fullType, payload }, this.target.origin);\n    }\n\n    dispose() {\n        this.source.window.removeEventListener(\"message\", this.handleMessage);\n        this.listeners.clear();\n    }\n\n    getTime() {\n        const date = new Date();\n        return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isMatch","logger","ignored","Messenger","listeners","Map","constructor","source","target","pattern","prefixGlob","replace","handleMessage","bind","window","addEventListener","event","type","payload","data","matches","logicalType","stripPrefix","isIgnored","debug","getTime","origin","handlers","get","forEach","fn","fullType","startsWith","slice","length","includes","on","handler","has","set","Set","add","delete","send","postMessage","dispose","removeEventListener","clear","date","Date","getHours","getMinutes","getSeconds","getMilliseconds"],"sources":["Messenger.ts"],"sourcesContent":["import { isMatch } from \"matcher\";\nimport type { MessageOrigin } from \"./MessageOrigin.js\";\nimport { logger } from \"../Logger.js\";\n\nexport type Message<T = any> = {\n    type: string;\n    payload: T;\n};\n\ntype Handler<T = any> = (payload: T, logicalType: string, wildcardMatch?: string) => void;\n\nconst ignored = [\n    \"preview.mouse.move\",\n    \"preview.component.register\",\n    \"preview.scroll\",\n    \"preview.viewport\",\n    \"preview.viewport.change.start\",\n    \"preview.viewport.change.end\"\n];\n\nexport class Messenger {\n    private listeners = new Map<string, Set<Handler>>();\n    private readonly pattern: string;\n    private readonly prefixGlob: string;\n\n    constructor(\n        private source: MessageOrigin,\n        private target: MessageOrigin,\n        // Pattern to filter events this Messenger handles.\n        pattern: string\n    ) {\n        this.pattern = pattern;\n        this.prefixGlob = pattern.replace(/\\*+$/, \"\");\n        this.handleMessage = this.handleMessage.bind(this);\n        this.source.window.addEventListener(\"message\", this.handleMessage);\n    }\n\n    private handleMessage(event: MessageEvent) {\n        const { type, payload } = event.data || {};\n        if (!this.target.matches(event)) {\n            return;\n        }\n\n        if (!type || !isMatch(type, this.pattern)) {\n            return;\n        }\n\n        const logicalType = this.stripPrefix(type);\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type,\n                    payload\n                },\n                `${this.getTime()} --> [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        const handlers = this.listeners.get(logicalType);\n        if (handlers) {\n            handlers.forEach(fn => fn(payload, logicalType));\n        }\n    }\n\n    private stripPrefix(fullType: string): string {\n        return fullType.startsWith(this.prefixGlob)\n            ? fullType.slice(this.prefixGlob.length)\n            : fullType;\n    }\n\n    private isIgnored(logicalType: string): boolean {\n        return ignored.includes(logicalType);\n    }\n\n    on<T = any>(logicalType: string, handler: Handler<T>) {\n        if (!this.listeners.has(logicalType)) {\n            this.listeners.set(logicalType, new Set());\n        }\n        this.listeners.get(logicalType)!.add(handler);\n        return () => {\n            const listeners = this.listeners.get(logicalType);\n            if (listeners) {\n                listeners.delete(handler);\n            }\n        };\n    }\n\n    send<T = any>(logicalType: string, payload?: T) {\n        const fullType = this.prefixGlob + logicalType;\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type: fullType,\n                    payload\n                },\n                `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        this.target.window.postMessage({ type: fullType, payload }, this.target.origin);\n    }\n\n    dispose() {\n        this.source.window.removeEventListener(\"message\", this.handleMessage);\n        this.listeners.clear();\n    }\n\n    getTime() {\n        const date = new Date();\n        return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/website-builder-sdk",
-	"version": "6.0.0-rc.7",
+	"version": "6.1.0-beta.0",
 	"type": "module",
 	"main": "index.js",
 	"repository": {
@@ -20,19 +20,19 @@
 		"fast-json-stable-stringify": "2.1.0",
 		"is-hotkey": "0.2.0",
 		"lodash": "4.17.23",
-		"matcher": "5.0.0",
+		"matcher": "6.0.0",
 		"mobx": "6.15.0",
-		"nanoid": "5.1.6",
+		"nanoid": "5.1.7",
 		"nanoid-dictionary": "5.0.0",
-		"pino": "9.14.0",
-		"pino-pretty": "9.4.1"
+		"pino": "10.3.1",
+		"pino-pretty": "13.1.3"
 	},
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "6.0.0-rc.7",
+		"@webiny/build-tools": "6.1.0-beta.0",
 		"typescript": "5.9.3",
-		"vitest": "4.0.18"
+		"vitest": "4.1.2"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -45,5 +45,5 @@
 			]
 		}
 	},
-	"gitHead": "9c6892640a45679ff521e25cd6587dff57393a2e"
+	"gitHead": "a3bd3695c66c79238e380d7360d9731b5fcf9c87"
 }

package/types.d.ts

@@ -2,6 +2,7 @@ import type * as CSS from "csstype";
 import type { BindingsApi } from "./BindingsApi.js";
 import type { ShorthandCssProperties } from "./types/ShorthandCssProperties.js";
 import type { InputFactory } from "./createInput.js";
+import type { Breakpoint } from "./types/WebsiteBuilderTheme.js";
 export type { WebsiteBuilderTheme, Breakpoint } from "./types/WebsiteBuilderTheme.js";
 type CSSProperties = CSS.Properties<string | number>;
 export type ElementMap = Record<string, DocumentElement>;
@@ -81,6 +82,107 @@ export type ComponentGroup = {
 export type ResponsiveStyles = {
     [key: string]: SerializableCSSStyleDeclaration;
 };
+export type ConstraintElementContext = {
+    /** Component name (e.g., "FunnelBuilder/Step") */
+    name: string;
+    /** Component tags */
+    tags: string[];
+    /** Get the parent element context. undefined for root. */
+    getParent(): ConstraintElementContext | undefined;
+    /** Index of this element among siblings in the same parent slot. -1 if not in a list slot. */
+    childIndex(): number;
+    /** Total siblings in the same parent slot. -1 if not in a list slot. */
+    childCount(): number;
+    /** True if this element is the last among siblings in its parent slot. */
+    isLastChild(): boolean;
+    /** True if this element is the first among siblings in its parent slot. */
+    isFirstChild(): boolean;
+};
+export type ConstraintContext = {
+    /** The component/element this constraint is about */
+    component: ConstraintElementContext;
+    /** The direct parent element at the drop target */
+    parent: ConstraintElementContext;
+    /** The target slot name (e.g., "children", "leftColumn", "rightColumn") */
+    slot: string;
+    /** True if the direct parent is the given component */
+    isChildOf: (componentName: string) => boolean;
+    /** True if any ancestor (including parent) is the given component */
+    isDescendantOf: (componentName: string) => boolean;
+    /** Find the nearest ancestor matching a component name */
+    getAncestor: (componentName: string) => ConstraintElementContext | undefined;
+    /** True if the component being placed has the given tag */
+    hasTag: (tag: string) => boolean;
+    /** Number of items currently in the target slot */
+    slotChildCount: () => number;
+    /** Count instances of a component type in the entire document */
+    countInstances: (componentName: string) => number;
+    /** True if the component has any descendant element carrying the given tag */
+    hasDescendantWithTag: (tag: string) => boolean;
+    /** Returns the resolved inputs of the nearest ancestor matching componentName, or undefined */
+    getAncestorInputs: (componentName: string) => Record<string, any> | undefined;
+    /** Returns the resolved inputs of the element this constraint is evaluating */
+    getElementInputs: () => Record<string, any>;
+    /** Debug logger — safe to call inside serialized constraints */
+    log: (...args: any[]) => void;
+    /** Block placement with an error message shown to the user */
+    block: (message: string) => never;
+};
+/**
+ * A constraint function. Call `ctx.block("message")` to block placement.
+ * Returning without blocking means the constraint passes.
+ */
+export type ComponentConstraint = (ctx: ConstraintContext) => void;
+export type Stop = symbol;
+export type Continue = symbol;
+export type HandlerResult = void | Stop | Continue;
+export type OnChangeAction = "create" | "update" | "delete";
+export type OnChangeElementContext = {
+    id: string;
+    component: ComponentManifest;
+    inputs: Record<string, any>;
+};
+export type ManifestAncestorContext = {
+    id: string;
+    component: ComponentManifest;
+    inputs: Record<string, any>;
+    updateInputs: (cb: (inputs: Record<string, any>) => void) => void;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+};
+export type ComponentChangeContext<TInputs = Record<string, any>> = {
+    action: OnChangeAction;
+    id: string;
+    component: ComponentManifest;
+    inputs: TInputs;
+    styles: Record<string, any>;
+    getAncestor: (componentName: string) => ManifestAncestorContext | undefined;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+    createElement: (params: any) => any;
+    executeCommand: <T = unknown>(command: string, payload?: T) => void;
+    breakpoint: string;
+    log: (...args: any[]) => void;
+    stop: () => Stop;
+    continue: () => Continue;
+};
+export type DescendantChangeContext<TInputs = Record<string, any>, TDescendantInputs = Record<string, any>> = {
+    action: OnChangeAction;
+    descendant: {
+        component: ComponentManifest;
+        id: string;
+        inputs: TDescendantInputs;
+        updateInputs: (cb: (inputs: TDescendantInputs) => void) => void;
+    };
+    inputs: TInputs;
+    updateInputs: (cb: (inputs: TInputs) => void) => void;
+    getElement: (id: string) => OnChangeElementContext | undefined;
+    executeCommand: <T = unknown>(command: string, payload?: T) => void;
+    breakpoint: string;
+    log: (...args: any[]) => void;
+    stop: () => Stop;
+    continue: () => Continue;
+};
+export type ComponentChangeHandler<TInputs = Record<string, any>> = (ctx: ComponentChangeContext<TInputs>) => HandlerResult;
+export type DescendantChangeHandler<TInputs = Record<string, any>, TDescendantInputs = Record<string, any>> = (ctx: DescendantChangeContext<TInputs, TDescendantInputs>) => HandlerResult;
 export type ComponentManifest = {
     name: string;
     group?: string;
@@ -88,12 +190,16 @@ export type ComponentManifest = {
     image?: string;
     inputs: ComponentInput[];
     canDrag?: boolean;
-    canDelete?: boolean;
+    canDelete?: boolean | ComponentConstraint;
     acceptsChildren?: boolean;
     hideFromToolbar?: boolean;
     hideStyleSettings?: string[];
     autoApplyStyles?: boolean;
-    tags?: string[];
+    tags: string[];
+    constraints?: ComponentConstraint[];
+    descendantConstraints?: ComponentConstraint[];
+    onChange?: ComponentChangeHandler | ComponentChangeHandler[];
+    onDescendantChange?: DescendantChangeHandler | DescendantChangeHandler[];
     defaults?: {
         inputs?: Record<string, any>;
         styles?: SerializableCSSStyleDeclaration;
@@ -127,6 +233,7 @@ export type Document = {
     state: DocumentState;
     version: number;
     properties: Record<string, any>;
+    extensions: Record<string, any>;
     metadata: DocumentMetadata;
     bindings: DocumentBindings;
     elements: ElementMap;
@@ -139,9 +246,7 @@ export type PublicRedirect = {
     permanent: boolean;
 };
 export type EditorPage = EditorDocument & Pick<Page, "properties" | "status" | "location">;
-export type EditorDocument = Document & {
-    metadata: Record<string, any>;
-};
+export type EditorDocument = Document;
 export type Page = Document & {
     id: string;
     status: string;
@@ -194,6 +299,8 @@ export type BoxData = ElementBoxData | ElementSlotBoxData;
 export type EditorViewportInfo = PreviewViewportInfo & {
     top: number;
     left: number;
+    breakpoint: string;
+    breakpoints: Breakpoint[];
 };
 export type PreviewViewportInfo = {
     width: number;
@@ -328,10 +435,16 @@ export type ManifestInputsObject<TInputs, TAllowChildren extends boolean> = TAll
 } : {
     [K in keyof TInputs]: InputFactory<K & string>;
 };
-export type ComponentManifestInput<TInputs> = (Omit<ComponentManifest, "inputs" | "acceptsChildren"> & {
+export type ComponentManifestInput<TInputs> = (Omit<ComponentManifest, "inputs" | "acceptsChildren" | "tags" | "onChange" | "onDescendantChange"> & {
     acceptsChildren: true;
+    tags?: string[];
     inputs?: ManifestInputsArray<TInputs, true> | ManifestInputsObject<TInputs, true>;
-}) | (Omit<ComponentManifest, "inputs" | "acceptsChildren"> & {
+    onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];
+    onDescendantChange?: DescendantChangeHandler<TInputs> | DescendantChangeHandler<TInputs>[];
+}) | (Omit<ComponentManifest, "inputs" | "acceptsChildren" | "tags" | "onChange" | "onDescendantChange"> & {
     acceptsChildren?: false;
+    tags?: string[];
     inputs: ManifestInputsArray<TInputs, false> | ManifestInputsObject<TInputs, false>;
+    onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];
+    onDescendantChange?: DescendantChangeHandler<TInputs> | DescendantChangeHandler<TInputs>[];
 });

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type * as CSS from \"csstype\";\nimport type { BindingsApi } from \"~/BindingsApi.js\";\nimport type { ShorthandCssProperties } from \"./types/ShorthandCssProperties.js\";\nimport type { InputFactory } from \"~/createInput.js\";\nexport type { WebsiteBuilderTheme, Breakpoint } from \"./types/WebsiteBuilderTheme.js\";\n\ntype CSSProperties = CSS.Properties<string | number>;\n\nexport type ElementMap = Record<string, DocumentElement>;\n\nexport type DocumentState = Record<string, any>;\n\nexport type DocumentMetadata = Record<string, any>;\n\nexport type InputValueBinding<T = any> = ValueBinding<T> & {\n    id: string;\n    type: string;\n    translatable?: boolean;\n    list?: boolean;\n};\n\nexport type StyleValueBinding<T = any> = ValueBinding<T>;\n\nexport type ValueBinding<T = any> = {\n    static?: T;\n    expression?: string;\n};\n\nexport type RepeatValueBinding = {\n    expression: string;\n};\n\nexport type CssProperties = Omit<CSSProperties, ShorthandCssProperties>;\n\nexport type DocumentElementStyleBindings = Partial<{\n    [K in keyof CssProperties]: StyleValueBinding<CssProperties[K]>;\n}>;\n\nexport type DocumentElementInputBindings = {\n    [inputName: string]: InputValueBinding;\n};\n\nexport type DocumentElementBindings = {\n    $repeat?: RepeatValueBinding;\n    inputs?: DocumentElementInputBindings;\n    styles?: DocumentElementStyleBindings;\n    metadata?: Record<string, any>;\n    overrides?: {\n        [key: string]: {\n            inputs?: DocumentElementInputBindings;\n            styles?: DocumentElementStyleBindings;\n        };\n    };\n};\n\nexport type DocumentBindings = {\n    [elementId: string]: DocumentElementBindings;\n};\n\nexport type ResolvedComponent<TComponent = any> = {\n    component: TComponent;\n    inputs: Record<string, any>;\n    manifest: ComponentManifest;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type ResolvedElement = {\n    id: string;\n    inputs: Record<string, any>;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type Component = {\n    component: any;\n    manifest: ComponentManifest;\n};\n\nexport type ComponentBlueprint<TComponent = any, TManifest = any> = {\n    component: TComponent;\n    manifest: TManifest;\n};\n\nexport type ComponentGroupItem = {\n    // Name of the component.\n    name: string;\n    // Optionally, define an exact element to insert.\n    item?: DocumentElementTemplate;\n};\n\nexport type SerializedComponentGroup = ComponentGroup & {\n    filter?: string;\n};\n\nexport type ComponentGroupFilterContext = {\n    document: EditorDocument;\n};\n\nexport type ComponentGroup = {\n    name: string;\n    label: string;\n    description?: string;\n    filter?: (component: ComponentManifest, context: ComponentGroupFilterContext) => boolean;\n};\n\nexport type ResponsiveStyles = {\n    [key: string]: SerializableCSSStyleDeclaration;\n};\n\nexport type ComponentManifest = {\n    name: string;\n    group?: string;\n    label?: string;\n    image?: string;\n    inputs: ComponentInput[];\n    canDrag?: boolean;\n    canDelete?: boolean;\n    acceptsChildren?: boolean;\n    hideFromToolbar?: boolean;\n    hideStyleSettings?: string[];\n    autoApplyStyles?: boolean;\n    tags?: string[];\n    defaults?: {\n        inputs?: Record<string, any>;\n        styles?: SerializableCSSStyleDeclaration;\n        overrides?: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: SerializableCSSStyleDeclaration;\n            };\n        };\n    };\n};\n\nexport type DocumentElementTemplate = Omit<DocumentElement, \"id\">;\n\nexport type ElementComponent = {\n    name: string;\n};\n\nexport type DocumentElement = {\n    type: \"Webiny/Element\";\n    id: string;\n    component: ElementComponent;\n    parent?: {\n        id: string;\n        slot: string;\n    };\n    styles?: ResponsiveStyles;\n};\n\nexport type SerializableCSSStyleDeclaration = {\n    [K in keyof CssProperties]?: CssProperties[K];\n};\n\nexport type Document = {\n    id: string;\n    state: DocumentState;\n    version: number;\n    properties: Record<string, any>;\n    metadata: DocumentMetadata;\n    bindings: DocumentBindings;\n    elements: ElementMap;\n};\n\nexport type PublicPage = Pick<\n    Page,\n    \"id\" | \"version\" | \"properties\" | \"bindings\" | \"elements\" | \"extensions\" | \"metadata\" | \"state\"\n>;\n\nexport type PublicRedirect = {\n    id: string;\n    from: string;\n    to: string;\n    permanent: boolean;\n};\n\nexport type EditorPage = EditorDocument & Pick<Page, \"properties\" | \"status\" | \"location\">;\n\nexport type EditorDocument = Document & {\n    metadata: Record<string, any>;\n};\n\nexport type Page = Document & {\n    id: string;\n    status: string;\n    version: number;\n    location: {\n        folderId: string;\n    };\n    properties: {\n        title: string;\n        snippet: string;\n        /*image: {\n            id: string;\n            name: string;\n            size: number;\n            mimeType: string;\n            src: string;\n        };*/\n        path: string;\n        tags: string[];\n        seo: {\n            title: string;\n            description: string;\n            metaTags: Array<{ name: string; content: string }>;\n        };\n        social: {\n            title: string;\n            description: string;\n            /*image: {\n                id: string;\n                name: string;\n                size: number;\n                mimeType: string;\n                src: string;\n            };*/\n            metaTags: Array<{ property: string; content: string }>;\n        };\n    };\n    extensions: Record<string, any>;\n    metadata: DocumentMetadata;\n};\n\nexport type Box = {\n    depth: number;\n    parentId: string;\n    parentSlot: string;\n    parentIndex: number;\n    width: number;\n    height: number;\n    top: number;\n    left: number;\n};\n\nexport type ElementBoxData = Box & {\n    type: \"element\";\n};\n\nexport type ElementSlotBoxData = Box & {\n    type: \"element-slot\";\n};\n\nexport type BoxData = ElementBoxData | ElementSlotBoxData;\n\nexport type EditorViewportInfo = PreviewViewportInfo & {\n    top: number;\n    left: number;\n};\n\nexport type PreviewViewportInfo = {\n    // Viewport width (only the visible part)\n    width: number;\n    // Viewport height (only the visible part)\n    height: number;\n    // Full iframe width\n    scrollWidth: number;\n    // Full iframe height\n    scrollHeight: number;\n    // Iframe horizontal scroll offset\n    scrollX: number;\n    // Iframe vertical scroll offest\n    scrollY: number;\n};\n\nexport type BoxesData = Record<string, BoxData>;\n\nexport type EditorViewportData = {\n    boxes: BoxesData;\n    viewport: EditorViewportInfo;\n};\n\nexport type PreviewViewportData = {\n    boxes: BoxesData;\n    viewport: PreviewViewportInfo;\n};\n\nexport type ApiOptions = Record<string, any>;\n\nexport type GetPageOptions = ApiOptions;\n\nexport interface ListPagesOptions {\n    where?: Record<string, any>;\n    limit?: number;\n    after?: string;\n    sort?: string[];\n    search?: string;\n}\n\nexport interface ListPagesMeta {\n    hasMoreItems: boolean;\n    totalCount: number;\n    cursor: string | null;\n}\n\nexport interface ListPagesResult {\n    data: Array<Omit<PublicPage, \"elements\" | \"bindings\">>;\n    meta: ListPagesMeta;\n}\n\nexport interface IDataProvider {\n    getPageByPath(path: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    getPageById(id: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\nexport interface IEnvironment {\n    isClient(): boolean;\n    isServer(): boolean;\n    isPreview(): boolean;\n}\n\nexport interface IContentSdk {\n    getPage(path: string): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\n// Input types\n\n// inputTypes.ts\nexport type BaseInput<T = any> = {\n    name: string;\n    type: string;\n    onChange?: (\n        bindings: ReturnType<BindingsApi[\"getPublicApi\"]>,\n        context: { breakpoint: string }\n    ) => void;\n    label?: string;\n    description?: string;\n    helperText?: string;\n    defaultValue?: T;\n    responsive?: boolean;\n    required?: boolean;\n    hideFromUi?: boolean;\n    renderer?: string;\n    list?: boolean;\n    translatable?: boolean;\n};\n\n// Discriminated union per input type\nexport type TextInput = BaseInput<string> & {\n    type: \"text\";\n};\n\nexport type SlotInput = BaseInput<any> & {\n    type: \"slot\";\n    components?: string[];\n};\n\nexport type TagsInput = BaseInput<string[]> & {\n    type: \"text\";\n};\n\nexport type LongTextInput = BaseInput<string> & {\n    type: \"longText\";\n};\n\nexport type NumberInput = BaseInput<number> & {\n    type: \"number\";\n    minValue?: number;\n};\n\nexport type BooleanInput = BaseInput<boolean> & {\n    type: \"boolean\";\n};\n\nexport type ColorInput = BaseInput<string> & {\n    type: \"color\";\n};\n\nexport type FileInput = BaseInput<string> & {\n    type: \"file\";\n    allowedFileTypes: string[];\n};\n\nexport type DateTimeInput = BaseInput<string> & {\n    type: \"datetime\";\n};\n\nexport type LexicalInput = BaseInput<string> & {\n    type: \"lexical\";\n};\n\nexport type SelectInput = BaseInput<string> & {\n    type: \"select\";\n    options: { label: string; value: string }[];\n    showResetAction?: boolean;\n};\n\nexport type RadioInput = BaseInput<string> & {\n    type: \"radio\";\n    options: { label: string; value: string }[];\n};\n\nexport type ObjectInput = BaseInput<Record<string, any>> & {\n    type: \"object\";\n    fields: ComponentInput[];\n};\n\nexport type CustomInput = BaseInput<any> & {\n    type: string;\n    fields: ComponentInput[];\n};\n\n// Union of all input types\nexport type ComponentInput =\n    | TextInput\n    | LongTextInput\n    | NumberInput\n    | BooleanInput\n    | ColorInput\n    | FileInput\n    | DateTimeInput\n    | LexicalInput\n    | SelectInput\n    | RadioInput\n    | TagsInput\n    | ObjectInput\n    | SlotInput\n    | CustomInput;\n\nexport type ManifestInputsArray<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? {\n          [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string>;\n      }[Exclude<keyof TInputs, \"children\">][]\n    : {\n          [K in keyof TInputs]: InputFactory<K & string>;\n      }[keyof TInputs][];\n\nexport type ManifestInputsObject<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? { [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string> }\n    : { [K in keyof TInputs]: InputFactory<K & string> };\n\nexport type ComponentManifestInput<TInputs> =\n    | (Omit<ComponentManifest, \"inputs\" | \"acceptsChildren\"> & {\n          acceptsChildren: true;\n          inputs?: ManifestInputsArray<TInputs, true> | ManifestInputsObject<TInputs, true>;\n      })\n    | (Omit<ComponentManifest, \"inputs\" | \"acceptsChildren\"> & {\n          acceptsChildren?: false;\n          inputs: ManifestInputsArray<TInputs, false> | ManifestInputsObject<TInputs, false>;\n      });\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type * as CSS from \"csstype\";\nimport type { BindingsApi } from \"~/BindingsApi.js\";\nimport type { ShorthandCssProperties } from \"./types/ShorthandCssProperties.js\";\nimport type { InputFactory } from \"~/createInput.js\";\nimport type { Breakpoint } from \"~/types/WebsiteBuilderTheme.js\";\nexport type { WebsiteBuilderTheme, Breakpoint } from \"./types/WebsiteBuilderTheme.js\";\n\ntype CSSProperties = CSS.Properties<string | number>;\n\nexport type ElementMap = Record<string, DocumentElement>;\n\nexport type DocumentState = Record<string, any>;\n\nexport type DocumentMetadata = Record<string, any>;\n\nexport type InputValueBinding<T = any> = ValueBinding<T> & {\n    id: string;\n    type: string;\n    translatable?: boolean;\n    list?: boolean;\n};\n\nexport type StyleValueBinding<T = any> = ValueBinding<T>;\n\nexport type ValueBinding<T = any> = {\n    static?: T;\n    expression?: string;\n};\n\nexport type RepeatValueBinding = {\n    expression: string;\n};\n\nexport type CssProperties = Omit<CSSProperties, ShorthandCssProperties>;\n\nexport type DocumentElementStyleBindings = Partial<{\n    [K in keyof CssProperties]: StyleValueBinding<CssProperties[K]>;\n}>;\n\nexport type DocumentElementInputBindings = {\n    [inputName: string]: InputValueBinding;\n};\n\nexport type DocumentElementBindings = {\n    $repeat?: RepeatValueBinding;\n    inputs?: DocumentElementInputBindings;\n    styles?: DocumentElementStyleBindings;\n    metadata?: Record<string, any>;\n    overrides?: {\n        [key: string]: {\n            inputs?: DocumentElementInputBindings;\n            styles?: DocumentElementStyleBindings;\n        };\n    };\n};\n\nexport type DocumentBindings = {\n    [elementId: string]: DocumentElementBindings;\n};\n\nexport type ResolvedComponent<TComponent = any> = {\n    component: TComponent;\n    inputs: Record<string, any>;\n    manifest: ComponentManifest;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type ResolvedElement = {\n    id: string;\n    inputs: Record<string, any>;\n    styles: SerializableCSSStyleDeclaration;\n};\n\nexport type Component = {\n    component: any;\n    manifest: ComponentManifest;\n};\n\nexport type ComponentBlueprint<TComponent = any, TManifest = any> = {\n    component: TComponent;\n    manifest: TManifest;\n};\n\nexport type ComponentGroupItem = {\n    // Name of the component.\n    name: string;\n    // Optionally, define an exact element to insert.\n    item?: DocumentElementTemplate;\n};\n\nexport type SerializedComponentGroup = ComponentGroup & {\n    filter?: string;\n};\n\nexport type ComponentGroupFilterContext = {\n    document: EditorDocument;\n};\n\nexport type ComponentGroup = {\n    name: string;\n    label: string;\n    description?: string;\n    filter?: (component: ComponentManifest, context: ComponentGroupFilterContext) => boolean;\n};\n\nexport type ResponsiveStyles = {\n    [key: string]: SerializableCSSStyleDeclaration;\n};\n\nexport type ConstraintElementContext = {\n    /** Component name (e.g., \"FunnelBuilder/Step\") */\n    name: string;\n    /** Component tags */\n    tags: string[];\n\n    /** Get the parent element context. undefined for root. */\n    getParent(): ConstraintElementContext | undefined;\n\n    /** Index of this element among siblings in the same parent slot. -1 if not in a list slot. */\n    childIndex(): number;\n    /** Total siblings in the same parent slot. -1 if not in a list slot. */\n    childCount(): number;\n    /** True if this element is the last among siblings in its parent slot. */\n    isLastChild(): boolean;\n    /** True if this element is the first among siblings in its parent slot. */\n    isFirstChild(): boolean;\n};\n\nexport type ConstraintContext = {\n    /** The component/element this constraint is about */\n    component: ConstraintElementContext;\n    /** The direct parent element at the drop target */\n    parent: ConstraintElementContext;\n    /** The target slot name (e.g., \"children\", \"leftColumn\", \"rightColumn\") */\n    slot: string;\n    /** True if the direct parent is the given component */\n    isChildOf: (componentName: string) => boolean;\n    /** True if any ancestor (including parent) is the given component */\n    isDescendantOf: (componentName: string) => boolean;\n    /** Find the nearest ancestor matching a component name */\n    getAncestor: (componentName: string) => ConstraintElementContext | undefined;\n    /** True if the component being placed has the given tag */\n    hasTag: (tag: string) => boolean;\n    /** Number of items currently in the target slot */\n    slotChildCount: () => number;\n    /** Count instances of a component type in the entire document */\n    countInstances: (componentName: string) => number;\n    /** True if the component has any descendant element carrying the given tag */\n    hasDescendantWithTag: (tag: string) => boolean;\n    /** Returns the resolved inputs of the nearest ancestor matching componentName, or undefined */\n    getAncestorInputs: (componentName: string) => Record<string, any> | undefined;\n    /** Returns the resolved inputs of the element this constraint is evaluating */\n    getElementInputs: () => Record<string, any>;\n    /** Debug logger — safe to call inside serialized constraints */\n    log: (...args: any[]) => void;\n    /** Block placement with an error message shown to the user */\n    block: (message: string) => never;\n};\n\n/**\n * A constraint function. Call `ctx.block(\"message\")` to block placement.\n * Returning without blocking means the constraint passes.\n */\nexport type ComponentConstraint = (ctx: ConstraintContext) => void;\n\n// Flow-control symbols\nexport type Stop = symbol;\nexport type Continue = symbol;\nexport type HandlerResult = void | Stop | Continue;\n\nexport type OnChangeAction = \"create\" | \"update\" | \"delete\";\n\nexport type OnChangeElementContext = {\n    id: string;\n    component: ComponentManifest;\n    inputs: Record<string, any>;\n};\n\nexport type ManifestAncestorContext = {\n    id: string;\n    component: ComponentManifest;\n    inputs: Record<string, any>;\n    updateInputs: (cb: (inputs: Record<string, any>) => void) => void;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n};\n\nexport type ComponentChangeContext<TInputs = Record<string, any>> = {\n    action: OnChangeAction;\n    id: string;\n    component: ComponentManifest;\n    inputs: TInputs;\n    styles: Record<string, any>;\n    getAncestor: (componentName: string) => ManifestAncestorContext | undefined;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n    createElement: (params: any) => any;\n    executeCommand: <T = unknown>(command: string, payload?: T) => void;\n    breakpoint: string;\n    log: (...args: any[]) => void;\n    stop: () => Stop;\n    continue: () => Continue;\n};\n\nexport type DescendantChangeContext<\n    TInputs = Record<string, any>,\n    TDescendantInputs = Record<string, any>\n> = {\n    action: OnChangeAction;\n    descendant: {\n        component: ComponentManifest;\n        id: string;\n        inputs: TDescendantInputs;\n        updateInputs: (cb: (inputs: TDescendantInputs) => void) => void;\n    };\n    inputs: TInputs;\n    updateInputs: (cb: (inputs: TInputs) => void) => void;\n    getElement: (id: string) => OnChangeElementContext | undefined;\n    executeCommand: <T = unknown>(command: string, payload?: T) => void;\n    breakpoint: string;\n    log: (...args: any[]) => void;\n    stop: () => Stop;\n    continue: () => Continue;\n};\n\nexport type ComponentChangeHandler<TInputs = Record<string, any>> = (\n    ctx: ComponentChangeContext<TInputs>\n) => HandlerResult;\n\nexport type DescendantChangeHandler<\n    TInputs = Record<string, any>,\n    TDescendantInputs = Record<string, any>\n> = (ctx: DescendantChangeContext<TInputs, TDescendantInputs>) => HandlerResult;\n\nexport type ComponentManifest = {\n    name: string;\n    group?: string;\n    label?: string;\n    image?: string;\n    inputs: ComponentInput[];\n    canDrag?: boolean;\n    canDelete?: boolean | ComponentConstraint;\n    acceptsChildren?: boolean;\n    hideFromToolbar?: boolean;\n    hideStyleSettings?: string[];\n    autoApplyStyles?: boolean;\n    tags: string[];\n    constraints?: ComponentConstraint[];\n    descendantConstraints?: ComponentConstraint[];\n    onChange?: ComponentChangeHandler | ComponentChangeHandler[];\n    onDescendantChange?: DescendantChangeHandler | DescendantChangeHandler[];\n    defaults?: {\n        inputs?: Record<string, any>;\n        styles?: SerializableCSSStyleDeclaration;\n        overrides?: {\n            [breakpoint: string]: {\n                inputs?: Record<string, any>;\n                styles?: SerializableCSSStyleDeclaration;\n            };\n        };\n    };\n};\n\nexport type DocumentElementTemplate = Omit<DocumentElement, \"id\">;\n\nexport type ElementComponent = {\n    name: string;\n};\n\nexport type DocumentElement = {\n    type: \"Webiny/Element\";\n    id: string;\n    component: ElementComponent;\n    parent?: {\n        id: string;\n        slot: string;\n    };\n    styles?: ResponsiveStyles;\n};\n\nexport type SerializableCSSStyleDeclaration = {\n    [K in keyof CssProperties]?: CssProperties[K];\n};\n\nexport type Document = {\n    id: string;\n    state: DocumentState;\n    version: number;\n    properties: Record<string, any>;\n    extensions: Record<string, any>;\n    metadata: DocumentMetadata;\n    bindings: DocumentBindings;\n    elements: ElementMap;\n};\n\nexport type PublicPage = Pick<\n    Page,\n    \"id\" | \"version\" | \"properties\" | \"bindings\" | \"elements\" | \"extensions\" | \"metadata\" | \"state\"\n>;\n\nexport type PublicRedirect = {\n    id: string;\n    from: string;\n    to: string;\n    permanent: boolean;\n};\n\nexport type EditorPage = EditorDocument & Pick<Page, \"properties\" | \"status\" | \"location\">;\n\nexport type EditorDocument = Document;\n\nexport type Page = Document & {\n    id: string;\n    status: string;\n    version: number;\n    location: {\n        folderId: string;\n    };\n    properties: {\n        title: string;\n        snippet: string;\n        /*image: {\n            id: string;\n            name: string;\n            size: number;\n            mimeType: string;\n            src: string;\n        };*/\n        path: string;\n        tags: string[];\n        seo: {\n            title: string;\n            description: string;\n            metaTags: Array<{ name: string; content: string }>;\n        };\n        social: {\n            title: string;\n            description: string;\n            /*image: {\n                id: string;\n                name: string;\n                size: number;\n                mimeType: string;\n                src: string;\n            };*/\n            metaTags: Array<{ property: string; content: string }>;\n        };\n    };\n    extensions: Record<string, any>;\n    metadata: DocumentMetadata;\n};\n\nexport type Box = {\n    depth: number;\n    parentId: string;\n    parentSlot: string;\n    parentIndex: number;\n    width: number;\n    height: number;\n    top: number;\n    left: number;\n};\n\nexport type ElementBoxData = Box & {\n    type: \"element\";\n};\n\nexport type ElementSlotBoxData = Box & {\n    type: \"element-slot\";\n};\n\nexport type BoxData = ElementBoxData | ElementSlotBoxData;\n\nexport type EditorViewportInfo = PreviewViewportInfo & {\n    top: number;\n    left: number;\n    // Current breakpoint name\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n};\n\nexport type PreviewViewportInfo = {\n    // Viewport width (only the visible part)\n    width: number;\n    // Viewport height (only the visible part)\n    height: number;\n    // Full iframe width\n    scrollWidth: number;\n    // Full iframe height\n    scrollHeight: number;\n    // Iframe horizontal scroll offset\n    scrollX: number;\n    // Iframe vertical scroll offest\n    scrollY: number;\n};\n\nexport type BoxesData = Record<string, BoxData>;\n\nexport type EditorViewportData = {\n    boxes: BoxesData;\n    viewport: EditorViewportInfo;\n};\n\nexport type PreviewViewportData = {\n    boxes: BoxesData;\n    viewport: PreviewViewportInfo;\n};\n\nexport type ApiOptions = Record<string, any>;\n\nexport type GetPageOptions = ApiOptions;\n\nexport interface ListPagesOptions {\n    where?: Record<string, any>;\n    limit?: number;\n    after?: string;\n    sort?: string[];\n    search?: string;\n}\n\nexport interface ListPagesMeta {\n    hasMoreItems: boolean;\n    totalCount: number;\n    cursor: string | null;\n}\n\nexport interface ListPagesResult {\n    data: Array<Omit<PublicPage, \"elements\" | \"bindings\">>;\n    meta: ListPagesMeta;\n}\n\nexport interface IDataProvider {\n    getPageByPath(path: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    getPageById(id: string, options?: GetPageOptions): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\nexport interface IEnvironment {\n    isClient(): boolean;\n    isServer(): boolean;\n    isPreview(): boolean;\n}\n\nexport interface IContentSdk {\n    getPage(path: string): Promise<PublicPage | null>;\n    listPages(options?: ListPagesOptions): Promise<ListPagesResult>;\n}\n\n// Input types\n\n// inputTypes.ts\nexport type BaseInput<T = any> = {\n    name: string;\n    type: string;\n    onChange?: (\n        bindings: ReturnType<BindingsApi[\"getPublicApi\"]>,\n        context: { breakpoint: string }\n    ) => void;\n    label?: string;\n    description?: string;\n    helperText?: string;\n    defaultValue?: T;\n    responsive?: boolean;\n    required?: boolean;\n    hideFromUi?: boolean;\n    renderer?: string;\n    list?: boolean;\n    translatable?: boolean;\n};\n\n// Discriminated union per input type\nexport type TextInput = BaseInput<string> & {\n    type: \"text\";\n};\n\nexport type SlotInput = BaseInput<any> & {\n    type: \"slot\";\n    components?: string[];\n};\n\nexport type TagsInput = BaseInput<string[]> & {\n    type: \"text\";\n};\n\nexport type LongTextInput = BaseInput<string> & {\n    type: \"longText\";\n};\n\nexport type NumberInput = BaseInput<number> & {\n    type: \"number\";\n    minValue?: number;\n};\n\nexport type BooleanInput = BaseInput<boolean> & {\n    type: \"boolean\";\n};\n\nexport type ColorInput = BaseInput<string> & {\n    type: \"color\";\n};\n\nexport type FileInput = BaseInput<string> & {\n    type: \"file\";\n    allowedFileTypes: string[];\n};\n\nexport type DateTimeInput = BaseInput<string> & {\n    type: \"datetime\";\n};\n\nexport type LexicalInput = BaseInput<string> & {\n    type: \"lexical\";\n};\n\nexport type SelectInput = BaseInput<string> & {\n    type: \"select\";\n    options: { label: string; value: string }[];\n    showResetAction?: boolean;\n};\n\nexport type RadioInput = BaseInput<string> & {\n    type: \"radio\";\n    options: { label: string; value: string }[];\n};\n\nexport type ObjectInput = BaseInput<Record<string, any>> & {\n    type: \"object\";\n    fields: ComponentInput[];\n};\n\nexport type CustomInput = BaseInput<any> & {\n    type: string;\n    fields: ComponentInput[];\n};\n\n// Union of all input types\nexport type ComponentInput =\n    | TextInput\n    | LongTextInput\n    | NumberInput\n    | BooleanInput\n    | ColorInput\n    | FileInput\n    | DateTimeInput\n    | LexicalInput\n    | SelectInput\n    | RadioInput\n    | TagsInput\n    | ObjectInput\n    | SlotInput\n    | CustomInput;\n\nexport type ManifestInputsArray<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? {\n          [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string>;\n      }[Exclude<keyof TInputs, \"children\">][]\n    : {\n          [K in keyof TInputs]: InputFactory<K & string>;\n      }[keyof TInputs][];\n\nexport type ManifestInputsObject<\n    TInputs,\n    TAllowChildren extends boolean\n> = TAllowChildren extends true\n    ? { [K in Exclude<keyof TInputs, \"children\">]: InputFactory<K & string> }\n    : { [K in keyof TInputs]: InputFactory<K & string> };\n\nexport type ComponentManifestInput<TInputs> =\n    | (Omit<\n          ComponentManifest,\n          \"inputs\" | \"acceptsChildren\" | \"tags\" | \"onChange\" | \"onDescendantChange\"\n      > & {\n          acceptsChildren: true;\n          tags?: string[];\n          inputs?: ManifestInputsArray<TInputs, true> | ManifestInputsObject<TInputs, true>;\n          onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];\n          onDescendantChange?:\n              | DescendantChangeHandler<TInputs>\n              | DescendantChangeHandler<TInputs>[];\n      })\n    | (Omit<\n          ComponentManifest,\n          \"inputs\" | \"acceptsChildren\" | \"tags\" | \"onChange\" | \"onDescendantChange\"\n      > & {\n          acceptsChildren?: false;\n          tags?: string[];\n          inputs: ManifestInputsArray<TInputs, false> | ManifestInputsObject<TInputs, false>;\n          onChange?: ComponentChangeHandler<TInputs> | ComponentChangeHandler<TInputs>[];\n          onDescendantChange?:\n              | DescendantChangeHandler<TInputs>\n              | DescendantChangeHandler<TInputs>[];\n      });\n"],"mappings":"","ignoreList":[]}