@thanh01.pmt/presentation-kit 0.2.14 → 0.2.15

package/dist/react/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkTGI6YSZP_cjs = require('../chunk-TGI6YSZP.cjs');
-var chunkJIIUW2TN_cjs = require('../chunk-JIIUW2TN.cjs');
+var chunkSUGKWGJJ_cjs = require('../chunk-SUGKWGJJ.cjs');
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -914,7 +914,7 @@ function SlideDesignOverlay({
                 "select",
                 {
                   onChange: (e) => {
-                    const preset = chunkJIIUW2TN_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
+                    const preset = chunkSUGKWGJJ_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
                     if (preset) {
                       const clonedBoxes = JSON.parse(JSON.stringify(preset.layout.boxes));
                       setBoxes(clonedBoxes);
@@ -934,7 +934,7 @@ function SlideDesignOverlay({
                   title: "\xC1p d\u1EE5ng m\u1EABu b\u1ED1 c\u1EE5c c\xF3 s\u1EB5n",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: subtextColor }, children: "M\u1EABu b\u1ED1 c\u1EE5c (Presets)..." }),
-                    chunkJIIUW2TN_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: isLight ? "#0f172a" : "#f8fafc" }, children: p.name }, p.id))
+                    chunkSUGKWGJJ_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: isLight ? "#ffffff" : "#1e1f29", color: isLight ? "#0f172a" : "#f8fafc" }, children: p.name }, p.id))
                   ]
                 }
               ),
@@ -1567,7 +1567,7 @@ function SlideViewer({
                   onSave: (layout) => {
                     setLiveLayout(layout);
                     if (onSaveMarkdown) {
-                      const updated = chunkJIIUW2TN_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
+                      const updated = chunkSUGKWGJJ_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
                       onSaveMarkdown(updated);
                     }
                   },
@@ -1610,6 +1610,7 @@ var HtmlSlideViewer = ({
   title: propTitle,
   className = "",
   onSlideChange,
+  onSaveHtml,
   showTopBar = true
 }) => {
   const iframeRef = React2.useRef(null);
@@ -1620,7 +1621,7 @@ var HtmlSlideViewer = ({
   const fullHtml = React2.useMemo(() => {
     if (initialHtml) return initialHtml;
     if (deckData) {
-      return chunkJIIUW2TN_cjs.compileHtmlDeck(deckData).html;
+      return chunkSUGKWGJJ_cjs.compileHtmlDeck(deckData).html;
     }
     return "";
   }, [initialHtml, deckData]);
@@ -1636,11 +1637,15 @@ var HtmlSlideViewer = ({
         if (onSlideChange) {
           onSlideChange(cur, tot);
         }
+      } else if (e.data.type === "SLIDE_HTML_SAVED") {
+        if (onSaveHtml && typeof e.data.html === "string") {
+          onSaveHtml(e.data.html);
+        }
       }
     };
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
-  }, [onSlideChange]);
+  }, [onSlideChange, onSaveHtml]);
   React2.useEffect(() => {
     const onFsChange = () => {
       setIsFullscreen(Boolean(document.fullscreenElement));
@@ -1653,6 +1658,14 @@ var HtmlSlideViewer = ({
       iframeRef.current.contentWindow.postMessage(msg, "*");
     }
   }, []);
+  React2.useEffect(() => {
+    if (!containerRef.current || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => {
+      sendIframeMessage({ type: "RESIZE" });
+    });
+    ro.observe(containerRef.current);
+    return () => ro.disconnect();
+  }, [sendIframeMessage]);
   const handleNext = () => sendIframeMessage({ type: "NEXT_SLIDE" });
   const handlePrev = () => sendIframeMessage({ type: "PREV_SLIDE" });
   const handleToggleFullscreen = () => {
@@ -1751,7 +1764,10 @@ var HtmlSlideViewer = ({
             srcDoc: fullHtml,
             title: deckTitle,
             sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
-            className: "w-full h-full border-0 block"
+            className: "w-full h-full border-0 block",
+            onLoad: () => {
+              sendIframeMessage({ type: "RESIZE" });
+            }
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-neutral-500 text-sm", children: "No slide deck content loaded." }) })
       ]