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

package/BaseEditor/assets/icons/spacer-icon.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="75px" height="75px" viewBox="0 0 75 75" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>spacer-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-445.000000, -86.000000)" id="Divider-Icon">
+            <g transform="translate(406.000000, 50.000000)">
+                <g id="spacer-icon" transform="translate(20.000000, 20.000000)">
+                    <g id="Bounding_Boxes">
+                        <polygon id="Shape" points="0 0 110 0 110 110 0 110"></polygon>
+                    </g>
+                    <g id="divide-solid" transform="translate(19.000000, 16.000000)" fill="#000000" fill-rule="nonzero">
+                        <path fill="currentColor" d="M37.5,53.5714286 C31.5820312,53.5714286 26.7857143,58.3677455 26.7857143,64.2857143 C26.7857143,70.203683 31.5820312,75 37.5,75 C43.4179688,75 48.2142857,70.203683 48.2142857,64.2857143 C48.2142857,58.3677455 43.4179688,53.5714286 37.5,53.5714286 Z M37.5,21.4285714 C43.4179688,21.4285714 48.2142857,16.6322545 48.2142857,10.7142857 C48.2142857,4.79631696 43.4179688,0 37.5,0 C31.5820312,0 26.7857143,4.79631696 26.7857143,10.7142857 C26.7857143,16.6322545 31.5820312,21.4285714 37.5,21.4285714 Z M69.6428571,29.4642857 L5.35714286,29.4642857 C2.39899554,29.4642857 0,31.8632813 0,34.8214286 L0,40.1785714 C0,43.1367188 2.39899554,45.5357143 5.35714286,45.5357143 L69.6428571,45.5357143 C72.6010045,45.5357143 75,43.1367188 75,40.1785714 L75,34.8214286 C75,31.8632812 72.6010045,29.4642857 69.6428571,29.4642857 Z" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/BaseEditor/assets/icons/touch_app.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M8.79,9.24V5.5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v3.74c1.21-0.81,2-2.18,2-3.74c0-2.49-2.01-4.5-4.5-4.5 s-4.5,2.01-4.5,4.5C6.79,7.06,7.58,8.43,8.79,9.24z M14.29,11.71c-0.28-0.14-0.58-0.21-0.89-0.21h-0.61v-6 c0-0.83-0.67-1.5-1.5-1.5s-1.5,0.67-1.5,1.5v10.74l-3.44-0.72c-0.37-0.08-0.76,0.04-1.03,0.31c-0.43,0.44-0.43,1.14,0,1.58 l4.01,4.01C9.71,21.79,10.22,22,10.75,22h6.1c1,0,1.84-0.73,1.98-1.72l0.63-4.47c0.12-0.85-0.32-1.69-1.09-2.07L14.29,11.71z"/></g></g></svg>

