payload 2.0.0-beta.2 → 2.0.0-beta.5

package/dist/admin/components/graphics/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/graphics/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAyBzB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAYjB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/graphics/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA4CzB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAYjB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/admin/components/graphics/Icon/index.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
 const _Config = require("../../utilities/Config");
 const _RenderCustomComponent = /*#__PURE__*/ _interop_require_default(require("../../utilities/RenderCustomComponent"));
 function _interop_require_default(obj) {
@@ -17,21 +18,38 @@ function _interop_require_default(obj) {
     };
 }
 const css = `
+  .graphic-icon {
+    width: 18px;
+    height: 18px;
+  }
   .graphic-icon path {
     fill: var(--theme-elevation-1000);
   }
+
+
+  @media (max-width: 768px) {
+    .graphic-icon {
+      width: 16px;
+      height: 16px;
+    }
+  }
 `;
-const PayloadIcon = ()=>/*#__PURE__*/ _react.default.createElement("svg", {
+const PayloadIcon = ()=>{
+    const { t } = (0, _reacti18next.useTranslation)();
+    return /*#__PURE__*/ _react.default.createElement("span", {
+        title: t('general:dashboard')
+    }, /*#__PURE__*/ _react.default.createElement("svg", {
         className: "graphic-icon",
-        height: "25",
+        height: "100%",
         viewBox: "0 0 25 25",
-        width: "25",
+        width: "100%",
         xmlns: "http://www.w3.org/2000/svg"
     }, /*#__PURE__*/ _react.default.createElement("style", null, css), /*#__PURE__*/ _react.default.createElement("path", {
         d: "M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z"
     }), /*#__PURE__*/ _react.default.createElement("path", {
         d: "M10.6559 24.2727V14.0518L2 19.0651L10.6559 24.2727Z"
-    }));
+    })));
+};
 const Icon = ()=>{
     const { admin: { components: { graphics: { Icon: CustomIcon } = {
         Icon: undefined
@@ -43,4 +61,4 @@ const Icon = ()=>{
 };
 const _default = Icon;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2dyYXBoaWNzL0ljb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL0NvbmZpZydcbmltcG9ydCBSZW5kZXJDdXN0b21Db21wb25lbnQgZnJvbSAnLi4vLi4vdXRpbGl0aWVzL1JlbmRlckN1c3RvbUNvbXBvbmVudCdcblxuY29uc3QgY3NzID0gYFxuICAuZ3JhcGhpYy1pY29uIHBhdGgge1xuICAgIGZpbGw6IHZhcigtLXRoZW1lLWVsZXZhdGlvbi0xMDAwKTtcbiAgfVxuYFxuXG5jb25zdCBQYXlsb2FkSWNvbjogUmVhY3QuRkMgPSAoKSA9PiAoXG4gIDxzdmdcbiAgICBjbGFzc05hbWU9XCJncmFwaGljLWljb25cIlxuICAgIGhlaWdodD1cIjI1XCJcbiAgICB2aWV3Qm94PVwiMCAwIDI1IDI1XCJcbiAgICB3aWR0aD1cIjI1XCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgPlxuICAgIDxzdHlsZT57Y3NzfTwvc3R5bGU+XG4gICAgPHBhdGggZD1cIk0xMS41MjkzIDBMMjMgNi45MDA5NlYxOS45OTc4TDE0LjM2MDggMjVWMTEuOTAzMkwyLjg4NDUyIDUuMDA3NzdMMTEuNTI5MyAwWlwiIC8+XG4gICAgPHBhdGggZD1cIk0xMC42NTU5IDI0LjI3MjdWMTQuMDUxOEwyIDE5LjA2NTFMMTAuNjU1OSAyNC4yNzI3WlwiIC8+XG4gIDwvc3ZnPlxuKVxuXG5jb25zdCBJY29uOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3Qge1xuICAgIGFkbWluOiB7XG4gICAgICBjb21wb25lbnRzOiB7XG4gICAgICAgIGdyYXBoaWNzOiB7IEljb246IEN1c3RvbUljb24gfSA9IHtcbiAgICAgICAgICBJY29uOiB1bmRlZmluZWQsXG4gICAgICAgIH0sXG4gICAgICB9ID0ge30sXG4gICAgfSA9IHt9LFxuICB9ID0gdXNlQ29uZmlnKClcblxuICByZXR1cm4gPFJlbmRlckN1c3RvbUNvbXBvbmVudCBDdXN0b21Db21wb25lbnQ9e0N1c3RvbUljb259IERlZmF1bHRDb21wb25lbnQ9e1BheWxvYWRJY29ufSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uXG4iXSwibmFtZXMiOlsiY3NzIiwiUGF5bG9hZEljb24iLCJzdmciLCJjbGFzc05hbWUiLCJoZWlnaHQiLCJ2aWV3Qm94Iiwid2lkdGgiLCJ4bWxucyIsInN0eWxlIiwicGF0aCIsImQiLCJJY29uIiwiYWRtaW4iLCJjb21wb25lbnRzIiwiZ3JhcGhpY3MiLCJDdXN0b21JY29uIiwidW5kZWZpbmVkIiwidXNlQ29uZmlnIiwiUmVuZGVyQ3VzdG9tQ29tcG9uZW50IiwiQ3VzdG9tQ29tcG9uZW50IiwiRGVmYXVsdENvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkF1Q0E7OztlQUFBOzs7OERBdkNrQjt3QkFFUTs4RUFDUTs7Ozs7O0FBRWxDLE1BQU1BLE1BQU0sQ0FBQzs7OztBQUliLENBQUM7QUFFRCxNQUFNQyxjQUF3QixrQkFDNUIsNkJBQUNDO1FBQ0NDLFdBQVU7UUFDVkMsUUFBTztRQUNQQyxTQUFRO1FBQ1JDLE9BQU07UUFDTkMsT0FBTTtxQkFFTiw2QkFBQ0MsZUFBT1Isb0JBQ1IsNkJBQUNTO1FBQUtDLEdBQUU7c0JBQ1IsNkJBQUNEO1FBQUtDLEdBQUU7O0FBSVosTUFBTUMsT0FBaUI7SUFDckIsTUFBTSxFQUNKQyxPQUFPLEVBQ0xDLFlBQVksRUFDVkMsVUFBVSxFQUFFSCxNQUFNSSxVQUFVLEVBQUUsR0FBRztRQUMvQkosTUFBTUs7SUFDUixDQUFDLEVBQ0YsR0FBRyxDQUFDLENBQUMsRUFDUCxHQUFHLENBQUMsQ0FBQyxFQUNQLEdBQUdDLElBQUFBLGlCQUFTO0lBRWIscUJBQU8sNkJBQUNDLDhCQUFxQjtRQUFDQyxpQkFBaUJKO1FBQVlLLGtCQUFrQm5COztBQUMvRTtNQUVBLFdBQWVVIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2dyYXBoaWNzL0ljb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL0NvbmZpZydcbmltcG9ydCBSZW5kZXJDdXN0b21Db21wb25lbnQgZnJvbSAnLi4vLi4vdXRpbGl0aWVzL1JlbmRlckN1c3RvbUNvbXBvbmVudCdcblxuY29uc3QgY3NzID0gYFxuICAuZ3JhcGhpYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gIH1cbiAgLmdyYXBoaWMtaWNvbiBwYXRoIHtcbiAgICBmaWxsOiB2YXIoLS10aGVtZS1lbGV2YXRpb24tMTAwMCk7XG4gIH1cblxuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIC5ncmFwaGljLWljb24ge1xuICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFBheWxvYWRJY29uOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8c3BhbiB0aXRsZT17dCgnZ2VuZXJhbDpkYXNoYm9hcmQnKX0+XG4gICAgICA8c3ZnXG4gICAgICAgIGNsYXNzTmFtZT1cImdyYXBoaWMtaWNvblwiXG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI1IDI1XCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICA+XG4gICAgICAgIDxzdHlsZT57Y3NzfTwvc3R5bGU+XG4gICAgICAgIDxwYXRoIGQ9XCJNMTEuNTI5MyAwTDIzIDYuOTAwOTZWMTkuOTk3OEwxNC4zNjA4IDI1VjExLjkwMzJMMi44ODQ1MiA1LjAwNzc3TDExLjUyOTMgMFpcIiAvPlxuICAgICAgICA8cGF0aCBkPVwiTTEwLjY1NTkgMjQuMjcyN1YxNC4wNTE4TDIgMTkuMDY1MUwxMC42NTU5IDI0LjI3MjdaXCIgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG5jb25zdCBJY29uOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3Qge1xuICAgIGFkbWluOiB7XG4gICAgICBjb21wb25lbnRzOiB7XG4gICAgICAgIGdyYXBoaWNzOiB7IEljb246IEN1c3RvbUljb24gfSA9IHtcbiAgICAgICAgICBJY29uOiB1bmRlZmluZWQsXG4gICAgICAgIH0sXG4gICAgICB9ID0ge30sXG4gICAgfSA9IHt9LFxuICB9ID0gdXNlQ29uZmlnKClcblxuICByZXR1cm4gPFJlbmRlckN1c3RvbUNvbXBvbmVudCBDdXN0b21Db21wb25lbnQ9e0N1c3RvbUljb259IERlZmF1bHRDb21wb25lbnQ9e1BheWxvYWRJY29ufSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uXG4iXSwibmFtZXMiOlsiY3NzIiwiUGF5bG9hZEljb24iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJzcGFuIiwidGl0bGUiLCJzdmciLCJjbGFzc05hbWUiLCJoZWlnaHQiLCJ2aWV3Qm94Iiwid2lkdGgiLCJ4bWxucyIsInN0eWxlIiwicGF0aCIsImQiLCJJY29uIiwiYWRtaW4iLCJjb21wb25lbnRzIiwiZ3JhcGhpY3MiLCJDdXN0b21JY29uIiwidW5kZWZpbmVkIiwidXNlQ29uZmlnIiwiUmVuZGVyQ3VzdG9tQ29tcG9uZW50IiwiQ3VzdG9tQ29tcG9uZW50IiwiRGVmYXVsdENvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkEwREE7OztlQUFBOzs7OERBMURrQjs4QkFDYTt3QkFFTDs4RUFDUTs7Ozs7O0FBRWxDLE1BQU1BLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztBQWdCYixDQUFDO0FBRUQsTUFBTUMsY0FBd0I7SUFDNUIsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFFNUIscUJBQ0UsNkJBQUNDO1FBQUtDLE9BQU9ILEVBQUU7cUJBQ2IsNkJBQUNJO1FBQ0NDLFdBQVU7UUFDVkMsUUFBTztRQUNQQyxTQUFRO1FBQ1JDLE9BQU07UUFDTkMsT0FBTTtxQkFFTiw2QkFBQ0MsZUFBT1osb0JBQ1IsNkJBQUNhO1FBQUtDLEdBQUU7c0JBQ1IsNkJBQUNEO1FBQUtDLEdBQUU7O0FBSWhCO0FBRUEsTUFBTUMsT0FBaUI7SUFDckIsTUFBTSxFQUNKQyxPQUFPLEVBQ0xDLFlBQVksRUFDVkMsVUFBVSxFQUFFSCxNQUFNSSxVQUFVLEVBQUUsR0FBRztRQUMvQkosTUFBTUs7SUFDUixDQUFDLEVBQ0YsR0FBRyxDQUFDLENBQUMsRUFDUCxHQUFHLENBQUMsQ0FBQyxFQUNQLEdBQUdDLElBQUFBLGlCQUFTO0lBRWIscUJBQU8sNkJBQUNDLDhCQUFxQjtRQUFDQyxpQkFBaUJKO1FBQVlLLGtCQUFrQnZCOztBQUMvRTtNQUVBLFdBQWVjIn0=

package/dist/admin/components/views/Global/Routes/custom.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { match } from 'react-router-dom';
 import React from 'react';
 import type { GlobalPermission, User } from '../../../../../auth';

package/dist/admin/components/views/Global/Routes/custom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/Global/Routes/custom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAKzE,eAAO,MAAM,kBAAkB;aACpB,qBAAqB;;;;iBAIjB,gBAAgB;UACvB,IAAI;MACR,MAAM,YAAY,EAgDrB,CAAA"}
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/Global/Routes/custom.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAKzE,eAAO,MAAM,kBAAkB;aACpB,qBAAqB;;;;iBAIjB,gBAAgB;UACvB,IAAI;MACR,MAAM,YAAY,EAgDrB,CAAA"}

package/dist/admin/components/views/Global/Routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/Global/Routes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAK3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqDhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/Global/Routes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAK3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4DhD,CAAA"}

package/dist/admin/components/views/Global/Routes/index.js

@@ -81,7 +81,14 @@ const GlobalRoutes = (props)=>{
         }, permissions?.readVersions?.permission ? /*#__PURE__*/ _react.default.createElement(_CustomComponent.CustomGlobalComponent, {
             view: "Version",
             ...props
-        }) : /*#__PURE__*/ _react.default.createElement(Unauthorized, null)), (0, _custom.globalCustomRoutes)({
+        }) : /*#__PURE__*/ _react.default.createElement(Unauthorized, null)), /*#__PURE__*/ _react.default.createElement(_reactrouterdom.Route, {
+            exact: true,
+            key: `${global.slug}-live-preview`,
+            path: `${adminRoute}/globals/${global.slug}/preview`
+        }, /*#__PURE__*/ _react.default.createElement(_CustomComponent.CustomGlobalComponent, {
+            view: "LivePreview",
+            ...props
+        })), (0, _custom.globalCustomRoutes)({
             global,
             match,
             permissions,
@@ -102,4 +109,4 @@ const GlobalRoutes = (props)=>{
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0dsb2JhbC9Sb3V0ZXMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGxhenkgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFJvdXRlLCBTd2l0Y2gsIHVzZVJvdXRlTWF0Y2ggfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgeyB1c2VBdXRoIH0gZnJvbSAnLi4vLi4vLi4vdXRpbGl0aWVzL0F1dGgnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi91dGlsaXRpZXMvQ29uZmlnJ1xuaW1wb3J0IE5vdEZvdW5kIGZyb20gJy4uLy4uL05vdEZvdW5kJ1xuaW1wb3J0IHsgQ3VzdG9tR2xvYmFsQ29tcG9uZW50IH0gZnJvbSAnLi9DdXN0b21Db21wb25lbnQnXG5pbXBvcnQgeyBnbG9iYWxDdXN0b21Sb3V0ZXMgfSBmcm9tICcuL2N1c3RvbSdcbmltcG9ydCB7IEVkaXRWaWV3UHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcydcblxuLy8gQHRzLWV4cGVjdC1lcnJvciBKdXN0IFR5cGVTY3JpcHQgYmVpbmcgYnJva2VuIC8vIFRPRE86IE9wZW4gVHlwZVNjcmlwdCBpc3N1ZVxuY29uc3QgVW5hdXRob3JpemVkID0gbGF6eSgoKSA9PiBpbXBvcnQoJy4uLy4uL1VuYXV0aG9yaXplZCcpKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsUm91dGVzOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBpZiAoJ2dsb2JhbCcgaW4gcHJvcHMpIHtcbiAgICBjb25zdCB7IGdsb2JhbCwgcGVybWlzc2lvbnMgfSA9IHByb3BzXG5cbiAgICBjb25zdCBtYXRjaCA9IHVzZVJvdXRlTWF0Y2goKVxuXG4gICAgY29uc3Qge1xuICAgICAgcm91dGVzOiB7IGFkbWluOiBhZG1pblJvdXRlIH0sXG4gICAgfSA9IHVzZUNvbmZpZygpXG5cbiAgICBjb25zdCB7IHVzZXIgfSA9IHVzZUF1dGgoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTd2l0Y2g+XG4gICAgICAgIDxSb3V0ZVxuICAgICAgICAgIGV4YWN0XG4gICAgICAgICAga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmVyc2lvbnNgfVxuICAgICAgICAgIHBhdGg9e2Ake2FkbWluUm91dGV9L2dsb2JhbHMvJHtnbG9iYWwuc2x1Z30vdmVyc2lvbnNgfVxuICAgICAgICA+XG4gICAgICAgICAge3Blcm1pc3Npb25zPy5yZWFkVmVyc2lvbnM/LnBlcm1pc3Npb24gPyAoXG4gICAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJWZXJzaW9uc1wiIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFVuYXV0aG9yaXplZCAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvUm91dGU+XG4gICAgICAgIDxSb3V0ZVxuICAgICAgICAgIGV4YWN0XG4gICAgICAgICAga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmlldy12ZXJzaW9uYH1cbiAgICAgICAgICBwYXRoPXtgJHthZG1pblJvdXRlfS9nbG9iYWxzLyR7Z2xvYmFsLnNsdWd9L3ZlcnNpb25zLzp2ZXJzaW9uSURgfVxuICAgICAgICA+XG4gICAgICAgICAge3Blcm1pc3Npb25zPy5yZWFkVmVyc2lvbnM/LnBlcm1pc3Npb24gPyAoXG4gICAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJWZXJzaW9uXCIgey4uLnByb3BzfSAvPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VW5hdXRob3JpemVkIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Sb3V0ZT5cbiAgICAgICAge2dsb2JhbEN1c3RvbVJvdXRlcyh7XG4gICAgICAgICAgZ2xvYmFsLFxuICAgICAgICAgIG1hdGNoLFxuICAgICAgICAgIHBlcm1pc3Npb25zLFxuICAgICAgICAgIHVzZXIsXG4gICAgICAgIH0pfVxuICAgICAgICA8Um91dGUgZXhhY3Qga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmlld2B9IHBhdGg9e2Ake2FkbWluUm91dGV9L2dsb2JhbHMvJHtnbG9iYWwuc2x1Z31gfT5cbiAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJEZWZhdWx0XCIgey4uLnByb3BzfSAvPlxuICAgICAgICA8L1JvdXRlPlxuICAgICAgICA8Um91dGUgcGF0aD17YCR7bWF0Y2gudXJsfSpgfT5cbiAgICAgICAgICA8Tm90Rm91bmQgbWFyZ2luVG9wPVwibGFyZ2VcIiAvPlxuICAgICAgICA8L1JvdXRlPlxuICAgICAgPC9Td2l0Y2g+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdLCJuYW1lcyI6WyJHbG9iYWxSb3V0ZXMiLCJVbmF1dGhvcml6ZWQiLCJsYXp5IiwicHJvcHMiLCJnbG9iYWwiLCJwZXJtaXNzaW9ucyIsIm1hdGNoIiwidXNlUm91dGVNYXRjaCIsInJvdXRlcyIsImFkbWluIiwiYWRtaW5Sb3V0ZSIsInVzZUNvbmZpZyIsInVzZXIiLCJ1c2VBdXRoIiwiU3dpdGNoIiwiUm91dGUiLCJleGFjdCIsImtleSIsInNsdWciLCJwYXRoIiwicmVhZFZlcnNpb25zIiwicGVybWlzc2lvbiIsIkN1c3RvbUdsb2JhbENvbXBvbmVudCIsInZpZXciLCJnbG9iYWxDdXN0b21Sb3V0ZXMiLCJ1cmwiLCJOb3RGb3VuZCIsIm1hcmdpblRvcCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFjYUE7OztlQUFBQTs7OytEQWRRO2dDQUV3QjtzQkFFckI7d0JBQ0U7aUVBQ0w7aUNBQ2lCO3dCQUNIOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHbkMsK0VBQStFO0FBQy9FLE1BQU1DLDZCQUFlQyxJQUFBQSxXQUFJLEVBQUMsSUFBTSxtRUFBQSxRQUFPO0FBRWhDLE1BQU1GLGVBQXdDLENBQUNHO0lBQ3BELElBQUksWUFBWUEsT0FBTztRQUNyQixNQUFNLEVBQUVDLE1BQU0sRUFBRUMsV0FBVyxFQUFFLEdBQUdGO1FBRWhDLE1BQU1HLFFBQVFDLElBQUFBLDZCQUFhO1FBRTNCLE1BQU0sRUFDSkMsUUFBUSxFQUFFQyxPQUFPQyxVQUFVLEVBQUUsRUFDOUIsR0FBR0MsSUFBQUEsaUJBQVM7UUFFYixNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHQyxJQUFBQSxhQUFPO1FBRXhCLHFCQUNFLDZCQUFDQyxzQkFBTSxzQkFDTCw2QkFBQ0MscUJBQUs7WUFDSkMsT0FBQUE7WUFDQUMsS0FBSyxDQUFDLEVBQUViLE9BQU9jLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUJDLE1BQU0sQ0FBQyxFQUFFVCxXQUFXLFNBQVMsRUFBRU4sT0FBT2MsSUFBSSxDQUFDLFNBQVMsQ0FBQztXQUVwRGIsYUFBYWUsY0FBY0MsMkJBQzFCLDZCQUFDQyxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFZLEdBQUdwQixLQUFLOzJCQUVoRCw2QkFBQ0Ysb0NBR0wsNkJBQUNjLHFCQUFLO1lBQ0pDLE9BQUFBO1lBQ0FDLEtBQUssQ0FBQyxFQUFFYixPQUFPYyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQ2xDQyxNQUFNLENBQUMsRUFBRVQsV0FBVyxTQUFTLEVBQUVOLE9BQU9jLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztXQUUvRGIsYUFBYWUsY0FBY0MsMkJBQzFCLDZCQUFDQyxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFXLEdBQUdwQixLQUFLOzJCQUUvQyw2QkFBQ0Ysc0JBR0p1QixJQUFBQSwwQkFBa0IsRUFBQztZQUNsQnBCO1lBQ0FFO1lBQ0FEO1lBQ0FPO1FBQ0Ysa0JBQ0EsNkJBQUNHLHFCQUFLO1lBQUNDLE9BQUFBO1lBQU1DLEtBQUssQ0FBQyxFQUFFYixPQUFPYyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQUVDLE1BQU0sQ0FBQyxFQUFFVCxXQUFXLFNBQVMsRUFBRU4sT0FBT2MsSUFBSSxDQUFDLENBQUM7eUJBQ25GLDZCQUFDSSxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFXLEdBQUdwQixLQUFLOzJCQUVqRCw2QkFBQ1kscUJBQUs7WUFBQ0ksTUFBTSxDQUFDLEVBQUViLE1BQU1tQixHQUFHLENBQUMsQ0FBQyxDQUFDO3lCQUMxQiw2QkFBQ0MsaUJBQVE7WUFBQ0MsV0FBVTs7SUFJNUI7SUFFQSxPQUFPO0FBQ1QifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0dsb2JhbC9Sb3V0ZXMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGxhenkgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFJvdXRlLCBTd2l0Y2gsIHVzZVJvdXRlTWF0Y2ggfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgeyB1c2VBdXRoIH0gZnJvbSAnLi4vLi4vLi4vdXRpbGl0aWVzL0F1dGgnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi91dGlsaXRpZXMvQ29uZmlnJ1xuaW1wb3J0IE5vdEZvdW5kIGZyb20gJy4uLy4uL05vdEZvdW5kJ1xuaW1wb3J0IHsgQ3VzdG9tR2xvYmFsQ29tcG9uZW50IH0gZnJvbSAnLi9DdXN0b21Db21wb25lbnQnXG5pbXBvcnQgeyBnbG9iYWxDdXN0b21Sb3V0ZXMgfSBmcm9tICcuL2N1c3RvbSdcbmltcG9ydCB7IEVkaXRWaWV3UHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcydcblxuLy8gQHRzLWV4cGVjdC1lcnJvciBKdXN0IFR5cGVTY3JpcHQgYmVpbmcgYnJva2VuIC8vIFRPRE86IE9wZW4gVHlwZVNjcmlwdCBpc3N1ZVxuY29uc3QgVW5hdXRob3JpemVkID0gbGF6eSgoKSA9PiBpbXBvcnQoJy4uLy4uL1VuYXV0aG9yaXplZCcpKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsUm91dGVzOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBpZiAoJ2dsb2JhbCcgaW4gcHJvcHMpIHtcbiAgICBjb25zdCB7IGdsb2JhbCwgcGVybWlzc2lvbnMgfSA9IHByb3BzXG5cbiAgICBjb25zdCBtYXRjaCA9IHVzZVJvdXRlTWF0Y2goKVxuXG4gICAgY29uc3Qge1xuICAgICAgcm91dGVzOiB7IGFkbWluOiBhZG1pblJvdXRlIH0sXG4gICAgfSA9IHVzZUNvbmZpZygpXG5cbiAgICBjb25zdCB7IHVzZXIgfSA9IHVzZUF1dGgoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTd2l0Y2g+XG4gICAgICAgIDxSb3V0ZVxuICAgICAgICAgIGV4YWN0XG4gICAgICAgICAga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmVyc2lvbnNgfVxuICAgICAgICAgIHBhdGg9e2Ake2FkbWluUm91dGV9L2dsb2JhbHMvJHtnbG9iYWwuc2x1Z30vdmVyc2lvbnNgfVxuICAgICAgICA+XG4gICAgICAgICAge3Blcm1pc3Npb25zPy5yZWFkVmVyc2lvbnM/LnBlcm1pc3Npb24gPyAoXG4gICAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJWZXJzaW9uc1wiIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFVuYXV0aG9yaXplZCAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvUm91dGU+XG4gICAgICAgIDxSb3V0ZVxuICAgICAgICAgIGV4YWN0XG4gICAgICAgICAga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmlldy12ZXJzaW9uYH1cbiAgICAgICAgICBwYXRoPXtgJHthZG1pblJvdXRlfS9nbG9iYWxzLyR7Z2xvYmFsLnNsdWd9L3ZlcnNpb25zLzp2ZXJzaW9uSURgfVxuICAgICAgICA+XG4gICAgICAgICAge3Blcm1pc3Npb25zPy5yZWFkVmVyc2lvbnM/LnBlcm1pc3Npb24gPyAoXG4gICAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJWZXJzaW9uXCIgey4uLnByb3BzfSAvPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VW5hdXRob3JpemVkIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Sb3V0ZT5cbiAgICAgICAgPFJvdXRlXG4gICAgICAgICAgZXhhY3RcbiAgICAgICAgICBrZXk9e2Ake2dsb2JhbC5zbHVnfS1saXZlLXByZXZpZXdgfVxuICAgICAgICAgIHBhdGg9e2Ake2FkbWluUm91dGV9L2dsb2JhbHMvJHtnbG9iYWwuc2x1Z30vcHJldmlld2B9XG4gICAgICAgID5cbiAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJMaXZlUHJldmlld1wiIHsuLi5wcm9wc30gLz5cbiAgICAgICAgPC9Sb3V0ZT5cbiAgICAgICAge2dsb2JhbEN1c3RvbVJvdXRlcyh7XG4gICAgICAgICAgZ2xvYmFsLFxuICAgICAgICAgIG1hdGNoLFxuICAgICAgICAgIHBlcm1pc3Npb25zLFxuICAgICAgICAgIHVzZXIsXG4gICAgICAgIH0pfVxuICAgICAgICA8Um91dGUgZXhhY3Qga2V5PXtgJHtnbG9iYWwuc2x1Z30tdmlld2B9IHBhdGg9e2Ake2FkbWluUm91dGV9L2dsb2JhbHMvJHtnbG9iYWwuc2x1Z31gfT5cbiAgICAgICAgICA8Q3VzdG9tR2xvYmFsQ29tcG9uZW50IHZpZXc9XCJEZWZhdWx0XCIgey4uLnByb3BzfSAvPlxuICAgICAgICA8L1JvdXRlPlxuICAgICAgICA8Um91dGUgcGF0aD17YCR7bWF0Y2gudXJsfSpgfT5cbiAgICAgICAgICA8Tm90Rm91bmQgbWFyZ2luVG9wPVwibGFyZ2VcIiAvPlxuICAgICAgICA8L1JvdXRlPlxuICAgICAgPC9Td2l0Y2g+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdLCJuYW1lcyI6WyJHbG9iYWxSb3V0ZXMiLCJVbmF1dGhvcml6ZWQiLCJsYXp5IiwicHJvcHMiLCJnbG9iYWwiLCJwZXJtaXNzaW9ucyIsIm1hdGNoIiwidXNlUm91dGVNYXRjaCIsInJvdXRlcyIsImFkbWluIiwiYWRtaW5Sb3V0ZSIsInVzZUNvbmZpZyIsInVzZXIiLCJ1c2VBdXRoIiwiU3dpdGNoIiwiUm91dGUiLCJleGFjdCIsImtleSIsInNsdWciLCJwYXRoIiwicmVhZFZlcnNpb25zIiwicGVybWlzc2lvbiIsIkN1c3RvbUdsb2JhbENvbXBvbmVudCIsInZpZXciLCJnbG9iYWxDdXN0b21Sb3V0ZXMiLCJ1cmwiLCJOb3RGb3VuZCIsIm1hcmdpblRvcCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFjYUE7OztlQUFBQTs7OytEQWRRO2dDQUV3QjtzQkFFckI7d0JBQ0U7aUVBQ0w7aUNBQ2lCO3dCQUNIOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHbkMsK0VBQStFO0FBQy9FLE1BQU1DLDZCQUFlQyxJQUFBQSxXQUFJLEVBQUMsSUFBTSxtRUFBQSxRQUFPO0FBRWhDLE1BQU1GLGVBQXdDLENBQUNHO0lBQ3BELElBQUksWUFBWUEsT0FBTztRQUNyQixNQUFNLEVBQUVDLE1BQU0sRUFBRUMsV0FBVyxFQUFFLEdBQUdGO1FBRWhDLE1BQU1HLFFBQVFDLElBQUFBLDZCQUFhO1FBRTNCLE1BQU0sRUFDSkMsUUFBUSxFQUFFQyxPQUFPQyxVQUFVLEVBQUUsRUFDOUIsR0FBR0MsSUFBQUEsaUJBQVM7UUFFYixNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHQyxJQUFBQSxhQUFPO1FBRXhCLHFCQUNFLDZCQUFDQyxzQkFBTSxzQkFDTCw2QkFBQ0MscUJBQUs7WUFDSkMsT0FBQUE7WUFDQUMsS0FBSyxDQUFDLEVBQUViLE9BQU9jLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUJDLE1BQU0sQ0FBQyxFQUFFVCxXQUFXLFNBQVMsRUFBRU4sT0FBT2MsSUFBSSxDQUFDLFNBQVMsQ0FBQztXQUVwRGIsYUFBYWUsY0FBY0MsMkJBQzFCLDZCQUFDQyxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFZLEdBQUdwQixLQUFLOzJCQUVoRCw2QkFBQ0Ysb0NBR0wsNkJBQUNjLHFCQUFLO1lBQ0pDLE9BQUFBO1lBQ0FDLEtBQUssQ0FBQyxFQUFFYixPQUFPYyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQ2xDQyxNQUFNLENBQUMsRUFBRVQsV0FBVyxTQUFTLEVBQUVOLE9BQU9jLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztXQUUvRGIsYUFBYWUsY0FBY0MsMkJBQzFCLDZCQUFDQyxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFXLEdBQUdwQixLQUFLOzJCQUUvQyw2QkFBQ0Ysb0NBR0wsNkJBQUNjLHFCQUFLO1lBQ0pDLE9BQUFBO1lBQ0FDLEtBQUssQ0FBQyxFQUFFYixPQUFPYyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQ2xDQyxNQUFNLENBQUMsRUFBRVQsV0FBVyxTQUFTLEVBQUVOLE9BQU9jLElBQUksQ0FBQyxRQUFRLENBQUM7eUJBRXBELDZCQUFDSSxzQ0FBcUI7WUFBQ0MsTUFBSztZQUFlLEdBQUdwQixLQUFLO2FBRXBEcUIsSUFBQUEsMEJBQWtCLEVBQUM7WUFDbEJwQjtZQUNBRTtZQUNBRDtZQUNBTztRQUNGLGtCQUNBLDZCQUFDRyxxQkFBSztZQUFDQyxPQUFBQTtZQUFNQyxLQUFLLENBQUMsRUFBRWIsT0FBT2MsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUFFQyxNQUFNLENBQUMsRUFBRVQsV0FBVyxTQUFTLEVBQUVOLE9BQU9jLElBQUksQ0FBQyxDQUFDO3lCQUNuRiw2QkFBQ0ksc0NBQXFCO1lBQUNDLE1BQUs7WUFBVyxHQUFHcEIsS0FBSzsyQkFFakQsNkJBQUNZLHFCQUFLO1lBQUNJLE1BQU0sQ0FBQyxFQUFFYixNQUFNbUIsR0FBRyxDQUFDLENBQUMsQ0FBQzt5QkFDMUIsNkJBQUNDLGlCQUFRO1lBQUNDLFdBQVU7O0lBSTVCO0lBRUEsT0FBTztBQUNUIn0=

package/dist/admin/components/views/LivePreview/PreviewContext/collisionDetection.d.ts

@@ -0,0 +1,3 @@
+import type { CollisionDetection } from '@dnd-kit/core';
+export declare const customCollisionDetection: CollisionDetection;
+//# sourceMappingURL=collisionDetection.d.ts.map

package/dist/admin/components/views/LivePreview/PreviewContext/collisionDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collisionDetection.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/LivePreview/PreviewContext/collisionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAMvD,eAAO,MAAM,wBAAwB,EAAE,kBA+BtC,CAAA"}

package/dist/admin/components/views/LivePreview/PreviewContext/collisionDetection.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "customCollisionDetection", {
+    enumerable: true,
+    get: function() {
+        return customCollisionDetection;
+    }
+});
+const _core = require("@dnd-kit/core");
+const customCollisionDetection = ({ collisionRect, droppableContainers, ...args })=>{
+    const droppableContainer = droppableContainers.find(({ id })=>id === 'live-preview-area');
+    const rectIntersectionCollisions = (0, _core.rectIntersection)({
+        ...args,
+        collisionRect,
+        droppableContainers: [
+            droppableContainer
+        ]
+    });
+    // Collision detection algorithms return an array of collisions
+    if (rectIntersectionCollisions.length === 0) {
+        // The preview area is not intersecting, return early
+        return rectIntersectionCollisions;
+    }
+    // Compute whether the draggable element is completely contained within the preview area
+    const previewAreaRect = droppableContainer?.rect?.current;
+    const isContained = collisionRect.top >= previewAreaRect.top && collisionRect.left >= previewAreaRect.left && collisionRect.bottom <= previewAreaRect.bottom && collisionRect.right <= previewAreaRect.right;
+    if (isContained) {
+        return rectIntersectionCollisions;
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2NvbGxpc2lvbkRldGVjdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbGxpc2lvbkRldGVjdGlvbiB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5cbmltcG9ydCB7IHJlY3RJbnRlcnNlY3Rpb24gfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuXG4vLyBJZiB0aGUgdG9vbGJhciBleGl0cyB0aGUgcHJldmlldyBhcmVhLCB3ZSBuZWVkIHRvIHJlc2V0IGl0cyBwb3NpdGlvblxuLy8gVGhpcyB3aWxsIHByZXZlbnQgdGhlIHRvb2xiYXIgZnJvbSBnZXR0aW5nIHN0dWNrIG91dHNpZGUgdGhlIHByZXZpZXcgYXJlYVxuZXhwb3J0IGNvbnN0IGN1c3RvbUNvbGxpc2lvbkRldGVjdGlvbjogQ29sbGlzaW9uRGV0ZWN0aW9uID0gKHtcbiAgY29sbGlzaW9uUmVjdCxcbiAgZHJvcHBhYmxlQ29udGFpbmVycyxcbiAgLi4uYXJnc1xufSkgPT4ge1xuICBjb25zdCBkcm9wcGFibGVDb250YWluZXIgPSBkcm9wcGFibGVDb250YWluZXJzLmZpbmQoKHsgaWQgfSkgPT4gaWQgPT09ICdsaXZlLXByZXZpZXctYXJlYScpXG5cbiAgY29uc3QgcmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMgPSByZWN0SW50ZXJzZWN0aW9uKHtcbiAgICAuLi5hcmdzLFxuICAgIGNvbGxpc2lvblJlY3QsXG4gICAgZHJvcHBhYmxlQ29udGFpbmVyczogW2Ryb3BwYWJsZUNvbnRhaW5lcl0sXG4gIH0pXG5cbiAgLy8gQ29sbGlzaW9uIGRldGVjdGlvbiBhbGdvcml0aG1zIHJldHVybiBhbiBhcnJheSBvZiBjb2xsaXNpb25zXG4gIGlmIChyZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAvLyBUaGUgcHJldmlldyBhcmVhIGlzIG5vdCBpbnRlcnNlY3RpbmcsIHJldHVybiBlYXJseVxuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG5cbiAgLy8gQ29tcHV0ZSB3aGV0aGVyIHRoZSBkcmFnZ2FibGUgZWxlbWVudCBpcyBjb21wbGV0ZWx5IGNvbnRhaW5lZCB3aXRoaW4gdGhlIHByZXZpZXcgYXJlYVxuICBjb25zdCBwcmV2aWV3QXJlYVJlY3QgPSBkcm9wcGFibGVDb250YWluZXI/LnJlY3Q/LmN1cnJlbnRcblxuICBjb25zdCBpc0NvbnRhaW5lZCA9XG4gICAgY29sbGlzaW9uUmVjdC50b3AgPj0gcHJldmlld0FyZWFSZWN0LnRvcCAmJlxuICAgIGNvbGxpc2lvblJlY3QubGVmdCA+PSBwcmV2aWV3QXJlYVJlY3QubGVmdCAmJlxuICAgIGNvbGxpc2lvblJlY3QuYm90dG9tIDw9IHByZXZpZXdBcmVhUmVjdC5ib3R0b20gJiZcbiAgICBjb2xsaXNpb25SZWN0LnJpZ2h0IDw9IHByZXZpZXdBcmVhUmVjdC5yaWdodFxuXG4gIGlmIChpc0NvbnRhaW5lZCkge1xuICAgIHJldHVybiByZWN0SW50ZXJzZWN0aW9uQ29sbGlzaW9uc1xuICB9XG59XG4iXSwibmFtZXMiOlsiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwiY29sbGlzaW9uUmVjdCIsImRyb3BwYWJsZUNvbnRhaW5lcnMiLCJhcmdzIiwiZHJvcHBhYmxlQ29udGFpbmVyIiwiZmluZCIsImlkIiwicmVjdEludGVyc2VjdGlvbkNvbGxpc2lvbnMiLCJyZWN0SW50ZXJzZWN0aW9uIiwibGVuZ3RoIiwicHJldmlld0FyZWFSZWN0IiwicmVjdCIsImN1cnJlbnQiLCJpc0NvbnRhaW5lZCIsInRvcCIsImxlZnQiLCJib3R0b20iLCJyaWdodCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFNYUE7OztlQUFBQTs7O3NCQUpvQjtBQUkxQixNQUFNQSwyQkFBK0MsQ0FBQyxFQUMzREMsYUFBYSxFQUNiQyxtQkFBbUIsRUFDbkIsR0FBR0MsTUFDSjtJQUNDLE1BQU1DLHFCQUFxQkYsb0JBQW9CRyxJQUFJLENBQUMsQ0FBQyxFQUFFQyxFQUFFLEVBQUUsR0FBS0EsT0FBTztJQUV2RSxNQUFNQyw2QkFBNkJDLElBQUFBLHNCQUFnQixFQUFDO1FBQ2xELEdBQUdMLElBQUk7UUFDUEY7UUFDQUMscUJBQXFCO1lBQUNFO1NBQW1CO0lBQzNDO0lBRUEsK0RBQStEO0lBQy9ELElBQUlHLDJCQUEyQkUsTUFBTSxLQUFLLEdBQUc7UUFDM0MscURBQXFEO1FBQ3JELE9BQU9GO0lBQ1Q7SUFFQSx3RkFBd0Y7SUFDeEYsTUFBTUcsa0JBQWtCTixvQkFBb0JPLE1BQU1DO0lBRWxELE1BQU1DLGNBQ0paLGNBQWNhLEdBQUcsSUFBSUosZ0JBQWdCSSxHQUFHLElBQ3hDYixjQUFjYyxJQUFJLElBQUlMLGdCQUFnQkssSUFBSSxJQUMxQ2QsY0FBY2UsTUFBTSxJQUFJTixnQkFBZ0JNLE1BQU0sSUFDOUNmLGNBQWNnQixLQUFLLElBQUlQLGdCQUFnQk8sS0FBSztJQUU5QyxJQUFJSixhQUFhO1FBQ2YsT0FBT047SUFDVDtBQUNGIn0=

package/dist/admin/components/views/LivePreview/PreviewContext/context.d.ts

@@ -0,0 +1,32 @@
+import type { Dispatch } from 'react';
+import type { LivePreview } from '../../../../../exports/config';
+import type { SizeReducerAction } from './sizeReducer';
+export interface LivePreviewContextType {
+    breakpoint: LivePreview['breakpoints'][number]['name'];
+    breakpoints: LivePreview['breakpoints'];
+    deviceFrameRef: React.RefObject<HTMLDivElement>;
+    iframeHasLoaded: boolean;
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    setBreakpoint: (breakpoint: LivePreview['breakpoints'][number]['name']) => void;
+    setHeight: (height: number) => void;
+    setIframeHasLoaded: (loaded: boolean) => void;
+    setSize: Dispatch<SizeReducerAction>;
+    setToolbarPosition: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    setWidth: (width: number) => void;
+    setZoom: (zoom: number) => void;
+    size: {
+        height: number;
+        width: number;
+    };
+    toolbarPosition: {
+        x: number;
+        y: number;
+    };
+    zoom: number;
+}
+export declare const LivePreviewContext: import("react").Context<LivePreviewContextType>;
+export declare const useLivePreviewContext: () => LivePreviewContextType;
+//# sourceMappingURL=context.d.ts.map

package/dist/admin/components/views/LivePreview/PreviewContext/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/LivePreview/PreviewContext/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IACtD,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACvC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC/C,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAC7C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/E,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACpC,kBAAkB,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE;QACf,CAAC,EAAE,MAAM,CAAA;QACT,CAAC,EAAE,MAAM,CAAA;KACV,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,kBAAkB,iDAsB7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,8BAAuC,CAAA"}

package/dist/admin/components/views/LivePreview/PreviewContext/context.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    LivePreviewContext: function() {
+        return LivePreviewContext;
+    },
+    useLivePreviewContext: function() {
+        return useLivePreviewContext;
+    }
+});
+const _react = require("react");
+const LivePreviewContext = (0, _react.createContext)({
+    breakpoint: undefined,
+    breakpoints: undefined,
+    deviceFrameRef: undefined,
+    iframeHasLoaded: false,
+    iframeRef: undefined,
+    setBreakpoint: ()=>{},
+    setHeight: ()=>{},
+    setIframeHasLoaded: ()=>{},
+    setSize: ()=>{},
+    setToolbarPosition: ()=>{},
+    setWidth: ()=>{},
+    setZoom: ()=>{},
+    size: {
+        height: 0,
+        width: 0
+    },
+    toolbarPosition: {
+        x: 0,
+        y: 0
+    },
+    zoom: 1
+});
+const useLivePreviewContext = ()=>(0, _react.useContext)(LivePreviewContext);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2NvbnRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEaXNwYXRjaCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXcgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9leHBvcnRzL2NvbmZpZydcbmltcG9ydCB0eXBlIHsgU2l6ZVJlZHVjZXJBY3Rpb24gfSBmcm9tICcuL3NpemVSZWR1Y2VyJ1xuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVQcmV2aWV3Q29udGV4dFR5cGUge1xuICBicmVha3BvaW50OiBMaXZlUHJldmlld1snYnJlYWtwb2ludHMnXVtudW1iZXJdWyduYW1lJ11cbiAgYnJlYWtwb2ludHM6IExpdmVQcmV2aWV3WydicmVha3BvaW50cyddXG4gIGRldmljZUZyYW1lUmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG4gIGlmcmFtZUhhc0xvYWRlZDogYm9vbGVhblxuICBpZnJhbWVSZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSUZyYW1lRWxlbWVudD5cbiAgc2V0QnJlYWtwb2ludDogKGJyZWFrcG9pbnQ6IExpdmVQcmV2aWV3WydicmVha3BvaW50cyddW251bWJlcl1bJ25hbWUnXSkgPT4gdm9pZFxuICBzZXRIZWlnaHQ6IChoZWlnaHQ6IG51bWJlcikgPT4gdm9pZFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6IChsb2FkZWQ6IGJvb2xlYW4pID0+IHZvaWRcbiAgc2V0U2l6ZTogRGlzcGF0Y2g8U2l6ZVJlZHVjZXJBY3Rpb24+XG4gIHNldFRvb2xiYXJQb3NpdGlvbjogKHBvc2l0aW9uOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0pID0+IHZvaWRcbiAgc2V0V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiB2b2lkXG4gIHNldFpvb206ICh6b29tOiBudW1iZXIpID0+IHZvaWRcbiAgc2l6ZToge1xuICAgIGhlaWdodDogbnVtYmVyXG4gICAgd2lkdGg6IG51bWJlclxuICB9XG4gIHRvb2xiYXJQb3NpdGlvbjoge1xuICAgIHg6IG51bWJlclxuICAgIHk6IG51bWJlclxuICB9XG4gIHpvb206IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxMaXZlUHJldmlld0NvbnRleHRUeXBlPih7XG4gIGJyZWFrcG9pbnQ6IHVuZGVmaW5lZCxcbiAgYnJlYWtwb2ludHM6IHVuZGVmaW5lZCxcbiAgZGV2aWNlRnJhbWVSZWY6IHVuZGVmaW5lZCxcbiAgaWZyYW1lSGFzTG9hZGVkOiBmYWxzZSxcbiAgaWZyYW1lUmVmOiB1bmRlZmluZWQsXG4gIHNldEJyZWFrcG9pbnQ6ICgpID0+IHt9LFxuICBzZXRIZWlnaHQ6ICgpID0+IHt9LFxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICgpID0+IHt9LFxuICBzZXRTaXplOiAoKSA9PiB7fSxcbiAgc2V0VG9vbGJhclBvc2l0aW9uOiAoKSA9PiB7fSxcbiAgc2V0V2lkdGg6ICgpID0+IHt9LFxuICBzZXRab29tOiAoKSA9PiB7fSxcbiAgc2l6ZToge1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSxcbiAgdG9vbGJhclBvc2l0aW9uOiB7XG4gICAgeDogMCxcbiAgICB5OiAwLFxuICB9LFxuICB6b29tOiAxLFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZUxpdmVQcmV2aWV3Q29udGV4dCA9ICgpID0+IHVzZUNvbnRleHQoTGl2ZVByZXZpZXdDb250ZXh0KVxuIl0sIm5hbWVzIjpbIkxpdmVQcmV2aWV3Q29udGV4dCIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImNyZWF0ZUNvbnRleHQiLCJicmVha3BvaW50IiwidW5kZWZpbmVkIiwiYnJlYWtwb2ludHMiLCJkZXZpY2VGcmFtZVJlZiIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInNldEJyZWFrcG9pbnQiLCJzZXRIZWlnaHQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJzZXRTaXplIiwic2V0VG9vbGJhclBvc2l0aW9uIiwic2V0V2lkdGgiLCJzZXRab29tIiwic2l6ZSIsImhlaWdodCIsIndpZHRoIiwidG9vbGJhclBvc2l0aW9uIiwieCIsInkiLCJ6b29tIiwidXNlQ29udGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7SUErQmFBLGtCQUFrQjtlQUFsQkE7O0lBd0JBQyxxQkFBcUI7ZUFBckJBOzs7dUJBckQ2QjtBQTZCbkMsTUFBTUQscUJBQXFCRSxJQUFBQSxvQkFBYSxFQUF5QjtJQUN0RUMsWUFBWUM7SUFDWkMsYUFBYUQ7SUFDYkUsZ0JBQWdCRjtJQUNoQkcsaUJBQWlCO0lBQ2pCQyxXQUFXSjtJQUNYSyxlQUFlLEtBQU87SUFDdEJDLFdBQVcsS0FBTztJQUNsQkMsb0JBQW9CLEtBQU87SUFDM0JDLFNBQVMsS0FBTztJQUNoQkMsb0JBQW9CLEtBQU87SUFDM0JDLFVBQVUsS0FBTztJQUNqQkMsU0FBUyxLQUFPO0lBQ2hCQyxNQUFNO1FBQ0pDLFFBQVE7UUFDUkMsT0FBTztJQUNUO0lBQ0FDLGlCQUFpQjtRQUNmQyxHQUFHO1FBQ0hDLEdBQUc7SUFDTDtJQUNBQyxNQUFNO0FBQ1I7QUFFTyxNQUFNckIsd0JBQXdCLElBQU1zQixJQUFBQSxpQkFBVSxFQUFDdkIifQ==

package/dist/admin/components/views/LivePreview/PreviewContext/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { LivePreview } from '../../../../../exports/config';
+import type { EditViewProps } from '../../types';
+import type { usePopupWindow } from '../usePopupWindow';
+export type ToolbarProviderProps = EditViewProps & {
+    breakpoints?: LivePreview['breakpoints'];
+    children: React.ReactNode;
+    deviceSize?: {
+        height: number;
+        width: number;
+    };
+    popupState: ReturnType<typeof usePopupWindow>;
+    url?: string;
+};
+export declare const LivePreviewProvider: React.FC<ToolbarProviderProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/views/LivePreview/PreviewContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/LivePreview/PreviewContext/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAOvD,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IACjD,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,UAAU,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyG9D,CAAA"}

package/dist/admin/components/views/LivePreview/PreviewContext/index.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LivePreviewProvider", {
+    enumerable: true,
+    get: function() {
+        return LivePreviewProvider;
+    }
+});
+const _core = require("@dnd-kit/core");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useResize = require("../../../../utilities/useResize");
+const _collisionDetection = require("./collisionDetection");
+const _context = require("./context");
+const _sizeReducer = require("./sizeReducer");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const LivePreviewProvider = (props)=>{
+    const { breakpoints, children } = props;
+    const iframeRef = _react.default.useRef(null);
+    const deviceFrameRef = _react.default.useRef(null);
+    const [iframeHasLoaded, setIframeHasLoaded] = _react.default.useState(false);
+    const [zoom, setZoom] = _react.default.useState(1);
+    const [position, setPosition] = _react.default.useState({
+        x: 0,
+        y: 0
+    });
+    const [size, setSize] = _react.default.useReducer(_sizeReducer.sizeReducer, {
+        height: 0,
+        width: 0
+    });
+    const [breakpoint, setBreakpoint] = _react.default.useState('responsive');
+    const foundBreakpoint = breakpoint && breakpoints.find((bp)=>bp.name === breakpoint);
+    let margin = '0';
+    if (foundBreakpoint && breakpoint !== 'responsive') {
+        margin = '0 auto';
+        if (typeof zoom === 'number' && typeof foundBreakpoint.width === 'number' && typeof foundBreakpoint.height === 'number') {
+            // keep it centered horizontally
+            margin = `0 ${foundBreakpoint.width / 2 / zoom}px`;
+        }
+    }
+    // The toolbar needs to freely drag and drop around the page
+    const handleDragEnd = (ev)=>{
+        // only update position if the toolbar is completely within the preview area
+        // otherwise reset it back to the previous position
+        // TODO: reset to the nearest edge of the preview area
+        if (ev.over && ev.over.id === 'live-preview-area') {
+            const newPos = {
+                x: position.x + ev.delta.x,
+                y: position.y + ev.delta.y
+            };
+            setPosition(newPos);
+        } else {
+        // reset
+        }
+    };
+    const setWidth = (0, _react.useCallback)((width)=>{
+        setSize({
+            type: 'width',
+            value: width
+        });
+    }, [
+        setSize
+    ]);
+    const setHeight = (0, _react.useCallback)((height)=>{
+        setSize({
+            type: 'height',
+            value: height
+        });
+    }, [
+        setSize
+    ]);
+    const { size: actualDeviceSize } = (0, _useResize.useResize)(deviceFrameRef);
+    (0, _react.useEffect)(()=>{
+        if (actualDeviceSize) {
+            setSize({
+                type: 'reset',
+                value: {
+                    height: Number(actualDeviceSize.height.toFixed(0)),
+                    width: Number(actualDeviceSize.width.toFixed(0))
+                }
+            });
+        }
+    }, [
+        actualDeviceSize
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_context.LivePreviewContext.Provider, {
+        value: {
+            breakpoint,
+            breakpoints,
+            deviceFrameRef,
+            iframeHasLoaded,
+            iframeRef,
+            setBreakpoint,
+            setHeight,
+            setIframeHasLoaded,
+            setSize,
+            setToolbarPosition: setPosition,
+            setWidth,
+            setZoom,
+            size,
+            toolbarPosition: position,
+            zoom
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_core.DndContext, {
+        collisionDetection: _collisionDetection.customCollisionDetection,
+        onDragEnd: handleDragEnd
+    }, children));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEbmRDb250ZXh0IH0gZnJvbSAnQGRuZC1raXQvY29yZSdcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgTGl2ZVByZXZpZXcgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9leHBvcnRzL2NvbmZpZydcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyB1c2VQb3B1cFdpbmRvdyB9IGZyb20gJy4uL3VzZVBvcHVwV2luZG93J1xuXG5pbXBvcnQgeyB1c2VSZXNpemUgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlsaXRpZXMvdXNlUmVzaXplJ1xuaW1wb3J0IHsgY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIH0gZnJvbSAnLi9jb2xsaXNpb25EZXRlY3Rpb24nXG5pbXBvcnQgeyBMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuL2NvbnRleHQnXG5pbXBvcnQgeyBzaXplUmVkdWNlciB9IGZyb20gJy4vc2l6ZVJlZHVjZXInXG5cbmV4cG9ydCB0eXBlIFRvb2xiYXJQcm92aWRlclByb3BzID0gRWRpdFZpZXdQcm9wcyAmIHtcbiAgYnJlYWtwb2ludHM/OiBMaXZlUHJldmlld1snYnJlYWtwb2ludHMnXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGRldmljZVNpemU/OiB7XG4gICAgaGVpZ2h0OiBudW1iZXJcbiAgICB3aWR0aDogbnVtYmVyXG4gIH1cbiAgcG9wdXBTdGF0ZTogUmV0dXJuVHlwZTx0eXBlb2YgdXNlUG9wdXBXaW5kb3c+XG4gIHVybD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgTGl2ZVByZXZpZXdQcm92aWRlcjogUmVhY3QuRkM8VG9vbGJhclByb3ZpZGVyUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYnJlYWtwb2ludHMsIGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGlmcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbClcblxuICBjb25zdCBkZXZpY2VGcmFtZVJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcblxuICBjb25zdCBbaWZyYW1lSGFzTG9hZGVkLCBzZXRJZnJhbWVIYXNMb2FkZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW3pvb20sIHNldFpvb21dID0gUmVhY3QudXNlU3RhdGUoMSlcblxuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IFJlYWN0LnVzZVN0YXRlKHsgeDogMCwgeTogMCB9KVxuXG4gIGNvbnN0IFtzaXplLCBzZXRTaXplXSA9IFJlYWN0LnVzZVJlZHVjZXIoc2l6ZVJlZHVjZXIsIHsgaGVpZ2h0OiAwLCB3aWR0aDogMCB9KVxuXG4gIGNvbnN0IFticmVha3BvaW50LCBzZXRCcmVha3BvaW50XSA9XG4gICAgUmVhY3QudXNlU3RhdGU8TGl2ZVByZXZpZXdbJ2JyZWFrcG9pbnRzJ11bMF1bJ25hbWUnXT4oJ3Jlc3BvbnNpdmUnKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHMuZmluZCgoYnApID0+IGJwLm5hbWUgPT09IGJyZWFrcG9pbnQpXG5cbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChmb3VuZEJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludCAhPT0gJ3Jlc3BvbnNpdmUnKSB7XG4gICAgbWFyZ2luID0gJzAgYXV0bydcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIGZvdW5kQnJlYWtwb2ludC53aWR0aCA9PT0gJ251bWJlcicgJiZcbiAgICAgIHR5cGVvZiBmb3VuZEJyZWFrcG9pbnQuaGVpZ2h0ID09PSAnbnVtYmVyJ1xuICAgICkge1xuICAgICAgLy8ga2VlcCBpdCBjZW50ZXJlZCBob3Jpem9udGFsbHlcbiAgICAgIG1hcmdpbiA9IGAwICR7Zm91bmRCcmVha3BvaW50LndpZHRoIC8gMiAvIHpvb219cHhgXG4gICAgfVxuICB9XG5cbiAgLy8gVGhlIHRvb2xiYXIgbmVlZHMgdG8gZnJlZWx5IGRyYWcgYW5kIGRyb3AgYXJvdW5kIHRoZSBwYWdlXG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSAoZXYpID0+IHtcbiAgICAvLyBvbmx5IHVwZGF0ZSBwb3NpdGlvbiBpZiB0aGUgdG9vbGJhciBpcyBjb21wbGV0ZWx5IHdpdGhpbiB0aGUgcHJldmlldyBhcmVhXG4gICAgLy8gb3RoZXJ3aXNlIHJlc2V0IGl0IGJhY2sgdG8gdGhlIHByZXZpb3VzIHBvc2l0aW9uXG4gICAgLy8gVE9ETzogcmVzZXQgdG8gdGhlIG5lYXJlc3QgZWRnZSBvZiB0aGUgcHJldmlldyBhcmVhXG4gICAgaWYgKGV2Lm92ZXIgJiYgZXYub3Zlci5pZCA9PT0gJ2xpdmUtcHJldmlldy1hcmVhJykge1xuICAgICAgY29uc3QgbmV3UG9zID0ge1xuICAgICAgICB4OiBwb3NpdGlvbi54ICsgZXYuZGVsdGEueCxcbiAgICAgICAgeTogcG9zaXRpb24ueSArIGV2LmRlbHRhLnksXG4gICAgICB9XG5cbiAgICAgIHNldFBvc2l0aW9uKG5ld1BvcylcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gcmVzZXRcbiAgICB9XG4gIH1cblxuICBjb25zdCBzZXRXaWR0aCA9IHVzZUNhbGxiYWNrKFxuICAgICh3aWR0aCkgPT4ge1xuICAgICAgc2V0U2l6ZSh7IHR5cGU6ICd3aWR0aCcsIHZhbHVlOiB3aWR0aCB9KVxuICAgIH0sXG4gICAgW3NldFNpemVdLFxuICApXG5cbiAgY29uc3Qgc2V0SGVpZ2h0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGhlaWdodCkgPT4ge1xuICAgICAgc2V0U2l6ZSh7IHR5cGU6ICdoZWlnaHQnLCB2YWx1ZTogaGVpZ2h0IH0pXG4gICAgfSxcbiAgICBbc2V0U2l6ZV0sXG4gIClcblxuICBjb25zdCB7IHNpemU6IGFjdHVhbERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChhY3R1YWxEZXZpY2VTaXplKSB7XG4gICAgICBzZXRTaXplKHtcbiAgICAgICAgdHlwZTogJ3Jlc2V0JyxcbiAgICAgICAgdmFsdWU6IHtcbiAgICAgICAgICBoZWlnaHQ6IE51bWJlcihhY3R1YWxEZXZpY2VTaXplLmhlaWdodC50b0ZpeGVkKDApKSxcbiAgICAgICAgICB3aWR0aDogTnVtYmVyKGFjdHVhbERldmljZVNpemUud2lkdGgudG9GaXhlZCgwKSksXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIH1cbiAgfSwgW2FjdHVhbERldmljZVNpemVdKVxuXG4gIHJldHVybiAoXG4gICAgPExpdmVQcmV2aWV3Q29udGV4dC5Qcm92aWRlclxuICAgICAgdmFsdWU9e3tcbiAgICAgICAgYnJlYWtwb2ludCxcbiAgICAgICAgYnJlYWtwb2ludHMsXG4gICAgICAgIGRldmljZUZyYW1lUmVmLFxuICAgICAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIGlmcmFtZVJlZixcbiAgICAgICAgc2V0QnJlYWtwb2ludCxcbiAgICAgICAgc2V0SGVpZ2h0LFxuICAgICAgICBzZXRJZnJhbWVIYXNMb2FkZWQsXG4gICAgICAgIHNldFNpemUsXG4gICAgICAgIHNldFRvb2xiYXJQb3NpdGlvbjogc2V0UG9zaXRpb24sXG4gICAgICAgIHNldFdpZHRoLFxuICAgICAgICBzZXRab29tLFxuICAgICAgICBzaXplLFxuICAgICAgICB0b29sYmFyUG9zaXRpb246IHBvc2l0aW9uLFxuICAgICAgICB6b29tLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RG5kQ29udGV4dCBjb2xsaXNpb25EZXRlY3Rpb249e2N1c3RvbUNvbGxpc2lvbkRldGVjdGlvbn0gb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9EbmRDb250ZXh0PlxuICAgIDwvTGl2ZVByZXZpZXdDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiTGl2ZVByZXZpZXdQcm92aWRlciIsInByb3BzIiwiYnJlYWtwb2ludHMiLCJjaGlsZHJlbiIsImlmcmFtZVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiZGV2aWNlRnJhbWVSZWYiLCJpZnJhbWVIYXNMb2FkZWQiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1c2VTdGF0ZSIsInpvb20iLCJzZXRab29tIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsIngiLCJ5Iiwic2l6ZSIsInNldFNpemUiLCJ1c2VSZWR1Y2VyIiwic2l6ZVJlZHVjZXIiLCJoZWlnaHQiLCJ3aWR0aCIsImJyZWFrcG9pbnQiLCJzZXRCcmVha3BvaW50IiwiZm91bmRCcmVha3BvaW50IiwiZmluZCIsImJwIiwibmFtZSIsIm1hcmdpbiIsImhhbmRsZURyYWdFbmQiLCJldiIsIm92ZXIiLCJpZCIsIm5ld1BvcyIsImRlbHRhIiwic2V0V2lkdGgiLCJ1c2VDYWxsYmFjayIsInR5cGUiLCJ2YWx1ZSIsInNldEhlaWdodCIsImFjdHVhbERldmljZVNpemUiLCJ1c2VSZXNpemUiLCJ1c2VFZmZlY3QiLCJOdW1iZXIiLCJ0b0ZpeGVkIiwiTGl2ZVByZXZpZXdDb250ZXh0IiwiUHJvdmlkZXIiLCJzZXRUb29sYmFyUG9zaXRpb24iLCJ0b29sYmFyUG9zaXRpb24iLCJEbmRDb250ZXh0IiwiY29sbGlzaW9uRGV0ZWN0aW9uIiwiY3VzdG9tQ29sbGlzaW9uRGV0ZWN0aW9uIiwib25EcmFnRW5kIl0sIm1hcHBpbmdzIjoiOzs7OytCQXVCYUE7OztlQUFBQTs7O3NCQXZCYzsrREFDbUI7MkJBTXBCO29DQUNlO3lCQUNOOzZCQUNQOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/dist/admin/components/views/LivePreview/PreviewContext/sizeReducer.d.ts

@@ -0,0 +1,20 @@
+type SizeReducerState = {
+    height: number;
+    width: number;
+};
+export type SizeReducerAction = {
+    type: 'height' | 'width';
+    value: number;
+} | {
+    type: 'reset';
+    value: {
+        height: number;
+        width: number;
+    };
+};
+export declare const sizeReducer: (state: SizeReducerState, action: SizeReducerAction) => {
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=sizeReducer.d.ts.map

package/dist/admin/components/views/LivePreview/PreviewContext/sizeReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeReducer.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/LivePreview/PreviewContext/sizeReducer.ts"],"names":[],"mappings":"AAWA,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAEL,eAAO,MAAM,WAAW,UAAW,gBAAgB,UAAU,iBAAiB;;YAjBpE,MAAM;CA0Bf,CAAA"}

package/dist/admin/components/views/LivePreview/PreviewContext/sizeReducer.js

@@ -0,0 +1,41 @@
+// export const sizeReducer: (state, action) => {
+//   switch (action.type) {
+//     case 'width':
+//       return { ...state, width: action.value }
+//     case 'height':
+//       return { ...state, height: action.value }
+//     default:
+//       return { ...state, ...(action?.value || {}) }
+//   }
+// },
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sizeReducer", {
+    enumerable: true,
+    get: function() {
+        return sizeReducer;
+    }
+});
+const sizeReducer = (state, action)=>{
+    switch(action.type){
+        case 'width':
+            return {
+                ...state,
+                width: action.value
+            };
+        case 'height':
+            return {
+                ...state,
+                height: action.value
+            };
+        default:
+            return {
+                ...state,
+                ...action?.value || {}
+            };
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdDb250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+export declare const IFrame: React.FC<{
+    ref: React.Ref<HTMLIFrameElement>;
+    setIframeHasLoaded: (value: boolean) => void;
+    url: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/views/LivePreview/PreviewIFrame/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACjC,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAmBC,CAAA"}

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "IFrame", {
+    enumerable: true,
+    get: function() {
+        return IFrame;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _context = require("../PreviewContext/context");
+require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'live-preview-iframe';
+const IFrame = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { setIframeHasLoaded, url } = props;
+    const { zoom } = (0, _context.useLivePreviewContext)();
+    return /*#__PURE__*/ _react.default.createElement("iframe", {
+        className: baseClass,
+        onLoad: ()=>{
+            setIframeHasLoaded(true);
+        },
+        ref: ref,
+        src: url,
+        style: {
+            transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined
+        },
+        title: url
+    });
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL3ZpZXdzL0xpdmVQcmV2aWV3L1ByZXZpZXdJRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL1ByZXZpZXdDb250ZXh0L2NvbnRleHQnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xpdmUtcHJldmlldy1pZnJhbWUnXG5cbmV4cG9ydCBjb25zdCBJRnJhbWU6IFJlYWN0LkZDPHtcbiAgcmVmOiBSZWFjdC5SZWY8SFRNTElGcmFtZUVsZW1lbnQ+XG4gIHNldElmcmFtZUhhc0xvYWRlZDogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkXG4gIHVybDogc3RyaW5nXG59PiA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBzZXRJZnJhbWVIYXNMb2FkZWQsIHVybCB9ID0gcHJvcHNcblxuICBjb25zdCB7IHpvb20gfSA9IHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8aWZyYW1lXG4gICAgICBjbGFzc05hbWU9e2Jhc2VDbGFzc31cbiAgICAgIG9uTG9hZD17KCkgPT4ge1xuICAgICAgICBzZXRJZnJhbWVIYXNMb2FkZWQodHJ1ZSlcbiAgICAgIH19XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNyYz17dXJsfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgdHJhbnNmb3JtOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcicgPyBgc2NhbGUoJHt6b29tfSkgYCA6IHVuZGVmaW5lZCxcbiAgICAgIH19XG4gICAgICB0aXRsZT17dXJsfVxuICAgIC8+XG4gIClcbn0pXG4iXSwibmFtZXMiOlsiSUZyYW1lIiwiYmFzZUNsYXNzIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwidXJsIiwiem9vbSIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImlmcmFtZSIsImNsYXNzTmFtZSIsIm9uTG9hZCIsInNyYyIsInN0eWxlIiwidHJhbnNmb3JtIiwidW5kZWZpbmVkIiwidGl0bGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBT2FBOzs7ZUFBQUE7OzsrREFQcUI7eUJBRUk7UUFDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsdUJBSVJFLElBQUFBLGlCQUFVLEVBQUMsQ0FBQ0MsT0FBT0M7SUFDdEIsTUFBTSxFQUFFQyxrQkFBa0IsRUFBRUMsR0FBRyxFQUFFLEdBQUdIO0lBRXBDLE1BQU0sRUFBRUksSUFBSSxFQUFFLEdBQUdDLElBQUFBLDhCQUFxQjtJQUV0QyxxQkFDRSw2QkFBQ0M7UUFDQ0MsV0FBV1Q7UUFDWFUsUUFBUTtZQUNOTixtQkFBbUI7UUFDckI7UUFDQUQsS0FBS0E7UUFDTFEsS0FBS047UUFDTE8sT0FBTztZQUNMQyxXQUFXLE9BQU9QLFNBQVMsV0FBVyxDQUFDLE1BQU0sRUFBRUEsS0FBSyxFQUFFLENBQUMsR0FBR1E7UUFDNUQ7UUFDQUMsT0FBT1Y7O0FBR2IifQ==

package/dist/admin/components/views/LivePreview/PreviewIFrame/index.scss

@@ -0,0 +1,8 @@
+@import '../../../../scss/styles.scss';
+
+.live-preview-iframe {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  transform-origin: top left;
+}

package/dist/admin/components/views/LivePreview/PreviewWindow/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { EditViewProps } from '../../types';
+import type { usePopupWindow } from '../usePopupWindow';
+import './index.scss';
+export declare const PreviewWindow: React.FC<EditViewProps & {
+    popupState: ReturnType<typeof usePopupWindow>;
+    url?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map