@thanh01.pmt/presentation-kit 0.2.0 → 0.2.2

package/dist/react/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkO4Y3VEOA_cjs = require('../chunk-O4Y3VEOA.cjs');
+var chunkVLAPHJOC_cjs = require('../chunk-VLAPHJOC.cjs');
+var chunkOEAOYF7C_cjs = require('../chunk-OEAOYF7C.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -20,7 +21,7 @@ function useSlideState(options) {
   const result = react.useMemo(() => {
     if (!markdown || !markdown.trim()) return null;
     renderCountRef.current++;
-    return chunkO4Y3VEOA_cjs.renderSlide(markdown, {
+    return chunkVLAPHJOC_cjs.renderSlide(markdown, {
       theme,
       enableMermaid: true,
       enableClicks,
@@ -760,6 +761,32 @@ function SlideDesignOverlay({
                   children: "+ \u0110o\u1EA1n v\u0103n (P)"
                 }
               ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  onChange: (e) => {
+                    const preset = chunkOEAOYF7C_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
+                    if (preset) {
+                      const clonedBoxes = JSON.parse(JSON.stringify(preset.layout.boxes));
+                      setBoxes(clonedBoxes);
+                      onLayoutChange({ boxes: clonedBoxes });
+                    }
+                  },
+                  defaultValue: "",
+                  style: {
+                    ...toolbarButtonStyle,
+                    cursor: "pointer",
+                    outline: "none",
+                    color: "#f8fafc",
+                    border: "1px solid rgba(56, 189, 248, 0.3)"
+                  },
+                  title: "\xC1p d\u1EE5ng m\u1EABu b\u1ED1 c\u1EE5c c\xF3 s\u1EB5n",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, style: { backgroundColor: "#1e1f29", color: "#94a3b8" }, children: "M\u1EABu b\u1ED1 c\u1EE5c (Presets)..." }),
+                    chunkOEAOYF7C_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: "#1e1f29", color: "#f8fafc" }, children: p.name }, p.id))
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "1px", height: "16px", backgroundColor: "rgba(255,255,255,0.2)" } }),
               onSave && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
@@ -1186,7 +1213,7 @@ function SlideViewer({
       containers.forEach((container) => {
         if (container instanceof HTMLElement) {
           const themeName2 = typeof theme === "string" ? theme : "dark";
-          chunkO4Y3VEOA_cjs.renderMermaidDiagrams(container, themeName2).catch(() => {
+          chunkVLAPHJOC_cjs.renderMermaidDiagrams(container, themeName2).catch(() => {
           });
         }
       });
@@ -1403,7 +1430,7 @@ function SlideViewer({
               onSave: (layout) => {
                 setLiveLayout(layout);
                 if (onSaveMarkdown) {
-                  const updated = chunkO4Y3VEOA_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
+                  const updated = chunkOEAOYF7C_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
                   onSaveMarkdown(updated);
                 }
               },
@@ -1439,35 +1466,35 @@ function SlideViewer({
 
 Object.defineProperty(exports, "defineTheme", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.defineTheme; }
+  get: function () { return chunkVLAPHJOC_cjs.defineTheme; }
 });
 Object.defineProperty(exports, "extractMaxClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.extractMaxClicks; }
+  get: function () { return chunkVLAPHJOC_cjs.extractMaxClicks; }
 });
 Object.defineProperty(exports, "generateClickCss", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.generateClickCss; }
+  get: function () { return chunkVLAPHJOC_cjs.generateClickCss; }
 });
 Object.defineProperty(exports, "postprocessClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.postprocessClicks; }
+  get: function () { return chunkVLAPHJOC_cjs.postprocessClicks; }
 });
 Object.defineProperty(exports, "preprocessClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.preprocessClicks; }
+  get: function () { return chunkVLAPHJOC_cjs.preprocessClicks; }
 });
 Object.defineProperty(exports, "renderSlide", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.renderSlide; }
+  get: function () { return chunkVLAPHJOC_cjs.renderSlide; }
 });
 Object.defineProperty(exports, "renderSlideAsync", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.renderSlideAsync; }
+  get: function () { return chunkVLAPHJOC_cjs.renderSlideAsync; }
 });
 Object.defineProperty(exports, "resolveTheme", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.resolveTheme; }
+  get: function () { return chunkVLAPHJOC_cjs.resolveTheme; }
 });
 exports.DeckView = DeckView;
 exports.NavigationBar = NavigationBar;