@webiny/app-website-builder 6.3.0-beta.4 → 6.4.0-beta.0

package/editorSdk/State.js

@@ -1,50 +1,50 @@
-import { makeAutoObservable, toJS, runInAction, observable } from "mobx";
+import { makeAutoObservable, observable, runInAction, toJS } from "mobx";
 import { scheduleMicroTask } from "./scheduleMicroTask.js";
-export class State {
-  usePendingState = true;
-  constructor(initialState, usePendingState = true) {
-    this.usePendingState = usePendingState;
-    this.activeState = initialState;
-    makeAutoObservable(this, {
-      // @ts-ignore 123
-      activeState: observable
-    });
-  }
-  read() {
-    return this.pendingState || this.activeState;
-  }
-  update(cb) {
-    if (this.usePendingState) {
-      if (!this.pendingState) {
-        this.pendingState = structuredClone(toJS(this.activeState));
-        this.commitPendingState();
-      }
-      cb(this.pendingState);
-      return;
+class State {
+    constructor(initialState, usePendingState = true){
+        this.usePendingState = true;
+        this.usePendingState = usePendingState;
+        this.activeState = initialState;
+        makeAutoObservable(this, {
+            activeState: observable
+        });
     }
-    runInAction(() => {
-      cb(this.activeState);
-    });
-  }
-  updateInPlace(cb) {
-    cb(this.activeState);
-  }
-  setState(setter) {
-    this.activeState = observable(setter(this.activeState));
-  }
-  toJson() {
-    return toJS(this.activeState);
-  }
-  commitPendingState() {
-    scheduleMicroTask(() => {
-      runInAction(() => {
-        if (this.pendingState) {
-          this.activeState = observable(this.pendingState);
-          this.pendingState = undefined;
+    read() {
+        return this.pendingState || this.activeState;
+    }
+    update(cb) {
+        if (this.usePendingState) {
+            if (!this.pendingState) {
+                this.pendingState = structuredClone(toJS(this.activeState));
+                this.commitPendingState();
+            }
+            cb(this.pendingState);
+            return;
         }
-      });
-    });
-  }
+        runInAction(()=>{
+            cb(this.activeState);
+        });
+    }
+    updateInPlace(cb) {
+        cb(this.activeState);
+    }
+    setState(setter) {
+        this.activeState = observable(setter(this.activeState));
+    }
+    toJson() {
+        return toJS(this.activeState);
+    }
+    commitPendingState() {
+        scheduleMicroTask(()=>{
+            runInAction(()=>{
+                if (this.pendingState) {
+                    this.activeState = observable(this.pendingState);
+                    this.pendingState = void 0;
+                }
+            });
+        });
+    }
 }
+export { State };
 
 //# sourceMappingURL=State.js.map

package/editorSdk/State.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","toJS","runInAction","observable","scheduleMicroTask","State","usePendingState","constructor","initialState","activeState","read","pendingState","update","cb","structuredClone","commitPendingState","updateInPlace","setState","setter","toJson","undefined"],"sources":["State.ts"],"sourcesContent":["import { makeAutoObservable, toJS, runInAction, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { scheduleMicroTask } from \"./scheduleMicroTask.js\";\n\nexport type MutableState<T> = T;\n\nexport interface IState<TState> {\n    read(): TState;\n    update(cb: (state: MutableState<TState>) => void): void;\n    setState(setter: (state: MutableState<TState>) => TState): void;\n    toJson(): TState;\n}\n\nexport class State<TState extends GenericRecord = GenericRecord> implements IState<TState> {\n    private activeState: TState;\n    private pendingState: TState | undefined;\n    private readonly usePendingState: boolean = true;\n\n    constructor(initialState: TState, usePendingState: boolean = true) {\n        this.usePendingState = usePendingState;\n        this.activeState = initialState;\n        makeAutoObservable(this, {\n            // @ts-ignore 123\n            activeState: observable\n        });\n    }\n\n    read(): TState {\n        return this.pendingState || this.activeState;\n    }\n\n    update(cb: (state: MutableState<TState>) => void) {\n        if (this.usePendingState) {\n            if (!this.pendingState) {\n                this.pendingState = structuredClone(toJS(this.activeState));\n                this.commitPendingState();\n            }\n\n            cb(this.pendingState);\n            return;\n        }\n\n        runInAction(() => {\n            cb(this.activeState);\n        });\n    }\n\n    updateInPlace(cb: (state: MutableState<TState>) => void) {\n        cb(this.activeState);\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.activeState = observable(setter(this.activeState));\n    }\n\n    toJson() {\n        return toJS(this.activeState);\n    }\n\n    private commitPendingState() {\n        scheduleMicroTask(() => {\n            runInAction(() => {\n                if (this.pendingState) {\n                    this.activeState = observable(this.pendingState);\n                    this.pendingState = undefined;\n                }\n            });\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,QAAQ,MAAM;AAExE,SAASC,iBAAiB;AAW1B,OAAO,MAAMC,KAAK,CAAyE;EAGtEC,eAAe,GAAY,IAAI;EAEhDC,WAAWA,CAACC,YAAoB,EAAEF,eAAwB,GAAG,IAAI,EAAE;IAC/D,IAAI,CAACA,eAAe,GAAGA,eAAe;IACtC,IAAI,CAACG,WAAW,GAAGD,YAAY;IAC/BR,kBAAkB,CAAC,IAAI,EAAE;MACrB;MACAS,WAAW,EAAEN;IACjB,CAAC,CAAC;EACN;EAEAO,IAAIA,CAAA,EAAW;IACX,OAAO,IAAI,CAACC,YAAY,IAAI,IAAI,CAACF,WAAW;EAChD;EAEAG,MAAMA,CAACC,EAAyC,EAAE;IAC9C,IAAI,IAAI,CAACP,eAAe,EAAE;MACtB,IAAI,CAAC,IAAI,CAACK,YAAY,EAAE;QACpB,IAAI,CAACA,YAAY,GAAGG,eAAe,CAACb,IAAI,CAAC,IAAI,CAACQ,WAAW,CAAC,CAAC;QAC3D,IAAI,CAACM,kBAAkB,CAAC,CAAC;MAC7B;MAEAF,EAAE,CAAC,IAAI,CAACF,YAAY,CAAC;MACrB;IACJ;IAEAT,WAAW,CAAC,MAAM;MACdW,EAAE,CAAC,IAAI,CAACJ,WAAW,CAAC;IACxB,CAAC,CAAC;EACN;EAEAO,aAAaA,CAACH,EAAyC,EAAE;IACrDA,EAAE,CAAC,IAAI,CAACJ,WAAW,CAAC;EACxB;EAEAQ,QAAQA,CAACC,MAA+C,EAAE;IACtD,IAAI,CAACT,WAAW,GAAGN,UAAU,CAACe,MAAM,CAAC,IAAI,CAACT,WAAW,CAAC,CAAC;EAC3D;EAEAU,MAAMA,CAAA,EAAG;IACL,OAAOlB,IAAI,CAAC,IAAI,CAACQ,WAAW,CAAC;EACjC;EAEQM,kBAAkBA,CAAA,EAAG;IACzBX,iBAAiB,CAAC,MAAM;MACpBF,WAAW,CAAC,MAAM;QACd,IAAI,IAAI,CAACS,YAAY,EAAE;UACnB,IAAI,CAACF,WAAW,GAAGN,UAAU,CAAC,IAAI,CAACQ,YAAY,CAAC;UAChD,IAAI,CAACA,YAAY,GAAGS,SAAS;QACjC;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"editorSdk/State.js","sources":["../../src/editorSdk/State.ts"],"sourcesContent":["import { makeAutoObservable, toJS, runInAction, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { scheduleMicroTask } from \"./scheduleMicroTask.js\";\n\nexport type MutableState<T> = T;\n\nexport interface IState<TState> {\n    read(): TState;\n    update(cb: (state: MutableState<TState>) => void): void;\n    setState(setter: (state: MutableState<TState>) => TState): void;\n    toJson(): TState;\n}\n\nexport class State<TState extends GenericRecord = GenericRecord> implements IState<TState> {\n    private activeState: TState;\n    private pendingState: TState | undefined;\n    private readonly usePendingState: boolean = true;\n\n    constructor(initialState: TState, usePendingState: boolean = true) {\n        this.usePendingState = usePendingState;\n        this.activeState = initialState;\n        makeAutoObservable(this, {\n            // @ts-ignore 123\n            activeState: observable\n        });\n    }\n\n    read(): TState {\n        return this.pendingState || this.activeState;\n    }\n\n    update(cb: (state: MutableState<TState>) => void) {\n        if (this.usePendingState) {\n            if (!this.pendingState) {\n                this.pendingState = structuredClone(toJS(this.activeState));\n                this.commitPendingState();\n            }\n\n            cb(this.pendingState);\n            return;\n        }\n\n        runInAction(() => {\n            cb(this.activeState);\n        });\n    }\n\n    updateInPlace(cb: (state: MutableState<TState>) => void) {\n        cb(this.activeState);\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.activeState = observable(setter(this.activeState));\n    }\n\n    toJson() {\n        return toJS(this.activeState);\n    }\n\n    private commitPendingState() {\n        scheduleMicroTask(() => {\n            runInAction(() => {\n                if (this.pendingState) {\n                    this.activeState = observable(this.pendingState);\n                    this.pendingState = undefined;\n                }\n            });\n        });\n    }\n}\n"],"names":["State","initialState","usePendingState","makeAutoObservable","observable","cb","structuredClone","toJS","runInAction","setter","scheduleMicroTask","undefined"],"mappings":";;AAaO,MAAMA;IAKT,YAAYC,YAAoB,EAAEC,kBAA2B,IAAI,CAAE;aAFlD,eAAe,GAAY;QAGxC,IAAI,CAAC,eAAe,GAAGA;QACvB,IAAI,CAAC,WAAW,GAAGD;QACnBE,mBAAmB,IAAI,EAAE;YAErB,aAAaC;QACjB;IACJ;IAEA,OAAe;QACX,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW;IAChD;IAEA,OAAOC,EAAyC,EAAE;QAC9C,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACpB,IAAI,CAAC,YAAY,GAAGC,gBAAgBC,KAAK,IAAI,CAAC,WAAW;gBACzD,IAAI,CAAC,kBAAkB;YAC3B;YAEAF,GAAG,IAAI,CAAC,YAAY;YACpB;QACJ;QAEAG,YAAY;YACRH,GAAG,IAAI,CAAC,WAAW;QACvB;IACJ;IAEA,cAAcA,EAAyC,EAAE;QACrDA,GAAG,IAAI,CAAC,WAAW;IACvB;IAEA,SAASI,MAA+C,EAAE;QACtD,IAAI,CAAC,WAAW,GAAGL,WAAWK,OAAO,IAAI,CAAC,WAAW;IACzD;IAEA,SAAS;QACL,OAAOF,KAAK,IAAI,CAAC,WAAW;IAChC;IAEQ,qBAAqB;QACzBG,kBAAkB;YACdF,YAAY;gBACR,IAAI,IAAI,CAAC,YAAY,EAAE;oBACnB,IAAI,CAAC,WAAW,GAAGJ,WAAW,IAAI,CAAC,YAAY;oBAC/C,IAAI,CAAC,YAAY,GAAGO;gBACxB;YACJ;QACJ;IACJ;AACJ"}

package/editorSdk/StateWithHistory.js

@@ -1,96 +1,91 @@
-import { makeObservable, autorun, observable } from "mobx";
+import { autorun, makeObservable, observable } from "mobx";
 import { EditorHistory } from "./EditorHistory.js";
 import { State } from "./State.js";
 import { jsonPatch } from "@webiny/website-builder-sdk";
-export class StateWithHistory {
-  stateListeners = [];
-  timeTravel = true;
-  constructor(initialState) {
-    this.history = new EditorHistory({
-      snapshots: [initialState],
-      observeKeys: ["elements", "bindings"]
-    });
-    this.state = new State(initialState);
-    makeObservable(this, {
-      state: observable
-    });
-    const handleStateUpdate = newState => {
-      if (!this.timeTravel) {
-        return;
-      }
-      const previousState = this.previousState ?? {};
-      const diff = jsonPatch.compare(previousState, newState);
-      this.previousState = undefined;
-      this.history.trackState(newState);
-      if (diff.length) {
+class StateWithHistory {
+    constructor(initialState){
+        this.stateListeners = [];
+        this.timeTravel = true;
+        this.history = new EditorHistory({
+            snapshots: [
+                initialState
+            ],
+            observeKeys: [
+                "elements",
+                "bindings"
+            ]
+        });
+        this.state = new State(initialState);
+        makeObservable(this, {
+            state: observable
+        });
+        const handleStateUpdate = (newState)=>{
+            if (!this.timeTravel) return;
+            const previousState = this.previousState ?? {};
+            const diff = jsonPatch.compare(previousState, newState);
+            this.previousState = void 0;
+            this.history.trackState(newState);
+            if (diff.length) this.executeStateListeners({
+                reason: "update",
+                diff,
+                state: newState
+            });
+        };
+        autorun(()=>{
+            const newState = this.state.toJson();
+            handleStateUpdate(newState);
+        });
+    }
+    read() {
+        return this.state.read();
+    }
+    toJson() {
+        return this.state.toJson();
+    }
+    setState(setter) {
+        this.state.setState(setter);
+    }
+    update(cb) {
+        if (!this.previousState) this.previousState = structuredClone(this.state.toJson());
+        this.state.update(cb);
+    }
+    getHistory() {
+        return this.history;
+    }
+    undo() {
+        this.timeTravel = false;
+        const snapshot = this.history.goToOlderSnapshot();
+        this.state.setState((state)=>Object.assign({}, state, snapshot.getState()));
+        this.executeStateListeners({
+            reason: "undo",
+            diff: [],
+            state: this.state.toJson()
+        });
+        this.timeTravel = true;
+    }
+    redo() {
+        this.timeTravel = false;
+        const snapshot = this.history.goToNewerSnapshot();
+        this.state.setState((state)=>Object.assign({}, state, snapshot.getState()));
         this.executeStateListeners({
-          reason: "update",
-          diff,
-          state: newState
+            reason: "redo",
+            diff: [],
+            state: this.state.toJson()
+        });
+        this.timeTravel = true;
+    }
+    onStateChange(listener) {
+        this.stateListeners.push(listener);
+        return ()=>{
+            this.stateListeners = this.stateListeners.filter((l)=>l !== listener);
+        };
+    }
+    executeStateListeners(event) {
+        this.stateListeners.forEach((listener)=>{
+            listener(event);
         });
-      }
-    };
-    autorun(() => {
-      const newState = this.state.toJson();
-      handleStateUpdate(newState);
-    });
-  }
-  read() {
-    return this.state.read();
-  }
-  toJson() {
-    return this.state.toJson();
-  }
-  setState(setter) {
-    this.state.setState(setter);
-  }
-  update(cb) {
-    // This is necessary to calculate a diff between two states later on.
-    if (!this.previousState) {
-      this.previousState = structuredClone(this.state.toJson());
     }
-    this.state.update(cb);
-  }
-  getHistory() {
-    return this.history;
-  }
-  undo() {
-    this.timeTravel = false;
-    const snapshot = this.history.goToOlderSnapshot();
-    this.state.setState(state => {
-      return Object.assign({}, state, snapshot.getState());
-    });
-    this.executeStateListeners({
-      reason: "undo",
-      diff: [],
-      state: this.state.toJson()
-    });
-    this.timeTravel = true;
-  }
-  redo() {
-    this.timeTravel = false;
-    const snapshot = this.history.goToNewerSnapshot();
-    this.state.setState(state => {
-      return Object.assign({}, state, snapshot.getState());
-    });
-    this.executeStateListeners({
-      reason: "redo",
-      diff: [],
-      state: this.state.toJson()
-    });
-    this.timeTravel = true;
-  }
-  onStateChange(listener) {
-    this.stateListeners.push(listener);
-    return () => {
-      this.stateListeners = this.stateListeners.filter(l => l !== listener);
-    };
-  }
-  executeStateListeners(event) {
-    this.stateListeners.forEach(listener => {
-      listener(event);
-    });
-  }
 }
+export { StateWithHistory };
 
 //# sourceMappingURL=StateWithHistory.js.map

package/editorSdk/StateWithHistory.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeObservable","autorun","observable","EditorHistory","State","jsonPatch","StateWithHistory","stateListeners","timeTravel","constructor","initialState","history","snapshots","observeKeys","state","handleStateUpdate","newState","previousState","diff","compare","undefined","trackState","length","executeStateListeners","reason","toJson","read","setState","setter","update","cb","structuredClone","getHistory","undo","snapshot","goToOlderSnapshot","Object","assign","getState","redo","goToNewerSnapshot","onStateChange","listener","push","filter","l","event","forEach"],"sources":["StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State.js\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n    reason: \"undo\" | \"redo\" | \"update\";\n    diff: JsonPatchOperation[];\n    state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<\n    TState extends GenericRecord = GenericRecord\n> implements IState<TState> {\n    private readonly history: EditorHistory;\n    private state: State<TState>;\n    private previousState: TState | undefined;\n    private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n    private timeTravel = true;\n\n    constructor(initialState: TState) {\n        this.history = new EditorHistory({\n            snapshots: [initialState],\n            observeKeys: [\"elements\", \"bindings\"]\n        });\n\n        this.state = new State<TState>(initialState);\n\n        makeObservable<StateWithHistory, \"state\">(this, {\n            state: observable\n        });\n\n        const handleStateUpdate = (newState: any) => {\n            if (!this.timeTravel) {\n                return;\n            }\n\n            const previousState = this.previousState ?? {};\n            const diff = jsonPatch.compare(previousState, newState);\n            this.previousState = undefined;\n\n            this.history.trackState(newState);\n\n            if (diff.length) {\n                this.executeStateListeners({\n                    reason: \"update\",\n                    diff,\n                    state: newState\n                });\n            }\n        };\n\n        autorun(() => {\n            const newState = this.state.toJson();\n            handleStateUpdate(newState);\n        });\n    }\n\n    read(): TState {\n        return this.state.read();\n    }\n\n    toJson() {\n        return this.state.toJson();\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.state.setState(setter);\n    }\n\n    update(cb: (state: MutableState<TState>) => void): void {\n        // This is necessary to calculate a diff between two states later on.\n        if (!this.previousState) {\n            this.previousState = structuredClone(this.state.toJson());\n        }\n        this.state.update(cb);\n    }\n\n    getHistory() {\n        return this.history;\n    }\n\n    undo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToOlderSnapshot();\n\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"undo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    redo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToNewerSnapshot();\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"redo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    onStateChange(listener: StateChangeListener<TState>): () => void {\n        this.stateListeners.push(listener);\n        return () => {\n            this.stateListeners = this.stateListeners.filter(l => l !== listener);\n        };\n    }\n\n    private executeStateListeners(event: StateChangeEvent<TState>) {\n        this.stateListeners.forEach(listener => {\n            listener(event);\n        });\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"editorSdk/StateWithHistory.js","sources":["../../src/editorSdk/StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State.js\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n    reason: \"undo\" | \"redo\" | \"update\";\n    diff: JsonPatchOperation[];\n    state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<\n    TState extends GenericRecord = GenericRecord\n> implements IState<TState> {\n    private readonly history: EditorHistory;\n    private state: State<TState>;\n    private previousState: TState | undefined;\n    private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n    private timeTravel = true;\n\n    constructor(initialState: TState) {\n        this.history = new EditorHistory({\n            snapshots: [initialState],\n            observeKeys: [\"elements\", \"bindings\"]\n        });\n\n        this.state = new State<TState>(initialState);\n\n        makeObservable<StateWithHistory, \"state\">(this, {\n            state: observable\n        });\n\n        const handleStateUpdate = (newState: any) => {\n            if (!this.timeTravel) {\n                return;\n            }\n\n            const previousState = this.previousState ?? {};\n            const diff = jsonPatch.compare(previousState, newState);\n            this.previousState = undefined;\n\n            this.history.trackState(newState);\n\n            if (diff.length) {\n                this.executeStateListeners({\n                    reason: \"update\",\n                    diff,\n                    state: newState\n                });\n            }\n        };\n\n        autorun(() => {\n            const newState = this.state.toJson();\n            handleStateUpdate(newState);\n        });\n    }\n\n    read(): TState {\n        return this.state.read();\n    }\n\n    toJson() {\n        return this.state.toJson();\n    }\n\n    setState(setter: (state: MutableState<TState>) => TState) {\n        this.state.setState(setter);\n    }\n\n    update(cb: (state: MutableState<TState>) => void): void {\n        // This is necessary to calculate a diff between two states later on.\n        if (!this.previousState) {\n            this.previousState = structuredClone(this.state.toJson());\n        }\n        this.state.update(cb);\n    }\n\n    getHistory() {\n        return this.history;\n    }\n\n    undo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToOlderSnapshot();\n\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"undo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    redo() {\n        this.timeTravel = false;\n        const snapshot = this.history.goToNewerSnapshot();\n        this.state.setState(state => {\n            return Object.assign({}, state, snapshot.getState());\n        });\n\n        this.executeStateListeners({\n            reason: \"redo\",\n            diff: [],\n            state: this.state.toJson()\n        });\n        this.timeTravel = true;\n    }\n\n    onStateChange(listener: StateChangeListener<TState>): () => void {\n        this.stateListeners.push(listener);\n        return () => {\n            this.stateListeners = this.stateListeners.filter(l => l !== listener);\n        };\n    }\n\n    private executeStateListeners(event: StateChangeEvent<TState>) {\n        this.stateListeners.forEach(listener => {\n            listener(event);\n        });\n    }\n}\n"],"names":["StateWithHistory","initialState","EditorHistory","State","makeObservable","observable","handleStateUpdate","newState","previousState","diff","jsonPatch","undefined","autorun","setter","cb","structuredClone","snapshot","state","Object","listener","l","event"],"mappings":";;;;AAcO,MAAMA;IAST,YAAYC,YAAoB,CAAE;aAH1B,cAAc,GAAqD,EAAE;aACrE,UAAU,GAAG;QAGjB,IAAI,CAAC,OAAO,GAAG,IAAIC,cAAc;YAC7B,WAAW;gBAACD;aAAa;YACzB,aAAa;gBAAC;gBAAY;aAAW;QACzC;QAEA,IAAI,CAAC,KAAK,GAAG,IAAIE,MAAcF;QAE/BG,eAA0C,IAAI,EAAE;YAC5C,OAAOC;QACX;QAEA,MAAMC,oBAAoB,CAACC;YACvB,IAAI,CAAC,IAAI,CAAC,UAAU,EAChB;YAGJ,MAAMC,gBAAgB,IAAI,CAAC,aAAa,IAAI,CAAC;YAC7C,MAAMC,OAAOC,UAAU,OAAO,CAACF,eAAeD;YAC9C,IAAI,CAAC,aAAa,GAAGI;YAErB,IAAI,CAAC,OAAO,CAAC,UAAU,CAACJ;YAExB,IAAIE,KAAK,MAAM,EACX,IAAI,CAAC,qBAAqB,CAAC;gBACvB,QAAQ;gBACRA;gBACA,OAAOF;YACX;QAER;QAEAK,QAAQ;YACJ,MAAML,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM;YAClCD,kBAAkBC;QACtB;IACJ;IAEA,OAAe;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI;IAC1B;IAEA,SAAS;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;IAC5B;IAEA,SAASM,MAA+C,EAAE;QACtD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACA;IACxB;IAEA,OAAOC,EAAyC,EAAQ;QAEpD,IAAI,CAAC,IAAI,CAAC,aAAa,EACnB,IAAI,CAAC,aAAa,GAAGC,gBAAgB,IAAI,CAAC,KAAK,CAAC,MAAM;QAE1D,IAAI,CAAC,KAAK,CAAC,MAAM,CAACD;IACtB;IAEA,aAAa;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,OAAO;QACH,IAAI,CAAC,UAAU,GAAG;QAClB,MAAME,WAAW,IAAI,CAAC,OAAO,CAAC,iBAAiB;QAE/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACC,CAAAA,QACTC,OAAO,MAAM,CAAC,CAAC,GAAGD,OAAOD,SAAS,QAAQ;QAGrD,IAAI,CAAC,qBAAqB,CAAC;YACvB,QAAQ;YACR,MAAM,EAAE;YACR,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;QAC5B;QACA,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,OAAO;QACH,IAAI,CAAC,UAAU,GAAG;QAClB,MAAMA,WAAW,IAAI,CAAC,OAAO,CAAC,iBAAiB;QAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAACC,CAAAA,QACTC,OAAO,MAAM,CAAC,CAAC,GAAGD,OAAOD,SAAS,QAAQ;QAGrD,IAAI,CAAC,qBAAqB,CAAC;YACvB,QAAQ;YACR,MAAM,EAAE;YACR,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;QAC5B;QACA,IAAI,CAAC,UAAU,GAAG;IACtB;IAEA,cAAcG,QAAqC,EAAc;QAC7D,IAAI,CAAC,cAAc,CAAC,IAAI,CAACA;QACzB,OAAO;YACH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAACC,CAAAA,IAAKA,MAAMD;QAChE;IACJ;IAEQ,sBAAsBE,KAA+B,EAAE;QAC3D,IAAI,CAAC,cAAc,CAAC,OAAO,CAACF,CAAAA;YACxBA,SAASE;QACb;IACJ;AACJ"}

package/editorSdk/createCommand.js

@@ -1,9 +1,8 @@
-// oxlint-disable-next-line typescript/no-unused-vars
-
-export function createCommand(type) {
-  return {
-    type
-  }; // assert to preserve type info
+function createCommand(type) {
+    return {
+        type
+    };
 }
+export { createCommand };
 
 //# sourceMappingURL=createCommand.js.map

package/editorSdk/createCommand.js.map

@@ -1 +1 @@
-{"version":3,"names":["createCommand","type"],"sources":["createCommand.ts"],"sourcesContent":["// oxlint-disable-next-line typescript/no-unused-vars\nexport type Command<TPayload> = {\n    type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> =\n    TCommand extends Command<infer TPayload> ? TPayload : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n    return { type } as Command<T>; // assert to preserve type info\n}\n"],"mappings":"AAAA;;AAQA,OAAO,SAASA,aAAaA,CAAIC,IAAY,EAAc;EACvD,OAAO;IAAEA;EAAK,CAAC,CAAe,CAAC;AACnC","ignoreList":[]}
+{"version":3,"file":"editorSdk/createCommand.js","sources":["../../src/editorSdk/createCommand.ts"],"sourcesContent":["// oxlint-disable-next-line typescript/no-unused-vars\nexport type Command<TPayload> = {\n    type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> =\n    TCommand extends Command<infer TPayload> ? TPayload : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n    return { type } as Command<T>; // assert to preserve type info\n}\n"],"names":["createCommand","type"],"mappings":"AAQO,SAASA,cAAiBC,IAAY;IACzC,OAAO;QAAEA;IAAK;AAClB"}

package/editorSdk/scheduleMicroTask.js

@@ -1,5 +1,6 @@
-export const scheduleMicroTask = typeof queueMicrotask === "function" ? queueMicrotask : fn => {
-  Promise.resolve().then(fn);
+const scheduleMicroTask = "function" == typeof queueMicrotask ? queueMicrotask : (fn)=>{
+    Promise.resolve().then(fn);
 };
+export { scheduleMicroTask };
 
 //# sourceMappingURL=scheduleMicroTask.js.map

package/editorSdk/scheduleMicroTask.js.map

@@ -1 +1 @@
-{"version":3,"names":["scheduleMicroTask","queueMicrotask","fn","Promise","resolve","then"],"sources":["scheduleMicroTask.ts"],"sourcesContent":["export const scheduleMicroTask: (fn: () => void) => void =\n    typeof queueMicrotask === \"function\"\n        ? queueMicrotask\n        : fn => {\n              Promise.resolve().then(fn);\n          };\n"],"mappings":"AAAA,OAAO,MAAMA,iBAA2C,GACpD,OAAOC,cAAc,KAAK,UAAU,GAC9BA,cAAc,GACdC,EAAE,IAAI;EACFC,OAAO,CAACC,OAAO,CAAC,CAAC,CAACC,IAAI,CAACH,EAAE,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"file":"editorSdk/scheduleMicroTask.js","sources":["../../src/editorSdk/scheduleMicroTask.ts"],"sourcesContent":["export const scheduleMicroTask: (fn: () => void) => void =\n    typeof queueMicrotask === \"function\"\n        ? queueMicrotask\n        : fn => {\n              Promise.resolve().then(fn);\n          };\n"],"names":["scheduleMicroTask","queueMicrotask","fn","Promise"],"mappings":"AAAO,MAAMA,oBACT,AAA0B,cAA1B,OAAOC,iBACDA,iBACAC,CAAAA;IACIC,QAAQ,OAAO,GAAG,IAAI,CAACD;AAC3B"}

package/editorSdk/utils/$addElementReferenceToParent.js

@@ -1,31 +1,29 @@
-export function $addElementReferenceToParent(document, {
-  elementId,
-  parentId,
-  slot,
-  index
-}) {
-  const bindings = document.bindings[parentId] ?? {};
-  const inputs = bindings.inputs ?? {};
-  if (index < 0) {
-    // Single value slot
-    inputs[slot] = {
-      ...inputs[slot],
-      type: "slot",
-      static: elementId
+function $addElementReferenceToParent(document, { elementId, parentId, slot, index }) {
+    const bindings = document.bindings[parentId] ?? {};
+    const inputs = bindings.inputs ?? {};
+    if (index < 0) inputs[slot] = {
+        ...inputs[slot],
+        type: "slot",
+        static: elementId
     };
-  } else {
-    const slotElements = inputs[slot];
-    inputs[slot] = {
-      ...inputs[slot],
-      type: "slot",
-      list: true,
-      static: [...(slotElements?.static ?? []).slice(0, index), elementId, ...(slotElements?.static ?? []).slice(index)]
+    else {
+        const slotElements = inputs[slot];
+        inputs[slot] = {
+            ...inputs[slot],
+            type: "slot",
+            list: true,
+            static: [
+                ...(slotElements?.static ?? []).slice(0, index),
+                elementId,
+                ...(slotElements?.static ?? []).slice(index)
+            ]
+        };
+    }
+    document.bindings[parentId] = {
+        ...bindings,
+        inputs
     };
-  }
-  document.bindings[parentId] = {
-    ...bindings,
-    inputs
-  };
 }
+export { $addElementReferenceToParent };
 
 //# sourceMappingURL=$addElementReferenceToParent.js.map

package/editorSdk/utils/$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 \"@webiny/website-builder-sdk\";\nimport type { InputValueBinding } from \"@webiny/website-builder-sdk\";\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,"file":"editorSdk/utils/$addElementReferenceToParent.js","sources":["../../../src/editorSdk/utils/$addElementReferenceToParent.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { InputValueBinding } from \"@webiny/website-builder-sdk\";\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"],"names":["$addElementReferenceToParent","document","elementId","parentId","slot","index","bindings","inputs","slotElements"],"mappings":"AAUO,SAASA,6BACZC,QAAkB,EAClB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAU;IAE5C,MAAMC,WAAWL,SAAS,QAAQ,CAACE,SAAS,IAAI,CAAC;IACjD,MAAMI,SAASD,SAAS,MAAM,IAAI,CAAC;IAEnC,IAAID,QAAQ,GAERE,MAAM,CAACH,KAAK,GAAG;QACX,GAAGG,MAAM,CAACH,KAAK;QACf,MAAM;QACN,QAAQF;IACZ;SACG;QACH,MAAMM,eAAeD,MAAM,CAACH,KAAK;QACjCG,MAAM,CAACH,KAAK,GAAG;YACX,GAAGG,MAAM,CAACH,KAAK;YACf,MAAM;YACN,MAAM;YACN,QAAQ;mBACAI,AAAAA,CAAAA,cAAc,UAAU,EAAC,EAAG,KAAK,CAAC,GAAGH;gBACzCH;mBACIM,AAAAA,CAAAA,cAAc,UAAU,EAAC,EAAG,KAAK,CAACH;aACzC;QACL;IACJ;IAEAJ,SAAS,QAAQ,CAACE,SAAS,GAAG;QAC1B,GAAGG,QAAQ;QACXC;IACJ;AACJ"}

package/editorSdk/utils/$createElement.js

@@ -1,65 +1,47 @@
 import { ElementFactory, evaluateConstraints } from "@webiny/website-builder-sdk";
-import { executeOnChange, applyAncestorUpdates } from "./executeOnChange.js";
-export 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);
-
-  // Snapshot element IDs before creation so we can find all new elements.
-  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));
-  });
-
-  // Fire onChange + onDescendantChange for every newly created element,
-  // not just the root. ElementFactory recursively creates child elements
-  // from slot defaults, and those children need callbacks too.
-  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
+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));
     });