package/BaseEditor/assets/icons/undo-icon.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" viewBox="-5 -5 85 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>round-help_outline-24px (1)</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-957.000000, -86.000000)" id="Undo">
+            <g transform="translate(917.000000, 50.000000)">
+                <g id="round-help_outline-24px-(1)" transform="translate(20.000000, 20.000000)">
+                    <g id="Bounding_Boxes">
+                        <polygon id="Shape" points="0 0 110 0 110 110 0 110"></polygon>
+                    </g>
+                    <g id="Rounded" transform="translate(20.000000, 16.000000)" fill="#000000" fill-rule="nonzero">
+                        <g id="Group">
+                            <path fill="currentColor" d="M37,0 C16.576,0 0,16.8 0,37.5 C0,58.2 16.576,75 37,75 C57.424,75 74,58.2 74,37.5 C74,16.8 57.424,0 37,0 Z M37,67.5 C20.683,67.5 7.4,54.0375 7.4,37.5 C7.4,20.9625 20.683,7.5 37,7.5 C53.317,7.5 66.6,20.9625 66.6,37.5 C66.6,54.0375 53.317,67.5 37,67.5 Z" id="Shape"></path>
+                            <path fill="currentColor" d="M37.4623891,18.0000333 C31.9845081,18.00987 27.0108609,20.1684852 23.338881,23.6776194 L20.3867157,20.7254565 C19.136877,19.4756188 17,20.3607552 17,22.1282175 L17,33.2096984 C17,34.3053729 17.8881956,35.1935677 18.983871,35.1935677 L30.0653609,35.1935677 C31.8328246,35.1935677 32.7179617,33.0566925 31.4682056,31.8068548 L28.0170968,28.3557487 C30.5683548,25.966922 33.8695988,24.6436812 37.3768347,24.6134271 C45.0145726,24.5474635 51.4526472,30.7284565 51.3866008,38.6197101 C51.3239435,46.1055931 45.2549516,52.3871021 37.5,52.3871021 C34.1003891,52.3871021 30.8873448,51.1738007 28.3551815,48.9520324 C27.963119,48.608079 27.3710161,48.6289923 27.0021815,48.997744 L23.7236694,52.2762534 C23.3209435,52.6789789 23.3408649,53.335557 23.7635121,53.7172866 C27.398625,57.000673 32.2157944,59 37.5,59 C48.8217863,59 57.9999173,49.8218764 58,38.500182 C58.0000827,27.1913827 48.7711976,17.9797813 37.4623891,18.0000333 Z" id="Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/BaseEditor/assets/icons/vertical_distribute.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><rect fill="none" height="24" width="24"/><path d="M22,3L22,3c0,0.55-0.45,1-1,1H3C2.45,4,2,3.55,2,3v0c0-0.55,0.45-1,1-1h18C21.55,2,22,2.45,22,3z M7,12L7,12 c0,0.83,0.67,1.5,1.5,1.5h7c0.83,0,1.5-0.67,1.5-1.5v0c0-0.83-0.67-1.5-1.5-1.5h-7C7.67,10.5,7,11.17,7,12z M2,21L2,21 c0,0.55,0.45,1,1,1h18c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H3C2.45,20,2,20.45,2,21z"/></svg>

package/BaseEditor/assets/icons/view_quilt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 18h3c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm-6 0h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1zm12 0h3c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zM10 6v4c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1h-9c-.55 0-1 .45-1 1z"/></svg>

package/BaseEditor/assets/icons/visibility_off_24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z" fill="none"/><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>

package/BaseEditor/assets/icons/width-icon.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="58px" height="58px" viewBox="0 0 58 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>width-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-793.000000, -108.000000)" id="Width-Icon">
+            <g transform="translate(747.000000, 50.000000)">
+                <g id="width-icon" transform="translate(20.000000, 20.000000)">
+                    <g id="Bounding_Boxes">
+                        <polygon id="Shape" points="0 0 110 0 110 110 0 110"></polygon>
+                    </g>
+                    <g id="baseline-unfold_more-24px" transform="translate(56.500000, 53.500000) rotate(90.000000) translate(-56.500000, -53.500000) translate(19.000000, 16.000000)">
+                        <polygon id="Shape" points="0 0 75 0 75 75 0 75"></polygon>
+                        <path fill="currentColor" d="M36.5,19.1188889 L46.5141612,29.3333333 L50.9684096,24.79 L36.5,10 L22,24.79 L26.4858388,29.3333333 L36.5,19.1188889 Z M36.5,58.8811111 L26.4858388,48.6666667 L22.0315904,53.21 L36.5,68 L51,53.21 L46.5141612,48.6666667 L36.5,58.8811111 Z" id="Shape" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/BaseEditor/commandHandlers/CreateElement.d.ts

@@ -0,0 +1 @@
+export declare const CreateElement: () => null;

package/BaseEditor/commandHandlers/CreateElement.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "./..";
+import { $createElement } from "../../editorSdk/utils";
+export const CreateElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.CreateElement, payload => {
+      $createElement(editor, payload);
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=CreateElement.js.map

package/BaseEditor/commandHandlers/CreateElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$createElement","CreateElement","editor","registerCommandHandler","payload"],"sources":["CreateElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $createElement } from \"~/editorSdk/utils\";\n\nexport const CreateElement = () => {\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.CreateElement, payload => {\n            $createElement(editor, payload);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAElCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEJ,cAAc,CAACE,MAAM,EAAEE,OAAO,CAAC;IACnC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/DeleteElement.d.ts

