@payloadcms/next 3.0.0-alpha.3 → 3.0.0-alpha.31

package/dist/{pages → views}/LivePreview/Context/sizeReducer.js

@@ -8,17 +8,7 @@
 //       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)=>{
+export const sizeReducer = (state, action)=>{
     switch(action.type){
         case 'width':
             return {
@@ -38,4 +28,4 @@ const sizeReducer = (state, action)=>{
     }
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSzs7Ozs7K0JBb0JRQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxjQUFjLENBQUNDLE9BQXlCQztJQUNuRCxPQUFRQSxPQUFPQyxJQUFJO1FBQ2pCLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdGLEtBQUs7Z0JBQUVHLE9BQU9GLE9BQU9HLEtBQUs7WUFBQztRQUN6QyxLQUFLO1lBQ0gsT0FBTztnQkFBRSxHQUFHSixLQUFLO2dCQUFFSyxRQUFRSixPQUFPRyxLQUFLO1lBQUM7UUFDMUM7WUFDRSxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUUsR0FBSUMsUUFBUUcsU0FBUyxDQUFDLENBQUM7WUFBRTtJQUNoRDtBQUNGIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Db250ZXh0L3NpemVSZWR1Y2VyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIGV4cG9ydCBjb25zdCBzaXplUmVkdWNlcjogKHN0YXRlLCBhY3Rpb24pID0+IHtcbi8vICAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuLy8gICAgIGNhc2UgJ3dpZHRoJzpcbi8vICAgICAgIHJldHVybiB7IC4uLnN0YXRlLCB3aWR0aDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBjYXNlICdoZWlnaHQnOlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIGhlaWdodDogYWN0aW9uLnZhbHVlIH1cbi8vICAgICBkZWZhdWx0OlxuLy8gICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIC4uLihhY3Rpb24/LnZhbHVlIHx8IHt9KSB9XG4vLyAgIH1cbi8vIH0sXG5cbnR5cGUgU2l6ZVJlZHVjZXJTdGF0ZSA9IHtcbiAgaGVpZ2h0OiBudW1iZXJcbiAgd2lkdGg6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBTaXplUmVkdWNlckFjdGlvbiA9XG4gIHwge1xuICAgICAgdHlwZTogJ2hlaWdodCcgfCAnd2lkdGgnXG4gICAgICB2YWx1ZTogbnVtYmVyXG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdyZXNldCdcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgIH1cbiAgICB9XG5cbmV4cG9ydCBjb25zdCBzaXplUmVkdWNlciA9IChzdGF0ZTogU2l6ZVJlZHVjZXJTdGF0ZSwgYWN0aW9uOiBTaXplUmVkdWNlckFjdGlvbikgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnd2lkdGgnOlxuICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHdpZHRoOiBhY3Rpb24udmFsdWUgfVxuICAgIGNhc2UgJ2hlaWdodCc6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgaGVpZ2h0OiBhY3Rpb24udmFsdWUgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4geyAuLi5zdGF0ZSwgLi4uKGFjdGlvbj8udmFsdWUgfHwge30pIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbInNpemVSZWR1Y2VyIiwic3RhdGUiLCJhY3Rpb24iLCJ0eXBlIiwid2lkdGgiLCJ2YWx1ZSIsImhlaWdodCJdLCJtYXBwaW5ncyI6IkFBQUEsaURBQWlEO0FBQ2pELDJCQUEyQjtBQUMzQixvQkFBb0I7QUFDcEIsaURBQWlEO0FBQ2pELHFCQUFxQjtBQUNyQixrREFBa0Q7QUFDbEQsZUFBZTtBQUNmLHNEQUFzRDtBQUN0RCxNQUFNO0FBQ04sS0FBSztBQW9CTCxPQUFPLE1BQU1BLGNBQWMsQ0FBQ0MsT0FBeUJDO0lBQ25ELE9BQVFBLE9BQU9DLElBQUk7UUFDakIsS0FBSztZQUNILE9BQU87Z0JBQUUsR0FBR0YsS0FBSztnQkFBRUcsT0FBT0YsT0FBT0csS0FBSztZQUFDO1FBQ3pDLEtBQUs7WUFDSCxPQUFPO2dCQUFFLEdBQUdKLEtBQUs7Z0JBQUVLLFFBQVFKLE9BQU9HLEtBQUs7WUFBQztRQUMxQztZQUNFLE9BQU87Z0JBQUUsR0FBR0osS0FBSztnQkFBRSxHQUFJQyxRQUFRRyxTQUFTLENBQUMsQ0FBQztZQUFFO0lBQ2hEO0FBQ0YsRUFBQyJ9

package/dist/{pages → views}/LivePreview/Device/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/Device/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAIxC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA2DA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Device/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAIxC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA2DA,CAAA"}

package/dist/views/LivePreview/Device/index.js

@@ -0,0 +1,51 @@
+'use client';
+import { useResize } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
+    const { children } = props;
+    const deviceFrameRef = React.useRef(null);
+    const { breakpoint, setMeasuredDeviceSize, size, zoom } = useLivePreviewContext();
+    // Keep an accurate measurement of the actual device size as it is truly rendered
+    // This is helpful when `sizes` are non-number units like percentages, etc.
+    const { size: measuredDeviceSize } = useResize(deviceFrameRef);
+    // Sync the measured device size with the context so that other components can use it
+    // This happens from the bottom up so that as this component mounts and unmounts,
+    // Its size is freshly populated again upon re-mounting, i.e. going from iframe->popup->iframe
+    useEffect(()=>{
+        if (measuredDeviceSize) {
+            setMeasuredDeviceSize(measuredDeviceSize);
+        }
+    }, [
+        measuredDeviceSize,
+        setMeasuredDeviceSize
+    ]);
+    let x = '0';
+    let margin = '0';
+    if (breakpoint && breakpoint !== 'responsive') {
+        x = '-50%';
+        if (typeof zoom === 'number' && typeof size.width === 'number' && typeof size.height === 'number') {
+            const scaledWidth = size.width / zoom;
+            const difference = scaledWidth - size.width;
+            x = `${difference / 2}px`;
+            margin = '0 auto';
+        }
+    }
+    let width = zoom ? `${100 / zoom}%` : '100%';
+    let height = zoom ? `${100 / zoom}%` : '100%';
+    if (breakpoint !== 'responsive') {
+        width = `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`;
+        height = `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`;
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: deviceFrameRef,
+        style: {
+            height,
+            margin,
+            transform: `translate3d(${x}, 0, 0)`,
+            width
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlUmVzaXplIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dC5qcydcblxuZXhwb3J0IGNvbnN0IERldmljZUNvbnRhaW5lcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGRldmljZUZyYW1lUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgc2V0TWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIC8vIEtlZXAgYW4gYWNjdXJhdGUgbWVhc3VyZW1lbnQgb2YgdGhlIGFjdHVhbCBkZXZpY2Ugc2l6ZSBhcyBpdCBpcyB0cnVseSByZW5kZXJlZFxuICAvLyBUaGlzIGlzIGhlbHBmdWwgd2hlbiBgc2l6ZXNgIGFyZSBub24tbnVtYmVyIHVuaXRzIGxpa2UgcGVyY2VudGFnZXMsIGV0Yy5cbiAgY29uc3QgeyBzaXplOiBtZWFzdXJlZERldmljZVNpemUgfSA9IHVzZVJlc2l6ZShkZXZpY2VGcmFtZVJlZilcblxuICAvLyBTeW5jIHRoZSBtZWFzdXJlZCBkZXZpY2Ugc2l6ZSB3aXRoIHRoZSBjb250ZXh0IHNvIHRoYXQgb3RoZXIgY29tcG9uZW50cyBjYW4gdXNlIGl0XG4gIC8vIFRoaXMgaGFwcGVucyBmcm9tIHRoZSBib3R0b20gdXAgc28gdGhhdCBhcyB0aGlzIGNvbXBvbmVudCBtb3VudHMgYW5kIHVubW91bnRzLFxuICAvLyBJdHMgc2l6ZSBpcyBmcmVzaGx5IHBvcHVsYXRlZCBhZ2FpbiB1cG9uIHJlLW1vdW50aW5nLCBpLmUuIGdvaW5nIGZyb20gaWZyYW1lLT5wb3B1cC0+aWZyYW1lXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lYXN1cmVkRGV2aWNlU2l6ZSkge1xuICAgICAgc2V0TWVhc3VyZWREZXZpY2VTaXplKG1lYXN1cmVkRGV2aWNlU2l6ZSlcbiAgICB9XG4gIH0sIFttZWFzdXJlZERldmljZVNpemUsIHNldE1lYXN1cmVkRGV2aWNlU2l6ZV0pXG5cbiAgbGV0IHggPSAnMCdcbiAgbGV0IG1hcmdpbiA9ICcwJ1xuXG4gIGlmIChicmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIGxldCB3aWR0aCA9IHpvb20gPyBgJHsxMDAgLyB6b29tfSVgIDogJzEwMCUnXG4gIGxldCBoZWlnaHQgPSB6b29tID8gYCR7MTAwIC8gem9vbX0lYCA6ICcxMDAlJ1xuXG4gIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScpIHtcbiAgICB3aWR0aCA9IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICBoZWlnaHQgPSBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e2RldmljZUZyYW1lUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbInVzZVJlc2l6ZSIsIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiRGV2aWNlQ29udGFpbmVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImRldmljZUZyYW1lUmVmIiwidXNlUmVmIiwiYnJlYWtwb2ludCIsInNldE1lYXN1cmVkRGV2aWNlU2l6ZSIsInNpemUiLCJ6b29tIiwibWVhc3VyZWREZXZpY2VTaXplIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2IiwicmVmIiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsU0FBU0EsU0FBUyxRQUFRLGlCQUFnQjtBQUMxQyxPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFFN0QsT0FBTyxNQUFNQyxrQkFFUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsUUFBUSxFQUFFLEdBQUdEO0lBRXJCLE1BQU1FLGlCQUFpQk4sTUFBTU8sTUFBTSxDQUFpQjtJQUVwRCxNQUFNLEVBQUVDLFVBQVUsRUFBRUMscUJBQXFCLEVBQUVDLElBQUksRUFBRUMsSUFBSSxFQUFFLEdBQUdUO0lBRTFELGlGQUFpRjtJQUNqRiwyRUFBMkU7SUFDM0UsTUFBTSxFQUFFUSxNQUFNRSxrQkFBa0IsRUFBRSxHQUFHYixVQUFVTztJQUUvQyxxRkFBcUY7SUFDckYsaUZBQWlGO0lBQ2pGLDhGQUE4RjtJQUM5RkwsVUFBVTtRQUNSLElBQUlXLG9CQUFvQjtZQUN0Qkgsc0JBQXNCRztRQUN4QjtJQUNGLEdBQUc7UUFBQ0E7UUFBb0JIO0tBQXNCO0lBRTlDLElBQUlJLElBQUk7SUFDUixJQUFJQyxTQUFTO0lBRWIsSUFBSU4sY0FBY0EsZUFBZSxjQUFjO1FBQzdDSyxJQUFJO1FBRUosSUFDRSxPQUFPRixTQUFTLFlBQ2hCLE9BQU9ELEtBQUtLLEtBQUssS0FBSyxZQUN0QixPQUFPTCxLQUFLTSxNQUFNLEtBQUssVUFDdkI7WUFDQSxNQUFNQyxjQUFjUCxLQUFLSyxLQUFLLEdBQUdKO1lBQ2pDLE1BQU1PLGFBQWFELGNBQWNQLEtBQUtLLEtBQUs7WUFDM0NGLElBQUksQ0FBQyxFQUFFSyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCSixTQUFTO1FBQ1g7SUFDRjtJQUVBLElBQUlDLFFBQVFKLE9BQU8sQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQUc7SUFDdEMsSUFBSUssU0FBU0wsT0FBTyxDQUFDLEVBQUUsTUFBTUEsS0FBSyxDQUFDLENBQUMsR0FBRztJQUV2QyxJQUFJSCxlQUFlLGNBQWM7UUFDL0JPLFFBQVEsQ0FBQyxFQUFFTCxNQUFNSyxRQUFTLENBQUEsT0FBT0osU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7UUFDbEVLLFNBQVMsQ0FBQyxFQUFFTixNQUFNTSxTQUFVLENBQUEsT0FBT0wsU0FBUyxXQUFXQSxPQUFPLENBQUEsRUFBRyxFQUFFLENBQUM7SUFDdEU7SUFFQSxxQkFDRSxvQkFBQ1E7UUFDQ0MsS0FBS2Q7UUFDTGUsT0FBTztZQUNMTDtZQUNBRjtZQUNBUSxXQUFXLENBQUMsWUFBWSxFQUFFVCxFQUFFLE9BQU8sQ0FBQztZQUNwQ0U7UUFDRjtPQUVDVjtBQUdQLEVBQUMifQ==

package/dist/{pages → views}/LivePreview/DeviceContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/DeviceContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA+CA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/DeviceContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA+CA,CAAA"}

package/dist/views/LivePreview/DeviceContainer/index.js

@@ -0,0 +1,29 @@
+'use client';
+import React from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+export const DeviceContainer = (props)=>{
+    const { children } = props;
+    const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext();
+    const foundBreakpoint = breakpoint && breakpoints?.find((bp)=>bp.name === breakpoint);
+    let x = '0';
+    let margin = '0';
+    if (foundBreakpoint && breakpoint !== 'responsive') {
+        x = '-50%';
+        if (typeof zoom === 'number' && typeof size.width === 'number' && typeof size.height === 'number') {
+            const scaledWidth = size.width / zoom;
+            const difference = scaledWidth - size.width;
+            x = `${difference / 2}px`;
+            margin = '0 auto';
+        }
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            height: foundBreakpoint && foundBreakpoint?.name !== 'responsive' ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%',
+            margin,
+            transform: `translate3d(${x}, 0, 0)`,
+            width: foundBreakpoint && foundBreakpoint?.name !== 'responsive' ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px` : typeof zoom === 'number' ? `${100 / zoom}%` : '100%'
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9EZXZpY2VDb250YWluZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi9Db250ZXh0L2NvbnRleHQuanMnXG5cbmV4cG9ydCBjb25zdCBEZXZpY2VDb250YWluZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGJyZWFrcG9pbnQsIGJyZWFrcG9pbnRzLCBzaXplLCB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IGZvdW5kQnJlYWtwb2ludCA9IGJyZWFrcG9pbnQgJiYgYnJlYWtwb2ludHM/LmZpbmQoKGJwKSA9PiBicC5uYW1lID09PSBicmVha3BvaW50KVxuXG4gIGxldCB4ID0gJzAnXG4gIGxldCBtYXJnaW4gPSAnMCdcblxuICBpZiAoZm91bmRCcmVha3BvaW50ICYmIGJyZWFrcG9pbnQgIT09ICdyZXNwb25zaXZlJykge1xuICAgIHggPSAnLTUwJSdcblxuICAgIGlmIChcbiAgICAgIHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyAmJlxuICAgICAgdHlwZW9mIHNpemUud2lkdGggPT09ICdudW1iZXInICYmXG4gICAgICB0eXBlb2Ygc2l6ZS5oZWlnaHQgPT09ICdudW1iZXInXG4gICAgKSB7XG4gICAgICBjb25zdCBzY2FsZWRXaWR0aCA9IHNpemUud2lkdGggLyB6b29tXG4gICAgICBjb25zdCBkaWZmZXJlbmNlID0gc2NhbGVkV2lkdGggLSBzaXplLndpZHRoXG4gICAgICB4ID0gYCR7ZGlmZmVyZW5jZSAvIDJ9cHhgXG4gICAgICBtYXJnaW4gPSAnMCBhdXRvJ1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OlxuICAgICAgICAgIGZvdW5kQnJlYWtwb2ludCAmJiBmb3VuZEJyZWFrcG9pbnQ/Lm5hbWUgIT09ICdyZXNwb25zaXZlJ1xuICAgICAgICAgICAgPyBgJHtzaXplPy5oZWlnaHQgLyAodHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gem9vbSA6IDEpfXB4YFxuICAgICAgICAgICAgOiB0eXBlb2Ygem9vbSA9PT0gJ251bWJlcidcbiAgICAgICAgICAgICAgPyBgJHsxMDAgLyB6b29tfSVgXG4gICAgICAgICAgICAgIDogJzEwMCUnLFxuICAgICAgICBtYXJnaW4sXG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7eH0sIDAsIDApYCxcbiAgICAgICAgd2lkdGg6XG4gICAgICAgICAgZm91bmRCcmVha3BvaW50ICYmIGZvdW5kQnJlYWtwb2ludD8ubmFtZSAhPT0gJ3Jlc3BvbnNpdmUnXG4gICAgICAgICAgICA/IGAke3NpemU/LndpZHRoIC8gKHR5cGVvZiB6b29tID09PSAnbnVtYmVyJyA/IHpvb20gOiAxKX1weGBcbiAgICAgICAgICAgIDogdHlwZW9mIHpvb20gPT09ICdudW1iZXInXG4gICAgICAgICAgICAgID8gYCR7MTAwIC8gem9vbX0lYFxuICAgICAgICAgICAgICA6ICcxMDAlJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJwcm9wcyIsImNoaWxkcmVuIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwic2l6ZSIsInpvb20iLCJmb3VuZEJyZWFrcG9pbnQiLCJmaW5kIiwiYnAiLCJuYW1lIiwieCIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwic2NhbGVkV2lkdGgiLCJkaWZmZXJlbmNlIiwiZGl2Iiwic3R5bGUiLCJ0cmFuc2Zvcm0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsV0FBVyxRQUFPO0FBRXpCLFNBQVNDLHFCQUFxQixRQUFRLHdCQUF1QjtBQUU3RCxPQUFPLE1BQU1DLGtCQUVSLENBQUNDO0lBQ0osTUFBTSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Q7SUFFckIsTUFBTSxFQUFFRSxVQUFVLEVBQUVDLFdBQVcsRUFBRUMsSUFBSSxFQUFFQyxJQUFJLEVBQUUsR0FBR1A7SUFFaEQsTUFBTVEsa0JBQWtCSixjQUFjQyxhQUFhSSxLQUFLLENBQUNDLEtBQU9BLEdBQUdDLElBQUksS0FBS1A7SUFFNUUsSUFBSVEsSUFBSTtJQUNSLElBQUlDLFNBQVM7SUFFYixJQUFJTCxtQkFBbUJKLGVBQWUsY0FBYztRQUNsRFEsSUFBSTtRQUVKLElBQ0UsT0FBT0wsU0FBUyxZQUNoQixPQUFPRCxLQUFLUSxLQUFLLEtBQUssWUFDdEIsT0FBT1IsS0FBS1MsTUFBTSxLQUFLLFVBQ3ZCO1lBQ0EsTUFBTUMsY0FBY1YsS0FBS1EsS0FBSyxHQUFHUDtZQUNqQyxNQUFNVSxhQUFhRCxjQUFjVixLQUFLUSxLQUFLO1lBQzNDRixJQUFJLENBQUMsRUFBRUssYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUN6QkosU0FBUztRQUNYO0lBQ0Y7SUFFQSxxQkFDRSxvQkFBQ0s7UUFDQ0MsT0FBTztZQUNMSixRQUNFUCxtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1TLFNBQVUsQ0FBQSxPQUFPUixTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMzRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1lBQ1JNO1lBQ0FPLFdBQVcsQ0FBQyxZQUFZLEVBQUVSLEVBQUUsT0FBTyxDQUFDO1lBQ3BDRSxPQUNFTixtQkFBbUJBLGlCQUFpQkcsU0FBUyxlQUN6QyxDQUFDLEVBQUVMLE1BQU1RLFFBQVMsQ0FBQSxPQUFPUCxTQUFTLFdBQVdBLE9BQU8sQ0FBQSxFQUFHLEVBQUUsQ0FBQyxHQUMxRCxPQUFPQSxTQUFTLFdBQ2QsQ0FBQyxFQUFFLE1BQU1BLEtBQUssQ0FBQyxDQUFDLEdBQ2hCO1FBQ1Y7T0FFQ0o7QUFHUCxFQUFDIn0=

package/dist/{pages → views}/LivePreview/IFrame/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,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/views/LivePreview/IFrame/index.js

@@ -0,0 +1,23 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+import './index.scss';
+const baseClass = 'live-preview-iframe';
+export const IFrame = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { setIframeHasLoaded, url } = props;
+    const { zoom } = useLivePreviewContext();
+    return /*#__PURE__*/ React.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9JRnJhbWUvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctaWZyYW1lJ1xuXG5leHBvcnQgY29uc3QgSUZyYW1lOiBSZWFjdC5GQzx7XG4gIHJlZjogUmVhY3QuUmVmPEhUTUxJRnJhbWVFbGVtZW50PlxuICBzZXRJZnJhbWVIYXNMb2FkZWQ6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZFxuICB1cmw6IHN0cmluZ1xufT4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc2V0SWZyYW1lSGFzTG9hZGVkLCB1cmwgfSA9IHByb3BzXG5cbiAgY29uc3QgeyB6b29tIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPGlmcmFtZVxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBvbkxvYWQ9eygpID0+IHtcbiAgICAgICAgc2V0SWZyYW1lSGFzTG9hZGVkKHRydWUpXG4gICAgICB9fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzcmM9e3VybH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogdHlwZW9mIHpvb20gPT09ICdudW1iZXInID8gYHNjYWxlKCR7em9vbX0pIGAgOiB1bmRlZmluZWQsXG4gICAgICB9fVxuICAgICAgdGl0bGU9e3VybH1cbiAgICAvPlxuICApXG59KVxuIl0sIm5hbWVzIjpbIlJlYWN0IiwiZm9yd2FyZFJlZiIsInVzZUxpdmVQcmV2aWV3Q29udGV4dCIsImJhc2VDbGFzcyIsIklGcmFtZSIsInByb3BzIiwicmVmIiwic2V0SWZyYW1lSGFzTG9hZGVkIiwidXJsIiwiem9vbSIsImlmcmFtZSIsImNsYXNzTmFtZSIsIm9uTG9hZCIsInNyYyIsInN0eWxlIiwidHJhbnNmb3JtIiwidW5kZWZpbmVkIiwidGl0bGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EsT0FBT0EsU0FBU0MsVUFBVSxRQUFRLFFBQU87QUFFekMsU0FBU0MscUJBQXFCLFFBQVEsd0JBQXVCO0FBQzdELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE9BQU8sTUFBTUMsdUJBSVJILFdBQVcsQ0FBQ0ksT0FBT0M7SUFDdEIsTUFBTSxFQUFFQyxrQkFBa0IsRUFBRUMsR0FBRyxFQUFFLEdBQUdIO0lBRXBDLE1BQU0sRUFBRUksSUFBSSxFQUFFLEdBQUdQO0lBRWpCLHFCQUNFLG9CQUFDUTtRQUNDQyxXQUFXUjtRQUNYUyxRQUFRO1lBQ05MLG1CQUFtQjtRQUNyQjtRQUNBRCxLQUFLQTtRQUNMTyxLQUFLTDtRQUNMTSxPQUFPO1lBQ0xDLFdBQVcsT0FBT04sU0FBUyxXQUFXLENBQUMsTUFBTSxFQUFFQSxLQUFLLEVBQUUsQ0FBQyxHQUFHTztRQUM1RDtRQUNBQyxPQUFPVDs7QUFHYixHQUFFIn0=

package/dist/{pages → views}/LivePreview/Preview/index.d.ts

@@ -1,4 +1,4 @@
-import type { EditViewProps } from 'payload/config';
+import type { EditViewProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
 export declare const LivePreview: React.FC<EditViewProps>;

package/dist/views/LivePreview/Preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAQlD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4F/C,CAAA"}

package/dist/views/LivePreview/Preview/index.js

@@ -0,0 +1,76 @@
+'use client';
+import { ShimmerEffect, reduceFieldsToValues, useAllFormFields, useDocumentEvents } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+import { DeviceContainer } from '../Device/index.js';
+import { IFrame } from '../IFrame/index.js';
+import { LivePreviewToolbar } from '../Toolbar/index.js';
+import './index.scss';
+const baseClass = 'live-preview-window';
+export const LivePreview = (props)=>{
+    const { appIsReady, iframeHasLoaded, iframeRef, popupRef, previewWindowType, setIframeHasLoaded, url } = useLivePreviewContext();
+    const { mostRecentUpdate } = useDocumentEvents();
+    const { breakpoint, fieldSchemaJSON } = useLivePreviewContext();
+    const prevWindowType = React.useRef();
+    const [fields] = useAllFormFields();
+    // The preview could either be an iframe embedded on the page
+    // Or it could be a separate popup window
+    // We need to transmit data to both accordingly
+    useEffect(()=>{
+        // For performance, do no reduce fields to values until after the iframe or popup has loaded
+        if (fields && window && 'postMessage' in window && appIsReady) {
+            const values = reduceFieldsToValues(fields, true);
+            // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time
+            // To do this, the underlying JS function maintains a cache of this value
+            // So we need to send it through each time the window type changes
+            // But only once per window type change, not on every render, because this is a potentially large obj
+            const shouldSendSchema = !prevWindowType.current || prevWindowType.current !== previewWindowType;
+            prevWindowType.current = previewWindowType;
+            const message = {
+                type: 'payload-live-preview',
+                data: values,
+                externallyUpdatedRelationship: mostRecentUpdate,
+                fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined
+            };
+            // Post message to external popup window
+            if (previewWindowType === 'popup' && popupRef.current) {
+                popupRef.current.postMessage(message, url);
+            }
+            // Post message to embedded iframe
+            if (previewWindowType === 'iframe' && iframeRef.current) {
+                iframeRef.current.contentWindow?.postMessage(message, url);
+            }
+        }
+    }, [
+        fields,
+        url,
+        iframeHasLoaded,
+        previewWindowType,
+        popupRef,
+        appIsReady,
+        iframeRef,
+        setIframeHasLoaded,
+        fieldSchemaJSON,
+        mostRecentUpdate
+    ]);
+    if (previewWindowType === 'iframe') {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: [
+                baseClass,
+                breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`
+            ].filter(Boolean).join(' ')
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__wrapper`
+        }, /*#__PURE__*/ React.createElement(LivePreviewToolbar, props), /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__main`
+        }, /*#__PURE__*/ React.createElement(DeviceContainer, null, url ? /*#__PURE__*/ React.createElement(IFrame, {
+            ref: iframeRef,
+            setIframeHasLoaded: setIframeHasLoaded,
+            url: url
+        }) : /*#__PURE__*/ React.createElement(ShimmerEffect, {
+            height: "100%"
+        })))));
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9QcmV2aWV3L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHtcbiAgU2hpbW1lckVmZmVjdCxcbiAgcmVkdWNlRmllbGRzVG9WYWx1ZXMsXG4gIHVzZUFsbEZvcm1GaWVsZHMsXG4gIHVzZURvY3VtZW50RXZlbnRzLFxufSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgRGV2aWNlQ29udGFpbmVyIH0gZnJvbSAnLi4vRGV2aWNlL2luZGV4LmpzJ1xuaW1wb3J0IHsgSUZyYW1lIH0gZnJvbSAnLi4vSUZyYW1lL2luZGV4LmpzJ1xuaW1wb3J0IHsgTGl2ZVByZXZpZXdUb29sYmFyIH0gZnJvbSAnLi4vVG9vbGJhci9pbmRleC5qcydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGl2ZS1wcmV2aWV3LXdpbmRvdydcblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3OiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgaWZyYW1lUmVmLFxuICAgIHBvcHVwUmVmLFxuICAgIHByZXZpZXdXaW5kb3dUeXBlLFxuICAgIHNldElmcmFtZUhhc0xvYWRlZCxcbiAgICB1cmwsXG4gIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgbW9zdFJlY2VudFVwZGF0ZSB9ID0gdXNlRG9jdW1lbnRFdmVudHMoKVxuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgZmllbGRTY2hlbWFKU09OIH0gPSB1c2VMaXZlUHJldmlld0NvbnRleHQoKVxuXG4gIGNvbnN0IHByZXZXaW5kb3dUeXBlID1cbiAgICBSZWFjdC51c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2YgdXNlTGl2ZVByZXZpZXdDb250ZXh0PlsncHJldmlld1dpbmRvd1R5cGUnXT4oKVxuXG4gIGNvbnN0IFtmaWVsZHNdID0gdXNlQWxsRm9ybUZpZWxkcygpXG5cbiAgLy8gVGhlIHByZXZpZXcgY291bGQgZWl0aGVyIGJlIGFuIGlmcmFtZSBlbWJlZGRlZCBvbiB0aGUgcGFnZVxuICAvLyBPciBpdCBjb3VsZCBiZSBhIHNlcGFyYXRlIHBvcHVwIHdpbmRvd1xuICAvLyBXZSBuZWVkIHRvIHRyYW5zbWl0IGRhdGEgdG8gYm90aCBhY2NvcmRpbmdseVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIEZvciBwZXJmb3JtYW5jZSwgZG8gbm8gcmVkdWNlIGZpZWxkcyB0byB2YWx1ZXMgdW50aWwgYWZ0ZXIgdGhlIGlmcmFtZSBvciBwb3B1cCBoYXMgbG9hZGVkXG4gICAgaWYgKGZpZWxkcyAmJiB3aW5kb3cgJiYgJ3Bvc3RNZXNzYWdlJyBpbiB3aW5kb3cgJiYgYXBwSXNSZWFkeSkge1xuICAgICAgY29uc3QgdmFsdWVzID0gcmVkdWNlRmllbGRzVG9WYWx1ZXMoZmllbGRzLCB0cnVlKVxuXG4gICAgICAvLyBUbyByZWR1Y2Ugb24gbGFyZ2UgYHBvc3RNZXNzYWdlYCBwYXlsb2Fkcywgb25seSBzZW5kIGBmaWVsZFNjaGVtYVRvSlNPTmAgb25lIHRpbWVcbiAgICAgIC8vIFRvIGRvIHRoaXMsIHRoZSB1bmRlcmx5aW5nIEpTIGZ1bmN0aW9uIG1haW50YWlucyBhIGNhY2hlIG9mIHRoaXMgdmFsdWVcbiAgICAgIC8vIFNvIHdlIG5lZWQgdG8gc2VuZCBpdCB0aHJvdWdoIGVhY2ggdGltZSB0aGUgd2luZG93IHR5cGUgY2hhbmdlc1xuICAgICAgLy8gQnV0IG9ubHkgb25jZSBwZXIgd2luZG93IHR5cGUgY2hhbmdlLCBub3Qgb24gZXZlcnkgcmVuZGVyLCBiZWNhdXNlIHRoaXMgaXMgYSBwb3RlbnRpYWxseSBsYXJnZSBvYmpcbiAgICAgIGNvbnN0IHNob3VsZFNlbmRTY2hlbWEgPVxuICAgICAgICAhcHJldldpbmRvd1R5cGUuY3VycmVudCB8fCBwcmV2V2luZG93VHlwZS5jdXJyZW50ICE9PSBwcmV2aWV3V2luZG93VHlwZVxuXG4gICAgICBwcmV2V2luZG93VHlwZS5jdXJyZW50ID0gcHJldmlld1dpbmRvd1R5cGVcblxuICAgICAgY29uc3QgbWVzc2FnZSA9IHtcbiAgICAgICAgdHlwZTogJ3BheWxvYWQtbGl2ZS1wcmV2aWV3JyxcbiAgICAgICAgZGF0YTogdmFsdWVzLFxuICAgICAgICBleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcDogbW9zdFJlY2VudFVwZGF0ZSxcbiAgICAgICAgZmllbGRTY2hlbWFKU09OOiBzaG91bGRTZW5kU2NoZW1hID8gZmllbGRTY2hlbWFKU09OIDogdW5kZWZpbmVkLFxuICAgICAgfVxuXG4gICAgICAvLyBQb3N0IG1lc3NhZ2UgdG8gZXh0ZXJuYWwgcG9wdXAgd2luZG93XG4gICAgICBpZiAocHJldmlld1dpbmRvd1R5cGUgPT09ICdwb3B1cCcgJiYgcG9wdXBSZWYuY3VycmVudCkge1xuICAgICAgICBwb3B1cFJlZi5jdXJyZW50LnBvc3RNZXNzYWdlKG1lc3NhZ2UsIHVybClcbiAgICAgIH1cblxuICAgICAgLy8gUG9zdCBtZXNzYWdlIHRvIGVtYmVkZGVkIGlmcmFtZVxuICAgICAgaWYgKHByZXZpZXdXaW5kb3dUeXBlID09PSAnaWZyYW1lJyAmJiBpZnJhbWVSZWYuY3VycmVudCkge1xuICAgICAgICBpZnJhbWVSZWYuY3VycmVudC5jb250ZW50V2luZG93Py5wb3N0TWVzc2FnZShtZXNzYWdlLCB1cmwpXG4gICAgICB9XG4gICAgfVxuICB9LCBbXG4gICAgZmllbGRzLFxuICAgIHVybCxcbiAgICBpZnJhbWVIYXNMb2FkZWQsXG4gICAgcHJldmlld1dpbmRvd1R5cGUsXG4gICAgcG9wdXBSZWYsXG4gICAgYXBwSXNSZWFkeSxcbiAgICBpZnJhbWVSZWYsXG4gICAgc2V0SWZyYW1lSGFzTG9hZGVkLFxuICAgIGZpZWxkU2NoZW1hSlNPTixcbiAgICBtb3N0UmVjZW50VXBkYXRlLFxuICBdKVxuXG4gIGlmIChwcmV2aWV3V2luZG93VHlwZSA9PT0gJ2lmcmFtZScpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgICAgYnJlYWtwb2ludCAmJiBicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWJyZWFrcG9pbnRgLFxuICAgICAgICBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwcGVyYH0+XG4gICAgICAgICAgPExpdmVQcmV2aWV3VG9vbGJhciB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX21haW5gfT5cbiAgICAgICAgICAgIDxEZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgICAgIHt1cmwgPyAoXG4gICAgICAgICAgICAgICAgPElGcmFtZSByZWY9e2lmcmFtZVJlZn0gc2V0SWZyYW1lSGFzTG9hZGVkPXtzZXRJZnJhbWVIYXNMb2FkZWR9IHVybD17dXJsfSAvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxTaGltbWVyRWZmZWN0IGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9EZXZpY2VDb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG59XG4iXSwibmFtZXMiOlsiU2hpbW1lckVmZmVjdCIsInJlZHVjZUZpZWxkc1RvVmFsdWVzIiwidXNlQWxsRm9ybUZpZWxkcyIsInVzZURvY3VtZW50RXZlbnRzIiwiUmVhY3QiLCJ1c2VFZmZlY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJEZXZpY2VDb250YWluZXIiLCJJRnJhbWUiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJiYXNlQ2xhc3MiLCJMaXZlUHJldmlldyIsInByb3BzIiwiYXBwSXNSZWFkeSIsImlmcmFtZUhhc0xvYWRlZCIsImlmcmFtZVJlZiIsInBvcHVwUmVmIiwicHJldmlld1dpbmRvd1R5cGUiLCJzZXRJZnJhbWVIYXNMb2FkZWQiLCJ1cmwiLCJtb3N0UmVjZW50VXBkYXRlIiwiYnJlYWtwb2ludCIsImZpZWxkU2NoZW1hSlNPTiIsInByZXZXaW5kb3dUeXBlIiwidXNlUmVmIiwiZmllbGRzIiwid2luZG93IiwidmFsdWVzIiwic2hvdWxkU2VuZFNjaGVtYSIsImN1cnJlbnQiLCJtZXNzYWdlIiwidHlwZSIsImRhdGEiLCJleHRlcm5hbGx5VXBkYXRlZFJlbGF0aW9uc2hpcCIsInVuZGVmaW5lZCIsInBvc3RNZXNzYWdlIiwiY29udGVudFdpbmRvdyIsImRpdiIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwicmVmIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUlBLFNBQ0VBLGFBQWEsRUFDYkMsb0JBQW9CLEVBQ3BCQyxnQkFBZ0IsRUFDaEJDLGlCQUFpQixRQUNaLGlCQUFnQjtBQUN2QixPQUFPQyxTQUFTQyxTQUFTLFFBQVEsUUFBTztBQUV4QyxTQUFTQyxxQkFBcUIsUUFBUSx3QkFBdUI7QUFDN0QsU0FBU0MsZUFBZSxRQUFRLHFCQUFvQjtBQUNwRCxTQUFTQyxNQUFNLFFBQVEscUJBQW9CO0FBQzNDLFNBQVNDLGtCQUFrQixRQUFRLHNCQUFxQjtBQUN4RCxPQUFPLGVBQWM7QUFFckIsTUFBTUMsWUFBWTtBQUVsQixPQUFPLE1BQU1DLGNBQXVDLENBQUNDO0lBQ25ELE1BQU0sRUFDSkMsVUFBVSxFQUNWQyxlQUFlLEVBQ2ZDLFNBQVMsRUFDVEMsUUFBUSxFQUNSQyxpQkFBaUIsRUFDakJDLGtCQUFrQixFQUNsQkMsR0FBRyxFQUNKLEdBQUdiO0lBRUosTUFBTSxFQUFFYyxnQkFBZ0IsRUFBRSxHQUFHakI7SUFFN0IsTUFBTSxFQUFFa0IsVUFBVSxFQUFFQyxlQUFlLEVBQUUsR0FBR2hCO0lBRXhDLE1BQU1pQixpQkFDSm5CLE1BQU1vQixNQUFNO0lBRWQsTUFBTSxDQUFDQyxPQUFPLEdBQUd2QjtJQUVqQiw2REFBNkQ7SUFDN0QseUNBQXlDO0lBQ3pDLCtDQUErQztJQUMvQ0csVUFBVTtRQUNSLDRGQUE0RjtRQUM1RixJQUFJb0IsVUFBVUMsVUFBVSxpQkFBaUJBLFVBQVViLFlBQVk7WUFDN0QsTUFBTWMsU0FBUzFCLHFCQUFxQndCLFFBQVE7WUFFNUMsb0ZBQW9GO1lBQ3BGLHlFQUF5RTtZQUN6RSxrRUFBa0U7WUFDbEUscUdBQXFHO1lBQ3JHLE1BQU1HLG1CQUNKLENBQUNMLGVBQWVNLE9BQU8sSUFBSU4sZUFBZU0sT0FBTyxLQUFLWjtZQUV4RE0sZUFBZU0sT0FBTyxHQUFHWjtZQUV6QixNQUFNYSxVQUFVO2dCQUNkQyxNQUFNO2dCQUNOQyxNQUFNTDtnQkFDTk0sK0JBQStCYjtnQkFDL0JFLGlCQUFpQk0sbUJBQW1CTixrQkFBa0JZO1lBQ3hEO1lBRUEsd0NBQXdDO1lBQ3hDLElBQUlqQixzQkFBc0IsV0FBV0QsU0FBU2EsT0FBTyxFQUFFO2dCQUNyRGIsU0FBU2EsT0FBTyxDQUFDTSxXQUFXLENBQUNMLFNBQVNYO1lBQ3hDO1lBRUEsa0NBQWtDO1lBQ2xDLElBQUlGLHNCQUFzQixZQUFZRixVQUFVYyxPQUFPLEVBQUU7Z0JBQ3ZEZCxVQUFVYyxPQUFPLENBQUNPLGFBQWEsRUFBRUQsWUFBWUwsU0FBU1g7WUFDeEQ7UUFDRjtJQUNGLEdBQUc7UUFDRE07UUFDQU47UUFDQUw7UUFDQUc7UUFDQUQ7UUFDQUg7UUFDQUU7UUFDQUc7UUFDQUk7UUFDQUY7S0FDRDtJQUVELElBQUlILHNCQUFzQixVQUFVO1FBQ2xDLHFCQUNFLG9CQUFDb0I7WUFDQ0MsV0FBVztnQkFDVDVCO2dCQUNBVyxjQUFjQSxlQUFlLGdCQUFnQixDQUFDLEVBQUVYLFVBQVUsZ0JBQWdCLENBQUM7YUFDNUUsQ0FDRTZCLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO3lCQUVSLG9CQUFDSjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO3lCQUNyQyxvQkFBQ0Qsb0JBQXVCRyxzQkFDeEIsb0JBQUN5QjtZQUFJQyxXQUFXLENBQUMsRUFBRTVCLFVBQVUsTUFBTSxDQUFDO3lCQUNsQyxvQkFBQ0gsdUJBQ0VZLG9CQUNDLG9CQUFDWDtZQUFPa0MsS0FBSzNCO1lBQVdHLG9CQUFvQkE7WUFBb0JDLEtBQUtBOzJCQUVyRSxvQkFBQ25CO1lBQWMyQyxRQUFPOztJQU9wQztBQUNGLEVBQUMifQ==

package/dist/{pages → views}/LivePreview/Toolbar/Controls/index.d.ts

@@ -1,4 +1,4 @@
-import type { EditViewProps } from 'payload/config';
+import type { EditViewProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
 export declare const ToolbarControls: React.FC<EditViewProps>;

package/dist/views/LivePreview/Toolbar/Controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwGnD,CAAA"}

package/dist/views/LivePreview/Toolbar/Controls/index.js

@@ -0,0 +1,81 @@
+'use client';
+import { Chevron, LinkIcon, Popup, PopupList, X } from '@payloadcms/ui';
+import React from 'react';
+import { useLivePreviewContext } from '../../Context/context.js';
+import { PreviewFrameSizeInput } from '../SizeInput/index.js';
+import './index.scss';
+const baseClass = 'live-preview-toolbar-controls';
+const zoomOptions = [
+    50,
+    75,
+    100,
+    125,
+    150,
+    200
+];
+const customOption = {
+    label: 'Custom',
+    value: 'custom'
+};
+export const ToolbarControls = ()=>{
+    const { breakpoint, breakpoints, setBreakpoint, setPreviewWindowType, setZoom, url, zoom } = useLivePreviewContext();
+    return /*#__PURE__*/ React.createElement("div", {
+        className: baseClass
+    }, breakpoints?.length > 0 && /*#__PURE__*/ React.createElement(Popup, {
+        button: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", null, breakpoints.find((bp)=>bp.name == breakpoint)?.label ?? customOption.label), " ", /*#__PURE__*/ React.createElement(Chevron, {
+            className: `${baseClass}__chevron`
+        })),
+        className: `${baseClass}__breakpoint`,
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ React.createElement(PopupList.ButtonGroup, null, /*#__PURE__*/ React.createElement(React.Fragment, null, breakpoints.map((bp)=>/*#__PURE__*/ React.createElement(PopupList.Button, {
+                    active: bp.name == breakpoint,
+                    key: bp.name,
+                    onClick: ()=>{
+                        setBreakpoint(bp.name);
+                        close();
+                    }
+                }, bp.label)), breakpoint === 'custom' && /*#__PURE__*/ React.createElement(PopupList.Button, {
+                active: breakpoint == customOption.value,
+                onClick: ()=>{
+                    setBreakpoint(customOption.value);
+                    close();
+                }
+            }, customOption.label))),
+        showScrollbar: true,
+        verticalAlign: "bottom"
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__device-size`
+    }, /*#__PURE__*/ React.createElement(PreviewFrameSizeInput, {
+        axis: "x"
+    }), /*#__PURE__*/ React.createElement("span", {
+        className: `${baseClass}__size-divider`
+    }, /*#__PURE__*/ React.createElement(X, null)), /*#__PURE__*/ React.createElement(PreviewFrameSizeInput, {
+        axis: "y"
+    })), /*#__PURE__*/ React.createElement(Popup, {
+        button: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", null, zoom * 100, "%"), " ", /*#__PURE__*/ React.createElement(Chevron, {
+            className: `${baseClass}__chevron`
+        })),
+        className: `${baseClass}__zoom`,
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ React.createElement(PopupList.ButtonGroup, null, /*#__PURE__*/ React.createElement(React.Fragment, null, zoomOptions.map((zoomValue)=>/*#__PURE__*/ React.createElement(PopupList.Button, {
+                    active: zoom * 100 == zoomValue,
+                    key: zoomValue,
+                    onClick: ()=>{
+                        setZoom(zoomValue / 100);
+                        close();
+                    }
+                }, zoomValue, "%")))),
+        showScrollbar: true,
+        verticalAlign: "bottom"
+    }), /*#__PURE__*/ React.createElement("a", {
+        className: `${baseClass}__external`,
+        href: url,
+        onClick: (e)=>{
+            e.preventDefault();
+            setPreviewWindowType('popup');
+        },
+        type: "button"
+    }, /*#__PURE__*/ React.createElement(LinkIcon, null)));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL0NvbnRyb2xzL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBFZGl0Vmlld1Byb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHsgQ2hldnJvbiwgTGlua0ljb24sIFBvcHVwLCBQb3B1cExpc3QsIFggfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdXNlTGl2ZVByZXZpZXdDb250ZXh0IH0gZnJvbSAnLi4vLi4vQ29udGV4dC9jb250ZXh0LmpzJ1xuaW1wb3J0IHsgUHJldmlld0ZyYW1lU2l6ZUlucHV0IH0gZnJvbSAnLi4vU2l6ZUlucHV0L2luZGV4LmpzJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXZlLXByZXZpZXctdG9vbGJhci1jb250cm9scydcbmNvbnN0IHpvb21PcHRpb25zID0gWzUwLCA3NSwgMTAwLCAxMjUsIDE1MCwgMjAwXVxuY29uc3QgY3VzdG9tT3B0aW9uID0ge1xuICBsYWJlbDogJ0N1c3RvbScsIC8vIFRPRE86IEFkZCBpMThuIHRvIHRoaXMgc3RyaW5nXG4gIHZhbHVlOiAnY3VzdG9tJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRvb2xiYXJDb250cm9sczogUmVhY3QuRkM8RWRpdFZpZXdQcm9wcz4gPSAoKSA9PiB7XG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgYnJlYWtwb2ludHMsIHNldEJyZWFrcG9pbnQsIHNldFByZXZpZXdXaW5kb3dUeXBlLCBzZXRab29tLCB1cmwsIHpvb20gfSA9XG4gICAgdXNlTGl2ZVByZXZpZXdDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAge2JyZWFrcG9pbnRzPy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPFBvcHVwXG4gICAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAge2JyZWFrcG9pbnRzLmZpbmQoKGJwKSA9PiBicC5uYW1lID09IGJyZWFrcG9pbnQpPy5sYWJlbCA/PyBjdXN0b21PcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgJm5ic3A7XG4gICAgICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2hldnJvbmB9IC8+XG4gICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgIH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JyZWFrcG9pbnRgfVxuICAgICAgICAgIGhvcml6b250YWxBbGlnbj1cInJpZ2h0XCJcbiAgICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uR3JvdXA+XG4gICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICB7YnJlYWtwb2ludHMubWFwKChicCkgPT4gKFxuICAgICAgICAgICAgICAgICAgPFBvcHVwTGlzdC5CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlPXticC5uYW1lID09IGJyZWFrcG9pbnR9XG4gICAgICAgICAgICAgICAgICAgIGtleT17YnAubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIHNldEJyZWFrcG9pbnQoYnAubmFtZSlcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHticC5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICB7LyogRHluYW1pY2FsbHkgYWRkIHRoaXMgb3B0aW9uIHNvIHRoYXQgaXQgb25seSBhcHBlYXJzIHdoZW4gdGhlIHdpZHRoIGFuZCBoZWlnaHQgaW5wdXRzIGFyZSBleHBsaWNpdGx5IGNoYW5nZWQgKi99XG4gICAgICAgICAgICAgICAge2JyZWFrcG9pbnQgPT09ICdjdXN0b20nICYmIChcbiAgICAgICAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17YnJlYWtwb2ludCA9PSBjdXN0b21PcHRpb24udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBzZXRCcmVha3BvaW50KGN1c3RvbU9wdGlvbi52YWx1ZSlcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjdXN0b21PcHRpb24ubGFiZWx9XG4gICAgICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICl9XG4gICAgICAgICAgc2hvd1Njcm9sbGJhclxuICAgICAgICAgIHZlcnRpY2FsQWxpZ249XCJib3R0b21cIlxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19kZXZpY2Utc2l6ZWB9PlxuICAgICAgICA8UHJldmlld0ZyYW1lU2l6ZUlucHV0IGF4aXM9XCJ4XCIgLz5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplLWRpdmlkZXJgfT5cbiAgICAgICAgICA8WCAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxQcmV2aWV3RnJhbWVTaXplSW5wdXQgYXhpcz1cInlcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8UG9wdXBcbiAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICA8c3Bhbj57em9vbSAqIDEwMH0lPC9zcGFuPlxuICAgICAgICAgICAgJm5ic3A7XG4gICAgICAgICAgICA8Q2hldnJvbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZXZyb25gfSAvPlxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIH1cbiAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X196b29tYH1cbiAgICAgICAgaG9yaXpvbnRhbEFsaWduPVwicmlnaHRcIlxuICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICB7em9vbU9wdGlvbnMubWFwKCh6b29tVmFsdWUpID0+IChcbiAgICAgICAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvblxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXt6b29tICogMTAwID09IHpvb21WYWx1ZX1cbiAgICAgICAgICAgICAgICAgIGtleT17em9vbVZhbHVlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBzZXRab29tKHpvb21WYWx1ZSAvIDEwMClcbiAgICAgICAgICAgICAgICAgICAgY2xvc2UoKVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7em9vbVZhbHVlfSVcbiAgICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b25Hcm91cD5cbiAgICAgICAgKX1cbiAgICAgICAgc2hvd1Njcm9sbGJhclxuICAgICAgICB2ZXJ0aWNhbEFsaWduPVwiYm90dG9tXCJcbiAgICAgIC8+XG4gICAgICA8YVxuICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2V4dGVybmFsYH1cbiAgICAgICAgaHJlZj17dXJsfVxuICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgIHNldFByZXZpZXdXaW5kb3dUeXBlKCdwb3B1cCcpXG4gICAgICAgIH19XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8TGlua0ljb24gLz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkNoZXZyb24iLCJMaW5rSWNvbiIsIlBvcHVwIiwiUG9wdXBMaXN0IiwiWCIsIlJlYWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiUHJldmlld0ZyYW1lU2l6ZUlucHV0IiwiYmFzZUNsYXNzIiwiem9vbU9wdGlvbnMiLCJjdXN0b21PcHRpb24iLCJsYWJlbCIsInZhbHVlIiwiVG9vbGJhckNvbnRyb2xzIiwiYnJlYWtwb2ludCIsImJyZWFrcG9pbnRzIiwic2V0QnJlYWtwb2ludCIsInNldFByZXZpZXdXaW5kb3dUeXBlIiwic2V0Wm9vbSIsInVybCIsInpvb20iLCJkaXYiLCJjbGFzc05hbWUiLCJsZW5ndGgiLCJidXR0b24iLCJGcmFnbWVudCIsInNwYW4iLCJmaW5kIiwiYnAiLCJuYW1lIiwiaG9yaXpvbnRhbEFsaWduIiwicmVuZGVyIiwiY2xvc2UiLCJCdXR0b25Hcm91cCIsIm1hcCIsIkJ1dHRvbiIsImFjdGl2ZSIsImtleSIsIm9uQ2xpY2siLCJzaG93U2Nyb2xsYmFyIiwidmVydGljYWxBbGlnbiIsImF4aXMiLCJ6b29tVmFsdWUiLCJhIiwiaHJlZiIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInR5cGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBSUEsU0FBU0EsT0FBTyxFQUFFQyxRQUFRLEVBQUVDLEtBQUssRUFBRUMsU0FBUyxFQUFFQyxDQUFDLFFBQVEsaUJBQWdCO0FBQ3ZFLE9BQU9DLFdBQVcsUUFBTztBQUV6QixTQUFTQyxxQkFBcUIsUUFBUSwyQkFBMEI7QUFDaEUsU0FBU0MscUJBQXFCLFFBQVEsd0JBQXVCO0FBQzdELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBQ2xCLE1BQU1DLGNBQWM7SUFBQztJQUFJO0lBQUk7SUFBSztJQUFLO0lBQUs7Q0FBSTtBQUNoRCxNQUFNQyxlQUFlO0lBQ25CQyxPQUFPO0lBQ1BDLE9BQU87QUFDVDtBQUVBLE9BQU8sTUFBTUMsa0JBQTJDO0lBQ3RELE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLGFBQWEsRUFBRUMsb0JBQW9CLEVBQUVDLE9BQU8sRUFBRUMsR0FBRyxFQUFFQyxJQUFJLEVBQUUsR0FDeEZkO0lBRUYscUJBQ0Usb0JBQUNlO1FBQUlDLFdBQVdkO09BQ2JPLGFBQWFRLFNBQVMsbUJBQ3JCLG9CQUFDckI7UUFDQ3NCLHNCQUNFLG9CQUFDbkIsTUFBTW9CLFFBQVEsc0JBQ2Isb0JBQUNDLGNBQ0VYLFlBQVlZLElBQUksQ0FBQyxDQUFDQyxLQUFPQSxHQUFHQyxJQUFJLElBQUlmLGFBQWFILFNBQVNELGFBQWFDLEtBQUssR0FDeEUsbUJBRVAsb0JBQUNYO1lBQVFzQixXQUFXLENBQUMsRUFBRWQsVUFBVSxTQUFTLENBQUM7O1FBRy9DYyxXQUFXLENBQUMsRUFBRWQsVUFBVSxZQUFZLENBQUM7UUFDckNzQixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLG9CQUFDN0IsVUFBVThCLFdBQVcsc0JBQ3BCLG9CQUFDNUIsTUFBTW9CLFFBQVEsUUFDWlYsWUFBWW1CLEdBQUcsQ0FBQyxDQUFDTixtQkFDaEIsb0JBQUN6QixVQUFVZ0MsTUFBTTtvQkFDZkMsUUFBUVIsR0FBR0MsSUFBSSxJQUFJZjtvQkFDbkJ1QixLQUFLVCxHQUFHQyxJQUFJO29CQUNaUyxTQUFTO3dCQUNQdEIsY0FBY1ksR0FBR0MsSUFBSTt3QkFDckJHO29CQUNGO21CQUVDSixHQUFHakIsS0FBSyxJQUlaRyxlQUFlLDBCQUNkLG9CQUFDWCxVQUFVZ0MsTUFBTTtnQkFDZkMsUUFBUXRCLGNBQWNKLGFBQWFFLEtBQUs7Z0JBQ3hDMEIsU0FBUztvQkFDUHRCLGNBQWNOLGFBQWFFLEtBQUs7b0JBQ2hDb0I7Z0JBQ0Y7ZUFFQ3RCLGFBQWFDLEtBQUs7UUFNN0I0QixlQUFBQTtRQUNBQyxlQUFjO3NCQUdsQixvQkFBQ25CO1FBQUlDLFdBQVcsQ0FBQyxFQUFFZCxVQUFVLGFBQWEsQ0FBQztxQkFDekMsb0JBQUNEO1FBQXNCa0MsTUFBSztzQkFDNUIsb0JBQUNmO1FBQUtKLFdBQVcsQ0FBQyxFQUFFZCxVQUFVLGNBQWMsQ0FBQztxQkFDM0Msb0JBQUNKLHlCQUVILG9CQUFDRztRQUFzQmtDLE1BQUs7dUJBRTlCLG9CQUFDdkM7UUFDQ3NCLHNCQUNFLG9CQUFDbkIsTUFBTW9CLFFBQVEsc0JBQ2Isb0JBQUNDLGNBQU1OLE9BQU8sS0FBSSxNQUFRLG1CQUUxQixvQkFBQ3BCO1lBQVFzQixXQUFXLENBQUMsRUFBRWQsVUFBVSxTQUFTLENBQUM7O1FBRy9DYyxXQUFXLENBQUMsRUFBRWQsVUFBVSxNQUFNLENBQUM7UUFDL0JzQixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLG9CQUFDN0IsVUFBVThCLFdBQVcsc0JBQ3BCLG9CQUFDNUIsTUFBTW9CLFFBQVEsUUFDWmhCLFlBQVl5QixHQUFHLENBQUMsQ0FBQ1EsMEJBQ2hCLG9CQUFDdkMsVUFBVWdDLE1BQU07b0JBQ2ZDLFFBQVFoQixPQUFPLE9BQU9zQjtvQkFDdEJMLEtBQUtLO29CQUNMSixTQUFTO3dCQUNQcEIsUUFBUXdCLFlBQVk7d0JBQ3BCVjtvQkFDRjttQkFFQ1UsV0FBVTtRQU1yQkgsZUFBQUE7UUFDQUMsZUFBYztzQkFFaEIsb0JBQUNHO1FBQ0NyQixXQUFXLENBQUMsRUFBRWQsVUFBVSxVQUFVLENBQUM7UUFDbkNvQyxNQUFNekI7UUFDTm1CLFNBQVMsQ0FBQ087WUFDUkEsRUFBRUMsY0FBYztZQUNoQjdCLHFCQUFxQjtRQUN2QjtRQUNBOEIsTUFBSztxQkFFTCxvQkFBQzlDO0FBSVQsRUFBQyJ9

package/dist/{pages → views}/LivePreview/Toolbar/SizeInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/pages/LivePreview/Toolbar/SizeInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAGrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;CACjB,CA0DA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/LivePreview/Toolbar/SizeInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAGrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;CACjB,CA0DA,CAAA"}

package/dist/views/LivePreview/Toolbar/SizeInput/index.js

@@ -0,0 +1,61 @@
+'use client';
+import React, { useCallback, useEffect } from 'react';
+import { useLivePreviewContext } from '../../Context/context.js';
+import './index.scss';
+const baseClass = 'toolbar-input';
+export const PreviewFrameSizeInput = (props)=>{
+    const { axis } = props;
+    const { breakpoint, measuredDeviceSize, setBreakpoint, setSize, size, zoom } = useLivePreviewContext();
+    const [internalState, setInternalState] = React.useState((axis === 'x' ? measuredDeviceSize?.width : measuredDeviceSize?.height) || 0);
+    // when the input is changed manually, we need to set the breakpoint as `custom`
+    // this will then allow us to set an explicit width and height
+    const handleChange = useCallback((e)=>{
+        let newValue = Number(e.target.value);
+        if (newValue < 0) newValue = 0;
+        setInternalState(newValue);
+        setBreakpoint('custom');
+        // be sure to set _both_ axis values to so that the other axis doesn't fallback to 0 on initial change
+        // this is because the `responsive` size is '100%' in CSS, and `0` in initial state
+        setSize({
+            type: 'reset',
+            value: {
+                height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,
+                width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom
+            }
+        });
+    }, [
+        axis,
+        setBreakpoint,
+        measuredDeviceSize,
+        setSize,
+        zoom
+    ]);
+    // if the breakpoint is `responsive` then the device's div will have `100%` width and height
+    // so we need to take the measurements provided by `actualDeviceSize` and sync internal state
+    useEffect(()=>{
+        if (breakpoint === 'responsive' && measuredDeviceSize) {
+            if (axis === 'x') setInternalState(Number(measuredDeviceSize.width.toFixed(0)) * zoom);
+            else setInternalState(Number(measuredDeviceSize.height.toFixed(0)) * zoom);
+        }
+        if (breakpoint !== 'responsive' && size) {
+            setInternalState(axis === 'x' ? size.width : size.height);
+        }
+    }, [
+        breakpoint,
+        axis,
+        measuredDeviceSize,
+        size,
+        zoom
+    ]);
+    return /*#__PURE__*/ React.createElement("input", {
+        className: baseClass,
+        min: 0,
+        name: axis === 'x' ? 'live-preview-width' : 'live-preview-height',
+        onChange: handleChange,
+        step: 1,
+        type: "number",
+        value: internalState || 0
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL1NpemVJbnB1dC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VMaXZlUHJldmlld0NvbnRleHQgfSBmcm9tICcuLi8uLi9Db250ZXh0L2NvbnRleHQuanMnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3Rvb2xiYXItaW5wdXQnXG5cbmV4cG9ydCBjb25zdCBQcmV2aWV3RnJhbWVTaXplSW5wdXQ6IFJlYWN0LkZDPHtcbiAgYXhpcz86ICd4JyB8ICd5J1xufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBheGlzIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgYnJlYWtwb2ludCwgbWVhc3VyZWREZXZpY2VTaXplLCBzZXRCcmVha3BvaW50LCBzZXRTaXplLCBzaXplLCB6b29tIH0gPVxuICAgIHVzZUxpdmVQcmV2aWV3Q29udGV4dCgpXG5cbiAgY29uc3QgW2ludGVybmFsU3RhdGUsIHNldEludGVybmFsU3RhdGVdID0gUmVhY3QudXNlU3RhdGU8bnVtYmVyPihcbiAgICAoYXhpcyA9PT0gJ3gnID8gbWVhc3VyZWREZXZpY2VTaXplPy53aWR0aCA6IG1lYXN1cmVkRGV2aWNlU2l6ZT8uaGVpZ2h0KSB8fCAwLFxuICApXG5cbiAgLy8gd2hlbiB0aGUgaW5wdXQgaXMgY2hhbmdlZCBtYW51YWxseSwgd2UgbmVlZCB0byBzZXQgdGhlIGJyZWFrcG9pbnQgYXMgYGN1c3RvbWBcbiAgLy8gdGhpcyB3aWxsIHRoZW4gYWxsb3cgdXMgdG8gc2V0IGFuIGV4cGxpY2l0IHdpZHRoIGFuZCBoZWlnaHRcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBsZXQgbmV3VmFsdWUgPSBOdW1iZXIoZS50YXJnZXQudmFsdWUpXG5cbiAgICAgIGlmIChuZXdWYWx1ZSA8IDApIG5ld1ZhbHVlID0gMFxuXG4gICAgICBzZXRJbnRlcm5hbFN0YXRlKG5ld1ZhbHVlKVxuICAgICAgc2V0QnJlYWtwb2ludCgnY3VzdG9tJylcblxuICAgICAgLy8gYmUgc3VyZSB0byBzZXQgX2JvdGhfIGF4aXMgdmFsdWVzIHRvIHNvIHRoYXQgdGhlIG90aGVyIGF4aXMgZG9lc24ndCBmYWxsYmFjayB0byAwIG9uIGluaXRpYWwgY2hhbmdlXG4gICAgICAvLyB0aGlzIGlzIGJlY2F1c2UgdGhlIGByZXNwb25zaXZlYCBzaXplIGlzICcxMDAlJyBpbiBDU1MsIGFuZCBgMGAgaW4gaW5pdGlhbCBzdGF0ZVxuICAgICAgc2V0U2l6ZSh7XG4gICAgICAgIHR5cGU6ICdyZXNldCcsXG4gICAgICAgIHZhbHVlOiB7XG4gICAgICAgICAgaGVpZ2h0OiBheGlzID09PSAneScgPyBuZXdWYWx1ZSA6IE51bWJlcihtZWFzdXJlZERldmljZVNpemU/LmhlaWdodC50b0ZpeGVkKDApKSAqIHpvb20sXG4gICAgICAgICAgd2lkdGg6IGF4aXMgPT09ICd4JyA/IG5ld1ZhbHVlIDogTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZT8ud2lkdGgudG9GaXhlZCgwKSkgKiB6b29tLFxuICAgICAgICB9LFxuICAgICAgfSlcbiAgICB9LFxuICAgIFtheGlzLCBzZXRCcmVha3BvaW50LCBtZWFzdXJlZERldmljZVNpemUsIHNldFNpemUsIHpvb21dLFxuICApXG5cbiAgLy8gaWYgdGhlIGJyZWFrcG9pbnQgaXMgYHJlc3BvbnNpdmVgIHRoZW4gdGhlIGRldmljZSdzIGRpdiB3aWxsIGhhdmUgYDEwMCVgIHdpZHRoIGFuZCBoZWlnaHRcbiAgLy8gc28gd2UgbmVlZCB0byB0YWtlIHRoZSBtZWFzdXJlbWVudHMgcHJvdmlkZWQgYnkgYGFjdHVhbERldmljZVNpemVgIGFuZCBzeW5jIGludGVybmFsIHN0YXRlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGJyZWFrcG9pbnQgPT09ICdyZXNwb25zaXZlJyAmJiBtZWFzdXJlZERldmljZVNpemUpIHtcbiAgICAgIGlmIChheGlzID09PSAneCcpIHNldEludGVybmFsU3RhdGUoTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZS53aWR0aC50b0ZpeGVkKDApKSAqIHpvb20pXG4gICAgICBlbHNlIHNldEludGVybmFsU3RhdGUoTnVtYmVyKG1lYXN1cmVkRGV2aWNlU2l6ZS5oZWlnaHQudG9GaXhlZCgwKSkgKiB6b29tKVxuICAgIH1cblxuICAgIGlmIChicmVha3BvaW50ICE9PSAncmVzcG9uc2l2ZScgJiYgc2l6ZSkge1xuICAgICAgc2V0SW50ZXJuYWxTdGF0ZShheGlzID09PSAneCcgPyBzaXplLndpZHRoIDogc2l6ZS5oZWlnaHQpXG4gICAgfVxuICB9LCBbYnJlYWtwb2ludCwgYXhpcywgbWVhc3VyZWREZXZpY2VTaXplLCBzaXplLCB6b29tXSlcblxuICByZXR1cm4gKFxuICAgIDxpbnB1dFxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBtaW49ezB9XG4gICAgICBuYW1lPXtheGlzID09PSAneCcgPyAnbGl2ZS1wcmV2aWV3LXdpZHRoJyA6ICdsaXZlLXByZXZpZXctaGVpZ2h0J31cbiAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICBzdGVwPXsxfVxuICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICB2YWx1ZT17aW50ZXJuYWxTdGF0ZSB8fCAwfVxuICAgIC8+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlTGl2ZVByZXZpZXdDb250ZXh0IiwiYmFzZUNsYXNzIiwiUHJldmlld0ZyYW1lU2l6ZUlucHV0IiwicHJvcHMiLCJheGlzIiwiYnJlYWtwb2ludCIsIm1lYXN1cmVkRGV2aWNlU2l6ZSIsInNldEJyZWFrcG9pbnQiLCJzZXRTaXplIiwic2l6ZSIsInpvb20iLCJpbnRlcm5hbFN0YXRlIiwic2V0SW50ZXJuYWxTdGF0ZSIsInVzZVN0YXRlIiwid2lkdGgiLCJoZWlnaHQiLCJoYW5kbGVDaGFuZ2UiLCJlIiwibmV3VmFsdWUiLCJOdW1iZXIiLCJ0YXJnZXQiLCJ2YWx1ZSIsInR5cGUiLCJ0b0ZpeGVkIiwiaW5wdXQiLCJjbGFzc05hbWUiLCJtaW4iLCJuYW1lIiwib25DaGFuZ2UiLCJzdGVwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLE9BQU9BLFNBQVNDLFdBQVcsRUFBRUMsU0FBUyxRQUFRLFFBQU87QUFFckQsU0FBU0MscUJBQXFCLFFBQVEsMkJBQTBCO0FBQ2hFLE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE9BQU8sTUFBTUMsd0JBRVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHRDtJQUVqQixNQUFNLEVBQUVFLFVBQVUsRUFBRUMsa0JBQWtCLEVBQUVDLGFBQWEsRUFBRUMsT0FBTyxFQUFFQyxJQUFJLEVBQUVDLElBQUksRUFBRSxHQUMxRVY7SUFFRixNQUFNLENBQUNXLGVBQWVDLGlCQUFpQixHQUFHZixNQUFNZ0IsUUFBUSxDQUN0RCxBQUFDVCxDQUFBQSxTQUFTLE1BQU1FLG9CQUFvQlEsUUFBUVIsb0JBQW9CUyxNQUFLLEtBQU07SUFHN0UsZ0ZBQWdGO0lBQ2hGLDhEQUE4RDtJQUM5RCxNQUFNQyxlQUFlbEIsWUFDbkIsQ0FBQ21CO1FBQ0MsSUFBSUMsV0FBV0MsT0FBT0YsRUFBRUcsTUFBTSxDQUFDQyxLQUFLO1FBRXBDLElBQUlILFdBQVcsR0FBR0EsV0FBVztRQUU3Qk4saUJBQWlCTTtRQUNqQlgsY0FBYztRQUVkLHNHQUFzRztRQUN0RyxtRkFBbUY7UUFDbkZDLFFBQVE7WUFDTmMsTUFBTTtZQUNORCxPQUFPO2dCQUNMTixRQUFRWCxTQUFTLE1BQU1jLFdBQVdDLE9BQU9iLG9CQUFvQlMsT0FBT1EsUUFBUSxNQUFNYjtnQkFDbEZJLE9BQU9WLFNBQVMsTUFBTWMsV0FBV0MsT0FBT2Isb0JBQW9CUSxNQUFNUyxRQUFRLE1BQU1iO1lBQ2xGO1FBQ0Y7SUFDRixHQUNBO1FBQUNOO1FBQU1HO1FBQWVEO1FBQW9CRTtRQUFTRTtLQUFLO0lBRzFELDRGQUE0RjtJQUM1Riw2RkFBNkY7SUFDN0ZYLFVBQVU7UUFDUixJQUFJTSxlQUFlLGdCQUFnQkMsb0JBQW9CO1lBQ3JELElBQUlGLFNBQVMsS0FBS1EsaUJBQWlCTyxPQUFPYixtQkFBbUJRLEtBQUssQ0FBQ1MsT0FBTyxDQUFDLE1BQU1iO2lCQUM1RUUsaUJBQWlCTyxPQUFPYixtQkFBbUJTLE1BQU0sQ0FBQ1EsT0FBTyxDQUFDLE1BQU1iO1FBQ3ZFO1FBRUEsSUFBSUwsZUFBZSxnQkFBZ0JJLE1BQU07WUFDdkNHLGlCQUFpQlIsU0FBUyxNQUFNSyxLQUFLSyxLQUFLLEdBQUdMLEtBQUtNLE1BQU07UUFDMUQ7SUFDRixHQUFHO1FBQUNWO1FBQVlEO1FBQU1FO1FBQW9CRztRQUFNQztLQUFLO0lBRXJELHFCQUNFLG9CQUFDYztRQUNDQyxXQUFXeEI7UUFDWHlCLEtBQUs7UUFDTEMsTUFBTXZCLFNBQVMsTUFBTSx1QkFBdUI7UUFDNUN3QixVQUFVWjtRQUNWYSxNQUFNO1FBQ05QLE1BQUs7UUFDTEQsT0FBT1YsaUJBQWlCOztBQUc5QixFQUFDIn0=

package/dist/{pages → views}/LivePreview/Toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import type { EditViewProps } from 'payload/config';
+import type { EditViewProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
 export declare const LivePreviewToolbar: React.FC<EditViewProps & {

package/dist/views/LivePreview/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAgDrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,aAAa,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CASF,CAAA"}

package/dist/views/LivePreview/Toolbar/index.js

@@ -0,0 +1,50 @@
+'use client';
+import { useDraggable } from '@dnd-kit/core';
+import { DragHandle } from '@payloadcms/ui';
+import React from 'react';
+import { useLivePreviewContext } from '../Context/context.js';
+import { ToolbarControls } from './Controls/index.js';
+import './index.scss';
+const baseClass = 'live-preview-toolbar';
+const DraggableToolbar = (props)=>{
+    const { toolbarPosition } = useLivePreviewContext();
+    const { attributes, listeners, setNodeRef, transform } = useDraggable({
+        id: 'live-preview-toolbar'
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: [
+            baseClass,
+            `${baseClass}--draggable`
+        ].join(' '),
+        style: {
+            left: `${toolbarPosition.x}px`,
+            top: `${toolbarPosition.y}px`,
+            ...transform ? {
+                transform: transform ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)` : undefined
+            } : {}
+        }
+    }, /*#__PURE__*/ React.createElement("button", {
+        ...listeners,
+        ...attributes,
+        className: `${baseClass}__drag-handle`,
+        ref: setNodeRef,
+        type: "button"
+    }, /*#__PURE__*/ React.createElement(DragHandle, null)), /*#__PURE__*/ React.createElement(ToolbarControls, props));
+};
+const StaticToolbar = (props)=>{
+    return /*#__PURE__*/ React.createElement("div", {
+        className: [
+            baseClass,
+            `${baseClass}--static`
+        ].join(' ')
+    }, /*#__PURE__*/ React.createElement(ToolbarControls, props));
+};
+export const LivePreviewToolbar = (props)=>{
+    const { draggable } = props;
+    if (draggable) {
+        return /*#__PURE__*/ React.createElement(DraggableToolbar, props);
+    }
+    return /*#__PURE__*/ React.createElement(StaticToolbar, props);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IHVzZURyYWdnYWJsZSB9IGZyb20gJ0BkbmQta2l0L2NvcmUnXG5pbXBvcnQgeyBEcmFnSGFuZGxlIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZUxpdmVQcmV2aWV3Q29udGV4dCB9IGZyb20gJy4uL0NvbnRleHQvY29udGV4dC5qcydcbmltcG9ydCB7IFRvb2xiYXJDb250cm9scyB9IGZyb20gJy4vQ29udHJvbHMvaW5kZXguanMnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xpdmUtcHJldmlldy10b29sYmFyJ1xuXG5jb25zdCBEcmFnZ2FibGVUb29sYmFyOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IHRvb2xiYXJQb3NpdGlvbiB9ID0gdXNlTGl2ZVByZXZpZXdDb250ZXh0KClcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGUoe1xuICAgIGlkOiAnbGl2ZS1wcmV2aWV3LXRvb2xiYXInLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1kcmFnZ2FibGVgXS5qb2luKCcgJyl9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBsZWZ0OiBgJHt0b29sYmFyUG9zaXRpb24ueH1weGAsXG4gICAgICAgIHRvcDogYCR7dG9vbGJhclBvc2l0aW9uLnl9cHhgLFxuICAgICAgICAuLi4odHJhbnNmb3JtXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNmb3JtXG4gICAgICAgICAgICAgICAgPyBgdHJhbnNsYXRlM2QoJHt0cmFuc2Zvcm0/LnggfHwgMH1weCwgJHt0cmFuc2Zvcm0/LnkgfHwgMH1weCwgMClgXG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7fSksXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxidXR0b25cbiAgICAgICAgey4uLmxpc3RlbmVyc31cbiAgICAgICAgey4uLmF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZHJhZy1oYW5kbGVgfVxuICAgICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8RHJhZ0hhbmRsZSAvPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8VG9vbGJhckNvbnRyb2xzIHsuLi5wcm9wc30gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5jb25zdCBTdGF0aWNUb29sYmFyOiBSZWFjdC5GQzxFZGl0Vmlld1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1zdGF0aWNgXS5qb2luKCcgJyl9PlxuICAgICAgPFRvb2xiYXJDb250cm9scyB7Li4ucHJvcHN9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExpdmVQcmV2aWV3VG9vbGJhcjogUmVhY3QuRkM8XG4gIEVkaXRWaWV3UHJvcHMgJiB7XG4gICAgZHJhZ2dhYmxlPzogYm9vbGVhblxuICB9XG4+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZHJhZ2dhYmxlIH0gPSBwcm9wc1xuXG4gIGlmIChkcmFnZ2FibGUpIHtcbiAgICByZXR1cm4gPERyYWdnYWJsZVRvb2xiYXIgey4uLnByb3BzfSAvPlxuICB9XG5cbiAgcmV0dXJuIDxTdGF0aWNUb29sYmFyIHsuLi5wcm9wc30gLz5cbn1cbiJdLCJuYW1lcyI6WyJ1c2VEcmFnZ2FibGUiLCJEcmFnSGFuZGxlIiwiUmVhY3QiLCJ1c2VMaXZlUHJldmlld0NvbnRleHQiLCJUb29sYmFyQ29udHJvbHMiLCJiYXNlQ2xhc3MiLCJEcmFnZ2FibGVUb29sYmFyIiwicHJvcHMiLCJ0b29sYmFyUG9zaXRpb24iLCJhdHRyaWJ1dGVzIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsInRyYW5zZm9ybSIsImlkIiwiZGl2IiwiY2xhc3NOYW1lIiwiam9pbiIsInN0eWxlIiwibGVmdCIsIngiLCJ0b3AiLCJ5IiwidW5kZWZpbmVkIiwiYnV0dG9uIiwicmVmIiwidHlwZSIsIlN0YXRpY1Rvb2xiYXIiLCJMaXZlUHJldmlld1Rvb2xiYXIiLCJkcmFnZ2FibGUiXSwibWFwcGluZ3MiOiJBQUFBO0FBR0EsU0FBU0EsWUFBWSxRQUFRLGdCQUFlO0FBQzVDLFNBQVNDLFVBQVUsUUFBUSxpQkFBZ0I7QUFDM0MsT0FBT0MsV0FBVyxRQUFPO0FBRXpCLFNBQVNDLHFCQUFxQixRQUFRLHdCQUF1QjtBQUM3RCxTQUFTQyxlQUFlLFFBQVEsc0JBQXFCO0FBQ3JELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLG1CQUE0QyxDQUFDQztJQUNqRCxNQUFNLEVBQUVDLGVBQWUsRUFBRSxHQUFHTDtJQUU1QixNQUFNLEVBQUVNLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHWixhQUFhO1FBQ3BFYSxJQUFJO0lBQ047SUFFQSxxQkFDRSxvQkFBQ0M7UUFDQ0MsV0FBVztZQUFDVjtZQUFXLENBQUMsRUFBRUEsVUFBVSxXQUFXLENBQUM7U0FBQyxDQUFDVyxJQUFJLENBQUM7UUFDdkRDLE9BQU87WUFDTEMsTUFBTSxDQUFDLEVBQUVWLGdCQUFnQlcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUM5QkMsS0FBSyxDQUFDLEVBQUVaLGdCQUFnQmEsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUM3QixHQUFJVCxZQUNBO2dCQUNFQSxXQUFXQSxZQUNQLENBQUMsWUFBWSxFQUFFQSxXQUFXTyxLQUFLLEVBQUUsSUFBSSxFQUFFUCxXQUFXUyxLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQ2hFQztZQUNOLElBQ0EsQ0FBQyxDQUFDO1FBQ1I7cUJBRUEsb0JBQUNDO1FBQ0UsR0FBR2IsU0FBUztRQUNaLEdBQUdELFVBQVU7UUFDZE0sV0FBVyxDQUFDLEVBQUVWLFVBQVUsYUFBYSxDQUFDO1FBQ3RDbUIsS0FBS2I7UUFDTGMsTUFBSztxQkFFTCxvQkFBQ3hCLGtDQUVILG9CQUFDRyxpQkFBb0JHO0FBRzNCO0FBRUEsTUFBTW1CLGdCQUF5QyxDQUFDbkI7SUFDOUMscUJBQ0Usb0JBQUNPO1FBQUlDLFdBQVc7WUFBQ1Y7WUFBVyxDQUFDLEVBQUVBLFVBQVUsUUFBUSxDQUFDO1NBQUMsQ0FBQ1csSUFBSSxDQUFDO3FCQUN2RCxvQkFBQ1osaUJBQW9CRztBQUczQjtBQUVBLE9BQU8sTUFBTW9CLHFCQUlULENBQUNwQjtJQUNILE1BQU0sRUFBRXFCLFNBQVMsRUFBRSxHQUFHckI7SUFFdEIsSUFBSXFCLFdBQVc7UUFDYixxQkFBTyxvQkFBQ3RCLGtCQUFxQkM7SUFDL0I7SUFFQSxxQkFBTyxvQkFBQ21CLGVBQWtCbkI7QUFDNUIsRUFBQyJ9

package/dist/{pages → views}/LivePreview/ToolbarArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LivePreview/ToolbarArea/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAYA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/ToolbarArea/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAYA,CAAA"}

package/dist/views/LivePreview/ToolbarArea/index.js

@@ -0,0 +1,17 @@
+'use client';
+import { useDroppable } from '@dnd-kit/core';
+import React from 'react';
+import './index.scss';
+const baseClass = 'toolbar-area';
+export const ToolbarArea = (props)=>{
+    const { children } = props;
+    const { setNodeRef } = useDroppable({
+        id: 'live-preview-area'
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: baseClass,
+        ref: setNodeRef
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9MaXZlUHJldmlldy9Ub29sYmFyQXJlYS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VEcm9wcGFibGUgfSBmcm9tICdAZG5kLWtpdC9jb3JlJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3Rvb2xiYXItYXJlYSdcblxuZXhwb3J0IGNvbnN0IFRvb2xiYXJBcmVhOiBSZWFjdC5GQzx7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4gfSA9IHByb3BzXG5cbiAgY29uc3QgeyBzZXROb2RlUmVmIH0gPSB1c2VEcm9wcGFibGUoe1xuICAgIGlkOiAnbGl2ZS1wcmV2aWV3LWFyZWEnLFxuICB9KVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30gcmVmPXtzZXROb2RlUmVmfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbInVzZURyb3BwYWJsZSIsIlJlYWN0IiwiYmFzZUNsYXNzIiwiVG9vbGJhckFyZWEiLCJwcm9wcyIsImNoaWxkcmVuIiwic2V0Tm9kZVJlZiIsImlkIiwiZGl2IiwiY2xhc3NOYW1lIiwicmVmIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLFNBQVNBLFlBQVksUUFBUSxnQkFBZTtBQUM1QyxPQUFPQyxXQUFXLFFBQU87QUFFekIsT0FBTyxlQUFjO0FBRXJCLE1BQU1DLFlBQVk7QUFFbEIsT0FBTyxNQUFNQyxjQUVSLENBQUNDO0lBQ0osTUFBTSxFQUFFQyxRQUFRLEVBQUUsR0FBR0Q7SUFFckIsTUFBTSxFQUFFRSxVQUFVLEVBQUUsR0FBR04sYUFBYTtRQUNsQ08sSUFBSTtJQUNOO0lBRUEscUJBQ0Usb0JBQUNDO1FBQUlDLFdBQVdQO1FBQVdRLEtBQUtKO09BQzdCRDtBQUdQLEVBQUMifQ==

package/dist/views/LivePreview/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAgBzC,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,OAAO,cAAc,CAAA;AA6KrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC7C,WAAW,EAAE,IAAI,CAAA;IACjB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CA2BA,CAAA"}