@nine-lab/nine-mu 0.1.50 → 0.1.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",

package/src/index.js

@@ -2,7 +2,6 @@ import { trace } from '@nine-lab/nine-util';
 import { NineChat } from './components/NineChat.js';
 import { NineDiff } from './components/NineDiff.js';
 import { NineDiffPopup } from './components/NineDiffPopup.js';
-import { NineDialog } from './components/NineDialog.js';
 
 /**
  * Nine-Mu 엔진 메인 클래스
@@ -17,4 +16,4 @@ export const NineMu = {
 
 // 기본 export 및 컴포넌트 export
 export default NineMu;
-export { NineChat, NineDiff, NineDialog, NineDiffPopup };
+export { NineChat, NineDiff, NineDiffPopup };

package/src/components/NineDialog.js

@@ -1,100 +0,0 @@
-export class NineDialog extends HTMLElement {
-    #dialog;
-    #shift;
-
-    constructor() {
-        super();
-        // Shadow DOM을 사용하여 내부 스타일을 보호합니다.
-        this.attachShadow({ mode: 'open' });
-    }
-
-    connectedCallback() {
-        this.render();
-        this.#init();
-    }
-
-    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>
-        `;
-        this.#dialog = this.shadowRoot.querySelector('dialog');
-    }
-
-    // 외부에서 타이틀을 바꿀 수 있게 제공
-    setTitle(text) {
-        const titleEl = this.shadowRoot.querySelector('.title');
-        if (titleEl) titleEl.textContent = text;
-    }
-
-    showModal = () => {
-        this.#dialog.showModal();
-    };
-
-    close = () => {
-        this.#dialog.close();
-        // 팝업이 닫히면 DOM에서 아예 제거할지 선택 (일반적으로 제거함)
-        this.remove();
-    };
-
-    #init = () => {
-        const closeBtn = this.shadowRoot.querySelector('.close');
-        closeBtn.addEventListener('click', () => {
-            this.#dialog.classList.add('out');
-            setTimeout(() => this.close(), 200);
-        });
-
-        // 드래그 로직 (생략 - 기존 로직을 shadowRoot 기반으로 이식)
-        const head = this.shadowRoot.querySelector('.head');
-        head.addEventListener('mousedown', this.#onMouseDown);
-    };
-
-    // 드래그 로직 이식 시 querySelector 대신 this.#dialog 사용
-    #onMouseDown = e => {
-        var rect = this.#dialog.getBoundingClientRect();
-        this.#shift = { x: e.clientX - rect.x, y: e.clientY - rect.y };
-        document.addEventListener('mousemove', this.#onMouseMove);
-        document.addEventListener('mouseup', this.#onMouseUp);
-    };
-
-    #onMouseMove = e => {
-        this.#dialog.style.position = 'fixed';
-        this.#dialog.style.left = `${e.pageX - this.#shift.x}px`;
-        this.#dialog.style.top = `${e.pageY - this.#shift.y}px`;
-        this.#dialog.style.margin = '0';
-    };
-
-    #onMouseUp = () => {
-        document.removeEventListener('mousemove', this.#onMouseMove);
-        document.removeEventListener('mouseup', this.#onMouseUp);
-    };
-}
-
-if (!customElements.get('nine-dialog')) {
-    customElements.define("nine-dialog", NineDialog);
-}