@@ -0,0 +1 @@
+export declare const DeleteElement: () => null;

package/BaseEditor/commandHandlers/DeleteElement.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "./..";
+import { $deleteElement } from "../../editorSdk/utils";
+export const DeleteElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.DeleteElement, payload => {
+      editor.updateDocument(document => {
+        $deleteElement(document, payload.id);
+      });
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=DeleteElement.js.map

package/BaseEditor/commandHandlers/DeleteElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deleteElement","DeleteElement","editor","registerCommandHandler","payload","updateDocument","document","id"],"sources":["DeleteElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $deleteElement } from \"~/editorSdk/utils\";\n\nexport const DeleteElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeleteElement, payload => {\n            editor.updateDocument(document => {\n                $deleteElement(document, payload.id);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAEG,OAAO,IAAI;MACpEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,cAAc,CAACM,QAAQ,EAAEF,OAAO,CAACG,EAAE,CAAC;MACxC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/DeselectElement.d.ts

@@ -0,0 +1 @@
+export declare const DeselectElement: () => null;

package/BaseEditor/commandHandlers/DeselectElement.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "../commands";
+import { $deselectElement } from "../../editorSdk/utils";
+export const DeselectElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.DeselectElement, () => {
+      $deselectElement(editor);
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=DeselectElement.js.map

package/BaseEditor/commandHandlers/DeselectElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$deselectElement","DeselectElement","editor","registerCommandHandler"],"sources":["DeselectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $deselectElement } from \"~/editorSdk/utils\";\n\nexport const DeselectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.DeselectElement, () => {\n            $deselectElement(editor);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,eAAe,EAAE,MAAM;MACjED,gBAAgB,CAACE,MAAM,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/HighlightElement.d.ts

@@ -0,0 +1 @@
+export declare const HighlightElement: () => null;

package/BaseEditor/commandHandlers/HighlightElement.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "../commands";
+import { $highlightElement } from "../../editorSdk/utils";
+export const HighlightElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.HighlightElement, ({
+      id
+    }) => {
+      $highlightElement(editor, id);
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=HighlightElement.js.map

package/BaseEditor/commandHandlers/HighlightElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$highlightElement","HighlightElement","editor","registerCommandHandler","id"],"sources":["HighlightElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $highlightElement } from \"~/editorSdk/utils\";\n\nexport const HighlightElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.HighlightElement, ({ id }) => {\n            $highlightElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,gBAAgB,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACxEJ,iBAAiB,CAACE,MAAM,EAAEE,EAAE,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/MoveElement.d.ts

@@ -0,0 +1 @@
+export declare const MoveElement: () => null;

package/BaseEditor/commandHandlers/MoveElement.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "./..";
+import { $moveElement } from "../../editorSdk/utils";
+export const MoveElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.MoveElement, payload => {
+      editor.updateDocument(document => {
+        $moveElement(document, payload);
+      });
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=MoveElement.js.map

package/BaseEditor/commandHandlers/MoveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$moveElement","MoveElement","editor","registerCommandHandler","payload","updateDocument","document"],"sources":["MoveElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $moveElement } from \"~/editorSdk/utils\";\n\nexport const MoveElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.MoveElement, payload => {\n            editor.updateDocument(document => {\n                $moveElement(document, payload);\n            });\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,WAAW,EAAEG,OAAO,IAAI;MAClEF,MAAM,CAACG,cAAc,CAACC,QAAQ,IAAI;QAC9BN,YAAY,CAACM,QAAQ,EAAEF,OAAO,CAAC;MACnC,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/SelectElement.d.ts

@@ -0,0 +1 @@
+export declare const SelectElement: () => null;

