@nine-lab/nine-mu 0.1.18 → 0.1.20

package/dist/nine-mu.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _getSourcePath, _service, _routes, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _asis, _tobe, _lang, _diffView;
+var _getSourcePath, _service, _routes, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _asis, _tobe, _lang, _diffView, _dialog, _shift, _init, _onMouseDown, _onMouseMove, _onMouseUp;
 import { trace, api, nine } from "@nine-lab/nine-util";
 class NineMuService {
   constructor(connectorUrl) {
@@ -178,7 +178,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.17"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.19"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -26378,7 +26378,7 @@ class NineDiff extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.17"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.19"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26477,14 +26477,106 @@ _tobe = new WeakMap();
 _lang = new WeakMap();
 _diffView = new WeakMap();
 customElements.define("nine-diff-container", NineDiffContainer);
+class NineDialog extends HTMLElement {
+  constructor() {
+    super();
+    __privateAdd(this, _dialog);
+    __privateAdd(this, _shift);
+    __publicField(this, "showModal", () => {
+      __privateGet(this, _dialog).showModal();
+    });
+    __publicField(this, "close", () => {
+      __privateGet(this, _dialog).close();
+      this.remove();
+    });
+    __privateAdd(this, _init, () => {
+      const closeBtn = this.shadowRoot.querySelector(".close");
+      closeBtn.addEventListener("click", () => {
+        __privateGet(this, _dialog).classList.add("out");
+        setTimeout(() => this.close(), 200);
+      });
+      const head = this.shadowRoot.querySelector(".head");
+      head.addEventListener("mousedown", __privateGet(this, _onMouseDown));
+    });
+    // 드래그 로직 이식 시 querySelector 대신 this.#dialog 사용
+    __privateAdd(this, _onMouseDown, (e) => {
+      var rect = __privateGet(this, _dialog).getBoundingClientRect();
+      __privateSet(this, _shift, { x: e.clientX - rect.x, y: e.clientY - rect.y });
+      document.addEventListener("mousemove", __privateGet(this, _onMouseMove));
+      document.addEventListener("mouseup", __privateGet(this, _onMouseUp));
+    });
+    __privateAdd(this, _onMouseMove, (e) => {
+      __privateGet(this, _dialog).style.position = "fixed";
+      __privateGet(this, _dialog).style.left = `${e.pageX - __privateGet(this, _shift).x}px`;
+      __privateGet(this, _dialog).style.top = `${e.pageY - __privateGet(this, _shift).y}px`;
+      __privateGet(this, _dialog).style.margin = "0";
+    });
+    __privateAdd(this, _onMouseUp, () => {
+      document.removeEventListener("mousemove", __privateGet(this, _onMouseMove));
+      document.removeEventListener("mouseup", __privateGet(this, _onMouseUp));
+    });
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+    __privateGet(this, _init).call(this);
+  }
+  render() {
+    this.shadowRoot.innerHTML = `
+            <style>
+                @import "https://cdn.jsdelivr.net/npm/ninegrid2@${ninegrid.version}/dist/css/nxDialog.css";
+                /* 커스텀 스타일 경로 로직 유지 */
+                ${ninegrid.getCustomPath(this, "nxDialog.css") || ""}
+                
+                :host { display: contents; }
+                dialog { padding: 0; border: none; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
+                .contents { display: flex; flex-direction: column; min-width: 600px; min-height: 400px; }
+                .body { flex: 1; overflow: auto; padding: 10px; }
+                .head { cursor: move; user-select: none; }
+                /* 애니메이션 처리용 */
+                dialog.out { opacity: 0; transform: scale(0.9); transition: 0.3s; }
+            </style>
+        
+            <dialog>
+                <div class="head">
+                    <span class="title">Details</span>
+                    <buttons>
+                        <button class="close">×</button>
+                    </buttons>
+                </div>
+                <div class="contents">
+                    <div class="body">
+                        <slot></slot>
+                    </div>
+                </div>
+            </dialog>
+        `;
+    __privateSet(this, _dialog, this.shadowRoot.querySelector("dialog"));
+  }
+  // 외부에서 타이틀을 바꿀 수 있게 제공
+  setTitle(text) {
+    const titleEl = this.shadowRoot.querySelector(".title");
+    if (titleEl) titleEl.textContent = text;
+  }
+}
+_dialog = new WeakMap();
+_shift = new WeakMap();
+_init = new WeakMap();
+_onMouseDown = new WeakMap();
+_onMouseMove = new WeakMap();
+_onMouseUp = new WeakMap();
+if (!customElements.get("nine-dialog")) {
+  customElements.define("nine-dialog", NineDialog);
+}
 const NineMu = {
-  version: "0.1.17",
+  version: "0.1.19",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }
 };
 export {
   NineChat,
+  NineDialog,
   NineDiff,
   NineDiffContainer,
   NineMu,