@gendive/slide 0.1.3 → 0.1.4

package/dist/devdive-slide.es.js

@@ -45,7 +45,7 @@ const k6 = [
   // 8: text color
   "#0f172a"
   // 9: darkest
-], q7 = y6({
+], j7 = y6({
   /* @Todo vibecode - 기본 컬러 설정 */
   primaryColor: "devdive",
   colors: {
@@ -85,7 +85,7 @@ const k6 = [
       }
     }
   }
-}), K7 = {
+}), q7 = {
   /* 색상 */
   primary: "#5B6EF7",
   bgMain: "#f4f4f5",
@@ -23772,9 +23772,9 @@ Incoming: %s`, De, "[" + a.join(", ") + "]", "[" + r.join(", ") + "]");
       }
       return [z, C];
     }
-    function X7(r, a, f) {
+    function H7(r, a, f) {
     }
-    function W7(r, a, f) {
+    function X7(r, a, f) {
     }
     function U0(r, a, f) {
       var m = An, v = mo(), C, N = l();
@@ -31488,51 +31488,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       )
     }
   ) });
-}, Dx = {
-  position: "fixed",
-  top: "50%",
-  transform: "translateY(-50%)",
-  zIndex: 30,
-  width: 48,
-  height: 48,
-  borderRadius: "50%",
-  backgroundColor: "rgba(255, 255, 255, 0.8)",
-  backdropFilter: "blur(12px)",
-  border: "1px solid var(--devdive-border-light)",
-  boxShadow: "0 10px 25px rgba(0, 0, 0, 0.1)"
-}, L7 = () => {
-  const t = Ve((h) => h.slides), e = Ve((h) => h.currentSlideIndex), n = Ve((h) => h.selectSlide), o = e > 0, i = e < t.length - 1, c = () => {
-    o && n(e - 1);
-  }, d = () => {
-    i && n(e + 1);
-  };
-  return /* @__PURE__ */ de(Jl, { children: [
-    /* @__PURE__ */ P($n, { label: "이전 슬라이드", position: "right", children: /* @__PURE__ */ P(
-      cn,
-      {
-        variant: "subtle",
-        color: "gray",
-        size: "xl",
-        onClick: c,
-        disabled: !o,
-        style: { ...Dx, left: 24 },
-        children: /* @__PURE__ */ P("span", { className: "material-symbols-outlined", children: "chevron_left" })
-      }
-    ) }),
-    /* @__PURE__ */ P($n, { label: "다음 슬라이드", position: "left", children: /* @__PURE__ */ P(
-      cn,
-      {
-        variant: "subtle",
-        color: "gray",
-        size: "xl",
-        onClick: d,
-        disabled: !i,
-        style: { ...Dx, right: 24 },
-        children: /* @__PURE__ */ P("span", { className: "material-symbols-outlined", children: "chevron_right" })
-      }
-    ) })
-  ] });
-}, BA = 142, hv = 80, k7 = 960, ln = BA / k7, N7 = ({ element: t, scale: e }) => {
+}, BA = 142, hv = 80, L7 = 960, ln = BA / L7, k7 = ({ element: t, scale: e }) => {
   const [n] = b7(t.src);
   return n ? /* @__PURE__ */ P(
     DA,
@@ -31545,7 +31501,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       rotation: t.rotation
     }
   ) : null;
-}, P7 = ({ slide: t }) => {
+}, N7 = ({ slide: t }) => {
   const e = Lx(() => t.elements.map((n) => {
     if (n.type === "text") {
       const o = n;
@@ -31656,14 +31612,14 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
           return null;
       }
     } else if (n.type === "image")
-      return /* @__PURE__ */ P(N7, { element: n, scale: ln }, n.id);
+      return /* @__PURE__ */ P(k7, { element: n, scale: ln }, n.id);
     return null;
   }), [t.elements]);
   return /* @__PURE__ */ P(I5, { width: BA, height: hv, children: /* @__PURE__ */ de(F5, { children: [
     /* @__PURE__ */ P(oa, { x: 0, y: 0, width: BA, height: hv, fill: t.background }),
     e
   ] }) });
-}, M7 = () => {
+}, P7 = () => {
   const t = Ve((p) => p.slides), e = Ve((p) => p.currentSlideIndex), n = Ve((p) => p.selectSlide), o = Ve((p) => p.addSlide), i = Ve((p) => p.deleteSlide), [c, d] = at(null), h = (p, u) => {
     p.stopPropagation(), t.length > 1 && i(u);
   };
@@ -31724,7 +31680,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
                     boxShadow: e === u ? "0 0 0 4px rgba(91, 110, 247, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1)" : void 0,
                     transition: "all 150ms ease"
                   },
-                  children: /* @__PURE__ */ P(P7, { slide: p })
+                  children: /* @__PURE__ */ P(N7, { slide: p })
                 }
               )
             ]
@@ -31754,7 +31710,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       ] }) })
     }
   );
-}, B7 = () => {
+}, M7 = () => {
   const [t, e] = at(!1), n = Ve((R) => R.slides), o = Ve((R) => R.currentSlideIndex), i = Ve((R) => R.selectedElementId), c = Ve((R) => R.updateElement), d = Ve((R) => R.updateSlideBackground), h = Ve((R) => R.bringToFront), p = Ve((R) => R.sendToBack), u = Ve((R) => R.bringForward), A = Ve((R) => R.sendBackward), y = Ve((R) => R.copyElement), x = Ve((R) => R.commitElementUpdate), S = n[o], w = i ? S.elements.find((R) => R.id === i) : null;
   if (t)
     return /* @__PURE__ */ P(At, { w: 40, bg: "white", py: "md", style: { borderLeft: "1px solid var(--devdive-border-light)" }, children: /* @__PURE__ */ P(dr, { align: "center", children: /* @__PURE__ */ P($n, { label: "속성 패널 펼치기", position: "left", children: /* @__PURE__ */ P(cn, { variant: "subtle", color: "gray", onClick: () => e(!1), children: /* @__PURE__ */ P("span", { className: "material-symbols-outlined", children: "chevron_left" }) }) }) }) });
@@ -31822,12 +31778,12 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
         }
       )
     ] }),
-    /* @__PURE__ */ P(z7, { element: w, onUpdate: E, onStartEdit: x }),
-    w.type === "text" && /* @__PURE__ */ P(F7, { element: w, onUpdate: E, onStartEdit: x }),
-    w.type === "shape" && /* @__PURE__ */ P(I7, { element: w, onUpdate: E, onStartEdit: x }),
-    w.type === "image" && /* @__PURE__ */ P(O7, { element: w, onUpdate: E, onStartEdit: x })
+    /* @__PURE__ */ P(B7, { element: w, onUpdate: E, onStartEdit: x }),
+    w.type === "text" && /* @__PURE__ */ P(z7, { element: w, onUpdate: E, onStartEdit: x }),
+    w.type === "shape" && /* @__PURE__ */ P(F7, { element: w, onUpdate: E, onStartEdit: x }),
+    w.type === "image" && /* @__PURE__ */ P(I7, { element: w, onUpdate: E, onStartEdit: x })
   ] });
-}, z7 = ({
+}, B7 = ({
   element: t,
   onUpdate: e,
   onStartEdit: n
@@ -31974,7 +31930,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       )
     ] })
   ] });
-}, F7 = ({
+}, z7 = ({
   element: t,
   onUpdate: e,
   onStartEdit: n
@@ -32021,7 +31977,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       }
     )
   ] })
-] }), I7 = ({
+] }), F7 = ({
   element: t,
   onUpdate: e,
   onStartEdit: n
@@ -32134,7 +32090,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       ] })
     ] })
   ] });
-}, O7 = ({
+}, I7 = ({
   element: t,
   onUpdate: e,
   onStartEdit: n
@@ -32262,7 +32218,7 @@ const b7 = /* @__PURE__ */ zA(x7), S7 = ({ element: t, isSelected: e, onSelect:
       )
     ] })
   ] });
-}, U7 = () => {
+}, O7 = () => {
   const [t, e] = at(!1), [n, o] = at([]), [i, c] = at(""), [d, h] = at(!1), [p, u] = at([]), [A, y] = at(-1), [x, S] = at({ x: 0, y: 0 }), [w, E] = at(!1), R = Rn({ x: 0, y: 0, posX: 0, posY: 0 }), T = Rn(null), M = Rn(null), B = Rn(null), { generateSlideContent: I } = IA(), F = Ve((K) => K.slides), Y = Ve((K) => K.currentSlideIndex), q = Ve((K) => K.updateElement), j = F[Y];
   er(() => {
     T.current && t && T.current.scrollTo({ top: T.current.scrollHeight, behavior: "smooth" });
@@ -32448,7 +32404,7 @@ ${Ee.join(`
                 ] })
               ] }) }),
               /* @__PURE__ */ P(Kl, { h: 200, px: "sm", py: "xs", viewportRef: T, children: /* @__PURE__ */ de(dr, { gap: "xs", children: [
-                n.map((K) => /* @__PURE__ */ P(G7, { message: K }, K.id)),
+                n.map((K) => /* @__PURE__ */ P(U7, { message: K }, K.id)),
                 d && /* @__PURE__ */ P(At, { children: /* @__PURE__ */ P(ji, { px: "xs", py: 4, radius: "md", bg: "gray.1", style: { display: "inline-block" }, children: /* @__PURE__ */ de(wt, { gap: "xs", children: [
                   /* @__PURE__ */ P(
                     "span",
@@ -32567,7 +32523,7 @@ ${Ee.join(`
       ]
     }
   );
-}, G7 = ({ message: t }) => {
+}, U7 = ({ message: t }) => {
   const e = t.role === "user";
   return /* @__PURE__ */ P(At, { style: { textAlign: e ? "right" : "left" }, children: /* @__PURE__ */ P(
     ji,
@@ -32584,7 +32540,7 @@ ${Ee.join(`
       children: /* @__PURE__ */ P(pt, { size: "xs", style: { whiteSpace: "pre-wrap", lineHeight: 1.4 }, children: t.content })
     }
   ) });
-}, H7 = () => {
+}, G7 = () => {
   const t = Ve((p) => p.copyElement), e = Ve((p) => p.pasteElement), n = Ve((p) => p.deleteElement), o = Ve((p) => p.selectedElementId), i = Ve((p) => p.bringToFront), c = Ve((p) => p.sendToBack), d = Ve((p) => p.undo), h = Ve((p) => p.redo);
   er(() => {
     const p = (u) => {
@@ -32596,7 +32552,7 @@ ${Ee.join(`
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [t, e, n, o, i, c, d, h]);
-}, o_ = () => (H7(), /* @__PURE__ */ de(v2, { direction: "column", h: "100%", c: "slate.8", children: [
+}, i_ = () => (G7(), /* @__PURE__ */ de(v2, { direction: "column", h: "100%", c: "slate.8", children: [
   /* @__PURE__ */ P(xw, {}),
   /* @__PURE__ */ de(v2, { flex: 1, style: { overflow: "hidden" }, children: [
     /* @__PURE__ */ de(
@@ -32610,36 +32566,79 @@ ${Ee.join(`
         children: [
           /* @__PURE__ */ P(zw, {}),
           /* @__PURE__ */ P(At, { flex: 1, style: { overflow: "hidden" }, children: /* @__PURE__ */ P(D7, {}) }),
-          /* @__PURE__ */ P(L7, {}),
-          /* @__PURE__ */ P(U7, {})
+          /* @__PURE__ */ P(O7, {})
         ]
       }
     ),
-    /* @__PURE__ */ P(B7, {})
+    /* @__PURE__ */ P(M7, {})
   ] }),
-  /* @__PURE__ */ P(M7, {})
-] }));
+  /* @__PURE__ */ P(P7, {})
+] })), Dx = {
+  position: "fixed",
+  top: "50%",
+  transform: "translateY(-50%)",
+  zIndex: 30,
+  width: 48,
+  height: 48,
+  borderRadius: "50%",
+  backgroundColor: "rgba(255, 255, 255, 0.8)",
+  backdropFilter: "blur(12px)",
+  border: "1px solid var(--devdive-border-light)",
+  boxShadow: "0 10px 25px rgba(0, 0, 0, 0.1)"
+}, o_ = () => {
+  const t = Ve((h) => h.slides), e = Ve((h) => h.currentSlideIndex), n = Ve((h) => h.selectSlide), o = e > 0, i = e < t.length - 1, c = () => {
+    o && n(e - 1);
+  }, d = () => {
+    i && n(e + 1);
+  };
+  return /* @__PURE__ */ de(Jl, { children: [
+    /* @__PURE__ */ P($n, { label: "이전 슬라이드", position: "right", children: /* @__PURE__ */ P(
+      cn,
+      {
+        variant: "subtle",
+        color: "gray",
+        size: "xl",
+        onClick: c,
+        disabled: !o,
+        style: { ...Dx, left: 24 },
+        children: /* @__PURE__ */ P("span", { className: "material-symbols-outlined", children: "chevron_left" })
+      }
+    ) }),
+    /* @__PURE__ */ P($n, { label: "다음 슬라이드", position: "left", children: /* @__PURE__ */ P(
+      cn,
+      {
+        variant: "subtle",
+        color: "gray",
+        size: "xl",
+        onClick: d,
+        disabled: !i,
+        style: { ...Dx, right: 24 },
+        children: /* @__PURE__ */ P("span", { className: "material-symbols-outlined", children: "chevron_right" })
+      }
+    ) })
+  ] });
+};
 export {
-  o_ as Editor,
+  i_ as Editor,
   zw as FloatingToolbar,
   xw as Header,
   T7 as ImageNode,
   Px as LAYOUT_TEMPLATES,
-  B7 as PropertiesPanel,
+  M7 as PropertiesPanel,
   _7 as ShapeNode,
   D7 as SlideCanvas,
-  L7 as SlideNavigation,
-  M7 as SlideThumbnails,
+  o_ as SlideNavigation,
+  P7 as SlideThumbnails,
   Xf as TEXT_STYLE_PRESETS,
   fs as THEME_PRESETS,
   QS as TemplateGallery,
   S7 as TextNode,
   f7 as calculateSnap,
-  q7 as devdiveTheme,
+  j7 as devdiveTheme,
   Vi as generateId,
   XS as generatePptx,
   b2 as getLayoutTemplate,
-  K7 as themeVars,
+  q7 as themeVars,
   Ve as useEditorStore
 };
 //# sourceMappingURL=devdive-slide.es.js.map