package/BaseEditor/commandHandlers/SelectElement.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { Commands } from "../commands";
+import { $selectElement } from "../../editorSdk/utils";
+export const SelectElement = () => {
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return editor.registerCommandHandler(Commands.SelectElement, ({
+      id
+    }) => {
+      $selectElement(editor, id);
+    });
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=SelectElement.js.map

package/BaseEditor/commandHandlers/SelectElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDocumentEditor","Commands","$selectElement","SelectElement","editor","registerCommandHandler","id"],"sources":["SelectElement.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"../commands\";\nimport { $selectElement } from \"~/editorSdk/utils\";\n\nexport const SelectElement = () => {\n    const editor = useDocumentEditor();\n    useEffect(() => {\n        return editor.registerCommandHandler(Commands.SelectElement, ({ id }) => {\n            $selectElement(editor, id);\n        });\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,cAAc;AAEvB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,MAAM,GAAGJ,iBAAiB,CAAC,CAAC;EAClCD,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACC,sBAAsB,CAACJ,QAAQ,CAACE,aAAa,EAAE,CAAC;MAAEG;IAAG,CAAC,KAAK;MACrEJ,cAAc,CAACE,MAAM,EAAEE,EAAE,CAAC;IAC9B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/BaseEditor/commandHandlers/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CommandHandlers: React.MemoExoticComponent<() => React.JSX.Element>;

package/BaseEditor/commandHandlers/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { CreateElement } from "./CreateElement";
+import { DeleteElement } from "./DeleteElement";
+import { MoveElement } from "./MoveElement";
+import { DeselectElement } from "./DeselectElement";
+import { SelectElement } from "./SelectElement";
+import { HighlightElement } from "./HighlightElement";
+export const CommandHandlers = /*#__PURE__*/React.memo(() => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CreateElement, null), /*#__PURE__*/React.createElement(DeleteElement, null), /*#__PURE__*/React.createElement(MoveElement, null), /*#__PURE__*/React.createElement(DeselectElement, null), /*#__PURE__*/React.createElement(SelectElement, null), /*#__PURE__*/React.createElement(HighlightElement, null));
+});
+CommandHandlers.displayName = "CommandHandlers";
+
+//# sourceMappingURL=index.js.map

package/BaseEditor/commandHandlers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CreateElement","DeleteElement","MoveElement","DeselectElement","SelectElement","HighlightElement","CommandHandlers","memo","createElement","Fragment","displayName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { CreateElement } from \"./CreateElement\";\nimport { DeleteElement } from \"./DeleteElement\";\nimport { MoveElement } from \"./MoveElement\";\nimport { DeselectElement } from \"./DeselectElement\";\nimport { SelectElement } from \"./SelectElement\";\nimport { HighlightElement } from \"./HighlightElement\";\n\nexport const CommandHandlers = React.memo(() => {\n    return (\n        <>\n            <CreateElement />\n            <DeleteElement />\n            <MoveElement />\n            <DeselectElement />\n            <SelectElement />\n            <HighlightElement />\n        </>\n    );\n});\n\nCommandHandlers.displayName = \"CommandHandlers\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,gBAAGP,KAAK,CAACQ,IAAI,CAAC,MAAM;EAC5C,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,aAAa,MAAE,CAAC,eACjBD,KAAA,CAAAS,aAAA,CAACP,aAAa,MAAE,CAAC,eACjBF,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAS,aAAA,CAACL,eAAe,MAAE,CAAC,eACnBJ,KAAA,CAAAS,aAAA,CAACJ,aAAa,MAAE,CAAC,eACjBL,KAAA,CAAAS,aAAA,CAACH,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC,CAAC;AAEFC,eAAe,CAACI,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/BaseEditor/commands.d.ts

@@ -0,0 +1,30 @@
+import type { CreateElementParams } from "../sdk/ElementFactory";
+export declare const Commands: {
+    CreateElement: import("../editorSdk/createCommand").Command<{
+        componentName: string;
+        parentId: string;
+        slot: string;
+        index: number;
+        bindings?: CreateElementParams["bindings"];
+    }>;
+    DeleteElement: import("../editorSdk/createCommand").Command<{
+        id: string;
+    }>;
+    MoveElement: import("../editorSdk/createCommand").Command<{
+        elementId: string;
+        parentId: string;
+        slot: string;
+        index: number;
+    }>;
+    SelectElement: import("../editorSdk/createCommand").Command<{
+        id: string;
+    }>;
+    DeselectElement: import("../editorSdk/createCommand").Command<never>;
+    HighlightElement: import("../editorSdk/createCommand").Command<{
+        id: string;
+    }>;
+    PreviewPatchElement: import("../editorSdk/createCommand").Command<{
+        elementId: string;
+        patch: any[];
+    }>;
+};