-    if (ancestorUpdates.length > 0) {
-      editor.updateDocument(doc => {
-        applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
-      });
+    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);
+        });
     }
-  }
-  return;
 }
+export { $createElement };
 
 //# sourceMappingURL=$createElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ElementFactory","evaluateConstraints","executeOnChange","applyAncestorUpdates","$createElement","editor","payload","componentName","index","parentId","slot","bindings","componentsManifest","getEditorState","read","components","result","document","getDocumentState","allowed","elementFactory","elementsBefore","Set","Object","keys","elements","operations","createElementFromComponent","defaults","updateDocument","forEach","operation","apply","editorState","breakpointNames","viewport","breakpoints","map","bp","name","baseBreakpoint","newElementIds","filter","id","has","elementId","ancestorUpdates","action","length","doc"],"sources":["$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"],"mappings":"AAGA,SAEIA,cAAc,EACdC,mBAAmB,QAChB,6BAA6B;AACpC,SAASC,eAAe,EAAEC,oBAAoB;AAE9C,OAAO,SAASC,cAAcA,CAC1BC,MAAc,EACdC,OAAsD,EAC1B;EAC5B,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,MAAM,GAAGf,mBAAmB,CAAC;IAC/BM,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJO,QAAQ,EAAEZ,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC;IAC1CC,UAAU,EAAEH;EAChB,CAAC,CAAC;EAEF,IAAI,CAACI,MAAM,CAACG,OAAO,EAAE;IACjB,OAAOH,MAAM;EACjB;EAEA,MAAMI,cAAc,GAAG,IAAIpB,cAAc,CAACY,kBAAkB,CAAC;;EAE7D;EACA,MAAMS,cAAc,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACC,IAAI,CAACnB,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC,CAACW,QAAQ,CAAC,CAAC;EAEtF,MAAM;IAAEC;EAAW,CAAC,GAAGN,cAAc,CAACO,0BAA0B,CAAC;IAC7DpB,aAAa;IACbE,QAAQ;IACRC,IAAI;IACJF,KAAK;IACLG,QAAQ,EAAEA,QAAQ,IAAIC,kBAAkB,CAACL,aAAa,CAAC,CAACqB,QAAQ,IAAI,CAAC;EACzE,CAAC,CAAC;EAEFvB,MAAM,CAACwB,cAAc,CAACZ,QAAQ,IAAI;IAC9BS,UAAU,CAACI,OAAO,CAACC,SAAS,IAAIA,SAAS,CAACC,KAAK,CAACf,QAAQ,CAAC,CAAC;EAC9D,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMgB,WAAW,GAAG5B,MAAM,CAACQ,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EAClD,MAAMoB,eAAe,GAAGD,WAAW,CAACE,QAAQ,CAACC,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;EAC3E,MAAMC,cAAc,GAAGN,eAAe,CAAC,CAAC,CAAC;EAEzC,MAAMjB,QAAQ,GAAGZ,MAAM,CAACa,gBAAgB,CAAC,CAAC,CAACJ,IAAI,CAAC,CAAC;EACjD,MAAM2B,aAAa,GAAGlB,MAAM,CAACC,IAAI,CAACP,QAAQ,CAACQ,QAAQ,CAAC,CAACiB,MAAM,CAACC,EAAE,IAAI,CAACtB,cAAc,CAACuB,GAAG,CAACD,EAAE,CAAC,CAAC;EAE1F,KAAK,MAAME,SAAS,IAAIJ,aAAa,EAAE;IACnC,MAAMK,eAAe,GAAG5C,eAAe,CAAC;MACpCG,MAAM;MACNwC,SAAS;MACTE,MAAM,EAAE,QAAQ;MAChBb,eAAe;MACfM,cAAc;MACdpB;IACJ,CAAC,CAAC;IAEF,IAAI0B,eAAe,CAACE,MAAM,GAAG,CAAC,EAAE;MAC5B3C,MAAM,CAACwB,cAAc,CAACoB,GAAG,IAAI;QACzB9C,oBAAoB,CAChB8C,GAAG,EACHH,eAAe,EACfZ,eAAe,EACfM,cAAc,EACdpB,cACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ;EAEA;AACJ","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"}