@webiny/app-website-builder 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/editorSdk/utils/$createElement.js

@@ -1,26 +1,47 @@
-import { ElementFactory } from "@webiny/website-builder-sdk";
-export function $createElement(editor, payload) {
-  const {
-    componentName,
-    index,
-    parentId,
-    slot,
-    bindings
-  } = payload;
-  const componentsManifest = editor.getEditorState().read().components;
-  const elementFactory = new ElementFactory(componentsManifest);
-  const {
-    operations
-  } = elementFactory.createElementFromComponent({
-    componentName,
-    parentId,
-    slot,
-    index,
-    bindings: bindings ?? componentsManifest[componentName].defaults ?? {}
-  });
-  editor.updateDocument(document => {
-    operations.forEach(operation => operation.apply(document));
-  });
+import { ElementFactory, evaluateConstraints } from "@webiny/website-builder-sdk";
+import { applyAncestorUpdates, executeOnChange } from "./executeOnChange.js";
+function $createElement(editor, payload) {
+    const { componentName, index, parentId, slot, bindings } = payload;
+    const componentsManifest = editor.getEditorState().read().components;
+    const result = evaluateConstraints({
+        componentName,
+        parentId,
+        slot,
+        document: editor.getDocumentState().read(),
+        components: componentsManifest
+    });
+    if (!result.allowed) return result;
+    const elementFactory = new ElementFactory(componentsManifest);
+    const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));
+    const { operations } = elementFactory.createElementFromComponent({
+        componentName,
+        parentId,
+        slot,
+        index,
+        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}
+    });
+    editor.updateDocument((document)=>{
+        operations.forEach((operation)=>operation.apply(document));
+    });
+    const editorState = editor.getEditorState().read();
+    const breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+    const baseBreakpoint = breakpointNames[0];
+    const document = editor.getDocumentState().read();
+    const newElementIds = Object.keys(document.elements).filter((id)=>!elementsBefore.has(id));
+    for (const elementId of newElementIds){
+        const ancestorUpdates = executeOnChange({
+            editor,
+            elementId,
+            action: "create",
+            breakpointNames,
+            baseBreakpoint,
+            elementFactory
+        });
+        if (ancestorUpdates.length > 0) editor.updateDocument((doc)=>{
+            applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
+        });
+    }
 }
+export { $createElement };
 
 //# sourceMappingURL=$createElement.js.map

package/editorSdk/utils/$createElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ElementFactory","$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","getEditorState","read","components","elementFactory","operations","createElementFromComponent","defaults","updateDocument","document","forEach","operation","apply"],"sources":["$createElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\nimport type { CommandPayload } from \"~/editorSdk/createCommand\";\nimport type { Commands } from \"~/BaseEditor\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport function $createElement(\n    editor: Editor,\n    payload: CommandPayload<typeof Commands.CreateElement>\n) {\n    const { componentName, index, parentId, slot, bindings } = payload;\n    const componentsManifest = editor.getEditorState().read().components;\n\n    const elementFactory = new ElementFactory(componentsManifest);\n    const { operations } = elementFactory.createElementFromComponent({\n        componentName,\n        parentId,\n        slot,\n        index,\n        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}\n    });\n\n    editor.updateDocument(document => {\n        operations.forEach(operation => operation.apply(document));\n    });\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ,6BAA6B;AAE5D,OAAO,SAASC,cAAcA,CAC1BC,MAAc,EACdC,OAAsD,EACxD;EACE,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGL,OAAO;EAClE,MAAMM,kBAAkB,GAAGP,MAAM,CAACQ,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,UAAU;EAEpE,MAAMC,cAAc,GAAG,IAAIb,cAAc,CAACS,kBAAkB,CAAC;EAC7D,MAAM;IAAEK;EAAW,CAAC,GAAGD,cAAc,CAACE,0BAA0B,CAAC;IAC7DX,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJF,KAAK;IACLG,QAAQ,EAAEA,QAAQ,IAAIC,kBAAkB,CAACL,aAAa,CAAC,CAACY,QAAQ,IAAI,CAAC;EACzE,CAAC,CAAC;EAEFd,MAAM,CAACe,cAAc,CAACC,QAAQ,IAAI;IAC9BJ,UAAU,CAACK,OAAO,CAACC,SAAS,IAAIA,SAAS,CAACC,KAAK,CAACH,QAAQ,CAAC,CAAC;EAC9D,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$createElement.js","sources":["../../../src/editorSdk/utils/$createElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\nimport type { CommandPayload } from \"~/editorSdk/createCommand.js\";\nimport type { Commands } from \"~/BaseEditor/index.js\";\nimport {\n    type ConstraintResult,\n    ElementFactory,\n    evaluateConstraints\n} from \"@webiny/website-builder-sdk\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nexport function $createElement(\n    editor: Editor,\n    payload: CommandPayload<typeof Commands.CreateElement>\n): ConstraintResult | undefined {\n    const { componentName, index, parentId, slot, bindings } = payload;\n    const componentsManifest = editor.getEditorState().read().components;\n\n    const result = evaluateConstraints({\n        componentName,\n        parentId,\n        slot,\n        document: editor.getDocumentState().read(),\n        components: componentsManifest\n    });\n\n    if (!result.allowed) {\n        return result;\n    }\n\n    const elementFactory = new ElementFactory(componentsManifest);\n\n    // Snapshot element IDs before creation so we can find all new elements.\n    const elementsBefore = new Set(Object.keys(editor.getDocumentState().read().elements));\n\n    const { operations } = elementFactory.createElementFromComponent({\n        componentName,\n        parentId,\n        slot,\n        index,\n        bindings: bindings ?? componentsManifest[componentName].defaults ?? {}\n    });\n\n    editor.updateDocument(document => {\n        operations.forEach(operation => operation.apply(document));\n    });\n\n    // Fire onChange + onDescendantChange for every newly created element,\n    // not just the root. ElementFactory recursively creates child elements\n    // from slot defaults, and those children need callbacks too.\n    const editorState = editor.getEditorState().read();\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n\n    const document = editor.getDocumentState().read();\n    const newElementIds = Object.keys(document.elements).filter(id => !elementsBefore.has(id));\n\n    for (const elementId of newElementIds) {\n        const ancestorUpdates = executeOnChange({\n            editor,\n            elementId,\n            action: \"create\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n\n        if (ancestorUpdates.length > 0) {\n            editor.updateDocument(doc => {\n                applyAncestorUpdates(\n                    doc,\n                    ancestorUpdates,\n                    breakpointNames,\n                    baseBreakpoint,\n                    elementFactory\n                );\n            });\n        }\n    }\n\n    return;\n}\n"],"names":["$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","result","evaluateConstraints","elementFactory","ElementFactory","elementsBefore","Set","Object","operations","document","operation","editorState","breakpointNames","bp","baseBreakpoint","newElementIds","id","elementId","ancestorUpdates","executeOnChange","doc","applyAncestorUpdates"],"mappings":";;AAUO,SAASA,eACZC,MAAc,EACdC,OAAsD;IAEtD,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGL;IAC3D,MAAMM,qBAAqBP,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;IAEpE,MAAMQ,SAASC,oBAAoB;QAC/BP;QACAE;QACAC;QACA,UAAUL,OAAO,gBAAgB,GAAG,IAAI;QACxC,YAAYO;IAChB;IAEA,IAAI,CAACC,OAAO,OAAO,EACf,OAAOA;IAGX,MAAME,iBAAiB,IAAIC,eAAeJ;IAG1C,MAAMK,iBAAiB,IAAIC,IAAIC,OAAO,IAAI,CAACd,OAAO,gBAAgB,GAAG,IAAI,GAAG,QAAQ;IAEpF,MAAM,EAAEe,UAAU,EAAE,GAAGL,eAAe,0BAA0B,CAAC;QAC7DR;QACAE;QACAC;QACAF;QACA,UAAUG,YAAYC,kBAAkB,CAACL,cAAc,CAAC,QAAQ,IAAI,CAAC;IACzE;IAEAF,OAAO,cAAc,CAACgB,CAAAA;QAClBD,WAAW,OAAO,CAACE,CAAAA,YAAaA,UAAU,KAAK,CAACD;IACpD;IAKA,MAAME,cAAclB,OAAO,cAAc,GAAG,IAAI;IAChD,MAAMmB,kBAAkBD,YAAY,QAAQ,CAAC,WAAW,CAAC,GAAG,CAACE,CAAAA,KAAMA,GAAG,IAAI;IAC1E,MAAMC,iBAAiBF,eAAe,CAAC,EAAE;IAEzC,MAAMH,WAAWhB,OAAO,gBAAgB,GAAG,IAAI;IAC/C,MAAMsB,gBAAgBR,OAAO,IAAI,CAACE,SAAS,QAAQ,EAAE,MAAM,CAACO,CAAAA,KAAM,CAACX,eAAe,GAAG,CAACW;IAEtF,KAAK,MAAMC,aAAaF,cAAe;QACnC,MAAMG,kBAAkBC,gBAAgB;YACpC1B;YACAwB;YACA,QAAQ;YACRL;YACAE;YACAX;QACJ;QAEA,IAAIe,gBAAgB,MAAM,GAAG,GACzBzB,OAAO,cAAc,CAAC2B,CAAAA;YAClBC,qBACID,KACAF,iBACAN,iBACAE,gBACAX;QAER;IAER;AAGJ"}