package/BaseEditor/commands.js

@@ -0,0 +1,19 @@
+import { createCommand } from "../editorSdk/createCommand";
+const CreateElement = createCommand("CREATE_ELEMENT");
+const MoveElement = createCommand("MOVE_ELEMENT");
+const DeleteElement = createCommand("DELETE_ELEMENT");
+const SelectElement = createCommand("SELECT_ELEMENT");
+const HighlightElement = createCommand("HIGHLIGHT_ELEMENT");
+const DeselectElement = createCommand("DESELECT_ELEMENT");
+const PreviewPatchElement = createCommand("PREVIEW_PATCH_ELEMENT");
+export const Commands = {
+  CreateElement,
+  DeleteElement,
+  MoveElement,
+  SelectElement,
+  DeselectElement,
+  HighlightElement,
+  PreviewPatchElement
+};
+
+//# sourceMappingURL=commands.js.map

package/BaseEditor/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createCommand","CreateElement","MoveElement","DeleteElement","SelectElement","HighlightElement","DeselectElement","PreviewPatchElement","Commands"],"sources":["commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand\";\nimport type { CreateElementParams } from \"~/sdk/ElementFactory\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: 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    // Bindings\n    bindings?: CreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\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}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    PreviewPatchElement\n};\n"],"mappings":"AAAA,SAASA,aAAa;AAGtB,MAAMC,aAAa,GAAGD,aAAa,CAWhC,gBAAgB,CAAC;AAEpB,MAAME,WAAW,GAAGF,aAAa,CAS9B,cAAc,CAAC;AAElB,MAAMG,aAAa,GAAGH,aAAa,CAEhC,gBAAgB,CAAC;AAEpB,MAAMI,aAAa,GAAGJ,aAAa,CAAiB,gBAAgB,CAAC;AAErE,MAAMK,gBAAgB,GAAGL,aAAa,CAAiB,mBAAmB,CAAC;AAE3E,MAAMM,eAAe,GAAGN,aAAa,CAAQ,kBAAkB,CAAC;AAEhE,MAAMO,mBAAmB,GAAGP,aAAa,CACrC,uBACJ,CAAC;AAED,OAAO,MAAMQ,QAAQ,GAAG;EACpBP,aAAa;EACbE,aAAa;EACbD,WAAW;EACXE,aAAa;EACbE,eAAe;EACfD,gBAAgB;EAChBE;AACJ,CAAC","ignoreList":[]}

package/BaseEditor/components/DragPreview.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DragPreview: () => React.JSX.Element | null;
+export default DragPreview;

package/BaseEditor/components/DragPreview.js

