html-overlay-node 0.1.2 → 0.1.5

package/dist/html-overlay-node.es.js

@@ -67,11 +67,18 @@ function createHooks(names) {
   const map = Object.fromEntries(names.map((n) => [n, /* @__PURE__ */ new Set()]));
   return {
     on(name, fn) {
+      if (!map[name]) map[name] = /* @__PURE__ */ new Set();
       map[name].add(fn);
       return () => map[name].delete(fn);
     },
-    async emit(name, ...args) {
-      for (const fn of map[name]) await fn(...args);
+    off(name, fn) {
+      if (map[name]) {
+        map[name].delete(fn);
+      }
+    },
+    emit(name, ...args) {
+      if (!map[name]) return;
+      for (const fn of map[name]) fn(...args);
     }
   };
 }
@@ -237,7 +244,7 @@ class GroupManager {
     (_a = this.hooks) == null ? void 0 : _a.emit("group:change");
     return groupNode;
   }
-  addGroupFromSelection({ title = "Group", margin = { x: 12, y: 12 } } = {}) {
+  addGroupFromSelection({ _title = "Group", _margin = { x: 12, y: 12 } } = {}) {
     return null;
   }
   removeGroup(id) {
@@ -1470,8 +1477,8 @@ const _Controller = class _Controller {
         if (this.isShift && selectedNode.type === "core/Group") {
           continue;
         }
-        let newWorldX = startWorldX + deltaX;
-        let newWorldY = startWorldY + deltaY;
+        const newWorldX = startWorldX + deltaX;
+        const newWorldY = startWorldY + deltaY;
         let parentWx = 0;
         let parentWy = 0;
         if (selectedNode.parent) {
@@ -2281,7 +2288,7 @@ class HtmlOverlay {
     this.nodes = /* @__PURE__ */ new Map();
   }
   /** 기본 노드 레이아웃 생성 (헤더 + 바디) */
-  _createDefaultNodeLayout(node) {
+  _createDefaultNodeLayout(_node) {
     const container = document.createElement("div");
     container.className = "node-overlay";
     Object.assign(container.style, {
@@ -2313,7 +2320,6 @@ class HtmlOverlay {
       flex: "1",
       position: "relative",
       overflow: "hidden",
-      pointerEvents: "auto",
       // 바디 내부는 인터랙션 가능하게? 아니면 이것도 none하고 자식만 auto?
       // 일단 바디는 auto로 두면 바디 영역 클릭시 드래그가 안됨.
       // 그래서 바디도 none으로 하고, 내부 컨텐츠(input 등)만 auto로 하는게 맞음.
@@ -2554,11 +2560,9 @@ class PropertyPanel {
     }, 200);
   }
   _renderContent() {
-    var _a, _b;
     const node = this.currentNode;
     if (!node) return;
     const content = this.panel.querySelector(".panel-content");
-    (_b = (_a = this.registry) == null ? void 0 : _a.types) == null ? void 0 : _b.get(node.type);
     content.innerHTML = `
       <div class="section">
         <div class="section-title">Basic Info</div>
@@ -2917,7 +2921,7 @@ function createGraphEditor(target, {
         el._input = input;
       },
       // 매 프레임(또는 필요시) 업데이트
-      update(node, el, { header, body, selected }) {
+      update(node, el, { header, _body, selected }) {
         el.style.borderColor = selected ? "#6cf" : "#444";
         header.style.backgroundColor = selected ? "#3a4a5a" : "#333";
         if (el._input.value !== (node.state.text || "")) {