package/editorSdk/utils/$deleteElement.d.ts

@@ -1,2 +1,2 @@
-import type { Document } from "@webiny/website-builder-sdk";
-export declare function $deleteElement(document: Document, id: string): void;
+import type { Editor } from "../../editorSdk/Editor.js";
+export declare function $deleteElement(editor: Editor, id: string, ignoreConstraints?: boolean): import("@webiny/website-builder-sdk").ConstraintResult | undefined;

package/editorSdk/utils/$deleteElement.js

@@ -1,30 +1,54 @@
-import { $getElementById } from "./$getElementById";
-import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent";
-export function $deleteElement(document, id) {
-  const elementToDelete = $getElementById(document, id);
-  if (!elementToDelete) {
-    return;
-  }
-
-  // Remove the reference to the element from its parent element.
-  if (elementToDelete.parent) {
-    $removeElementReferenceFromParent(document, {
-      elementId: id,
-      parentId: elementToDelete.parent.id,
-      slot: elementToDelete.parent.slot
+import { ElementFactory, evaluateDeleteConstraint } from "@webiny/website-builder-sdk";
+import { $getElementById } from "./$getElementById.js";
+import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent.js";
+import { Commands } from "../../BaseEditor/index.js";
+import { applyAncestorUpdates, executeOnChange } from "./executeOnChange.js";
+function $deleteElement(editor, id, ignoreConstraints = false) {
+    const document = editor.getDocumentState().read();
+    const elementToDelete = $getElementById(document, id);
+    if (!elementToDelete) return;
+    if (!ignoreConstraints) {
+        const result = evaluateDeleteConstraint({
+            elementId: id,
+            document,
+            components: editor.getEditorState().read().components
+        });
+        if (!result.allowed) return result;
+    }
+    let ancestorUpdates = [];
+    let breakpointNames = [];
+    let baseBreakpoint = "";
+    let elementFactory;
+    if (!ignoreConstraints) {
+        const componentsManifest = editor.getEditorState().read().components;
+        const editorState = editor.getEditorState().read();
+        breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+        baseBreakpoint = breakpointNames[0];
+        elementFactory = new ElementFactory(componentsManifest);
+        ancestorUpdates = executeOnChange({
+            editor,
+            elementId: id,
+            action: "delete",
+            breakpointNames,
+            baseBreakpoint,
+            elementFactory
+        });
+    }
+    editor.executeCommand(Commands.DeselectElement);
+    editor.updateDocument((document)=>{
+        if (elementToDelete.parent) $removeElementReferenceFromParent(document, {
+            elementId: id,
+            parentId: elementToDelete.parent.id,
+            slot: elementToDelete.parent.slot
+        });
+        Object.values(document.elements).filter((el)=>el.parent?.id === id).forEach((element)=>{
+            $deleteElement(editor, element.id, true);
+        });
+        delete document.bindings[elementToDelete.id];
+        delete document.elements[id];
+        if (ancestorUpdates.length > 0 && elementFactory) applyAncestorUpdates(document, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
     });
-  }
-
-  // Remove all descendants.
-  Object.values(document.elements).filter(el => el.parent?.id === id).forEach(element => {
-    $deleteElement(document, element.id);
-  });
-
-  // Delete element bindings.
-  delete document.bindings[elementToDelete.id];
-
-  // Delete the element itself.
-  delete document.elements[id];
 }
+export { $deleteElement };
 
 //# sourceMappingURL=$deleteElement.js.map

package/editorSdk/utils/$deleteElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["$getElementById","$removeElementReferenceFromParent","$deleteElement","document","id","elementToDelete","parent","elementId","parentId","slot","Object","values","elements","filter","el","forEach","element","bindings"],"sources":["$deleteElement.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport { $getElementById } from \"./$getElementById\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent\";\n\nexport function $deleteElement(document: Document, id: string) {\n    const elementToDelete = $getElementById(document, id);\n\n    if (!elementToDelete) {\n        return;\n    }\n\n    // Remove the reference to the element from its parent element.\n    if (elementToDelete.parent) {\n        $removeElementReferenceFromParent(document, {\n            elementId: id,\n            parentId: elementToDelete.parent.id,\n            slot: elementToDelete.parent.slot\n        });\n    }\n\n    // Remove all descendants.\n    Object.values(document.elements)\n        .filter(el => el.parent?.id === id)\n        .forEach(element => {\n            $deleteElement(document, element.id);\n        });\n\n    // Delete element bindings.\n    delete document.bindings[elementToDelete.id];\n\n    // Delete the element itself.\n    delete document.elements[id];\n}\n"],"mappings":"AACA,SAASA,eAAe;AACxB,SAASC,iCAAiC;AAE1C,OAAO,SAASC,cAAcA,CAACC,QAAkB,EAAEC,EAAU,EAAE;EAC3D,MAAMC,eAAe,GAAGL,eAAe,CAACG,QAAQ,EAAEC,EAAE,CAAC;EAErD,IAAI,CAACC,eAAe,EAAE;IAClB;EACJ;;EAEA;EACA,IAAIA,eAAe,CAACC,MAAM,EAAE;IACxBL,iCAAiC,CAACE,QAAQ,EAAE;MACxCI,SAAS,EAAEH,EAAE;MACbI,QAAQ,EAAEH,eAAe,CAACC,MAAM,CAACF,EAAE;MACnCK,IAAI,EAAEJ,eAAe,CAACC,MAAM,CAACG;IACjC,CAAC,CAAC;EACN;;EAEA;EACAC,MAAM,CAACC,MAAM,CAACR,QAAQ,CAACS,QAAQ,CAAC,CAC3BC,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACR,MAAM,EAAEF,EAAE,KAAKA,EAAE,CAAC,CAClCW,OAAO,CAACC,OAAO,IAAI;IAChBd,cAAc,CAACC,QAAQ,EAAEa,OAAO,CAACZ,EAAE,CAAC;EACxC,CAAC,CAAC;;EAEN;EACA,OAAOD,QAAQ,CAACc,QAAQ,CAACZ,eAAe,CAACD,EAAE,CAAC;;EAE5C;EACA,OAAOD,QAAQ,CAACS,QAAQ,CAACR,EAAE,CAAC;AAChC","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$deleteElement.js","sources":["../../../src/editorSdk/utils/$deleteElement.ts"],"sourcesContent":["import { ElementFactory, evaluateDeleteConstraint } from \"@webiny/website-builder-sdk\";\nimport { $getElementById } from \"./$getElementById.js\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent.js\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nexport function $deleteElement(editor: Editor, id: string, ignoreConstraints = false) {\n    const document = editor.getDocumentState().read();\n    const elementToDelete = $getElementById(document, id);\n\n    if (!elementToDelete) {\n        return;\n    }\n\n    if (!ignoreConstraints) {\n        const result = evaluateDeleteConstraint({\n            elementId: id,\n            document,\n            components: editor.getEditorState().read().components\n        });\n\n        if (!result.allowed) {\n            return result;\n        }\n    }\n\n    // Fire onChange on the element + onDescendantChange on ancestors BEFORE deletion,\n    // while the element and its parent chain are still in the document.\n    let ancestorUpdates: ReturnType<typeof executeOnChange> = [];\n    let breakpointNames: string[] = [];\n    let baseBreakpoint = \"\";\n    let elementFactory: ElementFactory | undefined;\n\n    if (!ignoreConstraints) {\n        const componentsManifest = editor.getEditorState().read().components;\n        const editorState = editor.getEditorState().read();\n        breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n        baseBreakpoint = breakpointNames[0];\n        elementFactory = new ElementFactory(componentsManifest);\n\n        ancestorUpdates = executeOnChange({\n            editor,\n            elementId: id,\n            action: \"delete\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n    }\n\n    editor.executeCommand(Commands.DeselectElement);\n\n    editor.updateDocument(document => {\n        // Remove the reference to the element from its parent element.\n        if (elementToDelete.parent) {\n            $removeElementReferenceFromParent(document, {\n                elementId: id,\n                parentId: elementToDelete.parent.id,\n                slot: elementToDelete.parent.slot\n            });\n        }\n\n        // Remove all descendants.\n        Object.values(document.elements)\n            .filter(el => el.parent?.id === id)\n            .forEach(element => {\n                $deleteElement(editor, element.id, true);\n            });\n\n        // Delete element bindings.\n        delete document.bindings[elementToDelete.id];\n\n        // Delete the element itself.\n        delete document.elements[id];\n\n        // Apply ancestor updates from onDescendantChange within the same transaction.\n        if (ancestorUpdates.length > 0 && elementFactory) {\n            applyAncestorUpdates(\n                document,\n                ancestorUpdates,\n                breakpointNames,\n                baseBreakpoint,\n                elementFactory\n            );\n        }\n    });\n\n    return;\n}\n"],"names":["$deleteElement","editor","id","ignoreConstraints","document","elementToDelete","$getElementById","result","evaluateDeleteConstraint","ancestorUpdates","breakpointNames","baseBreakpoint","elementFactory","componentsManifest","editorState","bp","ElementFactory","executeOnChange","Commands","$removeElementReferenceFromParent","Object","el","element","applyAncestorUpdates"],"mappings":";;;;;AAOO,SAASA,eAAeC,MAAc,EAAEC,EAAU,EAAEC,oBAAoB,KAAK;IAChF,MAAMC,WAAWH,OAAO,gBAAgB,GAAG,IAAI;IAC/C,MAAMI,kBAAkBC,gBAAgBF,UAAUF;IAElD,IAAI,CAACG,iBACD;IAGJ,IAAI,CAACF,mBAAmB;QACpB,MAAMI,SAASC,yBAAyB;YACpC,WAAWN;YACXE;YACA,YAAYH,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;QACzD;QAEA,IAAI,CAACM,OAAO,OAAO,EACf,OAAOA;IAEf;IAIA,IAAIE,kBAAsD,EAAE;IAC5D,IAAIC,kBAA4B,EAAE;IAClC,IAAIC,iBAAiB;IACrB,IAAIC;IAEJ,IAAI,CAACT,mBAAmB;QACpB,MAAMU,qBAAqBZ,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;QACpE,MAAMa,cAAcb,OAAO,cAAc,GAAG,IAAI;QAChDS,kBAAkBI,YAAY,QAAQ,CAAC,WAAW,CAAC,GAAG,CAACC,CAAAA,KAAMA,GAAG,IAAI;QACpEJ,iBAAiBD,eAAe,CAAC,EAAE;QACnCE,iBAAiB,IAAII,eAAeH;QAEpCJ,kBAAkBQ,gBAAgB;YAC9BhB;YACA,WAAWC;YACX,QAAQ;YACRQ;YACAC;YACAC;QACJ;IACJ;IAEAX,OAAO,cAAc,CAACiB,SAAS,eAAe;IAE9CjB,OAAO,cAAc,CAACG,CAAAA;QAElB,IAAIC,gBAAgB,MAAM,EACtBc,kCAAkCf,UAAU;YACxC,WAAWF;YACX,UAAUG,gBAAgB,MAAM,CAAC,EAAE;YACnC,MAAMA,gBAAgB,MAAM,CAAC,IAAI;QACrC;QAIJe,OAAO,MAAM,CAAChB,SAAS,QAAQ,EAC1B,MAAM,CAACiB,CAAAA,KAAMA,GAAG,MAAM,EAAE,OAAOnB,IAC/B,OAAO,CAACoB,CAAAA;YACLtB,eAAeC,QAAQqB,QAAQ,EAAE,EAAE;QACvC;QAGJ,OAAOlB,SAAS,QAAQ,CAACC,gBAAgB,EAAE,CAAC;QAG5C,OAAOD,SAAS,QAAQ,CAACF,GAAG;QAG5B,IAAIO,gBAAgB,MAAM,GAAG,KAAKG,gBAC9BW,qBACInB,UACAK,iBACAC,iBACAC,gBACAC;IAGZ;AAGJ"}

package/editorSdk/utils/$deselectElement.d.ts

@@ -1,2 +1,2 @@
-import type { Editor } from "../Editor";
+import type { Editor } from "../Editor.js";
 export declare function $deselectElement(editor: Editor): void;

package/editorSdk/utils/$deselectElement.js

@@ -1,7 +1,8 @@
-export function $deselectElement(editor) {
-  editor.updateEditor(state => {
-    state.selectedElement = null;
-  });
+function $deselectElement(editor) {
+    editor.updateEditor((state)=>{
+        state.selectedElement = null;
+    });
 }
+export { $deselectElement };
 
 //# sourceMappingURL=$deselectElement.js.map

package/editorSdk/utils/$deselectElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["$deselectElement","editor","updateEditor","state","selectedElement"],"sources":["$deselectElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\n\nexport function $deselectElement(editor: Editor) {\n    editor.updateEditor(state => {\n        state.selectedElement = null;\n    });\n}\n"],"mappings":"AAEA,OAAO,SAASA,gBAAgBA,CAACC,MAAc,EAAE;EAC7CA,MAAM,CAACC,YAAY,CAACC,KAAK,IAAI;IACzBA,KAAK,CAACC,eAAe,GAAG,IAAI;EAChC,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$deselectElement.js","sources":["../../../src/editorSdk/utils/$deselectElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\n\nexport function $deselectElement(editor: Editor) {\n    editor.updateEditor(state => {\n        state.selectedElement = null;\n    });\n}\n"],"names":["$deselectElement","editor","state"],"mappings":"AAEO,SAASA,iBAAiBC,MAAc;IAC3CA,OAAO,YAAY,CAACC,CAAAA;QAChBA,MAAM,eAAe,GAAG;IAC5B;AACJ"}

package/editorSdk/utils/$getActiveElementId.d.ts

@@ -1,2 +1,2 @@
-import type { Editor } from "../Editor";
+import type { Editor } from "../Editor.js";
 export declare function $getActiveElementId(editor: Editor): string | null;

package/editorSdk/utils/$getActiveElementId.js

@@ -1,5 +1,6 @@
-export function $getActiveElementId(editor) {
-  return editor.getEditorState().read().selectedElement;
+function $getActiveElementId(editor) {
+    return editor.getEditorState().read().selectedElement;
 }
+export { $getActiveElementId };
 
 //# sourceMappingURL=$getActiveElementId.js.map

package/editorSdk/utils/$getActiveElementId.js.map

@@ -1 +1 @@
-{"version":3,"names":["$getActiveElementId","editor","getEditorState","read","selectedElement"],"sources":["$getActiveElementId.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\n\nexport function $getActiveElementId(editor: Editor) {\n    return editor.getEditorState().read().selectedElement;\n}\n"],"mappings":"AAEA,OAAO,SAASA,mBAAmBA,CAACC,MAAc,EAAE;EAChD,OAAOA,MAAM,CAACC,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,eAAe;AACzD","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$getActiveElementId.js","sources":["../../../src/editorSdk/utils/$getActiveElementId.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\n\nexport function $getActiveElementId(editor: Editor) {\n    return editor.getEditorState().read().selectedElement;\n}\n"],"names":["$getActiveElementId","editor"],"mappings":"AAEO,SAASA,oBAAoBC,MAAc;IAC9C,OAAOA,OAAO,cAAc,GAAG,IAAI,GAAG,eAAe;AACzD"}

package/editorSdk/utils/$getComponentManifestByElementId.d.ts

@@ -1,3 +1,3 @@
-import type { Editor } from "../Editor";
+import type { Editor } from "../Editor.js";
 import type { ComponentManifest } from "@webiny/website-builder-sdk";
 export declare function $getComponentManifestByElementId(editor: Editor, id: string): ComponentManifest | undefined;

package/editorSdk/utils/$getComponentManifestByElementId.js

@@ -1,11 +1,10 @@
-export function $getComponentManifestByElementId(editor, id) {
-  const document = editor.getDocumentState().read();
-  const editorState = editor.getEditorState().read();
-  if (!document.elements[id]) {
-    return undefined;
-  }
-  const componentName = document.elements[id].component.name;
-  return editorState.components[componentName];
+function $getComponentManifestByElementId(editor, id) {
+    const document = editor.getDocumentState().read();
+    const editorState = editor.getEditorState().read();
+    if (!document.elements[id]) return;
+    const componentName = document.elements[id].component.name;
+    return editorState.components[componentName];
 }
+export { $getComponentManifestByElementId };
 
 //# sourceMappingURL=$getComponentManifestByElementId.js.map

package/editorSdk/utils/$getComponentManifestByElementId.js.map

@@ -1 +1 @@
-{"version":3,"names":["$getComponentManifestByElementId","editor","id","document","getDocumentState","read","editorState","getEditorState","elements","undefined","componentName","component","name","components"],"sources":["$getComponentManifestByElementId.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\nimport type { ComponentManifest } from \"@webiny/website-builder-sdk\";\n\nexport function $getComponentManifestByElementId(\n    editor: Editor,\n    id: string\n): ComponentManifest | undefined {\n    const document = editor.getDocumentState().read();\n    const editorState = editor.getEditorState().read();\n\n    if (!document.elements[id]) {\n        return undefined;\n    }\n\n    const componentName = document.elements[id].component.name;\n    return editorState.components[componentName];\n}\n"],"mappings":"AAGA,OAAO,SAASA,gCAAgCA,CAC5CC,MAAc,EACdC,EAAU,EACmB;EAC7B,MAAMC,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EACjD,MAAMC,WAAW,GAAGL,MAAM,CAACM,cAAc,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;EAElD,IAAI,CAACF,QAAQ,CAACK,QAAQ,CAACN,EAAE,CAAC,EAAE;IACxB,OAAOO,SAAS;EACpB;EAEA,MAAMC,aAAa,GAAGP,QAAQ,CAACK,QAAQ,CAACN,EAAE,CAAC,CAACS,SAAS,CAACC,IAAI;EAC1D,OAAON,WAAW,CAACO,UAAU,CAACH,aAAa,CAAC;AAChD","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$getComponentManifestByElementId.js","sources":["../../../src/editorSdk/utils/$getComponentManifestByElementId.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\nimport type { ComponentManifest } from \"@webiny/website-builder-sdk\";\n\nexport function $getComponentManifestByElementId(\n    editor: Editor,\n    id: string\n): ComponentManifest | undefined {\n    const document = editor.getDocumentState().read();\n    const editorState = editor.getEditorState().read();\n\n    if (!document.elements[id]) {\n        return undefined;\n    }\n\n    const componentName = document.elements[id].component.name;\n    return editorState.components[componentName];\n}\n"],"names":["$getComponentManifestByElementId","editor","id","document","editorState","componentName"],"mappings":"AAGO,SAASA,iCACZC,MAAc,EACdC,EAAU;IAEV,MAAMC,WAAWF,OAAO,gBAAgB,GAAG,IAAI;IAC/C,MAAMG,cAAcH,OAAO,cAAc,GAAG,IAAI;IAEhD,IAAI,CAACE,SAAS,QAAQ,CAACD,GAAG,EACtB;IAGJ,MAAMG,gBAAgBF,SAAS,QAAQ,CAACD,GAAG,CAAC,SAAS,CAAC,IAAI;IAC1D,OAAOE,YAAY,UAAU,CAACC,cAAc;AAChD"}

package/editorSdk/utils/$getElementById.js

@@ -1,5 +1,6 @@
-export function $getElementById(document, id) {
-  return document.elements[id];
+function $getElementById(document, id) {
+    return document.elements[id];
 }
+export { $getElementById };
 
 //# sourceMappingURL=$getElementById.js.map

package/editorSdk/utils/$getElementById.js.map

@@ -1 +1 @@
-{"version":3,"names":["$getElementById","document","id","elements"],"sources":["$getElementById.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\n\nexport function $getElementById(document: Document, id: string) {\n    return document.elements[id];\n}\n"],"mappings":"AAEA,OAAO,SAASA,eAAeA,CAACC,QAAkB,EAAEC,EAAU,EAAE;EAC5D,OAAOD,QAAQ,CAACE,QAAQ,CAACD,EAAE,CAAC;AAChC","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$getElementById.js","sources":["../../../src/editorSdk/utils/$getElementById.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\n\nexport function $getElementById(document: Document, id: string) {\n    return document.elements[id];\n}\n"],"names":["$getElementById","document","id"],"mappings":"AAEO,SAASA,gBAAgBC,QAAkB,EAAEC,EAAU;IAC1D,OAAOD,SAAS,QAAQ,CAACC,GAAG;AAChC"}

package/editorSdk/utils/$getElementInputValues.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentManifest, Document } from "@webiny/website-builder-sdk";
+export interface ResolvedElementInputs {
+    [key: string]: any;
+}
+export declare function $getElementInputValues(document: Document, components: Record<string, ComponentManifest>, elementId: string | null, depth?: number): ResolvedElementInputs;

package/editorSdk/utils/$getElementInputValues.js

@@ -0,0 +1,57 @@
+import { BindingsResolver, ComponentManifestToAstConverter, ContentEntryBindingsResolver } from "@webiny/website-builder-sdk";
+function createResolver(document) {
+    const embedded = document.__cache?.contentEntries;
+    const resolvedEntries = embedded ? new Map(Object.entries(embedded)) : void 0;
+    return new ContentEntryBindingsResolver(new BindingsResolver(document.state), resolvedEntries);
+}
+function resolveElement(document, components, elementId, depth) {
+    const element = document.elements[elementId];
+    if (!element) return {};
+    const manifest = components[element.component.name];
+    if (!manifest) return {};
+    const elementBindings = document.bindings[elementId] ?? {};
+    const inputAst = ComponentManifestToAstConverter.convert(manifest.inputs ?? []);
+    const resolver = createResolver(document);
+    const [resolved] = resolver.resolveElement({
+        element,
+        elementBindings,
+        inputAst
+    });
+    const inputs = resolved?.inputs ?? {};
+    if (depth <= 0) return inputs;
+    return resolveSlotsByAst(document, components, inputs, inputAst, depth);
+}
+function resolveSlotsByAst(document, components, inputs, ast, depth) {
+    const result = {
+        ...inputs
+    };
+    for (const node of ast){
+        const value = inputs[node.name];
+        if (void 0 !== value) {
+            if ("slot" === node.type) result[node.name] = resolveSlotValue(document, components, value, depth);
+            else if (node.children.length > 0) {
+                if (node.list && Array.isArray(value)) result[node.name] = value.map((item)=>resolveSlotsByAst(document, components, item, node.children, depth));
+                else if ("object" == typeof value && null !== value && !Array.isArray(value)) result[node.name] = resolveSlotsByAst(document, components, value, node.children, depth);
+            }
+        }
+    }
+    return result;
+}
+function resolveSlotValue(document, components, value, depth) {
+    if ("string" == typeof value && document.elements[value]) {
+        const resolved = resolveElement(document, components, value, depth - 1);
+        return {
+            elementId: value,
+            ...resolved
+        };
+    }
+    if (Array.isArray(value)) return value.map((item)=>resolveSlotValue(document, components, item, depth));
+    return value;
+}
+function $getElementInputValues(document, components, elementId, depth = 0) {
+    if (!elementId) return {};
+    return resolveElement(document, components, elementId, depth);
+}
+export { $getElementInputValues };
+
+//# sourceMappingURL=$getElementInputValues.js.map

package/editorSdk/utils/$getElementInputValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$getElementInputValues.js","sources":["../../../src/editorSdk/utils/$getElementInputValues.ts"],"sourcesContent":["import type { ComponentManifest, Document } from \"@webiny/website-builder-sdk\";\nimport {\n    BindingsResolver,\n    ContentEntryBindingsResolver,\n    ComponentManifestToAstConverter,\n    type InputAstNode\n} from \"@webiny/website-builder-sdk\";\n\n/**\n * Build a content-entry decorator around a plain BindingsResolver,\n * seeding pre-resolved entries from the document cache when available.\n */\nfunction createResolver(document: Document) {\n    const embedded = document.__cache?.contentEntries as Record<string, unknown> | undefined;\n    const resolvedEntries = embedded ? new Map(Object.entries(embedded)) : undefined;\n    return new ContentEntryBindingsResolver(new BindingsResolver(document.state), resolvedEntries);\n}\n\nexport interface ResolvedElementInputs {\n    [key: string]: any;\n}\n\nfunction resolveElement(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    elementId: string,\n    depth: number\n): ResolvedElementInputs {\n    const element = document.elements[elementId];\n    if (!element) {\n        return {};\n    }\n\n    const manifest = components[element.component.name];\n    if (!manifest) {\n        return {};\n    }\n\n    const elementBindings = document.bindings[elementId] ?? {};\n    const inputAst = ComponentManifestToAstConverter.convert(manifest.inputs ?? []);\n    const resolver = createResolver(document);\n\n    const [resolved] = resolver.resolveElement({\n        element,\n        elementBindings,\n        inputAst\n    });\n\n    const inputs = resolved?.inputs ?? {};\n\n    if (depth <= 0) {\n        return inputs;\n    }\n\n    return resolveSlotsByAst(document, components, inputs, inputAst, depth);\n}\n\n/**\n * Walk the resolved inputs using the AST to identify slot values,\n * and resolve slot element IDs into their resolved inputs.\n */\nfunction resolveSlotsByAst(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    inputs: Record<string, any>,\n    ast: InputAstNode[],\n    depth: number\n): Record<string, any> {\n    const result: Record<string, any> = { ...inputs };\n\n    for (const node of ast) {\n        const value = inputs[node.name];\n        if (value === undefined) {\n            continue;\n        }\n\n        if (node.type === \"slot\") {\n            result[node.name] = resolveSlotValue(document, components, value, depth);\n        } else if (node.children.length > 0) {\n            // Object or object-list — recurse into children using their AST.\n            if (node.list && Array.isArray(value)) {\n                result[node.name] = value.map(item =>\n                    resolveSlotsByAst(document, components, item, node.children, depth)\n                );\n            } else if (typeof value === \"object\" && value !== null && !Array.isArray(value)) {\n                result[node.name] = resolveSlotsByAst(\n                    document,\n                    components,\n                    value,\n                    node.children,\n                    depth\n                );\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Resolve a slot value: a single element ID string, or an array of element ID strings.\n */\nfunction resolveSlotValue(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    value: any,\n    depth: number\n): any {\n    if (typeof value === \"string\" && document.elements[value]) {\n        const resolved = resolveElement(document, components, value, depth - 1);\n        return { elementId: value, ...resolved };\n    }\n\n    if (Array.isArray(value)) {\n        return value.map(item => resolveSlotValue(document, components, item, depth));\n    }\n\n    return value;\n}\n\nexport function $getElementInputValues(\n    document: Document,\n    components: Record<string, ComponentManifest>,\n    elementId: string | null,\n    depth = 0\n) {\n    if (!elementId) {\n        return {};\n    }\n\n    return resolveElement(document, components, elementId, depth);\n}\n"],"names":["createResolver","document","embedded","resolvedEntries","Map","Object","undefined","ContentEntryBindingsResolver","BindingsResolver","resolveElement","components","elementId","depth","element","manifest","elementBindings","inputAst","ComponentManifestToAstConverter","resolver","resolved","inputs","resolveSlotsByAst","ast","result","node","value","resolveSlotValue","Array","item","$getElementInputValues"],"mappings":";AAYA,SAASA,eAAeC,QAAkB;IACtC,MAAMC,WAAWD,SAAS,OAAO,EAAE;IACnC,MAAME,kBAAkBD,WAAW,IAAIE,IAAIC,OAAO,OAAO,CAACH,aAAaI;IACvE,OAAO,IAAIC,6BAA6B,IAAIC,iBAAiBP,SAAS,KAAK,GAAGE;AAClF;AAMA,SAASM,eACLR,QAAkB,EAClBS,UAA6C,EAC7CC,SAAiB,EACjBC,KAAa;IAEb,MAAMC,UAAUZ,SAAS,QAAQ,CAACU,UAAU;IAC5C,IAAI,CAACE,SACD,OAAO,CAAC;IAGZ,MAAMC,WAAWJ,UAAU,CAACG,QAAQ,SAAS,CAAC,IAAI,CAAC;IACnD,IAAI,CAACC,UACD,OAAO,CAAC;IAGZ,MAAMC,kBAAkBd,SAAS,QAAQ,CAACU,UAAU,IAAI,CAAC;IACzD,MAAMK,WAAWC,gCAAgC,OAAO,CAACH,SAAS,MAAM,IAAI,EAAE;IAC9E,MAAMI,WAAWlB,eAAeC;IAEhC,MAAM,CAACkB,SAAS,GAAGD,SAAS,cAAc,CAAC;QACvCL;QACAE;QACAC;IACJ;IAEA,MAAMI,SAASD,UAAU,UAAU,CAAC;IAEpC,IAAIP,SAAS,GACT,OAAOQ;IAGX,OAAOC,kBAAkBpB,UAAUS,YAAYU,QAAQJ,UAAUJ;AACrE;AAMA,SAASS,kBACLpB,QAAkB,EAClBS,UAA6C,EAC7CU,MAA2B,EAC3BE,GAAmB,EACnBV,KAAa;IAEb,MAAMW,SAA8B;QAAE,GAAGH,MAAM;IAAC;IAEhD,KAAK,MAAMI,QAAQF,IAAK;QACpB,MAAMG,QAAQL,MAAM,CAACI,KAAK,IAAI,CAAC;QAC/B,IAAIC,AAAUnB,WAAVmB,OAIJ;YAAA,IAAID,AAAc,WAAdA,KAAK,IAAI,EACTD,MAAM,CAACC,KAAK,IAAI,CAAC,GAAGE,iBAAiBzB,UAAUS,YAAYe,OAAOb;iBAC/D,IAAIY,KAAK,QAAQ,CAAC,MAAM,GAAG,GAE9B;gBAAA,IAAIA,KAAK,IAAI,IAAIG,MAAM,OAAO,CAACF,QAC3BF,MAAM,CAACC,KAAK,IAAI,CAAC,GAAGC,MAAM,GAAG,CAACG,CAAAA,OAC1BP,kBAAkBpB,UAAUS,YAAYkB,MAAMJ,KAAK,QAAQ,EAAEZ;qBAE9D,IAAI,AAAiB,YAAjB,OAAOa,SAAsBA,AAAU,SAAVA,SAAkB,CAACE,MAAM,OAAO,CAACF,QACrEF,MAAM,CAACC,KAAK,IAAI,CAAC,GAAGH,kBAChBpB,UACAS,YACAe,OACAD,KAAK,QAAQ,EACbZ;YAER;QACJ;IACJ;IAEA,OAAOW;AACX;AAKA,SAASG,iBACLzB,QAAkB,EAClBS,UAA6C,EAC7Ce,KAAU,EACVb,KAAa;IAEb,IAAI,AAAiB,YAAjB,OAAOa,SAAsBxB,SAAS,QAAQ,CAACwB,MAAM,EAAE;QACvD,MAAMN,WAAWV,eAAeR,UAAUS,YAAYe,OAAOb,QAAQ;QACrE,OAAO;YAAE,WAAWa;YAAO,GAAGN,QAAQ;QAAC;IAC3C;IAEA,IAAIQ,MAAM,OAAO,CAACF,QACd,OAAOA,MAAM,GAAG,CAACG,CAAAA,OAAQF,iBAAiBzB,UAAUS,YAAYkB,MAAMhB;IAG1E,OAAOa;AACX;AAEO,SAASI,uBACZ5B,QAAkB,EAClBS,UAA6C,EAC7CC,SAAwB,EACxBC,QAAQ,CAAC;IAET,IAAI,CAACD,WACD,OAAO,CAAC;IAGZ,OAAOF,eAAeR,UAAUS,YAAYC,WAAWC;AAC3D"}

package/editorSdk/utils/$getElementsOfType.d.ts

@@ -0,0 +1,2 @@
+import type { Document } from "@webiny/website-builder-sdk";
+export declare function $getElementsOfType(document: Document, componentName: string): import("@webiny/website-builder-sdk").DocumentElement[];

package/editorSdk/utils/$getElementsOfType.js

@@ -0,0 +1,6 @@
+function $getElementsOfType(document, componentName) {
+    return Object.values(document.elements).filter((el)=>el.component.name === componentName);
+}
+export { $getElementsOfType };
+
+//# sourceMappingURL=$getElementsOfType.js.map

package/editorSdk/utils/$getElementsOfType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$getElementsOfType.js","sources":["../../../src/editorSdk/utils/$getElementsOfType.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\n\nexport function $getElementsOfType(document: Document, componentName: string) {\n    return Object.values(document.elements).filter(el => el.component.name === componentName);\n}\n"],"names":["$getElementsOfType","document","componentName","Object","el"],"mappings":"AAEO,SAASA,mBAAmBC,QAAkB,EAAEC,aAAqB;IACxE,OAAOC,OAAO,MAAM,CAACF,SAAS,QAAQ,EAAE,MAAM,CAACG,CAAAA,KAAMA,GAAG,SAAS,CAAC,IAAI,KAAKF;AAC/E"}

package/editorSdk/utils/$getFirstElementOfType.d.ts

@@ -0,0 +1,2 @@
+import type { Document } from "@webiny/website-builder-sdk";
+export declare function $getFirstElementOfType(document: Document, componentName: string): import("@webiny/website-builder-sdk").DocumentElement | undefined;

package/editorSdk/utils/$getFirstElementOfType.js

@@ -0,0 +1,6 @@
+function $getFirstElementOfType(document, componentName) {
+    return Object.values(document.elements).find((el)=>el.component.name === componentName);
+}
+export { $getFirstElementOfType };
+
+//# sourceMappingURL=$getFirstElementOfType.js.map

package/editorSdk/utils/$getFirstElementOfType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$getFirstElementOfType.js","sources":["../../../src/editorSdk/utils/$getFirstElementOfType.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\n\nexport function $getFirstElementOfType(document: Document, componentName: string) {\n    return Object.values(document.elements).find(el => el.component.name === componentName);\n}\n"],"names":["$getFirstElementOfType","document","componentName","Object","el"],"mappings":"AAEO,SAASA,uBAAuBC,QAAkB,EAAEC,aAAqB;IAC5E,OAAOC,OAAO,MAAM,CAACF,SAAS,QAAQ,EAAE,IAAI,CAACG,CAAAA,KAAMA,GAAG,SAAS,CAAC,IAAI,KAAKF;AAC7E"}

package/editorSdk/utils/$highlightElement.d.ts

@@ -1,2 +1,2 @@
-import type { Editor } from "../Editor";
+import type { Editor } from "../Editor.js";
 export declare function $highlightElement(editor: Editor, id: string | null): void;

package/editorSdk/utils/$highlightElement.js

@@ -1,7 +1,8 @@
-export function $highlightElement(editor, id) {
-  editor.updateEditor(state => {
-    state.highlightedElement = id;
-  });
+function $highlightElement(editor, id) {
+    editor.updateEditor((state)=>{
+        state.highlightedElement = id;
+    });
 }
+export { $highlightElement };
 
 //# sourceMappingURL=$highlightElement.js.map

package/editorSdk/utils/$highlightElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["$highlightElement","editor","id","updateEditor","state","highlightedElement"],"sources":["$highlightElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor\";\n\nexport function $highlightElement(editor: Editor, id: string | null) {\n    editor.updateEditor(state => {\n        state.highlightedElement = id;\n    });\n}\n"],"mappings":"AAEA,OAAO,SAASA,iBAAiBA,CAACC,MAAc,EAAEC,EAAiB,EAAE;EACjED,MAAM,CAACE,YAAY,CAACC,KAAK,IAAI;IACzBA,KAAK,CAACC,kBAAkB,GAAGH,EAAE;EACjC,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$highlightElement.js","sources":["../../../src/editorSdk/utils/$highlightElement.ts"],"sourcesContent":["import type { Editor } from \"../Editor.js\";\n\nexport function $highlightElement(editor: Editor, id: string | null) {\n    editor.updateEditor(state => {\n        state.highlightedElement = id;\n    });\n}\n"],"names":["$highlightElement","editor","id","state"],"mappings":"AAEO,SAASA,kBAAkBC,MAAc,EAAEC,EAAiB;IAC/DD,OAAO,YAAY,CAACE,CAAAA;QAChBA,MAAM,kBAAkB,GAAGD;IAC/B;AACJ"}

package/editorSdk/utils/$moveElement.d.ts

@@ -1,9 +1,10 @@
-import type { Document } from "@webiny/website-builder-sdk";
+import type { ComponentManifest, ConstraintResult, Document } from "@webiny/website-builder-sdk";
 interface MoveParams {
     elementId: string;
     parentId: string;
     slot: string;
     index: number;
+    components: Record<string, ComponentManifest>;
 }
-export declare function $moveElement(document: Document, params: MoveParams): void;
+export declare function $moveElement(document: Document, params: MoveParams): ConstraintResult | undefined;
 export {};

package/editorSdk/utils/$moveElement.js

@@ -1,37 +1,34 @@
-import { $getElementById } from "./$getElementById";
-import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent";
-import { $addElementReferenceToParent } from "./$addElementReferenceToParent";
-export function $moveElement(document, params) {
-  const {
-    elementId,
-    index,
-    slot,
-    parentId
-  } = params;
-  const elementToMove = $getElementById(document, elementId);
-
-  // Remove the reference to the element from its parent element.
-  if (elementToMove.parent) {
-    $removeElementReferenceFromParent(document, {
-      elementId,
-      parentId: elementToMove.parent.id,
-      slot: elementToMove.parent.slot
+import { evaluateConstraints } from "@webiny/website-builder-sdk";
+import { $getElementById } from "./$getElementById.js";
+import { $removeElementReferenceFromParent } from "./$removeElementReferenceFromParent.js";
+import { $addElementReferenceToParent } from "./$addElementReferenceToParent.js";
+function $moveElement(document, params) {
+    const { elementId, index, slot, parentId, components } = params;
+    const elementToMove = $getElementById(document, elementId);
+    const result = evaluateConstraints({
+        componentName: elementToMove.component.name,
+        parentId,
+        slot,
+        document,
+        components
+    });
+    if (!result.allowed) return result;
+    if (elementToMove.parent) $removeElementReferenceFromParent(document, {
+        elementId,
+        parentId: elementToMove.parent.id,
+        slot: elementToMove.parent.slot
+    });
+    elementToMove.parent = {
+        id: parentId,
+        slot
+    };
+    $addElementReferenceToParent(document, {
+        elementId,
+        parentId,
+        slot,
+        index
     });
-  }
-
-  // Assign new parent.
-  elementToMove.parent = {
-    id: parentId,
-    slot
-  };
-
-  // Add reference to the new parent.
-  $addElementReferenceToParent(document, {
-    elementId,
-    parentId,
-    slot,
-    index
-  });
 }
+export { $moveElement };
 
 //# sourceMappingURL=$moveElement.js.map

package/editorSdk/utils/$moveElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["$getElementById","$removeElementReferenceFromParent","$addElementReferenceToParent","$moveElement","document","params","elementId","index","slot","parentId","elementToMove","parent","id"],"sources":["$moveElement.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport { $getElementById } from \"./$getElementById\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent\";\n\ninterface MoveParams {\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}\n\nexport function $moveElement(document: Document, params: MoveParams) {\n    const { elementId, index, slot, parentId } = params;\n\n    const elementToMove = $getElementById(document, elementId);\n\n    // Remove the reference to the element from its parent element.\n    if (elementToMove.parent) {\n        $removeElementReferenceFromParent(document, {\n            elementId,\n            parentId: elementToMove.parent.id,\n            slot: elementToMove.parent.slot\n        });\n    }\n\n    // Assign new parent.\n    elementToMove.parent = {\n        id: parentId,\n        slot\n    };\n\n    // Add reference to the new parent.\n    $addElementReferenceToParent(document, {\n        elementId,\n        parentId,\n        slot,\n        index\n    });\n}\n"],"mappings":"AACA,SAASA,eAAe;AACxB,SAASC,iCAAiC;AAC1C,SAASC,4BAA4B;AAarC,OAAO,SAASC,YAAYA,CAACC,QAAkB,EAAEC,MAAkB,EAAE;EACjE,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGJ,MAAM;EAEnD,MAAMK,aAAa,GAAGV,eAAe,CAACI,QAAQ,EAAEE,SAAS,CAAC;;EAE1D;EACA,IAAII,aAAa,CAACC,MAAM,EAAE;IACtBV,iCAAiC,CAACG,QAAQ,EAAE;MACxCE,SAAS;MACTG,QAAQ,EAAEC,aAAa,CAACC,MAAM,CAACC,EAAE;MACjCJ,IAAI,EAAEE,aAAa,CAACC,MAAM,CAACH;IAC/B,CAAC,CAAC;EACN;;EAEA;EACAE,aAAa,CAACC,MAAM,GAAG;IACnBC,EAAE,EAAEH,QAAQ;IACZD;EACJ,CAAC;;EAED;EACAN,4BAA4B,CAACE,QAAQ,EAAE;IACnCE,SAAS;IACTG,QAAQ;IACRD,IAAI;IACJD;EACJ,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"editorSdk/utils/$moveElement.js","sources":["../../../src/editorSdk/utils/$moveElement.ts"],"sourcesContent":["import type { ComponentManifest, ConstraintResult, Document } from \"@webiny/website-builder-sdk\";\nimport { evaluateConstraints } from \"@webiny/website-builder-sdk\";\nimport { $getElementById } from \"./$getElementById.js\";\nimport { $removeElementReferenceFromParent } from \"./$removeElementReferenceFromParent.js\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent.js\";\n\ninterface MoveParams {\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n    // All registered component manifests.\n    components: Record<string, ComponentManifest>;\n}\n\nexport function $moveElement(document: Document, params: MoveParams): ConstraintResult | undefined {\n    const { elementId, index, slot, parentId, components } = params;\n\n    const elementToMove = $getElementById(document, elementId);\n\n    const result = evaluateConstraints({\n        componentName: elementToMove.component.name,\n        parentId,\n        slot,\n        document,\n        components\n    });\n\n    if (!result.allowed) {\n        return result;\n    }\n\n    // Remove the reference to the element from its parent element.\n    if (elementToMove.parent) {\n        $removeElementReferenceFromParent(document, {\n            elementId,\n            parentId: elementToMove.parent.id,\n            slot: elementToMove.parent.slot\n        });\n    }\n\n    // Assign new parent.\n    elementToMove.parent = {\n        id: parentId,\n        slot\n    };\n\n    // Add reference to the new parent.\n    $addElementReferenceToParent(document, {\n        elementId,\n        parentId,\n        slot,\n        index\n    });\n\n    return;\n}\n"],"names":["$moveElement","document","params","elementId","index","slot","parentId","components","elementToMove","$getElementById","result","evaluateConstraints","$removeElementReferenceFromParent","$addElementReferenceToParent"],"mappings":";;;;AAmBO,SAASA,aAAaC,QAAkB,EAAEC,MAAkB;IAC/D,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGL;IAEzD,MAAMM,gBAAgBC,gBAAgBR,UAAUE;IAEhD,MAAMO,SAASC,oBAAoB;QAC/B,eAAeH,cAAc,SAAS,CAAC,IAAI;QAC3CF;QACAD;QACAJ;QACAM;IACJ;IAEA,IAAI,CAACG,OAAO,OAAO,EACf,OAAOA;IAIX,IAAIF,cAAc,MAAM,EACpBI,kCAAkCX,UAAU;QACxCE;QACA,UAAUK,cAAc,MAAM,CAAC,EAAE;QACjC,MAAMA,cAAc,MAAM,CAAC,IAAI;IACnC;IAIJA,cAAc,MAAM,GAAG;QACnB,IAAIF;QACJD;IACJ;IAGAQ,6BAA6BZ,UAAU;QACnCE;QACAG;QACAD;QACAD;IACJ;AAGJ"}

package/editorSdk/utils/$previewElementInputs.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from "../Editor.js";
+/**
+ * Programmatically update an element's inputs in the preview iframe only (via JSON patch).
+ * Does NOT write to the editor document state.
+ */
+export declare function $previewElementInputs(editor: Editor, elementId: string, updater: (inputs: Record<string, any>) => void): void;

package/editorSdk/utils/$previewElementInputs.js

@@ -0,0 +1,31 @@
+import { toJS } from "mobx";
+import { BindingsProcessor, ComponentManifestToAstConverter, ElementFactory, InputsBindingsProcessor } from "@webiny/website-builder-sdk";
+import { Commands } from "../../BaseEditor/index.js";
+function $previewElementInputs(editor, elementId, updater) {
+    const document = editor.getDocumentState().read();
+    const editorState = editor.getEditorState().read();
+    const components = editorState.components;
+    const element = document.elements[elementId];
+    if (!element) return;
+    const manifest = components[element.component.name];
+    if (!manifest) return;
+    const breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+    const baseBreakpoint = breakpointNames[0];
+    const inputsAst = ComponentManifestToAstConverter.convert(manifest.inputs ?? []);
+    const rawBindings = toJS(document.bindings[elementId]) ?? {};
+    const elementFactory = new ElementFactory(components);
+    const bindingsProcessor = new BindingsProcessor(breakpointNames);
+    const resolvedBindings = bindingsProcessor.getBindings(rawBindings, baseBreakpoint);
+    const inputsProcessor = new InputsBindingsProcessor(elementId, inputsAst, breakpointNames, rawBindings, elementFactory);
+    const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);
+    updater(deepInputs);
+    const inputsUpdater = inputsProcessor.createUpdate(deepInputs, baseBreakpoint);
+    const patch = inputsUpdater.createJsonPatch(rawBindings);
+    editor.executeCommand(Commands.PreviewPatchElement, {
+        elementId,
+        patch
+    });
+}
+export { $previewElementInputs };
+
+//# sourceMappingURL=$previewElementInputs.js.map

package/editorSdk/utils/$previewElementInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$previewElementInputs.js","sources":["../../../src/editorSdk/utils/$previewElementInputs.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport type { Editor } from \"../Editor.js\";\nimport {\n    BindingsProcessor,\n    ComponentManifestToAstConverter,\n    ElementFactory,\n    InputsBindingsProcessor\n} from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"~/BaseEditor/index.js\";\n\n/**\n * Programmatically update an element's inputs in the preview iframe only (via JSON patch).\n * Does NOT write to the editor document state.\n */\nexport function $previewElementInputs(\n    editor: Editor,\n    elementId: string,\n    updater: (inputs: Record<string, any>) => void\n): void {\n    const document = editor.getDocumentState().read();\n    const editorState = editor.getEditorState().read();\n    const components = editorState.components;\n\n    const element = document.elements[elementId];\n    if (!element) {\n        return;\n    }\n\n    const manifest = components[element.component.name];\n    if (!manifest) {\n        return;\n    }\n\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n    const inputsAst = ComponentManifestToAstConverter.convert(manifest.inputs ?? []);\n    const rawBindings = toJS(document.bindings[elementId]) ?? {};\n    const elementFactory = new ElementFactory(components);\n\n    const bindingsProcessor = new BindingsProcessor(breakpointNames);\n    const resolvedBindings = bindingsProcessor.getBindings(rawBindings, baseBreakpoint);\n\n    const inputsProcessor = new InputsBindingsProcessor(\n        elementId,\n        inputsAst,\n        breakpointNames,\n        rawBindings,\n        elementFactory\n    );\n\n    const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n    updater(deepInputs);\n\n    const inputsUpdater = inputsProcessor.createUpdate(deepInputs, baseBreakpoint);\n    const patch = inputsUpdater.createJsonPatch(rawBindings);\n\n    editor.executeCommand(Commands.PreviewPatchElement, { elementId, patch });\n}\n"],"names":["$previewElementInputs","editor","elementId","updater","document","editorState","components","element","manifest","breakpointNames","bp","baseBreakpoint","inputsAst","ComponentManifestToAstConverter","rawBindings","toJS","elementFactory","ElementFactory","bindingsProcessor","BindingsProcessor","resolvedBindings","inputsProcessor","InputsBindingsProcessor","deepInputs","inputsUpdater","patch","Commands"],"mappings":";;;AAcO,SAASA,sBACZC,MAAc,EACdC,SAAiB,EACjBC,OAA8C;IAE9C,MAAMC,WAAWH,OAAO,gBAAgB,GAAG,IAAI;IAC/C,MAAMI,cAAcJ,OAAO,cAAc,GAAG,IAAI;IAChD,MAAMK,aAAaD,YAAY,UAAU;IAEzC,MAAME,UAAUH,SAAS,QAAQ,CAACF,UAAU;IAC5C,IAAI,CAACK,SACD;IAGJ,MAAMC,WAAWF,UAAU,CAACC,QAAQ,SAAS,CAAC,IAAI,CAAC;IACnD,IAAI,CAACC,UACD;IAGJ,MAAMC,kBAAkBJ,YAAY,QAAQ,CAAC,WAAW,CAAC,GAAG,CAACK,CAAAA,KAAMA,GAAG,IAAI;IAC1E,MAAMC,iBAAiBF,eAAe,CAAC,EAAE;IACzC,MAAMG,YAAYC,gCAAgC,OAAO,CAACL,SAAS,MAAM,IAAI,EAAE;IAC/E,MAAMM,cAAcC,KAAKX,SAAS,QAAQ,CAACF,UAAU,KAAK,CAAC;IAC3D,MAAMc,iBAAiB,IAAIC,eAAeX;IAE1C,MAAMY,oBAAoB,IAAIC,kBAAkBV;IAChD,MAAMW,mBAAmBF,kBAAkB,WAAW,CAACJ,aAAaH;IAEpE,MAAMU,kBAAkB,IAAIC,wBACxBpB,WACAU,WACAH,iBACAK,aACAE;IAGJ,MAAMO,aAAaF,gBAAgB,YAAY,CAACD,iBAAiB,MAAM;IAEvEjB,QAAQoB;IAER,MAAMC,gBAAgBH,gBAAgB,YAAY,CAACE,YAAYZ;IAC/D,MAAMc,QAAQD,cAAc,eAAe,CAACV;IAE5Cb,OAAO,cAAc,CAACyB,SAAS,mBAAmB,EAAE;QAAExB;QAAWuB;IAAM;AAC3E"}