@@ -0,0 +1,82 @@
+import React, { useEffect, useState } from "react";
+import { useDragLayer } from "react-dnd";
+let subscribedToOffsetChange = false;
+let dragPreviewRef = null;
+const onOffsetChange = monitor => () => {
+  if (!dragPreviewRef) {
+    return;
+  }
+  const offset = monitor.getClientOffset();
+  if (!offset) {
+    return;
+  }
+  const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;
+  dragPreviewRef.style["transform"] = transform;
+  /**
+   * TS is complaining about -webkit.
+   */
+  // @ts-expect-error
+  dragPreviewRef.style["-webkit-transform"] = transform;
+};
+const DragPreview = () => {
+  const [dragHelperOpacity, setDragHelperOpacity] = useState(0);
+  const {
+    isDragging,
+    item
+  } = useDragLayer(monitor => {
+    if (!subscribedToOffsetChange) {
+      // @ts-expect-error
+      monitor.subscribeToOffsetChange(onOffsetChange(monitor));
+      subscribedToOffsetChange = true;
+    }
+    return {
+      isDragging: monitor.isDragging(),
+      item: monitor.getItem()
+    };
+  });
+  useEffect(() => {
+    return () => {
+      subscribedToOffsetChange = false;
+      dragPreviewRef = null;
+    };
+  }, []);
+
+  // We track the value of "isDragging" and apply opacity=1 (after 100ms), when it switches to true.
+  // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it
+  // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.
+  useEffect(() => {
+    if (isDragging) {
+      setTimeout(() => {
+        setDragHelperOpacity(isDragging ? 1 : 0);
+      }, 100);
+      return;
+    }
+    setDragHelperOpacity(0);
+  }, [isDragging]);
+  if (!isDragging) {
+    return null;
+  }
+  // We don't want to show the drag preview for items being drag in the navigator.
+  if (item && item.dragInNavigator) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      zIndex: 1001
+    },
+    className: "wby-fixed wby-pointer-events-none wby-left-0 wby-top-0 wby-w-full wby-h-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: el => {
+      dragPreviewRef = el;
+    },
+    className: "wby-transition-opacity wby-duration-250 wby-ease-in-out wby-block",
+    style: {
+      opacity: dragHelperOpacity
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-size-lg wby-rounded-full wby-bg-primary-default"
+  })));
+};
+export default DragPreview;
+
+//# sourceMappingURL=DragPreview.js.map

package/BaseEditor/components/DragPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","item","subscribeToOffsetChange","getItem","setTimeout","dragInNavigator","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { DragLayerMonitor, useDragLayer } from \"react-dnd\";\n\nlet subscribedToOffsetChange = false;\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragLayerMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    /**\n     * TS is complaining about -webkit.\n     */\n    // @ts-expect-error\n    dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n\n    const { isDragging, item } = useDragLayer((monitor: DragLayerMonitor) => {\n        if (!subscribedToOffsetChange) {\n            // @ts-expect-error\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging(),\n            item: monitor.getItem()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect((): void => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n            return;\n        }\n\n        setDragHelperOpacity(0);\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n    // We don't want to show the drag preview for items being drag in the navigator.\n    if (item && item.dragInNavigator) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{ zIndex: 1001 }}\n            className=\"wby-fixed wby-pointer-events-none wby-left-0 wby-top-0 wby-w-full wby-h-full\"\n        >\n            <div\n                ref={el => {\n                    dragPreviewRef = el;\n                }}\n                className=\"wby-transition-opacity wby-duration-250 wby-ease-in-out wby-block\"\n                style={{ opacity: dragHelperOpacity }}\n            >\n                <div className=\"wby-size-lg wby-rounded-full wby-bg-primary-default\" />\n            </div>\n        </div>\n    );\n};\n\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAA2BC,YAAY,QAAQ,WAAW;AAE1D,IAAIC,wBAAwB,GAAG,KAAK;AACpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAAyB,IAAK,MAAM;EACxD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;AACJ;AACA;EACI;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAE7D,MAAM;IAAEe,UAAU;IAAEC;EAAK,CAAC,GAAGf,YAAY,CAAEI,OAAyB,IAAK;IACrE,IAAI,CAACH,wBAAwB,EAAE;MAC3B;MACAG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC,CAAC;MAChCC,IAAI,EAAEX,OAAO,CAACa,OAAO,CAAC;IAC1B,CAAC;EACL,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAY;IAClB,IAAIgB,UAAU,EAAE;MACZI,UAAU,CAAC,MAAM;QACbL,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;MACP;IACJ;IAEAD,oBAAoB,CAAC,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EACA;EACA,IAAIC,IAAI,IAAIA,IAAI,CAACI,eAAe,EAAE;IAC9B,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAuB,aAAA;IACIV,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;EAA8E,gBAExFzB,KAAA,CAAAuB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAI;MACPtB,cAAc,GAAGsB,EAAE;IACvB,CAAE;IACFF,SAAS,EAAC,mEAAmE;IAC7EZ,KAAK,EAAE;MAAEe,OAAO,EAAEb;IAAkB;EAAE,gBAEtCf,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAAqD,CAAE,CACrE,CACJ,CAAC;AAEd,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}

package/BaseEditor/components/Draggable.d.ts

@@ -0,0 +1,13 @@
+import { ConnectDragSource } from "react-dnd";
+import React from "react";
+interface DraggableProps<T> {
+    type: string;
+    item: T;
+    canDrag?: boolean;
+    children: (props: {
+        isDragging: boolean;
+        dragRef: ConnectDragSource;
+    }) => React.ReactNode;
+}
+export declare const Draggable: React.MemoExoticComponent<(<T = any>({ type, item, canDrag, children }: DraggableProps<T>) => React.JSX.Element)>;
+export {};

package/BaseEditor/components/Draggable.js

@@ -0,0 +1,32 @@
+import { useDrag } from "react-dnd";
+import React, { useEffect } from "react";
+import { getEmptyImage } from "react-dnd-html5-backend";
+export const Draggable = /*#__PURE__*/React.memo(({
+  type,
+  item,
+  canDrag = true,
+  children
+}) => {
+  const [{
+    isDragging
+  }, dragRef, previewRef] = useDrag(() => ({
+    type,
+    item,
+    canDrag,
+    collect: monitor => ({
+      isDragging: monitor.isDragging()
+    })
+  }), [type, item, canDrag]);
+  useEffect(() => {
+    previewRef(getEmptyImage(), {
+      captureDraggingState: true
+    });
+  }, [previewRef]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children({
+    isDragging,
+    dragRef
+  }));
+});
+Draggable.displayName = "Draggable";
+
+//# sourceMappingURL=Draggable.js.map

package/BaseEditor/components/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDrag","React","useEffect","getEmptyImage","Draggable","memo","type","item","canDrag","children","isDragging","dragRef","previewRef","collect","monitor","captureDraggingState","createElement","Fragment","displayName"],"sources":["Draggable.tsx"],"sourcesContent":["import { ConnectDragSource, useDrag } from \"react-dnd\";\nimport React, { useEffect } from \"react\";\nimport { getEmptyImage } from \"react-dnd-html5-backend\";\n\ninterface DraggableProps<T> {\n    type: string;\n    item: T;\n    canDrag?: boolean;\n    children: (props: { isDragging: boolean; dragRef: ConnectDragSource }) => React.ReactNode;\n}\n\nexport const Draggable = React.memo(\n    <T = any,>({ type, item, canDrag = true, children }: DraggableProps<T>) => {\n        const [{ isDragging }, dragRef, previewRef] = useDrag(\n            () => ({\n                type,\n                item,\n                canDrag,\n                collect: monitor => ({\n                    isDragging: monitor.isDragging()\n                })\n            }),\n            [type, item, canDrag]\n        );\n\n        useEffect(() => {\n            previewRef(getEmptyImage(), { captureDraggingState: true });\n        }, [previewRef]);\n\n        return <>{children({ isDragging, dragRef })}</>;\n    }\n);\n\nDraggable.displayName = \"Draggable\";\n"],"mappings":"AAAA,SAA4BA,OAAO,QAAQ,WAAW;AACtD,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,aAAa,QAAQ,yBAAyB;AASvD,OAAO,MAAMC,SAAS,gBAAGH,KAAK,CAACI,IAAI,CAC/B,CAAW;EAAEC,IAAI;EAAEC,IAAI;EAAEC,OAAO,GAAG,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACvE,MAAM,CAAC;IAAEC;EAAW,CAAC,EAAEC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,OAAO,CACjD,OAAO;IACHM,IAAI;IACJC,IAAI;IACJC,OAAO;IACPK,OAAO,EAAEC,OAAO,KAAK;MACjBJ,UAAU,EAAEI,OAAO,CAACJ,UAAU,CAAC;IACnC,CAAC;EACL,CAAC,CAAC,EACF,CAACJ,IAAI,EAAEC,IAAI,EAAEC,OAAO,CACxB,CAAC;EAEDN,SAAS,CAAC,MAAM;IACZU,UAAU,CAACT,aAAa,CAAC,CAAC,EAAE;MAAEY,oBAAoB,EAAE;IAAK,CAAC,CAAC;EAC/D,CAAC,EAAE,CAACH,UAAU,CAAC,CAAC;EAEhB,oBAAOX,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QAAGR,QAAQ,CAAC;IAAEC,UAAU;IAAEC;EAAQ,CAAC,CAAI,CAAC;AACnD,CACJ,CAAC;AAEDP,SAAS,CAACc,WAAW,GAAG,WAAW","ignoreList":[]}

package/BaseEditor/components/Editor.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import "./Editor.scss";
+export declare const Editor: () => React.JSX.Element;

package/BaseEditor/components/Editor.js

@@ -0,0 +1,17 @@
+import React from "react";
+import classSet from "classnames";
+import "./Editor.scss";
+import DragPreview from "./DragPreview";
+import { EditorConfig, EditorWithConfig } from "../config";
+export const Editor = () => {
+  const classes = {
+    "pb-editor": true,
+    "pb-editor-dragging": false,
+    "pb-editor-resizing": false
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classSet("wby-w-full", classes)
+  }, /*#__PURE__*/React.createElement(EditorWithConfig, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.Layout, null)), /*#__PURE__*/React.createElement(DragPreview, null));
+};
+
+//# sourceMappingURL=Editor.js.map

package/BaseEditor/components/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","classSet","DragPreview","EditorConfig","EditorWithConfig","Editor","classes","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport \"./Editor.scss\";\nimport DragPreview from \"./DragPreview\";\nimport { EditorConfig, EditorWithConfig } from \"../config\";\n\nexport const Editor = () => {\n    const classes = {\n        \"pb-editor\": true,\n        \"pb-editor-dragging\": false,\n        \"pb-editor-resizing\": false\n    };\n    return (\n        <div className={classSet(\"wby-w-full\", classes)}>\n            <EditorWithConfig>\n                <EditorConfig.Ui.Layout />\n            </EditorWithConfig>\n            <DragPreview />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,YAAY;AACjC;AACA,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AAEvC,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAMC,OAAO,GAAG;IACZ,WAAW,EAAE,IAAI;IACjB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE;EAC1B,CAAC;EACD,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEP,QAAQ,CAAC,YAAY,EAAEK,OAAO;EAAE,gBAC5CN,KAAA,CAAAO,aAAA,CAACH,gBAAgB,qBACbJ,KAAA,CAAAO,aAAA,CAACJ,YAAY,CAACM,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBV,KAAA,CAAAO,aAAA,CAACL,WAAW,MAAE,CACb,CAAC;AAEd,CAAC","ignoreList":[]}

package/BaseEditor/components/Editor.scss

@@ -0,0 +1,61 @@
+.pb-editor-dragging {
+  .pb-disable {
+    z-index: 10000000;
+    opacity: 0.5;
+    background-color: red;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+  /* Append this class to the DOM elements you want to disable during element dragging. */
+  .pb-editor-dragging--disabled {
+    &:before {
+      content: " ";
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      z-index: 10;
+      background-color: #b0b0b0;
+    }
+    iframe {
+      pointer-events: none;
+    }
+  }
+}
+
+.pb-editor-resizing {
+  /* Append this class to the DOM elements you want to disable during element resizing. */
+  .pb-editor-resizing--disabled {
+    &:before {
+      content: " ";
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      z-index: 10;
+      background-color: #b0b0b0;
+    }
+    iframe {
+      pointer-events: none;
+    }
+  }
+}
+
+.pb-editor {
+  &.pb-editor-no-highlight {
+    .type {
+      display: none !important;
+    }
+    .webiny-pb-page-element-container::after {
+      content: none;
+    }
+    .webiny-pb-base-page-element-style::after {
+      content: none;
+    }
+  }
+}

package/BaseEditor/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./Editor";

package/BaseEditor/components/index.js

@@ -0,0 +1,3 @@
+export * from "./Editor";
+
+//# sourceMappingURL=index.js.map

package/BaseEditor/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Editor\";\n"],"mappings":"AAAA","ignoreList":[]}