npm - @nine-lab/nine-util - Versions diffs - 0.9.122 → 0.9.124 - Mend

@nine-lab/nine-util 0.9.122 → 0.9.124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/nine-util.js CHANGED Viewed

@@ -813,6 +813,7 @@ class Trace {
   init(name, color = "green") {
     __privateSet(this, _name, name);
     __privateSet(this, _color, color);
+    return this;
   }
   //get log() { return console.log.bind(console); }
   // 🔴 핵심: 소스 위치를 호출부로 찍어주는 Getter 로직
@@ -1174,7 +1175,7 @@ class UxSplitter extends HTMLElement {
       const htmlTmpl = document.createElement("template");
       htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${"0.9.122"}/dist/css/nine-util.css";
+				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${"0.9.124"}/dist/css/nine-util.css";
 				${this.cssPath ? `@import "${this.cssPath}";` : ""}
 			</style>
 			${gripTmpl}

package/dist/nine-util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nine-util.js","sources":["../src/core/Config.js","../src/ux/dialog/style.dialog.js","../src/ux/dialog/nineDialog.js","../src/ux/dialog/nineConfirm.js","../src/ux/dialog/ninePrompt.js","../src/ux/dialog/NineUtil.js","../src/core/Trace.js","../src/core/TaskDebouncer.js","../src/ux/Loading.js","../src/net/Fetch.js","../src/ux/UxSplitter.js","../src/index.js"],"sourcesContent":["// @nine-lab/nine-util/core/Config.js\r\n\r\nconst listeners = new Set();\r\n\r\n// 💡 [핵심] 전역 저장소를 단일화합니다.\r\n// window에 이미 있으면 그것을 쓰고, 없으면 초기값을 생성하여 등록합니다.\r\nconst _initialConfig = {\r\n\tux: { nativeOverride: false, theme: 'light' },\r\n\tboard: { readOnly: false },\r\n\tcssPath: \"\",\r\n\tdebug: false\r\n};\r\n\r\nif (typeof window !== 'undefined' && !window.__NINE_GLOBAL_CONFIG__) {\r\n\twindow.__NINE_GLOBAL_CONFIG__ = _initialConfig;\r\n}\r\n\r\n// 이제 모든 모듈의 _config는 동일한 window 객체 메모리를 가리킵니다.\r\nconst _config = typeof window !== 'undefined' ? window.__NINE_GLOBAL_CONFIG__ : _initialConfig;\r\n\r\nexport const subscribeConfig = (fn) => {\r\n\tlisteners.add(fn);\r\n\tfn('all', _config);\r\n\treturn () => listeners.delete(fn);\r\n};\r\n\r\n// Proxy 역시 전역 저장소인 _config를 조작합니다.\r\nexport const config = new Proxy(_config, {\r\n\tset(target, prop, value) {\r\n\t\ttarget[prop] = value;\r\n\t\tlisteners.forEach(fn => fn(prop, target));\r\n\t\treturn true;\r\n\t},\r\n\tget(target, prop) {\r\n\t\treturn target[prop];\r\n\t}\r\n});\r\n\r\nexport const nine = {\r\n\tconfig: config,\r\n\r\n\t// Getter에서 window.nine까지 확인할 필요도 없습니다.\r\n\t// 이미 config 자체가 전역 저장소(__NINE_GLOBAL_CONFIG__)를 바라보고 있기 때문입니다.\r\n\tget cssPath() {\r\n\t\treturn this.config.cssPath \|\| \"\";\r\n\t},\r\n\r\n\tsetup(options = {}) {\r\n\t\tObject.entries(options).forEach(([key, value]) => {\r\n\t\t\t// 깊은 병합 지원\r\n\t\t\tif (typeof value === 'object' && value !== null && !Array.isArray(value)) {\r\n\t\t\t\tthis.config[key] = { ...this.config[key], ...value };\r\n\t\t\t} else {\r\n\t\t\t\tthis.config[key] = value;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 다른 모듈에서 window.nine으로 접근할 수 있도록 보장\r\n\t\tif (typeof window !== 'undefined') {\r\n\t\t\twindow.nine = window.nine \|\| this;\r\n\t\t}\r\n\t}\r\n};","// nxDialog.styles.js\nexport const dialogStyles = `\n\tdialog::backdrop {\n\t\tbackground: rgba(0, 0, 0, 0.3);\n\t}\n\t\n\tdialog:modal {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t\tborder: 1px solid darkgreen;\n\t\toutline: none;\n\t\tresize: both;\n\t\tbox-shadow: 0 0 4px 0 darkgreen;\n width: 500px;\n height: 150px;\n min-width: 330px;\n min-height: 60px;\n }\n \n \n \n \n\tdiv.head .rect1, div.head .rect2, div.head .rect3 {\n\t\tdisplay: none;\n\t\twidth: 50px;\n\t\theight: 100%;\n\t}\n\tdiv.head .rect1 {\n\t\tbackground-color: red;\n\t}\n\tdiv.head .rect2 {\n\t\tbackground-color: darkgreen;\n\t}\n\tdiv.head .rect3 {\n\t\tbackground-color: olive;\n\t}\n\t\n\tdiv.head {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t--height: 30px;\n\t\tbackground-color: darkgreen;\n\t\tpadding: 4px;\n\t\tcursor: move;\n\t}\n\tdiv.head:hover {\n\t\tfilter: brightness(110%);\n\t}\n\t\n\tdiv.head span {\n\t\tfont-size: 12px;\n\t\tposition: relative;\n\t}\n\t\n\tdiv.head span.title {\n\t\tcolor: #ddd;\n\t\tmargin-left: 4px;\n\t\tfont-weight: bold;\n\t}\n\t\n\tdiv.head span.sub-title {\n\t\tcolor: #ccc;\n\t\tmargin-left: 8px;\n\t\tfont-style: italic;\n\t}\n\t\n\tdiv.head form {\n\t\tmargin: 0;\n\t}\n\tdiv.head button {\n\t\tmargin-right: 4px;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: #ccc;\n\t\tfont-size: x-small;\n\t}\n\tdiv.head button:hover {\n\t\tcursor: pointer;\n\t}\n\t\n\tdiv.contents {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\tdiv.left {\n\t\tposition: relative;\n\t\twidth: 16px;\n\t\theight: 100%;\n\t\tbackground-color: #ddd;\n\t\tdisplay: none;\n\t}\n\t\n\tdiv.left span {\n\t\twriting-mode: vertical-rl;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\tcolor: #ccc;\n\t\tfont-weight: 700;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin-left: 3px;\n\t\tmargin-top: 3px;\n\t}\n\tdiv.close2 {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 3px;\n\t\tcursor: pointer;\n\t\tcolor: #666;\n\t}\n\tdiv.close2 svg:hover {\n\t\tcolor: #999;\n\t}\n\t\n\tdiv.body {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: unset;\n\t\t--border: 3px solid #999;\n\t\t--border-top: none;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tpadding: 10px;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t}\n\t\n\t\n\t\n\t\n\tng-sphere.icon {\n\t\tmargin-left: 8px;\n\t}\n\t\n\t.buttons {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t}\n\t\n\tng-sphere {\n\t\tposition: relative;\n\t\t--width: 16px;\n\t\t--height: 16px;\n\t\tcursor: pointer;\n\t\tmargin-right: 4px;\n\t\tdisplay: flex;\n\t}\n\tng-sphere:hover {\n\t\tfilter: brightness(90%);\n\t}\n\tng-sphere:active {\n\t\tfilter: brightness(80%);\n\t}\n\t\n\tng-sphere:hover::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\tng-sphere.apply:hover::after {\n\t\tbackground-size: 14px 14px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><polyline points=\"2.5,7 6,10 11,3\" style=\"fill:none;stroke:white;stroke-width:2px;\" /></svg>');\n\t}\n\t\n\tng-sphere.reset:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" style=\"fill:none;stroke:white;stroke-width:2px;\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M10 5h5V0\"></path><path d=\"M15 8a6.957 6.957 0 0 1-7 7 6.957 6.957 0 0 1-7-7 6.957 6.957 0 0 1 7-7 6.87 6.87 0 0 1 6.3 4\"></path></svg>');\n\t}\n\t\n\tng-sphere.close:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"fill:none;stroke:white;stroke-width:2px;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 16 16\"><path d=\"M2 2l12 12M14 2L2 14\"></path></svg>');\n\t}\n\t\n\t\n\tbutton {\n cursor: pointer;\n }\n \n .input-area {\n position: relative;\n height: 100%;\n --display: flex;\n textarea {\n width: 100%;\n height: 100%;\n min-height: 100px;\n padding: 8px;\n box-sizing: border-box;\n resize: none;\n border-radius: 2px;\n border-color: #ccc;\n }\n textarea:focus {\n border-color: green;\n outline: none; /* 브라우저 기본 파란색 테두리 제거 /\n }\n }\n \n .buttons-confirm {\n position: relative;\n display: flex;\n justify-content: flex-end;\n --bottom: 8px;\n --right: 8px;\n }\n \n \n .buttons-confirm button {\n height: 32px;\n margin-right: 8px;\n border: none;\n outline: none;\n width: 60px;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .buttons-confirm button:hover {\n filter: brightness(90%);\n }\n .buttons-confirm button:active {\n color: #ccc;\n }\n \n button.ok {\n --display: none;\n background-color: darkgreen;\n color: white;\n }\n button.cancel {\n color: white;\n background-color: #6c757d;\n }\n \n \n \n div.msg {\n position: relative;\n height: 100%;\n font-size: 14px;\n color: #333;\n }\n \n .reset, .apply {\n display: none;\n }\n \n \n \n :host(.classic) dialog:modal {\n border: 1px solid #007bff;\n box-shadow: 0 0 4px 0 #007bff;\n }\n \n :host(.classic) div.head {\n background-color: #007bff;\n }\n :host(.classic) div.head:hover {\n filter: brightness(110%);\n }\n \n :host(.classic) div.head span {\n font-size: 12px;\n }\n \n :host(.classic) div.head span.title {\n color: #ddd;\n margin-left: 4px;\n font-weight: bold;\n }\n \n :host(.classic) div.head span.sub-title {\n color: #ccc;\n margin-left: 8px;\n font-style: italic;\n }\n :host(.classic) div.head button {\n margin-right: 4px;\n background-color: transparent;\n border: none;\n color: #ccc;\n font-size: x-small;\n }\n \n \n \n \n :host(.rgb) dialog:modal {\n border: none;\n box-shadow: unset;\n border-top: none;\n }\n \n :host(.rgb) div.left {\n display: block;\n background-color: #ddd;\n }\n :host(.rgb) div.left span {\n color: #ccc;\n }\n :host(.rgb) div.close2 {\n display: block;\n color: #666;\n }\n :host(.rgb) div.close2 svg:hover {\n color: #999;\n }\n :host(.rgb) div.head {\n height: 4px;\n background-color: #999;\n padding: 0;\n }\n :host(.rgb) div.contents {\n height: calc(100% - 4px);\n }\n \n :host(.rgb) div.head ng-sphere,\n :host(.rgb) div.head span,\n :host(.rgb) div.head .buttons {\n display: none;\n }\n \n :host(.rgb) div.head .rect1,\n :host(.rgb) div.head .rect2,\n :host(.rgb) div.head .rect3 {\n display: flex;\n }\n \n \n :host(.rgb) div.head:hover {\n filter: unset;\n }\n \n \n / --- Animation Core --- /\n:host {\n --nx-duration: 0.4s;\n --nx-timing: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n/ 🎯 수정: 애니메이션 클래스가 붙은 경우에만 초기 opacity를 0으로 설정 /\n:host(.fade) dialog,\n:host(.zoom) dialog,\n:host(.moveUp) dialog,\n:host(.moveDown) dialog,\n:host(.moveLeft) dialog,\n:host(.moveRight) dialog,\n:host(.roadRunner) dialog {\n opacity: 0;\n}\n\n/ shake는 애니메이션 내부에서 opacity를 다루므로 제외하거나 별도 처리 /\n:host(.shake) dialog { \n opacity: 1; \n}\n\n/ 1. Fade (서서히 나타남) /\n:host(.fade) dialog { animation: nx-fade-in var(--nx-duration) forwards; }\n@keyframes nx-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n/ 2. Zoom (커지며 나타남) /\n:host(.zoom) dialog { animation: nx-zoom-in var(--nx-duration) var(--nx-timing) forwards; }\n@keyframes nx-zoom-in { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n\n/ 3. Slide (상하좌우) /\n:host(.moveUp) dialog { animation: nx-move-up var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveDown) dialog { animation: nx-move-down var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveLeft) dialog { animation: nx-move-left var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveRight) dialog { animation: nx-move-right var(--nx-duration) var(--nx-timing) forwards; }\n\n@keyframes nx-move-up { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-down { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-left { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes nx-move-right { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateY(0); } }\n\n/ 4. Shake (상하좌우 격렬한 진동 - 에러 인지용) /\n:host(.shake) dialog { \n animation: nx-heavy-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n opacity: 1; \n}\n\n@keyframes nx-heavy-shake {\n 10%, 90% { transform: translate3d(-1px, -2px, 0); }\n 20%, 80% { transform: translate3d(2px, 4px, 0); }\n 30%, 50%, 70% { transform: translate3d(-6px, -6px, 0); }\n 40%, 60% { transform: translate3d(6px, 6px, 0); }\n}\n\n/ 5. Road Runner (등장: 왼쪽에서 탄력 있게 / 퇴장: 움츠렸다가 광속 탈출) /\n:host(.roadRunner) dialog { \n animation: roadRunnerIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; \n}\n\n@keyframes roadRunnerIn {\n 0% { transform: translateX(-1500px) skewX(30deg); opacity: 1; }\n 70% { transform: translateX(30px) skewX(-10deg); opacity: 1; }\n 100% { transform: translateX(0) skewX(0deg); opacity: 1; }\n}\n\n/ --- Out Animations (닫힐 때) --- /\ndialog.out { pointer-events: none; }\n\n/ Road Runner 퇴장: 슥 움츠렸다가(Anticipation) 쌩~! /\n:host(.roadRunner) dialog.out { \n animation: roadRunnerOut 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards; \n}\n\n@keyframes roadRunnerOut {\n 0% { \n transform: translateX(0) scale(1) skewX(0deg); \n opacity: 1; \n }\n 30% { \n / 예비 동작: 뒤로 살짝 갔다가 움츠러들기 /\n transform: translateX(50px) scaleX(1.2) scaleY(0.8) skewX(-20deg); \n opacity: 1; \n }\n 100% { \n / 발사: 길게 늘어나며 광속 탈출 /\n transform: translateX(2000px) scaleX(4) scaleY(0.3) skewX(50deg); \n opacity: 0; \n filter: blur(10px); / 👈 잔상 느낌 추가 /\n }\n}\n\n/ 일반 퇴장 (기본) /\ndialog.out { animation: nx-fade-out 0.3s forwards; }\n@keyframes nx-fade-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }\n`;","import { dialogStyles } from './style.dialog.js';\n\nexport class nineDialog extends HTMLElement\n{\n\t#shift;\n\t#dialog;\n\n\n\tconstructor () {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\n\t\tconst v = this.innerHTML;\n\t\tconst titleText = this.getAttribute(\"title\") \|\| \"Details\";\n\n\t\ttrace.log(\"111111111\")\n\n\t\tthis.innerHTML = `\n\t\t\t<style>${dialogStyles}</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<div class=\"rect1\"></div>\n\t\t\t\t\t<div class=\"rect2\"></div>\n\t\t\t\t\t<div class=\"rect3\"></div>\n\t\t\t\t\t<ng-sphere class=\"icon\" end-fill=\"#666\" size=\"8\"></ng-sphere>\n\t\t\t\t\t<span class=\"title\">${titleText}</span>\n\t\t\t\t\t<span class=\"sub-title\"></span>\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<ng-sphere class=\"apply\" start-fill=\"#cc6\" end-fill=\"#660\" size=\"16\" title=\"apply\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"reset\" start-fill=\"#99f\" end-fill=\"#00f\" size=\"16\" title=\"reset\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"close\" start-fill=\"#f99\" end-fill=\"#f00\" size=\"16\" title=\"close\"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"contents\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"body\">\n\t\t\t\t\t\t${v}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"close2\">\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n\t\t\t\t\t\t\t<path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\n\t\t//this.#owner = this.getRootNode().host.closest(\"nine-grid\");\n\n\t\t//$(\".title\", this).html(\"Details\");\n\n\t\tthis.#dialog = this.querySelector('dialog');\n\t\tthis.#init();\n\t};\n\n\tshowModal = () => {\n\t\tthis.#dialog.showModal();\n\t};\n\n\tclose = () => {\n\t\t// 이벤트 리스너 제거 (표준 방식은 핸들러 참조가 필요하지만,\n\t\t// 여기서는 요소가 사라지므로 메모리 관리를 위해 정리)\n\t\tthis.#dialog.close();\n\t\tthis.remove();\n\t};\n\n\t#init = () => {\n\t\tconst head = this.querySelector('.head');\n\n\t\t// 1. 모든 닫기 성격의 버튼 (.close, .close2, .cancel) 공통 처리\n\t\tthis.querySelectorAll('.close, .close2, .cancel').forEach(btn => {\n\t\t\tbtn.onclick = () => this.closeWithAnimation(null); // 취소/닫기는 null 리턴\n\t\t});\n\n\t\t// 2. 확인 버튼 (.ok) 처리\n\t\t// 확인 버튼은 텍스트 입력값 등 데이터가 필요하므로\n\t\t// 실제 데이터 추출은 각 팝업 클래스(prompt 등)에서 하되,\n\t\t// 닫기 애니메이션 실행은 여기서 담당하도록 가이드합니다.\n\t\tthis.querySelectorAll('.ok').forEach(btn => {\n\t\t\t// .ok 버튼의 로직은 각 팝업의 setupEvents에서 덮어쓰거나\n\t\t\t// 델리게이트 이벤트를 통해 처리합니다.\n\t\t});\n\n\t\t// 드래그 로직 생략...\n\t};\n\n\t// --- 드래그 로직 (Vanilla JS) ---\n\t#onMouseDown = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\t\tif (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.shiftKey) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tthis.#shift = {\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top\n\t\t};\n\n\t\tconst onMouseMove = (ev) => {\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${ev.clientX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${ev.clientY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onMouseUp = () => {\n\t\t\tdocument.removeEventListener('mousemove', onMouseMove);\n\t\t\tdocument.removeEventListener('mouseup', onMouseUp);\n\t\t};\n\n\t\tdocument.addEventListener('mousemove', onMouseMove);\n\t\tdocument.addEventListener('mouseup', onMouseUp);\n\t};\n\n\t#onTouchStart = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tconst touch = e.changedTouches[0];\n\t\tthis.#shift = {\n\t\t\tx: touch.pageX - rect.left,\n\t\t\ty: touch.pageY - rect.top\n\t\t};\n\n\t\tconst onTouchMove = (ev) => {\n\t\t\tconst t = ev.changedTouches[0];\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${t.pageX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${t.pageY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onTouchEnd = () => {\n\t\t\tdocument.removeEventListener('touchmove', onTouchMove);\n\t\t\tdocument.removeEventListener('touchend', onTouchEnd);\n\t\t};\n\n\t\tdocument.addEventListener('touchmove', onTouchMove);\n\t\tdocument.addEventListener('touchend', onTouchEnd);\n\t};\n\n\tcloseWithAnimation(returnValue) {\n\t\tthis.#dialog.classList.add(\"out\"); // 퇴장 애니메이션 시작\n\n\t\t// 애니메이션(0.3s)이 끝난 후 제거 및 이벤트 발생\n\t\tsetTimeout(() => {\n\t\t\tthis.#dialog.close();\n\t\t\t// 부모(BasePopup)에게 작업 완료와 결과값을 알림\n\t\t\tthis.dispatchEvent(new CustomEvent('closed', { detail: returnValue }));\n\t\t\tthis.remove();\n\t\t}, 300);\n\t}\n}\n\n// BasePopup.js\nexport class BasePopup extends HTMLElement {\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tstatic async open(PopupClass, message, title, options, renderFn) {\n\t\t// 1. 설정 병합\n\t\tconst tagName = PopupClass.tagName.toLowerCase();\n\t\tconst config = {\n\t\t\t\"true-text\": \"확인\",\n\t\t\t\"false-text\": \"취소\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(window.nine?.config?.ux?.[tagName.replace('nine-', '').replace('-popup', '')] \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 중복 제거 및 엘리먼트 생성\n\t\tdocument.querySelectorAll(tagName).forEach(el => el.remove());\n\t\tconst el = document.createElement(tagName);\n\t\tif (config.class) el.classList.add(config.class);\n\t\tif (config.animation) el.classList.add(config.animation);\n\t\tdocument.body.appendChild(el);\n\n\t\t// 3. 렌더링 (각 팝업의 UI 그리기)\n\t\trenderFn(el, message, config);\n\n\t\tconst dialogComp = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tif (title) dialogComp.setAttribute(\"title\", title);\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// [중요] nine-dialog의 애니메이션이 끝난 후 던지는 이벤트를 수신\n\t\t\tdialogComp.addEventListener('closed', (e) => resolve(e.detail));\n\n\t\t\t// 각 팝업 클래스에서 버튼 클릭 시 dialogComp.closeWithAnimation(값)을\n\t\t\t// 호출하도록 이벤트를 바인딩해줌\n\t\t\tel.setupEvents(resolve, dialogComp);\n\n\t\t\tdialogComp.showModal();\n\t\t});\n\t}\n}\n\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport { BasePopup } from \"./nineDialog.js\";\n\nexport class nineConfirmPopup extends BasePopup {\n\tstatic tagName = 'nine-confirm-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tthis.shadowRoot.querySelector(\".ok\").onclick = () => dialogComp.closeWithAnimation(true);\n\t\t// 취소는 nine-dialog 내부 기본 로직(closeWithAnimation(null))이 처리함\n\t}\n\n\tstatic confirm = (m, t, o) => BasePopup.open(nineConfirmPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// --- 3. ALERT (단순 알림) ---\nexport class nineAlertPopup extends BasePopup {\n\tstatic tagName = 'nine-alert-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">확인</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\t// 얼럿은 취소 버튼 하나만 두거나, 확인 버튼이 cancel 역할을 수행하게 함\n\t}\n\n\tstatic alert = (m, t, o) => BasePopup.open(nineAlertPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// Custom Element 등록\nif (!customElements.get('nine-confirm-popup')) customElements.define('nine-confirm-popup', nineConfirmPopup);\nif (!customElements.get('nine-alert-popup')) customElements.define(\"nine-alert-popup\", nineAlertPopup);","import { nine } from \"../../core/Config.js\";\nimport { BasePopup } from \"./nineDialog.js\";\n\n/\n \n /\nexport class ninePromptPopup extends BasePopup {\n\tstatic tagName = 'nine-prompt-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\n\t\ttrace.log(this);\n\t\ttrace.log(this.shadowRoot);\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"input-area\">\n <textarea placeholder=\"내용을 입력하세요...\"></textarea>\n </div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tconst textarea = this.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = this.shadowRoot.querySelector(\".ok\");\n\n\t\t// 확인 버튼 클릭 시 textarea 값을 가지고 애니메이션 닫기\n\t\tokBtn.onclick = () => dialogComp.closeWithAnimation(textarea.value);\n\n\t\t// 렌더링 후 포커스\n\t\trequestAnimationFrame(() => textarea.focus());\n\t}\n\n\tstatic prompt = (m, t, o) => BasePopup.open(ninePromptPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\nif (!customElements.get('nine-prompt-popup')) {\n\tcustomElements.define('nine-prompt-popup', ninePromptPopup);\n}","// src/core/NineUtil.js\r\nimport { nineAlertPopup, nineConfirmPopup } from './nineConfirm.js';\r\nimport { ninePromptPopup } from \"./ninePrompt.js\";\r\n\r\nexport class NineUtil {\r\n\t// static 필드는 클래스 자체에 저장됨\r\n\tstatic cssPath = \"\";\r\n\r\n\t/\r\n\t 팝업 준비 로직 (Private 메서드)\r\n\t /\r\n\t#prepare(type, message, title, defaultClass) {\r\n\r\n\t\tconst options = { class: defaultClass, animation: 'fade' };\r\n\t\t//const popup = type === 'alert' ? nineAlertPopup : (type === 'confirm' ? nineConfirmPopup : ninePromptPopup);\r\n\t\tlet isExecuted = false;\r\n\r\n\t\tconst popupMap = {\r\n\t\t\talert: nineAlertPopup,\r\n\t\t\tconfirm: nineConfirmPopup,\r\n\t\t\tprompt: ninePromptPopup\r\n\t\t};\r\n\r\n\t\tconst popup = popupMap[type];\r\n\r\n\t\tconst runner = {\r\n\t\t\trgb: () => { options.class = 'rgb'; return runner; },\r\n\t\t\tclassic: () => { options.class = 'classic'; return runner; },\r\n\t\t\tshake: () => { options.animation = 'shake'; return runner; },\r\n\t\t\trun: () => { options.animation = 'roadRunner'; return runner; },\r\n\t\t\tzoom: () => { options.animation = 'zoom'; return runner; },\r\n\r\n\t\t\tthen: (resolve, reject) => {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\treturn popup[type](message, title, options).then(resolve, reject);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Microtask: 동기 체이닝이 모두 끝난 후 실행\r\n\t\tPromise.resolve().then(() => {\r\n\t\t\tif (!isExecuted) {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\tpopup[type](message, title, options);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn runner;\r\n\t}\r\n\r\n\talert(message, title = \"Alert\") {\r\n\t\treturn this.#prepare('alert', message, title, 'classic');\r\n\t}\r\n\r\n\tconfirm(message, title = \"Confirm\") {\r\n\t\treturn this.#prepare('confirm', message, title, 'classic');\r\n\t}\r\n\r\n\tprompt(message, title = \"Prompt\") {\r\n\t\treturn this.#prepare('prompt', message, title, 'classic');\r\n\t}\r\n}","export class Trace {\r\n\t#name;\r\n\t#color;\r\n\t#enabled = true;\r\n\r\n\tconstructor(name = null, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\tthis.#autoConfig();\r\n\t\t/\r\n\t\t// 1. 쪼개진 인스턴스들을 하나로 합치는 '본드' 역할 (이게 핵심!)\r\n\t\tif (typeof window !== 'undefined' && window.__NINE_TRACE__) {\r\n\t\t\treturn window.__NINE_TRACE__;\r\n\t\t}\r\n\t\tthis.#autoConfig();\r\n\t\tif (typeof window !== 'undefined') window.__NINE_TRACE__ = this;\r\n\t\t\t/\r\n\t}\r\n\r\n\t#autoConfig() {\r\n\t\tif (typeof window === 'undefined') return;\r\n\t\tconst isLocal = window.location.hostname === 'localhost' \|\|\r\n\t\t\twindow.location.hostname === '127.0.0.1' \|\|\r\n\t\t\twindow.location.hostname.startsWith('192.168.');\r\n\r\n\t\tif (isLocal) {\r\n\t\t\tthis.enable();\r\n\t\t} else {\r\n\t\t\tthis.disable();\r\n\t\t\tconsole.log(\r\n\t\t\t\t`%c[${this.#name \|\| 'Trace'}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,\r\n\t\t\t\t\"color: #4CAF50; font-weight: bold;\", \"\",\r\n\t\t\t\t\"background: #333; color: yellow; padding: 2px 5px;\", \"\"\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t// 🟢 빼먹었던 init 메서드 다시 추가!\r\n\tinitBAK(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\r\n\r\n\tinit(name, color = \"green\") {\r\n\t\t//const style = `color: ${color}; font-weight: bold;`;\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\t/*\r\n\t\tconsole.log(name, color);\r\n\t\treturn {\r\n\t\t\tlog: console.log.bind(console, `%c[${name}]`, style),\r\n\t\t\twarn: console.warn.bind(console, `%c[${name}]`, \"color: cyan; font-weight: bold;\"),\r\n\t\t\terror: console.error.bind(console, `%c[${name}]`, \"color: red; font-weight: bold;\")\r\n\t\t}; /\r\n\t}\r\n\r\n\t//get log() { return console.log.bind(console); }\r\n\r\n\t// 🔴 핵심: 소스 위치를 호출부로 찍어주는 Getter 로직\r\n\tget log() {\r\n\t\t//if (!this.#enabled) return () => {};\r\n\t\tconst style = `color: ${this.#color}; font-weight: bold;`;\r\n\t\t// 이름이 있으면 프리픽스를 붙이고, 없으면 그냥 로그를 바인딩합니다.\r\n\t\treturn (this.#name)\r\n\t\t\t? console.log.bind(console, `%c[${this.#name}]`, style)\r\n\t\t\t: console.log.bind(console);\r\n\t}\r\n\r\n\tget warn() {\r\n\t\tif (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.warn.bind(console, `%c[${this.#name}]`, \"color: cyan; font-weight: bold;\")\r\n\t\t\t: console.warn.bind(console);\r\n\t}\r\n\r\n\tget error() {\r\n\t\t// 에러는 enabled 상태와 상관없이 찍고 싶으시면 if 체크를 주석 처리하세요.\r\n\t\t// if (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.error.bind(console, `%c[${this.#name}]`, \"color: red; font-weight: bold;\")\r\n\t\t\t: console.error.bind(console);\r\n\t}\r\n\r\n\tenable() { this.#enabled = true; }\r\n\tdisable() { this.#enabled = false; }\r\n}\r\n\r\nexport const trace = new Trace();\r\nif (typeof window !== 'undefined') window.trace = trace;","export class TaskDebouncer {\r\n\t#timer = null;\r\n\t#queue = [];\r\n\t#delay;\r\n\r\n\tconstructor(delay = 50) {\r\n\t\tthis.#delay = delay;\r\n\t}\r\n\r\n\t/*\r\n\t @param {Function} func - 실행할 함수\r\n\t * @param {...any} args - 함수에 전달할 임의의 파라미터들\r\n\t /\r\n\texec(func, ...args) {\r\n\t\t// 1. 어떤 함수와 어떤 인자들이 들어왔는지 큐에 저장\r\n\t\tthis.#queue.push({ func, args });\r\n\r\n\t\t// 2. 디바운스 타이머 설정\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\texecWithKey(key, func, ...args) {\r\n\t\t// 1. 같은 키(예: 'resize')가 들어오면 이전 큐에서 해당 키 삭제 (중복 제거)\r\n\t\tthis.#queue = this.#queue.filter(task => task.key !== key);\r\n\r\n\t\t// 2. 새로운 태스크 추가\r\n\t\tthis.#queue.push({ key, func, args });\r\n\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\t#flush() {\r\n\t\tif (this.#queue.length === 0) return;\r\n\r\n\t\t// 3. 현재까지 쌓인 큐를 쏙 빼옴\r\n\t\tconst tasks = this.#queue.splice(0, this.#queue.length);\r\n\t\tconst seen = new Set();\r\n\r\n\t\ttasks.forEach(task => {\r\n\t\t\t// 4. 핵심: 함수 이름과 인자들을 문자열로 합쳐서 유니크 키 생성\r\n\t\t\t// JSON.stringify를 통해 [1, {a:1}] 같은 파라미터도 문자열로 비교 가능\r\n\t\t\tconst identifier = `${task.func.name}_${JSON.stringify(task.args)}`;\r\n\r\n\t\t\tif (!seen.has(identifier)) {\r\n\t\t\t\t// 5. 중복이 아닐 때만 원래 인자들(...args) 그대로 실행\r\n\t\t\t\ttask.func(...task.args);\r\n\t\t\t\tseen.add(identifier);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.#timer = null;\r\n\t}\r\n}","export class Loading {\n\tstatic show() {\n\t\tlet overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (!overlay) {\n\t\t\toverlay = document.createElement(\"div\");\n\t\t\toverlay.id = \"global-loading-overlay\";\n\t\t\toverlay.style.cssText = `\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0, 0, 0, 0.4); display: flex; \n justify-content: center; align-items: center;\n backdrop-filter: blur(2px);\n `;\n\t\t\toverlay.innerHTML = `<div class=\"loading-spinner\"></div>`;\n\t\t\tdocument.body.appendChild(overlay);\n\n\t\t\tif (!document.getElementById(\"nine-util-style\")) {\n\t\t\t\tconst style = document.createElement(\"style\");\n\t\t\t\tstyle.id = \"nine-util-style\";\n\t\t\t\tstyle.innerHTML = `\n .loading-spinner {\n width: 48px; height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n border-top-color: white; border-radius: 50%;\n animation: nine-spin 1s linear infinite;\n }\n @keyframes nine-spin { to { transform: rotate(360deg); } }\n `;\n\t\t\t\tdocument.head.appendChild(style);\n\t\t\t}\n\t\t}\n\t\toverlay.style.display = \"flex\";\n\t}\n\n\tstatic hide() {\n\t\tconst overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (overlay) overlay.style.display = \"none\";\n\t}\n}","import { Loading } from \"../ux/Loading.js\";\nimport { trace } from \"../core/Trace.js\";\n\nexport class Fetch {\n\tstatic BASE_URL = window.__API_BASE_URL__ \|\| \"\";\n\n\tstatic #request = (method, url, data = {}, showLoading = true) => {\n\t\tconst finalUrl = url.startsWith('http') ? url : `${this.BASE_URL}${url}`;\n\n\t\tif (showLoading) {\n\t\t\tLoading.show();\n\t\t}\n\n\t\t// 1. 기본 헤더 설정\n\t\tconst headers = {};\n\n\t\t// 🔴 핵심: 데이터가 FormData가 아닐 때만 JSON 헤더를 추가합니다.\n\t\tif (!(data instanceof FormData)) {\n\t\t\theaders[\"Content-Type\"] = \"application/json\";\n\t\t}\n\n\t\tconst options = {\n\t\t\tmethod,\n\t\t\theaders\n\t\t};\n\n\t\tlet targetUrl = finalUrl;\n\t\tif (method === \"GET\") {\n\t\t\ttargetUrl += `?${new URLSearchParams(data)}`;\n\t\t} else {\n\t\t\t// 🔴 핵심: FormData는 그대로 body에 넣고, 일반 객체는 JSON.stringify 처리합니다.\n\t\t\toptions.body = data instanceof FormData ? data : JSON.stringify(data);\n\t\t}\n\n\t\treturn fetch(targetUrl, options)\n\t\t\t.then(async res => {\n\t\t\t\tif (!res.ok) {\n\t\t\t\t\tconst text = await res.text();\n\t\t\t\t\tthrow new Error(`API 오류 (${res.status}): ${text}`);\n\t\t\t\t}\n\t\t\t\treturn res.json();\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(`[IdeFetch.${method.toLowerCase()}] ${finalUrl} 실패:`, err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (showLoading) {\n\t\t\t\t\tLoading.hide();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\t// 기존 post/get 메서드도 인자를 넘겨주도록 수정\n\tstatic get = (url, data = {}, showLoading = true) => this.#request(\"GET\", url, data, showLoading);\n\tstatic post = (url, data = {}, showLoading = true) => this.#request(\"POST\", url, data, showLoading);\n\n\t/\n\t 🚀 범용 청크 전송 (파라미터 이름까지 동적 설정)\n\t * @param {string} url - API 주소\n\t * @param {Array} rows - 데이터 배열\n\t * @param {object} options - 상세 옵션\n\t * - fileKey: 객체 내 파일 속성명 (기본: 'fileContents')\n\t * - filePartName: 서버에서 받을 파일 파트명 (기본: 'files')\n\t * - jsonPartName: 서버에서 받을 JSON 파트명 (기본: 'dataList')\n\t * - chunkSize: 분할 단위 (기본: 10)\n\t /\n\tstatic postMultipart = async (url, rows = [], options = {}) => {\n\t\tconst {\n\t\t\tfileKey = 'fileContents',\n\t\t\tfilePartName = 'files',\n\t\t\tjsonPartName = 'dataList',\n\t\t\tchunkSize = 10\n\t\t} = options;\n\n\t\t// 1. 시작 전 로딩바 띄우기\n\t\tLoading.show();\n\n\t\tlet totalCount = 0;\n\t\tlet lastResponse = null;\n\n\t\t// 🔴 2. 전체 루프를 Promise 체인처럼 관리 (내부는 await 유지)\n\t\treturn (async () => {\n\t\t\tfor (let i = 0; i < rows.length; i += chunkSize) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tconst chunk = rows.slice(i, i + chunkSize);\n\t\t\t\tconst rowDataList = [];\n\n\t\t\t\tchunk.forEach((row) => {\n\t\t\t\t\tconst { [fileKey]: fileObj, _fileObj, ...rest } = row;\n\t\t\t\t\trowDataList.push(rest);\n\t\t\t\t\tif (fileObj instanceof File) {\n\t\t\t\t\t\tformData.append(filePartName, fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst jsonBlob = new Blob([JSON.stringify(rowDataList)], { type: 'application/json' });\n\t\t\t\tformData.append(jsonPartName, jsonBlob);\n\n\t\t\t\t// showLoading = false로 내부 호출\n\t\t\t\tlastResponse = await this.post(url, formData, false);\n\n\t\t\t\tif (lastResponse && (lastResponse.success \|\| lastResponse.status === 'OK')) {\n\t\t\t\t\ttotalCount += chunk.length;\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`청크 전송 실패: ${i}번째 섹션`);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...lastResponse, success: true, totalCount };\n\t\t})()\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(\"[postChunk] Error:\", err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// 🔴 3. 성공하든 실패하든 여기서 깔끔하게 닫기!\n\t\t\t\tLoading.hide();\n\t\t\t});\n\t};\n}\n\nexport const api = Fetch;","import { NineUtil } from \"./dialog/NineUtil.js\";\r\nimport { trace } from \"../core/Trace.js\";\r\n\r\nclass UxSplitter extends HTMLElement {\r\n\r\n\t#mode;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.attachShadow({ mode: \"open\" });\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\r\n\t\tthis.#init();\r\n\t}\r\n\r\n\t#detectMode = (el) => {\r\n\t\tconst prev = el.previousElementSibling;\r\n\t\tconst next = el.nextElementSibling;\r\n\t\tif (!prev \|\| !next) {\r\n\t\t\tthis.#mode = this.classList.contains('h') ? \"h\" : \"v\";\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\tif (this.classList.contains('h')) {\r\n\t\t\tthis.#mode = \"h\";\r\n\t\t} else if (this.classList.contains('v')) {\r\n\t\t\tthis.#mode = \"v\";\r\n\t\t} else {\r\n\t\t\tthis.#mode = (Math.abs(prevRect.top - nextRect.top) < 5) ? \"h\" : \"v\";\r\n\t\t}\r\n\t};\r\n\r\n\t#startDrag = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tconst splitterRect = this.getBoundingClientRect();\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\r\n\t\t// 마우스 포인터와 스플리터 시작점 사이의 거리\r\n\t\tconst clickOffset = isHorizontal\r\n\t\t\t? e.clientX - splitterRect.left\r\n\t\t\t: e.clientY - splitterRect.top;\r\n\r\n\t\tconst dragBar = document.createElement(\"div\");\r\n\t\tdragBar.className = `nx-splitter-drag-bar-${this.#mode}`;\r\n\r\n\t\tObject.assign(dragBar.style, {\r\n\t\t\tposition: \"absolute\",\r\n\t\t\tzIndex: \"999\",\r\n\t\t\tbackground: \"#666\",\r\n\t\t\topacity: \"0.6\",\r\n\t\t\tpointerEvents: \"none\"\r\n\t\t});\r\n\r\n\t\tconst root = this.getRootNode({ composed: true });\r\n\t\tconst parent = root instanceof ShadowRoot ? root.host : this.parentElement;\r\n\t\tconst prev = this.previousElementSibling;\r\n\t\tconst next = this.nextElementSibling;\r\n\r\n\t\tif (!parent \|\| !prev \|\| !next) {\r\n\t\t\ttrace.warn(\"Spliter's parent or siblings not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t(parent.shadowRoot \|\| parent).appendChild(dragBar);\r\n\t\tconst dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\t// 드래그 바의 초기 위치와 크기 설정\r\n\t\tconst initialSplitterPosInParent = (isHorizontal\r\n\t\t\t? splitterRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: splitterRect.top - dragBarOffsetParentRect.top) + clickOffset;\r\n\r\n\t\tif (isHorizontal) {\r\n\t\t\tdragBar.style.top = \"0\";\r\n\t\t\tdragBar.style.left = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.width = \"2px\";\r\n\t\t\tdragBar.style.height = \"100%\";\r\n\t\t} else {\r\n\t\t\tdragBar.style.left = \"0\";\r\n\t\t\tdragBar.style.top = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.height = \"2px\";\r\n\t\t\tdragBar.style.width = \"100%\";\r\n\t\t}\r\n\r\n\t\tdragBar.style.mixBlendMode = \"difference\";\r\n\t\tdragBar.style.zIndex = \"99999\";\r\n\r\n\t\tconst minLimit = isHorizontal\r\n\t\t\t? prevRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: prevRect.top - dragBarOffsetParentRect.top;\r\n\t\tconst maxLimit = isHorizontal\r\n\t\t\t? nextRect.right - dragBarOffsetParentRect.left - splitterRect.width\r\n\t\t\t: nextRect.bottom - dragBarOffsetParentRect.top - splitterRect.height;\r\n\r\n\t\tconst onMove = moveEvent => {\r\n\t\t\tconst clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;\r\n\t\t\tconst currentPosInParent = isHorizontal\r\n\t\t\t\t? clientPos - dragBarOffsetParentRect.left\r\n\t\t\t\t: clientPos - dragBarOffsetParentRect.top;\r\n\r\n\t\t\tconst clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));\r\n\r\n\t\t\tif (isHorizontal) {\r\n\t\t\t\tdragBar.style.left = `${clampedPos}px`;\r\n\t\t\t} else {\r\n\t\t\t\tdragBar.style.top = `${clampedPos}px`;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst onUp = () => {\r\n\t\t\twindow.removeEventListener(\"mousemove\", onMove);\r\n\t\t\twindow.removeEventListener(\"mouseup\", onUp);\r\n\t\t\tdragBar.remove();\r\n\r\n\t\t\tconst allChildren = Array.from(parent.children);\r\n\t\t\tconst allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\r\n\t\t\t// ⭐⭐ gap 크기 계산 ⭐⭐\r\n\t\t\tconst style = window.getComputedStyle(parent);\r\n\t\t\tconst gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');\r\n\t\t\tconst gapSize = parseFloat(gapValue) \|\| 0;\r\n\t\t\tconst gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;\r\n\t\t\tconst totalGapSize = gapCount gapSize;\r\n\r\n\t\t\tconst finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);\r\n\t\t\tconst dragOffset = finalDragBarPos - initialSplitterPosInParent;\r\n\r\n\t\t\tconst prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;\r\n\t\t\tconst nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;\r\n\r\n\t\t\tlet newPrevSize = prevSize + dragOffset;\r\n\t\t\tlet newNextSize = nextSize - dragOffset;\r\n\r\n\t\t\t// 패널 크기가 음수가 되지 않도록 제한하고, 다른 패널에 차이를 보정\r\n\t\t\tif (newPrevSize < 0) {\r\n\t\t\t\tnewNextSize += newPrevSize;\r\n\t\t\t\tnewPrevSize = 0;\r\n\t\t\t}\r\n\t\t\tif (newNextSize < 0) {\r\n\t\t\t\tnewPrevSize += newNextSize;\r\n\t\t\t\tnewNextSize = 0;\r\n\t\t\t}\r\n\r\n\t\t\tconst initialSizes = allPanels.map(panel => isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height);\r\n\r\n\t\t\tconst totalSplitterSize = allChildren.reduce((sum, child) => {\r\n\t\t\t\tif (child.tagName.toLowerCase() === 'nx-splitter') {\r\n\t\t\t\t\treturn sum + (isHorizontal ? child.getBoundingClientRect().width : child.getBoundingClientRect().height);\r\n\t\t\t\t}\r\n\t\t\t\treturn sum;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tconst totalContainerSize = (isHorizontal ? parent.getBoundingClientRect().width : parent.getBoundingClientRect().height);\r\n\t\t\tconst totalFlexSpace = totalContainerSize - totalSplitterSize - totalGapSize;\r\n\r\n\t\t\tlet flexSum = 0;\r\n\t\t\tallPanels.forEach((panel, index) => {\r\n\t\t\t\tlet newSize;\r\n\t\t\t\tif (panel === prev) {\r\n\t\t\t\t\tnewSize = newPrevSize;\r\n\t\t\t\t} else if (panel === next) {\r\n\t\t\t\t\tnewSize = newNextSize;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewSize = initialSizes[index];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t//panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\r\n\t\t\t\ttrace.log(panel);\r\n\r\n\t\t\t\tif (panel.classList.contains('sidebar')) {\r\n\t\t\t\t\t// 드래그가 끝난 시점의 newSize(px)를 그대로 고정값으로 할당\r\n\t\t\t\t\t// 이렇게 하면 비율(%)이 아니라 딱 그 픽셀만큼만 자리를 차지하게 됩니다.\r\n\t\t\t\t\tpanel.style.flex = `0 0 ${newSize}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 나머지 메인 보드 같은 유연한 패널은 비율(%)로 처리\r\n\t\t\t\t\t//const newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t\tpanel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tflexSum += newFlexBasis;\r\n\t\t\t});\r\n\r\n\t\t\ttrace.log(`dragOffset: ${dragOffset}`);\r\n\t\t\ttrace.log(`Calculated FlexSum: ${flexSum}`);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"mousemove\", onMove);\r\n\t\twindow.addEventListener(\"mouseup\", onUp);\r\n\t};\r\n\r\n\tget cssPath() {\r\n\t\treturn this.getAttribute(\"css-path\") \|\| NineUtil.cssPath;\r\n\t}\r\n\r\n\t#init = () => {\r\n\t\tthis.#detectMode(this);\r\n\t\tthis.classList.add(this.#mode);\r\n\r\n\t\tconst contents = this.innerHTML.trim();\r\n\t\t//const gripClass = `grip-${this.#mode}`;\r\n\t\tconst gripTmpl = (contents === \"\") ? `<div class=\"grip\"></div>` : `<div class=\"grip\"></div><div class=\"inner-container\">${contents}</div><div class=\"grip\"></div>`;\r\n\r\n\t\tthis.innerHTML = \"\";\r\n\t\tconst htmlTmpl = document.createElement(\"template\");\r\n\t\thtmlTmpl.innerHTML = `\r\n\t\t\t<style>\r\n\t\t\t\t@import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${__APP_VERSION__}/dist/css/nine-util.css\";\r\n\t\t\t\t${this.cssPath ? `@import \"${this.cssPath}\";` : \"\"}\r\n\t\t\t</style>\r\n\t\t\t${gripTmpl}\r\n `;\r\n\r\n\t\tthis.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));\r\n\r\n\t\tthis.shadowRoot.querySelectorAll(\".grip\").forEach(el => {\r\n\t\t\tel.addEventListener(\"mousedown\", e => this.#startDrag(e));\r\n\t\t});\r\n\r\n\t\tthis.#prepareLayout();\r\n\r\n\t\twindow.addEventListener(\"resize\", () => this.#prepareLayout());\r\n\t};\r\n\r\n\t#prepareLayout = () => {\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\t\tconst parent = this.parentElement;\r\n\t\tconst allPanels = Array.from(parent.children).filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\t\tif (allPanels.length < 2) return;\r\n\r\n\t\tconst parentRect = parent.getBoundingClientRect();\r\n\t\tconst totalContentSize = allPanels.reduce((sum, el) => {\r\n\t\t\tconst size = isHorizontal ? el.getBoundingClientRect().width : el.getBoundingClientRect().height;\r\n\t\t\treturn sum + size;\r\n\t\t}, 0);\r\n\t\tconst totalParentSize = isHorizontal ? parentRect.width : parentRect.height;\r\n\r\n\t\tallPanels.forEach(panel => {\r\n\t\t\tconst size = isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height;\r\n\t\t\tconst newSize = totalParentSize * (size / totalContentSize);\r\n\t\t\tconst flexGrow = newSize / totalParentSize;\r\n\t\t\tpanel.style.flex = `${flexGrow} ${flexGrow} 0`;\r\n\t\t});\r\n\t};\r\n}\r\n\r\nif (!customElements.get('nine-splitter')) {\r\n\tcustomElements.define(\"nine-splitter\", UxSplitter);\r\n}","// 1. 기존 core 모듈\r\nimport { NineUtil } from './ux/dialog/NineUtil.js';\r\nimport { nine, subscribeConfig, config } from './core/Config.js';\r\nimport { Trace, trace } from './core/Trace.js';\r\nimport { TaskDebouncer } from './core/TaskDebouncer.js';\r\n\r\n// 2. 신규 net 및 ux 모듈 추가\r\nimport { api, Fetch } from './net/Fetch.js';\r\nimport { Loading } from './ux/Loading.js';\r\n\r\nimport { nineDialog } from './ux/dialog/nineDialog.js';\r\nimport { nineConfirmPopup, nineAlertPopup } from './ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from './ux/dialog/ninePrompt.js';\r\n\r\n// ux\r\nimport './ux/UxSplitter.js';\r\n\r\nconst utilInstance = new NineUtil();\r\nnine.alert = utilInstance.alert.bind(utilInstance);\r\nnine.confirm = utilInstance.confirm.bind(utilInstance);\r\nnine.prompt = utilInstance.prompt.bind(utilInstance);\r\n\r\n// 기존 nine 객체(Config)와 Util 기능을 합성\r\n//Object.assign(nine, utilInstance);\r\n\r\nnine.api = api;\r\nnine.trace = trace;\r\nnine.subscribeConfig = subscribeConfig;\r\nnine.config = config \|\| {};\r\n\r\nexport {\r\n\tnine,\r\n\tsubscribeConfig,\r\n\tconfig,\r\n\tNineUtil,\r\n\tTrace,\r\n\ttrace,\r\n\tTaskDebouncer,\r\n\tapi, // 🚀 추가: 이제 서비스에서 api.get() 가능\r\n\tFetch, // 🚀 추가: 클래스 자체도 혹시 모르니 노출\r\n\tLoading as loading, // 🚀 추가: loading.show() 로 쓰기 편하게 alias\r\n\tnineDialog,\r\n\tnineAlertPopup, nineConfirmPopup, ninePromptPopup\r\n};\r\n\r\nif (typeof window !== 'undefined') {\r\n\twindow.nine = nine;\r\n}\r\n"],"names":["_init","config","el","trace"],"mappings":";;;;;;;;;;;AAAA,0PAAAA,QAAA;AAEA,MAAM,YAAY,oBAAI;AAItB,MAAM,iBAAiB;AAAA,EACtB,IAAI,EAAE,gBAAgB,OAAO,OAAO,QAAO;AAAA,EAC3C,OAAO,EAAE,UAAU,MAAK;AAAA,EACxB,SAAS;AAAA,EACT,OAAO;AACR;AAEA,IAAI,OAAO,WAAW,eAAe,CAAC,OAAO,wBAAwB;AACpE,SAAO,yBAAyB;AACjC;AAGA,MAAM,UAAU,OAAO,WAAW,cAAc,OAAO,yBAAyB;AAEpE,MAAC,kBAAkB,CAAC,OAAO;AACtC,YAAU,IAAI,EAAE;AAChB,KAAG,OAAO,OAAO;AACjB,SAAO,MAAM,UAAU,OAAO,EAAE;AACjC;AAGY,MAAC,SAAS,IAAI,MAAM,SAAS;AAAA,EACxC,IAAI,QAAQ,MAAM,OAAO;AACxB,WAAO,IAAI,IAAI;AACf,cAAU,QAAQ,QAAM,GAAG,MAAM,MAAM,CAAC;AACxC,WAAO;AAAA,EACR;AAAA,EACA,IAAI,QAAQ,MAAM;AACjB,WAAO,OAAO,IAAI;AAAA,EACnB;AACD,CAAC;AAEW,MAAC,OAAO;AAAA,EACnB;AAAA;AAAA;AAAA,EAIA,IAAI,UAAU;AACb,WAAO,KAAK,OAAO,WAAW;AAAA,EAC/B;AAAA,EAEA,MAAM,UAAU,IAAI;AACnB,WAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAEjD,UAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,GAAG;AACzE,aAAK,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,GAAG,GAAG,GAAG;MAC9C,OAAO;AACN,aAAK,OAAO,GAAG,IAAI;AAAA,MACpB;AAAA,IACD,CAAC;AAGD,QAAI,OAAO,WAAW,aAAa;AAClC,aAAO,OAAO,OAAO,QAAQ;AAAA,IAC9B;AAAA,EACD;AACD;AC7DO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}
1	+ {"version":3,"file":"nine-util.js","sources":["../src/core/Config.js","../src/ux/dialog/style.dialog.js","../src/ux/dialog/nineDialog.js","../src/ux/dialog/nineConfirm.js","../src/ux/dialog/ninePrompt.js","../src/ux/dialog/NineUtil.js","../src/core/Trace.js","../src/core/TaskDebouncer.js","../src/ux/Loading.js","../src/net/Fetch.js","../src/ux/UxSplitter.js","../src/index.js"],"sourcesContent":["// @nine-lab/nine-util/core/Config.js\r\n\r\nconst listeners = new Set();\r\n\r\n// 💡 [핵심] 전역 저장소를 단일화합니다.\r\n// window에 이미 있으면 그것을 쓰고, 없으면 초기값을 생성하여 등록합니다.\r\nconst _initialConfig = {\r\n\tux: { nativeOverride: false, theme: 'light' },\r\n\tboard: { readOnly: false },\r\n\tcssPath: \"\",\r\n\tdebug: false\r\n};\r\n\r\nif (typeof window !== 'undefined' && !window.__NINE_GLOBAL_CONFIG__) {\r\n\twindow.__NINE_GLOBAL_CONFIG__ = _initialConfig;\r\n}\r\n\r\n// 이제 모든 모듈의 _config는 동일한 window 객체 메모리를 가리킵니다.\r\nconst _config = typeof window !== 'undefined' ? window.__NINE_GLOBAL_CONFIG__ : _initialConfig;\r\n\r\nexport const subscribeConfig = (fn) => {\r\n\tlisteners.add(fn);\r\n\tfn('all', _config);\r\n\treturn () => listeners.delete(fn);\r\n};\r\n\r\n// Proxy 역시 전역 저장소인 _config를 조작합니다.\r\nexport const config = new Proxy(_config, {\r\n\tset(target, prop, value) {\r\n\t\ttarget[prop] = value;\r\n\t\tlisteners.forEach(fn => fn(prop, target));\r\n\t\treturn true;\r\n\t},\r\n\tget(target, prop) {\r\n\t\treturn target[prop];\r\n\t}\r\n});\r\n\r\nexport const nine = {\r\n\tconfig: config,\r\n\r\n\t// Getter에서 window.nine까지 확인할 필요도 없습니다.\r\n\t// 이미 config 자체가 전역 저장소(__NINE_GLOBAL_CONFIG__)를 바라보고 있기 때문입니다.\r\n\tget cssPath() {\r\n\t\treturn this.config.cssPath \|\| \"\";\r\n\t},\r\n\r\n\tsetup(options = {}) {\r\n\t\tObject.entries(options).forEach(([key, value]) => {\r\n\t\t\t// 깊은 병합 지원\r\n\t\t\tif (typeof value === 'object' && value !== null && !Array.isArray(value)) {\r\n\t\t\t\tthis.config[key] = { ...this.config[key], ...value };\r\n\t\t\t} else {\r\n\t\t\t\tthis.config[key] = value;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 다른 모듈에서 window.nine으로 접근할 수 있도록 보장\r\n\t\tif (typeof window !== 'undefined') {\r\n\t\t\twindow.nine = window.nine \|\| this;\r\n\t\t}\r\n\t}\r\n};","// nxDialog.styles.js\nexport const dialogStyles = `\n\tdialog::backdrop {\n\t\tbackground: rgba(0, 0, 0, 0.3);\n\t}\n\t\n\tdialog:modal {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t\tborder: 1px solid darkgreen;\n\t\toutline: none;\n\t\tresize: both;\n\t\tbox-shadow: 0 0 4px 0 darkgreen;\n width: 500px;\n height: 150px;\n min-width: 330px;\n min-height: 60px;\n }\n \n \n \n \n\tdiv.head .rect1, div.head .rect2, div.head .rect3 {\n\t\tdisplay: none;\n\t\twidth: 50px;\n\t\theight: 100%;\n\t}\n\tdiv.head .rect1 {\n\t\tbackground-color: red;\n\t}\n\tdiv.head .rect2 {\n\t\tbackground-color: darkgreen;\n\t}\n\tdiv.head .rect3 {\n\t\tbackground-color: olive;\n\t}\n\t\n\tdiv.head {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t--height: 30px;\n\t\tbackground-color: darkgreen;\n\t\tpadding: 4px;\n\t\tcursor: move;\n\t}\n\tdiv.head:hover {\n\t\tfilter: brightness(110%);\n\t}\n\t\n\tdiv.head span {\n\t\tfont-size: 12px;\n\t\tposition: relative;\n\t}\n\t\n\tdiv.head span.title {\n\t\tcolor: #ddd;\n\t\tmargin-left: 4px;\n\t\tfont-weight: bold;\n\t}\n\t\n\tdiv.head span.sub-title {\n\t\tcolor: #ccc;\n\t\tmargin-left: 8px;\n\t\tfont-style: italic;\n\t}\n\t\n\tdiv.head form {\n\t\tmargin: 0;\n\t}\n\tdiv.head button {\n\t\tmargin-right: 4px;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: #ccc;\n\t\tfont-size: x-small;\n\t}\n\tdiv.head button:hover {\n\t\tcursor: pointer;\n\t}\n\t\n\tdiv.contents {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\tdiv.left {\n\t\tposition: relative;\n\t\twidth: 16px;\n\t\theight: 100%;\n\t\tbackground-color: #ddd;\n\t\tdisplay: none;\n\t}\n\t\n\tdiv.left span {\n\t\twriting-mode: vertical-rl;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\tcolor: #ccc;\n\t\tfont-weight: 700;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin-left: 3px;\n\t\tmargin-top: 3px;\n\t}\n\tdiv.close2 {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 3px;\n\t\tcursor: pointer;\n\t\tcolor: #666;\n\t}\n\tdiv.close2 svg:hover {\n\t\tcolor: #999;\n\t}\n\t\n\tdiv.body {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: unset;\n\t\t--border: 3px solid #999;\n\t\t--border-top: none;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tpadding: 10px;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t}\n\t\n\t\n\t\n\t\n\tng-sphere.icon {\n\t\tmargin-left: 8px;\n\t}\n\t\n\t.buttons {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t}\n\t\n\tng-sphere {\n\t\tposition: relative;\n\t\t--width: 16px;\n\t\t--height: 16px;\n\t\tcursor: pointer;\n\t\tmargin-right: 4px;\n\t\tdisplay: flex;\n\t}\n\tng-sphere:hover {\n\t\tfilter: brightness(90%);\n\t}\n\tng-sphere:active {\n\t\tfilter: brightness(80%);\n\t}\n\t\n\tng-sphere:hover::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\tng-sphere.apply:hover::after {\n\t\tbackground-size: 14px 14px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><polyline points=\"2.5,7 6,10 11,3\" style=\"fill:none;stroke:white;stroke-width:2px;\" /></svg>');\n\t}\n\t\n\tng-sphere.reset:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" style=\"fill:none;stroke:white;stroke-width:2px;\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M10 5h5V0\"></path><path d=\"M15 8a6.957 6.957 0 0 1-7 7 6.957 6.957 0 0 1-7-7 6.957 6.957 0 0 1 7-7 6.87 6.87 0 0 1 6.3 4\"></path></svg>');\n\t}\n\t\n\tng-sphere.close:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"fill:none;stroke:white;stroke-width:2px;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 16 16\"><path d=\"M2 2l12 12M14 2L2 14\"></path></svg>');\n\t}\n\t\n\t\n\tbutton {\n cursor: pointer;\n }\n \n .input-area {\n position: relative;\n height: 100%;\n --display: flex;\n textarea {\n width: 100%;\n height: 100%;\n min-height: 100px;\n padding: 8px;\n box-sizing: border-box;\n resize: none;\n border-radius: 2px;\n border-color: #ccc;\n }\n textarea:focus {\n border-color: green;\n outline: none; /* 브라우저 기본 파란색 테두리 제거 /\n }\n }\n \n .buttons-confirm {\n position: relative;\n display: flex;\n justify-content: flex-end;\n --bottom: 8px;\n --right: 8px;\n }\n \n \n .buttons-confirm button {\n height: 32px;\n margin-right: 8px;\n border: none;\n outline: none;\n width: 60px;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .buttons-confirm button:hover {\n filter: brightness(90%);\n }\n .buttons-confirm button:active {\n color: #ccc;\n }\n \n button.ok {\n --display: none;\n background-color: darkgreen;\n color: white;\n }\n button.cancel {\n color: white;\n background-color: #6c757d;\n }\n \n \n \n div.msg {\n position: relative;\n height: 100%;\n font-size: 14px;\n color: #333;\n }\n \n .reset, .apply {\n display: none;\n }\n \n \n \n :host(.classic) dialog:modal {\n border: 1px solid #007bff;\n box-shadow: 0 0 4px 0 #007bff;\n }\n \n :host(.classic) div.head {\n background-color: #007bff;\n }\n :host(.classic) div.head:hover {\n filter: brightness(110%);\n }\n \n :host(.classic) div.head span {\n font-size: 12px;\n }\n \n :host(.classic) div.head span.title {\n color: #ddd;\n margin-left: 4px;\n font-weight: bold;\n }\n \n :host(.classic) div.head span.sub-title {\n color: #ccc;\n margin-left: 8px;\n font-style: italic;\n }\n :host(.classic) div.head button {\n margin-right: 4px;\n background-color: transparent;\n border: none;\n color: #ccc;\n font-size: x-small;\n }\n \n \n \n \n :host(.rgb) dialog:modal {\n border: none;\n box-shadow: unset;\n border-top: none;\n }\n \n :host(.rgb) div.left {\n display: block;\n background-color: #ddd;\n }\n :host(.rgb) div.left span {\n color: #ccc;\n }\n :host(.rgb) div.close2 {\n display: block;\n color: #666;\n }\n :host(.rgb) div.close2 svg:hover {\n color: #999;\n }\n :host(.rgb) div.head {\n height: 4px;\n background-color: #999;\n padding: 0;\n }\n :host(.rgb) div.contents {\n height: calc(100% - 4px);\n }\n \n :host(.rgb) div.head ng-sphere,\n :host(.rgb) div.head span,\n :host(.rgb) div.head .buttons {\n display: none;\n }\n \n :host(.rgb) div.head .rect1,\n :host(.rgb) div.head .rect2,\n :host(.rgb) div.head .rect3 {\n display: flex;\n }\n \n \n :host(.rgb) div.head:hover {\n filter: unset;\n }\n \n \n / --- Animation Core --- /\n:host {\n --nx-duration: 0.4s;\n --nx-timing: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n/ 🎯 수정: 애니메이션 클래스가 붙은 경우에만 초기 opacity를 0으로 설정 /\n:host(.fade) dialog,\n:host(.zoom) dialog,\n:host(.moveUp) dialog,\n:host(.moveDown) dialog,\n:host(.moveLeft) dialog,\n:host(.moveRight) dialog,\n:host(.roadRunner) dialog {\n opacity: 0;\n}\n\n/ shake는 애니메이션 내부에서 opacity를 다루므로 제외하거나 별도 처리 /\n:host(.shake) dialog { \n opacity: 1; \n}\n\n/ 1. Fade (서서히 나타남) /\n:host(.fade) dialog { animation: nx-fade-in var(--nx-duration) forwards; }\n@keyframes nx-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n/ 2. Zoom (커지며 나타남) /\n:host(.zoom) dialog { animation: nx-zoom-in var(--nx-duration) var(--nx-timing) forwards; }\n@keyframes nx-zoom-in { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n\n/ 3. Slide (상하좌우) /\n:host(.moveUp) dialog { animation: nx-move-up var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveDown) dialog { animation: nx-move-down var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveLeft) dialog { animation: nx-move-left var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveRight) dialog { animation: nx-move-right var(--nx-duration) var(--nx-timing) forwards; }\n\n@keyframes nx-move-up { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-down { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-left { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes nx-move-right { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateY(0); } }\n\n/ 4. Shake (상하좌우 격렬한 진동 - 에러 인지용) /\n:host(.shake) dialog { \n animation: nx-heavy-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n opacity: 1; \n}\n\n@keyframes nx-heavy-shake {\n 10%, 90% { transform: translate3d(-1px, -2px, 0); }\n 20%, 80% { transform: translate3d(2px, 4px, 0); }\n 30%, 50%, 70% { transform: translate3d(-6px, -6px, 0); }\n 40%, 60% { transform: translate3d(6px, 6px, 0); }\n}\n\n/ 5. Road Runner (등장: 왼쪽에서 탄력 있게 / 퇴장: 움츠렸다가 광속 탈출) /\n:host(.roadRunner) dialog { \n animation: roadRunnerIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; \n}\n\n@keyframes roadRunnerIn {\n 0% { transform: translateX(-1500px) skewX(30deg); opacity: 1; }\n 70% { transform: translateX(30px) skewX(-10deg); opacity: 1; }\n 100% { transform: translateX(0) skewX(0deg); opacity: 1; }\n}\n\n/ --- Out Animations (닫힐 때) --- /\ndialog.out { pointer-events: none; }\n\n/ Road Runner 퇴장: 슥 움츠렸다가(Anticipation) 쌩~! /\n:host(.roadRunner) dialog.out { \n animation: roadRunnerOut 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards; \n}\n\n@keyframes roadRunnerOut {\n 0% { \n transform: translateX(0) scale(1) skewX(0deg); \n opacity: 1; \n }\n 30% { \n / 예비 동작: 뒤로 살짝 갔다가 움츠러들기 /\n transform: translateX(50px) scaleX(1.2) scaleY(0.8) skewX(-20deg); \n opacity: 1; \n }\n 100% { \n / 발사: 길게 늘어나며 광속 탈출 /\n transform: translateX(2000px) scaleX(4) scaleY(0.3) skewX(50deg); \n opacity: 0; \n filter: blur(10px); / 👈 잔상 느낌 추가 /\n }\n}\n\n/ 일반 퇴장 (기본) /\ndialog.out { animation: nx-fade-out 0.3s forwards; }\n@keyframes nx-fade-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }\n`;","import { dialogStyles } from './style.dialog.js';\n\nexport class nineDialog extends HTMLElement\n{\n\t#shift;\n\t#dialog;\n\n\n\tconstructor () {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\n\t\tconst v = this.innerHTML;\n\t\tconst titleText = this.getAttribute(\"title\") \|\| \"Details\";\n\n\t\ttrace.log(\"111111111\")\n\n\t\tthis.innerHTML = `\n\t\t\t<style>${dialogStyles}</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<div class=\"rect1\"></div>\n\t\t\t\t\t<div class=\"rect2\"></div>\n\t\t\t\t\t<div class=\"rect3\"></div>\n\t\t\t\t\t<ng-sphere class=\"icon\" end-fill=\"#666\" size=\"8\"></ng-sphere>\n\t\t\t\t\t<span class=\"title\">${titleText}</span>\n\t\t\t\t\t<span class=\"sub-title\"></span>\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<ng-sphere class=\"apply\" start-fill=\"#cc6\" end-fill=\"#660\" size=\"16\" title=\"apply\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"reset\" start-fill=\"#99f\" end-fill=\"#00f\" size=\"16\" title=\"reset\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"close\" start-fill=\"#f99\" end-fill=\"#f00\" size=\"16\" title=\"close\"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"contents\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"body\">\n\t\t\t\t\t\t${v}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"close2\">\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n\t\t\t\t\t\t\t<path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\n\t\t//this.#owner = this.getRootNode().host.closest(\"nine-grid\");\n\n\t\t//$(\".title\", this).html(\"Details\");\n\n\t\tthis.#dialog = this.querySelector('dialog');\n\t\tthis.#init();\n\t};\n\n\tshowModal = () => {\n\t\tthis.#dialog.showModal();\n\t};\n\n\tclose = () => {\n\t\t// 이벤트 리스너 제거 (표준 방식은 핸들러 참조가 필요하지만,\n\t\t// 여기서는 요소가 사라지므로 메모리 관리를 위해 정리)\n\t\tthis.#dialog.close();\n\t\tthis.remove();\n\t};\n\n\t#init = () => {\n\t\tconst head = this.querySelector('.head');\n\n\t\t// 1. 모든 닫기 성격의 버튼 (.close, .close2, .cancel) 공통 처리\n\t\tthis.querySelectorAll('.close, .close2, .cancel').forEach(btn => {\n\t\t\tbtn.onclick = () => this.closeWithAnimation(null); // 취소/닫기는 null 리턴\n\t\t});\n\n\t\t// 2. 확인 버튼 (.ok) 처리\n\t\t// 확인 버튼은 텍스트 입력값 등 데이터가 필요하므로\n\t\t// 실제 데이터 추출은 각 팝업 클래스(prompt 등)에서 하되,\n\t\t// 닫기 애니메이션 실행은 여기서 담당하도록 가이드합니다.\n\t\tthis.querySelectorAll('.ok').forEach(btn => {\n\t\t\t// .ok 버튼의 로직은 각 팝업의 setupEvents에서 덮어쓰거나\n\t\t\t// 델리게이트 이벤트를 통해 처리합니다.\n\t\t});\n\n\t\t// 드래그 로직 생략...\n\t};\n\n\t// --- 드래그 로직 (Vanilla JS) ---\n\t#onMouseDown = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\t\tif (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.shiftKey) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tthis.#shift = {\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top\n\t\t};\n\n\t\tconst onMouseMove = (ev) => {\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${ev.clientX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${ev.clientY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onMouseUp = () => {\n\t\t\tdocument.removeEventListener('mousemove', onMouseMove);\n\t\t\tdocument.removeEventListener('mouseup', onMouseUp);\n\t\t};\n\n\t\tdocument.addEventListener('mousemove', onMouseMove);\n\t\tdocument.addEventListener('mouseup', onMouseUp);\n\t};\n\n\t#onTouchStart = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tconst touch = e.changedTouches[0];\n\t\tthis.#shift = {\n\t\t\tx: touch.pageX - rect.left,\n\t\t\ty: touch.pageY - rect.top\n\t\t};\n\n\t\tconst onTouchMove = (ev) => {\n\t\t\tconst t = ev.changedTouches[0];\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${t.pageX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${t.pageY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onTouchEnd = () => {\n\t\t\tdocument.removeEventListener('touchmove', onTouchMove);\n\t\t\tdocument.removeEventListener('touchend', onTouchEnd);\n\t\t};\n\n\t\tdocument.addEventListener('touchmove', onTouchMove);\n\t\tdocument.addEventListener('touchend', onTouchEnd);\n\t};\n\n\tcloseWithAnimation(returnValue) {\n\t\tthis.#dialog.classList.add(\"out\"); // 퇴장 애니메이션 시작\n\n\t\t// 애니메이션(0.3s)이 끝난 후 제거 및 이벤트 발생\n\t\tsetTimeout(() => {\n\t\t\tthis.#dialog.close();\n\t\t\t// 부모(BasePopup)에게 작업 완료와 결과값을 알림\n\t\t\tthis.dispatchEvent(new CustomEvent('closed', { detail: returnValue }));\n\t\t\tthis.remove();\n\t\t}, 300);\n\t}\n}\n\n// BasePopup.js\nexport class BasePopup extends HTMLElement {\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tstatic async open(PopupClass, message, title, options, renderFn) {\n\t\t// 1. 설정 병합\n\t\tconst tagName = PopupClass.tagName.toLowerCase();\n\t\tconst config = {\n\t\t\t\"true-text\": \"확인\",\n\t\t\t\"false-text\": \"취소\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(window.nine?.config?.ux?.[tagName.replace('nine-', '').replace('-popup', '')] \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 중복 제거 및 엘리먼트 생성\n\t\tdocument.querySelectorAll(tagName).forEach(el => el.remove());\n\t\tconst el = document.createElement(tagName);\n\t\tif (config.class) el.classList.add(config.class);\n\t\tif (config.animation) el.classList.add(config.animation);\n\t\tdocument.body.appendChild(el);\n\n\t\t// 3. 렌더링 (각 팝업의 UI 그리기)\n\t\trenderFn(el, message, config);\n\n\t\tconst dialogComp = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tif (title) dialogComp.setAttribute(\"title\", title);\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// [중요] nine-dialog의 애니메이션이 끝난 후 던지는 이벤트를 수신\n\t\t\tdialogComp.addEventListener('closed', (e) => resolve(e.detail));\n\n\t\t\t// 각 팝업 클래스에서 버튼 클릭 시 dialogComp.closeWithAnimation(값)을\n\t\t\t// 호출하도록 이벤트를 바인딩해줌\n\t\t\tel.setupEvents(resolve, dialogComp);\n\n\t\t\tdialogComp.showModal();\n\t\t});\n\t}\n}\n\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport { BasePopup } from \"./nineDialog.js\";\n\nexport class nineConfirmPopup extends BasePopup {\n\tstatic tagName = 'nine-confirm-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tthis.shadowRoot.querySelector(\".ok\").onclick = () => dialogComp.closeWithAnimation(true);\n\t\t// 취소는 nine-dialog 내부 기본 로직(closeWithAnimation(null))이 처리함\n\t}\n\n\tstatic confirm = (m, t, o) => BasePopup.open(nineConfirmPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// --- 3. ALERT (단순 알림) ---\nexport class nineAlertPopup extends BasePopup {\n\tstatic tagName = 'nine-alert-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">확인</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\t// 얼럿은 취소 버튼 하나만 두거나, 확인 버튼이 cancel 역할을 수행하게 함\n\t}\n\n\tstatic alert = (m, t, o) => BasePopup.open(nineAlertPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// Custom Element 등록\nif (!customElements.get('nine-confirm-popup')) customElements.define('nine-confirm-popup', nineConfirmPopup);\nif (!customElements.get('nine-alert-popup')) customElements.define(\"nine-alert-popup\", nineAlertPopup);","import { nine } from \"../../core/Config.js\";\nimport { BasePopup } from \"./nineDialog.js\";\n\n/\n \n /\nexport class ninePromptPopup extends BasePopup {\n\tstatic tagName = 'nine-prompt-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\n\t\ttrace.log(this);\n\t\ttrace.log(this.shadowRoot);\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"input-area\">\n <textarea placeholder=\"내용을 입력하세요...\"></textarea>\n </div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tconst textarea = this.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = this.shadowRoot.querySelector(\".ok\");\n\n\t\t// 확인 버튼 클릭 시 textarea 값을 가지고 애니메이션 닫기\n\t\tokBtn.onclick = () => dialogComp.closeWithAnimation(textarea.value);\n\n\t\t// 렌더링 후 포커스\n\t\trequestAnimationFrame(() => textarea.focus());\n\t}\n\n\tstatic prompt = (m, t, o) => BasePopup.open(ninePromptPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\nif (!customElements.get('nine-prompt-popup')) {\n\tcustomElements.define('nine-prompt-popup', ninePromptPopup);\n}","// src/core/NineUtil.js\r\nimport { nineAlertPopup, nineConfirmPopup } from './nineConfirm.js';\r\nimport { ninePromptPopup } from \"./ninePrompt.js\";\r\n\r\nexport class NineUtil {\r\n\t// static 필드는 클래스 자체에 저장됨\r\n\tstatic cssPath = \"\";\r\n\r\n\t/\r\n\t 팝업 준비 로직 (Private 메서드)\r\n\t /\r\n\t#prepare(type, message, title, defaultClass) {\r\n\r\n\t\tconst options = { class: defaultClass, animation: 'fade' };\r\n\t\t//const popup = type === 'alert' ? nineAlertPopup : (type === 'confirm' ? nineConfirmPopup : ninePromptPopup);\r\n\t\tlet isExecuted = false;\r\n\r\n\t\tconst popupMap = {\r\n\t\t\talert: nineAlertPopup,\r\n\t\t\tconfirm: nineConfirmPopup,\r\n\t\t\tprompt: ninePromptPopup\r\n\t\t};\r\n\r\n\t\tconst popup = popupMap[type];\r\n\r\n\t\tconst runner = {\r\n\t\t\trgb: () => { options.class = 'rgb'; return runner; },\r\n\t\t\tclassic: () => { options.class = 'classic'; return runner; },\r\n\t\t\tshake: () => { options.animation = 'shake'; return runner; },\r\n\t\t\trun: () => { options.animation = 'roadRunner'; return runner; },\r\n\t\t\tzoom: () => { options.animation = 'zoom'; return runner; },\r\n\r\n\t\t\tthen: (resolve, reject) => {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\treturn popup[type](message, title, options).then(resolve, reject);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Microtask: 동기 체이닝이 모두 끝난 후 실행\r\n\t\tPromise.resolve().then(() => {\r\n\t\t\tif (!isExecuted) {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\tpopup[type](message, title, options);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn runner;\r\n\t}\r\n\r\n\talert(message, title = \"Alert\") {\r\n\t\treturn this.#prepare('alert', message, title, 'classic');\r\n\t}\r\n\r\n\tconfirm(message, title = \"Confirm\") {\r\n\t\treturn this.#prepare('confirm', message, title, 'classic');\r\n\t}\r\n\r\n\tprompt(message, title = \"Prompt\") {\r\n\t\treturn this.#prepare('prompt', message, title, 'classic');\r\n\t}\r\n}","export class Trace {\r\n\t#name;\r\n\t#color;\r\n\t#enabled = true;\r\n\r\n\tconstructor(name = null, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\tthis.#autoConfig();\r\n\t\t/\r\n\t\t// 1. 쪼개진 인스턴스들을 하나로 합치는 '본드' 역할 (이게 핵심!)\r\n\t\tif (typeof window !== 'undefined' && window.__NINE_TRACE__) {\r\n\t\t\treturn window.__NINE_TRACE__;\r\n\t\t}\r\n\t\tthis.#autoConfig();\r\n\t\tif (typeof window !== 'undefined') window.__NINE_TRACE__ = this;\r\n\t\t\t/\r\n\t}\r\n\r\n\t#autoConfig() {\r\n\t\tif (typeof window === 'undefined') return;\r\n\t\tconst isLocal = window.location.hostname === 'localhost' \|\|\r\n\t\t\twindow.location.hostname === '127.0.0.1' \|\|\r\n\t\t\twindow.location.hostname.startsWith('192.168.');\r\n\r\n\t\tif (isLocal) {\r\n\t\t\tthis.enable();\r\n\t\t} else {\r\n\t\t\tthis.disable();\r\n\t\t\tconsole.log(\r\n\t\t\t\t`%c[${this.#name \|\| 'Trace'}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,\r\n\t\t\t\t\"color: #4CAF50; font-weight: bold;\", \"\",\r\n\t\t\t\t\"background: #333; color: yellow; padding: 2px 5px;\", \"\"\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t// 🟢 빼먹었던 init 메서드 다시 추가!\r\n\tinitBAK(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\r\n\r\n\tinit(name, color = \"green\") {\r\n\t\t//const style = `color: ${color}; font-weight: bold;`;\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\r\n\t\treturn this;\r\n\t\t/*\r\n\t\tconsole.log(name, color);\r\n\t\treturn {\r\n\t\t\tlog: console.log.bind(console, `%c[${name}]`, style),\r\n\t\t\twarn: console.warn.bind(console, `%c[${name}]`, \"color: cyan; font-weight: bold;\"),\r\n\t\t\terror: console.error.bind(console, `%c[${name}]`, \"color: red; font-weight: bold;\")\r\n\t\t}; /\r\n\t}\r\n\r\n\t//get log() { return console.log.bind(console); }\r\n\r\n\t// 🔴 핵심: 소스 위치를 호출부로 찍어주는 Getter 로직\r\n\tget log() {\r\n\t\t//if (!this.#enabled) return () => {};\r\n\t\tconst style = `color: ${this.#color}; font-weight: bold;`;\r\n\t\t// 이름이 있으면 프리픽스를 붙이고, 없으면 그냥 로그를 바인딩합니다.\r\n\t\treturn (this.#name)\r\n\t\t\t? console.log.bind(console, `%c[${this.#name}]`, style)\r\n\t\t\t: console.log.bind(console);\r\n\t}\r\n\r\n\tget warn() {\r\n\t\tif (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.warn.bind(console, `%c[${this.#name}]`, \"color: cyan; font-weight: bold;\")\r\n\t\t\t: console.warn.bind(console);\r\n\t}\r\n\r\n\tget error() {\r\n\t\t// 에러는 enabled 상태와 상관없이 찍고 싶으시면 if 체크를 주석 처리하세요.\r\n\t\t// if (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.error.bind(console, `%c[${this.#name}]`, \"color: red; font-weight: bold;\")\r\n\t\t\t: console.error.bind(console);\r\n\t}\r\n\r\n\tenable() { this.#enabled = true; }\r\n\tdisable() { this.#enabled = false; }\r\n}\r\n\r\nexport const trace = new Trace();\r\nif (typeof window !== 'undefined') window.trace = trace;","export class TaskDebouncer {\r\n\t#timer = null;\r\n\t#queue = [];\r\n\t#delay;\r\n\r\n\tconstructor(delay = 50) {\r\n\t\tthis.#delay = delay;\r\n\t}\r\n\r\n\t/*\r\n\t @param {Function} func - 실행할 함수\r\n\t * @param {...any} args - 함수에 전달할 임의의 파라미터들\r\n\t /\r\n\texec(func, ...args) {\r\n\t\t// 1. 어떤 함수와 어떤 인자들이 들어왔는지 큐에 저장\r\n\t\tthis.#queue.push({ func, args });\r\n\r\n\t\t// 2. 디바운스 타이머 설정\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\texecWithKey(key, func, ...args) {\r\n\t\t// 1. 같은 키(예: 'resize')가 들어오면 이전 큐에서 해당 키 삭제 (중복 제거)\r\n\t\tthis.#queue = this.#queue.filter(task => task.key !== key);\r\n\r\n\t\t// 2. 새로운 태스크 추가\r\n\t\tthis.#queue.push({ key, func, args });\r\n\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\t#flush() {\r\n\t\tif (this.#queue.length === 0) return;\r\n\r\n\t\t// 3. 현재까지 쌓인 큐를 쏙 빼옴\r\n\t\tconst tasks = this.#queue.splice(0, this.#queue.length);\r\n\t\tconst seen = new Set();\r\n\r\n\t\ttasks.forEach(task => {\r\n\t\t\t// 4. 핵심: 함수 이름과 인자들을 문자열로 합쳐서 유니크 키 생성\r\n\t\t\t// JSON.stringify를 통해 [1, {a:1}] 같은 파라미터도 문자열로 비교 가능\r\n\t\t\tconst identifier = `${task.func.name}_${JSON.stringify(task.args)}`;\r\n\r\n\t\t\tif (!seen.has(identifier)) {\r\n\t\t\t\t// 5. 중복이 아닐 때만 원래 인자들(...args) 그대로 실행\r\n\t\t\t\ttask.func(...task.args);\r\n\t\t\t\tseen.add(identifier);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.#timer = null;\r\n\t}\r\n}","export class Loading {\n\tstatic show() {\n\t\tlet overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (!overlay) {\n\t\t\toverlay = document.createElement(\"div\");\n\t\t\toverlay.id = \"global-loading-overlay\";\n\t\t\toverlay.style.cssText = `\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0, 0, 0, 0.4); display: flex; \n justify-content: center; align-items: center;\n backdrop-filter: blur(2px);\n `;\n\t\t\toverlay.innerHTML = `<div class=\"loading-spinner\"></div>`;\n\t\t\tdocument.body.appendChild(overlay);\n\n\t\t\tif (!document.getElementById(\"nine-util-style\")) {\n\t\t\t\tconst style = document.createElement(\"style\");\n\t\t\t\tstyle.id = \"nine-util-style\";\n\t\t\t\tstyle.innerHTML = `\n .loading-spinner {\n width: 48px; height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n border-top-color: white; border-radius: 50%;\n animation: nine-spin 1s linear infinite;\n }\n @keyframes nine-spin { to { transform: rotate(360deg); } }\n `;\n\t\t\t\tdocument.head.appendChild(style);\n\t\t\t}\n\t\t}\n\t\toverlay.style.display = \"flex\";\n\t}\n\n\tstatic hide() {\n\t\tconst overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (overlay) overlay.style.display = \"none\";\n\t}\n}","import { Loading } from \"../ux/Loading.js\";\nimport { trace } from \"../core/Trace.js\";\n\nexport class Fetch {\n\tstatic BASE_URL = window.__API_BASE_URL__ \|\| \"\";\n\n\tstatic #request = (method, url, data = {}, showLoading = true) => {\n\t\tconst finalUrl = url.startsWith('http') ? url : `${this.BASE_URL}${url}`;\n\n\t\tif (showLoading) {\n\t\t\tLoading.show();\n\t\t}\n\n\t\t// 1. 기본 헤더 설정\n\t\tconst headers = {};\n\n\t\t// 🔴 핵심: 데이터가 FormData가 아닐 때만 JSON 헤더를 추가합니다.\n\t\tif (!(data instanceof FormData)) {\n\t\t\theaders[\"Content-Type\"] = \"application/json\";\n\t\t}\n\n\t\tconst options = {\n\t\t\tmethod,\n\t\t\theaders\n\t\t};\n\n\t\tlet targetUrl = finalUrl;\n\t\tif (method === \"GET\") {\n\t\t\ttargetUrl += `?${new URLSearchParams(data)}`;\n\t\t} else {\n\t\t\t// 🔴 핵심: FormData는 그대로 body에 넣고, 일반 객체는 JSON.stringify 처리합니다.\n\t\t\toptions.body = data instanceof FormData ? data : JSON.stringify(data);\n\t\t}\n\n\t\treturn fetch(targetUrl, options)\n\t\t\t.then(async res => {\n\t\t\t\tif (!res.ok) {\n\t\t\t\t\tconst text = await res.text();\n\t\t\t\t\tthrow new Error(`API 오류 (${res.status}): ${text}`);\n\t\t\t\t}\n\t\t\t\treturn res.json();\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(`[IdeFetch.${method.toLowerCase()}] ${finalUrl} 실패:`, err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (showLoading) {\n\t\t\t\t\tLoading.hide();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\t// 기존 post/get 메서드도 인자를 넘겨주도록 수정\n\tstatic get = (url, data = {}, showLoading = true) => this.#request(\"GET\", url, data, showLoading);\n\tstatic post = (url, data = {}, showLoading = true) => this.#request(\"POST\", url, data, showLoading);\n\n\t/\n\t 🚀 범용 청크 전송 (파라미터 이름까지 동적 설정)\n\t * @param {string} url - API 주소\n\t * @param {Array} rows - 데이터 배열\n\t * @param {object} options - 상세 옵션\n\t * - fileKey: 객체 내 파일 속성명 (기본: 'fileContents')\n\t * - filePartName: 서버에서 받을 파일 파트명 (기본: 'files')\n\t * - jsonPartName: 서버에서 받을 JSON 파트명 (기본: 'dataList')\n\t * - chunkSize: 분할 단위 (기본: 10)\n\t /\n\tstatic postMultipart = async (url, rows = [], options = {}) => {\n\t\tconst {\n\t\t\tfileKey = 'fileContents',\n\t\t\tfilePartName = 'files',\n\t\t\tjsonPartName = 'dataList',\n\t\t\tchunkSize = 10\n\t\t} = options;\n\n\t\t// 1. 시작 전 로딩바 띄우기\n\t\tLoading.show();\n\n\t\tlet totalCount = 0;\n\t\tlet lastResponse = null;\n\n\t\t// 🔴 2. 전체 루프를 Promise 체인처럼 관리 (내부는 await 유지)\n\t\treturn (async () => {\n\t\t\tfor (let i = 0; i < rows.length; i += chunkSize) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tconst chunk = rows.slice(i, i + chunkSize);\n\t\t\t\tconst rowDataList = [];\n\n\t\t\t\tchunk.forEach((row) => {\n\t\t\t\t\tconst { [fileKey]: fileObj, _fileObj, ...rest } = row;\n\t\t\t\t\trowDataList.push(rest);\n\t\t\t\t\tif (fileObj instanceof File) {\n\t\t\t\t\t\tformData.append(filePartName, fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst jsonBlob = new Blob([JSON.stringify(rowDataList)], { type: 'application/json' });\n\t\t\t\tformData.append(jsonPartName, jsonBlob);\n\n\t\t\t\t// showLoading = false로 내부 호출\n\t\t\t\tlastResponse = await this.post(url, formData, false);\n\n\t\t\t\tif (lastResponse && (lastResponse.success \|\| lastResponse.status === 'OK')) {\n\t\t\t\t\ttotalCount += chunk.length;\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`청크 전송 실패: ${i}번째 섹션`);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...lastResponse, success: true, totalCount };\n\t\t})()\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(\"[postChunk] Error:\", err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// 🔴 3. 성공하든 실패하든 여기서 깔끔하게 닫기!\n\t\t\t\tLoading.hide();\n\t\t\t});\n\t};\n}\n\nexport const api = Fetch;","import { NineUtil } from \"./dialog/NineUtil.js\";\r\nimport { trace } from \"../core/Trace.js\";\r\n\r\nclass UxSplitter extends HTMLElement {\r\n\r\n\t#mode;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.attachShadow({ mode: \"open\" });\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\r\n\t\tthis.#init();\r\n\t}\r\n\r\n\t#detectMode = (el) => {\r\n\t\tconst prev = el.previousElementSibling;\r\n\t\tconst next = el.nextElementSibling;\r\n\t\tif (!prev \|\| !next) {\r\n\t\t\tthis.#mode = this.classList.contains('h') ? \"h\" : \"v\";\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\tif (this.classList.contains('h')) {\r\n\t\t\tthis.#mode = \"h\";\r\n\t\t} else if (this.classList.contains('v')) {\r\n\t\t\tthis.#mode = \"v\";\r\n\t\t} else {\r\n\t\t\tthis.#mode = (Math.abs(prevRect.top - nextRect.top) < 5) ? \"h\" : \"v\";\r\n\t\t}\r\n\t};\r\n\r\n\t#startDrag = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tconst splitterRect = this.getBoundingClientRect();\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\r\n\t\t// 마우스 포인터와 스플리터 시작점 사이의 거리\r\n\t\tconst clickOffset = isHorizontal\r\n\t\t\t? e.clientX - splitterRect.left\r\n\t\t\t: e.clientY - splitterRect.top;\r\n\r\n\t\tconst dragBar = document.createElement(\"div\");\r\n\t\tdragBar.className = `nx-splitter-drag-bar-${this.#mode}`;\r\n\r\n\t\tObject.assign(dragBar.style, {\r\n\t\t\tposition: \"absolute\",\r\n\t\t\tzIndex: \"999\",\r\n\t\t\tbackground: \"#666\",\r\n\t\t\topacity: \"0.6\",\r\n\t\t\tpointerEvents: \"none\"\r\n\t\t});\r\n\r\n\t\tconst root = this.getRootNode({ composed: true });\r\n\t\tconst parent = root instanceof ShadowRoot ? root.host : this.parentElement;\r\n\t\tconst prev = this.previousElementSibling;\r\n\t\tconst next = this.nextElementSibling;\r\n\r\n\t\tif (!parent \|\| !prev \|\| !next) {\r\n\t\t\ttrace.warn(\"Spliter's parent or siblings not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t(parent.shadowRoot \|\| parent).appendChild(dragBar);\r\n\t\tconst dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\t// 드래그 바의 초기 위치와 크기 설정\r\n\t\tconst initialSplitterPosInParent = (isHorizontal\r\n\t\t\t? splitterRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: splitterRect.top - dragBarOffsetParentRect.top) + clickOffset;\r\n\r\n\t\tif (isHorizontal) {\r\n\t\t\tdragBar.style.top = \"0\";\r\n\t\t\tdragBar.style.left = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.width = \"2px\";\r\n\t\t\tdragBar.style.height = \"100%\";\r\n\t\t} else {\r\n\t\t\tdragBar.style.left = \"0\";\r\n\t\t\tdragBar.style.top = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.height = \"2px\";\r\n\t\t\tdragBar.style.width = \"100%\";\r\n\t\t}\r\n\r\n\t\tdragBar.style.mixBlendMode = \"difference\";\r\n\t\tdragBar.style.zIndex = \"99999\";\r\n\r\n\t\tconst minLimit = isHorizontal\r\n\t\t\t? prevRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: prevRect.top - dragBarOffsetParentRect.top;\r\n\t\tconst maxLimit = isHorizontal\r\n\t\t\t? nextRect.right - dragBarOffsetParentRect.left - splitterRect.width\r\n\t\t\t: nextRect.bottom - dragBarOffsetParentRect.top - splitterRect.height;\r\n\r\n\t\tconst onMove = moveEvent => {\r\n\t\t\tconst clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;\r\n\t\t\tconst currentPosInParent = isHorizontal\r\n\t\t\t\t? clientPos - dragBarOffsetParentRect.left\r\n\t\t\t\t: clientPos - dragBarOffsetParentRect.top;\r\n\r\n\t\t\tconst clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));\r\n\r\n\t\t\tif (isHorizontal) {\r\n\t\t\t\tdragBar.style.left = `${clampedPos}px`;\r\n\t\t\t} else {\r\n\t\t\t\tdragBar.style.top = `${clampedPos}px`;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst onUp = () => {\r\n\t\t\twindow.removeEventListener(\"mousemove\", onMove);\r\n\t\t\twindow.removeEventListener(\"mouseup\", onUp);\r\n\t\t\tdragBar.remove();\r\n\r\n\t\t\tconst allChildren = Array.from(parent.children);\r\n\t\t\tconst allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\r\n\t\t\t// ⭐⭐ gap 크기 계산 ⭐⭐\r\n\t\t\tconst style = window.getComputedStyle(parent);\r\n\t\t\tconst gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');\r\n\t\t\tconst gapSize = parseFloat(gapValue) \|\| 0;\r\n\t\t\tconst gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;\r\n\t\t\tconst totalGapSize = gapCount gapSize;\r\n\r\n\t\t\tconst finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);\r\n\t\t\tconst dragOffset = finalDragBarPos - initialSplitterPosInParent;\r\n\r\n\t\t\tconst prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;\r\n\t\t\tconst nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;\r\n\r\n\t\t\tlet newPrevSize = prevSize + dragOffset;\r\n\t\t\tlet newNextSize = nextSize - dragOffset;\r\n\r\n\t\t\t// 패널 크기가 음수가 되지 않도록 제한하고, 다른 패널에 차이를 보정\r\n\t\t\tif (newPrevSize < 0) {\r\n\t\t\t\tnewNextSize += newPrevSize;\r\n\t\t\t\tnewPrevSize = 0;\r\n\t\t\t}\r\n\t\t\tif (newNextSize < 0) {\r\n\t\t\t\tnewPrevSize += newNextSize;\r\n\t\t\t\tnewNextSize = 0;\r\n\t\t\t}\r\n\r\n\t\t\tconst initialSizes = allPanels.map(panel => isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height);\r\n\r\n\t\t\tconst totalSplitterSize = allChildren.reduce((sum, child) => {\r\n\t\t\t\tif (child.tagName.toLowerCase() === 'nx-splitter') {\r\n\t\t\t\t\treturn sum + (isHorizontal ? child.getBoundingClientRect().width : child.getBoundingClientRect().height);\r\n\t\t\t\t}\r\n\t\t\t\treturn sum;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tconst totalContainerSize = (isHorizontal ? parent.getBoundingClientRect().width : parent.getBoundingClientRect().height);\r\n\t\t\tconst totalFlexSpace = totalContainerSize - totalSplitterSize - totalGapSize;\r\n\r\n\t\t\tlet flexSum = 0;\r\n\t\t\tallPanels.forEach((panel, index) => {\r\n\t\t\t\tlet newSize;\r\n\t\t\t\tif (panel === prev) {\r\n\t\t\t\t\tnewSize = newPrevSize;\r\n\t\t\t\t} else if (panel === next) {\r\n\t\t\t\t\tnewSize = newNextSize;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewSize = initialSizes[index];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t//panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\r\n\t\t\t\ttrace.log(panel);\r\n\r\n\t\t\t\tif (panel.classList.contains('sidebar')) {\r\n\t\t\t\t\t// 드래그가 끝난 시점의 newSize(px)를 그대로 고정값으로 할당\r\n\t\t\t\t\t// 이렇게 하면 비율(%)이 아니라 딱 그 픽셀만큼만 자리를 차지하게 됩니다.\r\n\t\t\t\t\tpanel.style.flex = `0 0 ${newSize}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 나머지 메인 보드 같은 유연한 패널은 비율(%)로 처리\r\n\t\t\t\t\t//const newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t\tpanel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tflexSum += newFlexBasis;\r\n\t\t\t});\r\n\r\n\t\t\ttrace.log(`dragOffset: ${dragOffset}`);\r\n\t\t\ttrace.log(`Calculated FlexSum: ${flexSum}`);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"mousemove\", onMove);\r\n\t\twindow.addEventListener(\"mouseup\", onUp);\r\n\t};\r\n\r\n\tget cssPath() {\r\n\t\treturn this.getAttribute(\"css-path\") \|\| NineUtil.cssPath;\r\n\t}\r\n\r\n\t#init = () => {\r\n\t\tthis.#detectMode(this);\r\n\t\tthis.classList.add(this.#mode);\r\n\r\n\t\tconst contents = this.innerHTML.trim();\r\n\t\t//const gripClass = `grip-${this.#mode}`;\r\n\t\tconst gripTmpl = (contents === \"\") ? `<div class=\"grip\"></div>` : `<div class=\"grip\"></div><div class=\"inner-container\">${contents}</div><div class=\"grip\"></div>`;\r\n\r\n\t\tthis.innerHTML = \"\";\r\n\t\tconst htmlTmpl = document.createElement(\"template\");\r\n\t\thtmlTmpl.innerHTML = `\r\n\t\t\t<style>\r\n\t\t\t\t@import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${__APP_VERSION__}/dist/css/nine-util.css\";\r\n\t\t\t\t${this.cssPath ? `@import \"${this.cssPath}\";` : \"\"}\r\n\t\t\t</style>\r\n\t\t\t${gripTmpl}\r\n `;\r\n\r\n\t\tthis.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));\r\n\r\n\t\tthis.shadowRoot.querySelectorAll(\".grip\").forEach(el => {\r\n\t\t\tel.addEventListener(\"mousedown\", e => this.#startDrag(e));\r\n\t\t});\r\n\r\n\t\tthis.#prepareLayout();\r\n\r\n\t\twindow.addEventListener(\"resize\", () => this.#prepareLayout());\r\n\t};\r\n\r\n\t#prepareLayout = () => {\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\t\tconst parent = this.parentElement;\r\n\t\tconst allPanels = Array.from(parent.children).filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\t\tif (allPanels.length < 2) return;\r\n\r\n\t\tconst parentRect = parent.getBoundingClientRect();\r\n\t\tconst totalContentSize = allPanels.reduce((sum, el) => {\r\n\t\t\tconst size = isHorizontal ? el.getBoundingClientRect().width : el.getBoundingClientRect().height;\r\n\t\t\treturn sum + size;\r\n\t\t}, 0);\r\n\t\tconst totalParentSize = isHorizontal ? parentRect.width : parentRect.height;\r\n\r\n\t\tallPanels.forEach(panel => {\r\n\t\t\tconst size = isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height;\r\n\t\t\tconst newSize = totalParentSize * (size / totalContentSize);\r\n\t\t\tconst flexGrow = newSize / totalParentSize;\r\n\t\t\tpanel.style.flex = `${flexGrow} ${flexGrow} 0`;\r\n\t\t});\r\n\t};\r\n}\r\n\r\nif (!customElements.get('nine-splitter')) {\r\n\tcustomElements.define(\"nine-splitter\", UxSplitter);\r\n}","// 1. 기존 core 모듈\r\nimport { NineUtil } from './ux/dialog/NineUtil.js';\r\nimport { nine, subscribeConfig, config } from './core/Config.js';\r\nimport { Trace, trace } from './core/Trace.js';\r\nimport { TaskDebouncer } from './core/TaskDebouncer.js';\r\n\r\n// 2. 신규 net 및 ux 모듈 추가\r\nimport { api, Fetch } from './net/Fetch.js';\r\nimport { Loading } from './ux/Loading.js';\r\n\r\nimport { nineDialog } from './ux/dialog/nineDialog.js';\r\nimport { nineConfirmPopup, nineAlertPopup } from './ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from './ux/dialog/ninePrompt.js';\r\n\r\n// ux\r\nimport './ux/UxSplitter.js';\r\n\r\nconst utilInstance = new NineUtil();\r\nnine.alert = utilInstance.alert.bind(utilInstance);\r\nnine.confirm = utilInstance.confirm.bind(utilInstance);\r\nnine.prompt = utilInstance.prompt.bind(utilInstance);\r\n\r\n// 기존 nine 객체(Config)와 Util 기능을 합성\r\n//Object.assign(nine, utilInstance);\r\n\r\nnine.api = api;\r\nnine.trace = trace;\r\nnine.subscribeConfig = subscribeConfig;\r\nnine.config = config \|\| {};\r\n\r\nexport {\r\n\tnine,\r\n\tsubscribeConfig,\r\n\tconfig,\r\n\tNineUtil,\r\n\tTrace,\r\n\ttrace,\r\n\tTaskDebouncer,\r\n\tapi, // 🚀 추가: 이제 서비스에서 api.get() 가능\r\n\tFetch, // 🚀 추가: 클래스 자체도 혹시 모르니 노출\r\n\tLoading as loading, // 🚀 추가: loading.show() 로 쓰기 편하게 alias\r\n\tnineDialog,\r\n\tnineAlertPopup, nineConfirmPopup, ninePromptPopup\r\n};\r\n\r\nif (typeof window !== 'undefined') {\r\n\twindow.nine = nine;\r\n}\r\n"],"names":["_init","config","el","trace"],"mappings":";;;;;;;;;;;AAAA,0PAAAA,QAAA;AAEA,MAAM,YAAY,oBAAI;AAItB,MAAM,iBAAiB;AAAA,EACtB,IAAI,EAAE,gBAAgB,OAAO,OAAO,QAAO;AAAA,EAC3C,OAAO,EAAE,UAAU,MAAK;AAAA,EACxB,SAAS;AAAA,EACT,OAAO;AACR;AAEA,IAAI,OAAO,WAAW,eAAe,CAAC,OAAO,wBAAwB;AACpE,SAAO,yBAAyB;AACjC;AAGA,MAAM,UAAU,OAAO,WAAW,cAAc,OAAO,yBAAyB;AAEpE,MAAC,kBAAkB,CAAC,OAAO;AACtC,YAAU,IAAI,EAAE;AAChB,KAAG,OAAO,OAAO;AACjB,SAAO,MAAM,UAAU,OAAO,EAAE;AACjC;AAGY,MAAC,SAAS,IAAI,MAAM,SAAS;AAAA,EACxC,IAAI,QAAQ,MAAM,OAAO;AACxB,WAAO,IAAI,IAAI;AACf,cAAU,QAAQ,QAAM,GAAG,MAAM,MAAM,CAAC;AACxC,WAAO;AAAA,EACR;AAAA,EACA,IAAI,QAAQ,MAAM;AACjB,WAAO,OAAO,IAAI;AAAA,EACnB;AACD,CAAC;AAEW,MAAC,OAAO;AAAA,EACnB;AAAA;AAAA;AAAA,EAIA,IAAI,UAAU;AACb,WAAO,KAAK,OAAO,WAAW;AAAA,EAC/B;AAAA,EAEA,MAAM,UAAU,IAAI;AACnB,WAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAEjD,UAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,GAAG;AACzE,aAAK,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,GAAG,GAAG,GAAG;MAC9C,OAAO;AACN,aAAK,OAAO,GAAG,IAAI;AAAA,MACpB;AAAA,IACD,CAAC;AAGD,QAAI,OAAO,WAAW,aAAa;AAClC,aAAO,OAAO,OAAO,QAAQ;AAAA,IAC9B;AAAA,EACD;AACD;AC7DO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}

package/dist/nine-util.umd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self)["nine-util"]={})}(this,function(t){"use strict";var n,e,o,i,s,a,r,l,c,d,h,p,g,u,m,f,v,w,b,x,y,k,E,L=Object.defineProperty,C=t=>{throw TypeError(t)},R=(t,n,e)=>((t,n,e)=>n in t?L(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e)(t,"symbol"!=typeof n?n+"":n,e),M=(t,n,e)=>n.has(t)||C("Cannot "+e),$=(t,n,e)=>(M(t,n,"read from private field"),e?e.call(t):n.get(t)),S=(t,n,e)=>n.has(t)?C("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(t):n.set(t,e),B=(t,n,e,o)=>(M(t,n,"write to private field"),o?o.call(t,e):n.set(t,e),e),z=(t,n,e)=>(M(t,n,"access private method"),e);const T=new Set,A={ux:{nativeOverride:!1,theme:"light"},board:{readOnly:!1},cssPath:"",debug:!1};"undefined"==typeof window||window.__NINE_GLOBAL_CONFIG__||(window.__NINE_GLOBAL_CONFIG__=A);const P="undefined"!=typeof window?window.__NINE_GLOBAL_CONFIG__:A,W=t=>(T.add(t),t("all",P),()=>T.delete(t)),_=new Proxy(P,{set:(t,n,e)=>(t[n]=e,T.forEach(e=>e(n,t)),!0),get:(t,n)=>t[n]}),N={config:_,get cssPath(){return this.config.cssPath||""},setup(t={}){Object.entries(t).forEach(([t,n])=>{"object"!=typeof n||null===n||Array.isArray(n)?this.config[t]=n:this.config[t]={...this.config[t],...n}}),"undefined"!=typeof window&&(window.nine=window.nine||this)}};class X extends HTMLElement{constructor(){super(),S(this,n),S(this,e),R(this,"showModal",()=>{$(this,e).showModal()}),R(this,"close",()=>{$(this,e).close(),this.remove()}),S(this,o,()=>{this.querySelector(".head"),this.querySelectorAll(".close, .close2, .cancel").forEach(t=>{t.onclick=()=>this.closeWithAnimation(null)}),this.querySelectorAll(".ok").forEach(t=>{})}),S(this,i,t=>{if(t.target.closest("buttons"))return;if(0!==t.button||t.altKey||t.ctrlKey||t.shiftKey)return;const o=$(this,e).getBoundingClientRect();B(this,n,{x:t.clientX-o.left,y:t.clientY-o.top});const i=t=>{$(this,e).style.position="fixed",$(this,e).style.margin="0",$(this,e).style.left=t.clientX-$(this,n).x+"px",$(this,e).style.top=t.clientY-$(this,n).y+"px"},s=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",s)}),S(this,s,t=>{if(t.target.closest("buttons"))return;const o=$(this,e).getBoundingClientRect(),i=t.changedTouches[0];B(this,n,{x:i.pageX-o.left,y:i.pageY-o.top});const s=t=>{const o=t.changedTouches[0];$(this,e).style.position="fixed",$(this,e).style.margin="0",$(this,e).style.left=o.pageX-$(this,n).x+"px",$(this,e).style.top=o.pageY-$(this,n).y+"px"},a=()=>{document.removeEventListener("touchmove",s),document.removeEventListener("touchend",a)};document.addEventListener("touchmove",s),document.addEventListener("touchend",a)})}connectedCallback(){const t=this.innerHTML,n=this.getAttribute("title")||"Details";trace.log("111111111"),this.innerHTML=`\n\t\t\t<style>\n\tdialog::backdrop {\n\t\tbackground: rgba(0, 0, 0, 0.3);\n\t}\n\t\n\tdialog:modal {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t\tborder: 1px solid darkgreen;\n\t\toutline: none;\n\t\tresize: both;\n\t\tbox-shadow: 0 0 4px 0 darkgreen;\n        width: 500px;\n        height: 150px;\n        min-width: 330px;\n        min-height: 60px;\n    }\n    \n    \n    \n    \n\tdiv.head .rect1, div.head .rect2, div.head .rect3  {\n\t\tdisplay: none;\n\t\twidth: 50px;\n\t\theight: 100%;\n\t}\n\tdiv.head .rect1 {\n\t\tbackground-color: red;\n\t}\n\tdiv.head .rect2 {\n\t\tbackground-color: darkgreen;\n\t}\n\tdiv.head .rect3 {\n\t\tbackground-color: olive;\n\t}\n\t\n\tdiv.head {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t--height: 30px;\n\t\tbackground-color: darkgreen;\n\t\tpadding: 4px;\n\t\tcursor: move;\n\t}\n\tdiv.head:hover {\n\t\tfilter: brightness(110%);\n\t}\n\t\n\tdiv.head span {\n\t\tfont-size: 12px;\n\t\tposition: relative;\n\t}\n\t\n\tdiv.head span.title {\n\t\tcolor: #ddd;\n\t\tmargin-left: 4px;\n\t\tfont-weight: bold;\n\t}\n\t\n\tdiv.head span.sub-title {\n\t\tcolor: #ccc;\n\t\tmargin-left: 8px;\n\t\tfont-style: italic;\n\t}\n\t\n\tdiv.head form {\n\t\tmargin: 0;\n\t}\n\tdiv.head button {\n\t\tmargin-right: 4px;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: #ccc;\n\t\tfont-size: x-small;\n\t}\n\tdiv.head button:hover {\n\t\tcursor: pointer;\n\t}\n\t\n\tdiv.contents {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\tdiv.left {\n\t\tposition: relative;\n\t\twidth: 16px;\n\t\theight: 100%;\n\t\tbackground-color: #ddd;\n\t\tdisplay: none;\n\t}\n\t\n\tdiv.left span {\n\t\twriting-mode: vertical-rl;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\tcolor: #ccc;\n\t\tfont-weight: 700;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin-left: 3px;\n\t\tmargin-top: 3px;\n\t}\n\tdiv.close2 {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 3px;\n\t\tcursor: pointer;\n\t\tcolor: #666;\n\t}\n\tdiv.close2 svg:hover {\n\t\tcolor: #999;\n\t}\n\t\n\tdiv.body {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: unset;\n\t\t--border: 3px solid #999;\n\t\t--border-top: none;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tpadding: 10px;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t}\n\t\n\t\n\t\n\t\n\tng-sphere.icon {\n\t\tmargin-left: 8px;\n\t}\n\t\n\t.buttons {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t}\n\t\n\tng-sphere {\n\t\tposition: relative;\n\t\t--width: 16px;\n\t\t--height: 16px;\n\t\tcursor: pointer;\n\t\tmargin-right: 4px;\n\t\tdisplay: flex;\n\t}\n\tng-sphere:hover {\n\t\tfilter: brightness(90%);\n\t}\n\tng-sphere:active {\n\t\tfilter: brightness(80%);\n\t}\n\t\n\tng-sphere:hover::after {\n\t\tcontent: "";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\tng-sphere.apply:hover::after {\n\t\tbackground-size: 14px 14px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><polyline points="2.5,7 6,10 11,3" style="fill:none;stroke:white;stroke-width:2px;" /></svg>');\n\t}\n\t\n\tng-sphere.reset:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill:none;stroke:white;stroke-width:2px;" focusable="false" aria-hidden="true"><path d="M10 5h5V0"></path><path d="M15 8a6.957 6.957 0 0 1-7 7 6.957 6.957 0 0 1-7-7 6.957 6.957 0 0 1 7-7 6.87 6.87 0 0 1 6.3 4"></path></svg>');\n\t}\n\t\n\tng-sphere.close:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:white;stroke-width:2px;" focusable="false" aria-hidden="true" viewBox="0 0 16 16"><path d="M2 2l12 12M14 2L2 14"></path></svg>');\n\t}\n\t\n\t\n\tbutton {\n        cursor: pointer;\n    }\n    \n    .input-area {\n        position: relative;\n        height: 100%;\n        --display: flex;\n        textarea {\n            width: 100%;\n            height: 100%;\n            min-height: 100px;\n            padding: 8px;\n            box-sizing: border-box;\n            resize: none;\n            border-radius: 2px;\n            border-color: #ccc;\n        }\n        textarea:focus {\n            border-color: green;\n            outline: none; /* 브라우저 기본 파란색 테두리 제거 */\n        }\n    }\n    \n    .buttons-confirm {\n        position: relative;\n        display: flex;\n        justify-content: flex-end;\n        --bottom: 8px;\n        --right: 8px;\n    }\n    \n    \n    .buttons-confirm button {\n        height: 32px;\n        margin-right: 8px;\n        border: none;\n        outline: none;\n        width: 60px;\n        -moz-user-select: none;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n    .buttons-confirm button:hover {\n        filter: brightness(90%);\n    }\n    .buttons-confirm button:active {\n        color: #ccc;\n    }\n    \n    button.ok {\n        --display: none;\n        background-color: darkgreen;\n        color: white;\n    }\n    button.cancel {\n        color: white;\n        background-color: #6c757d;\n    }\n    \n    \n    \n    div.msg {\n        position: relative;\n        height: 100%;\n        font-size: 14px;\n        color: #333;\n    }\n    \n    .reset, .apply {\n        display: none;\n    }\n    \n    \n    \n    :host(.classic) dialog:modal {\n        border: 1px solid #007bff;\n        box-shadow: 0 0 4px 0 #007bff;\n    }\n    \n    :host(.classic) div.head {\n        background-color: #007bff;\n    }\n    :host(.classic) div.head:hover {\n        filter: brightness(110%);\n    }\n    \n    :host(.classic) div.head span {\n        font-size: 12px;\n    }\n    \n    :host(.classic) div.head span.title {\n        color: #ddd;\n        margin-left: 4px;\n        font-weight: bold;\n    }\n    \n    :host(.classic) div.head span.sub-title {\n        color: #ccc;\n        margin-left: 8px;\n        font-style: italic;\n    }\n    :host(.classic) div.head button {\n        margin-right: 4px;\n        background-color: transparent;\n        border: none;\n        color: #ccc;\n        font-size: x-small;\n    }\n    \n    \n    \n    \n    :host(.rgb) dialog:modal {\n        border: none;\n        box-shadow: unset;\n        border-top: none;\n    }\n    \n    :host(.rgb) div.left {\n        display: block;\n        background-color: #ddd;\n    }\n    :host(.rgb) div.left span {\n        color: #ccc;\n    }\n    :host(.rgb) div.close2 {\n        display: block;\n        color: #666;\n    }\n    :host(.rgb) div.close2 svg:hover {\n        color: #999;\n    }\n    :host(.rgb) div.head {\n        height: 4px;\n        background-color: #999;\n        padding: 0;\n    }\n    :host(.rgb) div.contents {\n        height: calc(100% - 4px);\n    }\n    \n    :host(.rgb) div.head ng-sphere,\n    :host(.rgb) div.head span,\n    :host(.rgb) div.head .buttons {\n        display: none;\n    }\n    \n    :host(.rgb) div.head .rect1,\n    :host(.rgb) div.head .rect2,\n    :host(.rgb) div.head .rect3 {\n        display: flex;\n    }\n    \n    \n    :host(.rgb) div.head:hover {\n        filter: unset;\n    }\n    \n    \n    /* --- Animation Core --- */\n:host {\n    --nx-duration: 0.4s;\n    --nx-timing: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n/* 🎯 수정: 애니메이션 클래스가 붙은 경우에만 초기 opacity를 0으로 설정 */\n:host(.fade) dialog,\n:host(.zoom) dialog,\n:host(.moveUp) dialog,\n:host(.moveDown) dialog,\n:host(.moveLeft) dialog,\n:host(.moveRight) dialog,\n:host(.roadRunner) dialog {\n    opacity: 0;\n}\n\n/* shake는 애니메이션 내부에서 opacity를 다루므로 제외하거나 별도 처리 */\n:host(.shake) dialog { \n    opacity: 1; \n}\n\n/* 1. Fade (서서히 나타남) */\n:host(.fade) dialog { animation: nx-fade-in var(--nx-duration) forwards; }\n@keyframes nx-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n/* 2. Zoom (커지며 나타남) */\n:host(.zoom) dialog { animation: nx-zoom-in var(--nx-duration) var(--nx-timing) forwards; }\n@keyframes nx-zoom-in { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n\n/* 3. Slide (상하좌우) */\n:host(.moveUp) dialog { animation: nx-move-up var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveDown) dialog { animation: nx-move-down var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveLeft) dialog { animation: nx-move-left var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveRight) dialog { animation: nx-move-right var(--nx-duration) var(--nx-timing) forwards; }\n\n@keyframes nx-move-up { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-down { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-left { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes nx-move-right { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateY(0); } }\n\n/* 4. Shake (상하좌우 격렬한 진동 - 에러 인지용) */\n:host(.shake) dialog { \n    animation: nx-heavy-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n    opacity: 1; \n}\n\n@keyframes nx-heavy-shake {\n    10%, 90% { transform: translate3d(-1px, -2px, 0); }\n    20%, 80% { transform: translate3d(2px, 4px, 0); }\n    30%, 50%, 70% { transform: translate3d(-6px, -6px, 0); }\n    40%, 60% { transform: translate3d(6px, 6px, 0); }\n}\n\n/* 5. Road Runner (등장: 왼쪽에서 탄력 있게 / 퇴장: 움츠렸다가 광속 탈출) */\n:host(.roadRunner) dialog { \n    animation: roadRunnerIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; \n}\n\n@keyframes roadRunnerIn {\n    0% { transform: translateX(-1500px) skewX(30deg); opacity: 1; }\n    70% { transform: translateX(30px) skewX(-10deg); opacity: 1; }\n    100% { transform: translateX(0) skewX(0deg); opacity: 1; }\n}\n\n/* --- Out Animations (닫힐 때) --- */\ndialog.out { pointer-events: none; }\n\n/* Road Runner 퇴장: 슥 움츠렸다가(Anticipation) 쌩~! */\n:host(.roadRunner) dialog.out { \n    animation: roadRunnerOut 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards; \n}\n\n@keyframes roadRunnerOut {\n    0% { \n        transform: translateX(0) scale(1) skewX(0deg); \n        opacity: 1; \n    }\n    30% { \n        /* 예비 동작: 뒤로 살짝 갔다가 움츠러들기 */\n        transform: translateX(50px) scaleX(1.2) scaleY(0.8) skewX(-20deg); \n        opacity: 1; \n    }\n    100% { \n        /* 발사: 길게 늘어나며 광속 탈출 */\n        transform: translateX(2000px) scaleX(4) scaleY(0.3) skewX(50deg); \n        opacity: 0; \n        filter: blur(10px); /* 👈 잔상 느낌 추가 */\n    }\n}\n\n/* 일반 퇴장 (기본) */\ndialog.out { animation: nx-fade-out 0.3s forwards; }\n@keyframes nx-fade-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }\n</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class="head">\n\t\t\t\t\t<div class="rect1"></div>\n\t\t\t\t\t<div class="rect2"></div>\n\t\t\t\t\t<div class="rect3"></div>\n\t\t\t\t\t<ng-sphere class="icon" end-fill="#666" size="8"></ng-sphere>\n\t\t\t\t\t<span class="title">${n}</span>\n\t\t\t\t\t<span class="sub-title"></span>\n\t\t\t\t\t<div class="buttons">\n\t\t\t\t\t\t<ng-sphere class="apply" start-fill="#cc6" end-fill="#660" size="16" title="apply"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class="reset" start-fill="#99f" end-fill="#00f" size="16" title="reset"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class="close" start-fill="#f99" end-fill="#f00" size="16" title="close"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class="contents">\n\t\t\t\t\t<div class="left">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="body">\n\t\t\t\t\t\t${t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="close2">\n\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">\n\t\t\t\t\t\t\t<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`,B(this,e,this.querySelector("dialog")),$(this,o).call(this)}closeWithAnimation(t){$(this,e).classList.add("out"),setTimeout(()=>{$(this,e).close(),this.dispatchEvent(new CustomEvent("closed",{detail:t})),this.remove()},300)}}n=new WeakMap,e=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap;class O extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}static async open(t,n,e,o,i){var s,a,r;const l=t.tagName.toLowerCase(),c={"true-text":"확인","false-text":"취소",class:"classic",animation:"fade",...(null==(r=null==(a=null==(s=window.nine)?void 0:s.config)?void 0:a.ux)?void 0:r[l.replace("nine-","").replace("-popup","")])||{},...o};document.querySelectorAll(l).forEach(t=>t.remove());const d=document.createElement(l);c.class&&d.classList.add(c.class),c.animation&&d.classList.add(c.animation),document.body.appendChild(d),i(d,n,c);const h=d.shadowRoot.querySelector("nine-dialog");return e&&h.setAttribute("title",e),new Promise(t=>{h.addEventListener("closed",n=>t(n.detail)),d.setupEvents(t,h),h.showModal()})}}customElements.get("nine-dialog")||customElements.define("nine-dialog",X);const F=class extends O{constructor(){super()}render(t,n){this.shadowRoot.innerHTML=`\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="buttons-confirm">\n                    <button class="cancel">${n["false-text"]}</button>\n                    <button class="ok">${n["true-text"]}</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){this.shadowRoot.querySelector(".ok").onclick=()=>n.closeWithAnimation(!0)}};R(F,"tagName","nine-confirm-popup"),R(F,"confirm",(t,n,e)=>O.open(F,t,n,e,(t,n,e)=>t.render(n,e)));let I=F;const j=class extends O{constructor(){super()}render(t,n){this.shadowRoot.innerHTML=`\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="buttons-confirm">\n                    <button class="cancel">확인</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){}};R(j,"tagName","nine-alert-popup"),R(j,"alert",(t,n,e)=>O.open(j,t,n,e,(t,n,e)=>t.render(n,e)));let H=j;customElements.get("nine-confirm-popup")||customElements.define("nine-confirm-popup",I),customElements.get("nine-alert-popup")||customElements.define("nine-alert-popup",H);const Y=class extends O{constructor(){super()}render(t,n){trace.log(this),trace.log(this.shadowRoot),this.shadowRoot.innerHTML=`\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="input-area">\n                    <textarea placeholder="내용을 입력하세요..."></textarea>\n                </div>\n                <div class="buttons-confirm">\n                    <button class="cancel">${n["false-text"]}</button>\n                    <button class="ok">${n["true-text"]}</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){const e=this.shadowRoot.querySelector("textarea");this.shadowRoot.querySelector(".ok").onclick=()=>n.closeWithAnimation(e.value),requestAnimationFrame(()=>e.focus())}};R(Y,"tagName","nine-prompt-popup"),R(Y,"prompt",(t,n,e)=>O.open(Y,t,n,e,(t,n,e)=>t.render(n,e)));let q=Y;customElements.get("nine-prompt-popup")||customElements.define("nine-prompt-popup",q);class D{constructor(){S(this,a)}alert(t,n="Alert"){return z(this,a,r).call(this,"alert",t,n,"classic")}confirm(t,n="Confirm"){return z(this,a,r).call(this,"confirm",t,n,"classic")}prompt(t,n="Prompt"){return z(this,a,r).call(this,"prompt",t,n,"classic")}}a=new WeakSet,r=function(t,n,e,o){const i={class:o,animation:"fade"};let s=!1;const a={alert:H,confirm:I,prompt:q}[t],r={rgb:()=>(i.class="rgb",r),classic:()=>(i.class="classic",r),shake:()=>(i.animation="shake",r),run:()=>(i.animation="roadRunner",r),zoom:()=>(i.animation="zoom",r),then:(o,r)=>(s=!0,a[t](n,e,i).then(o,r))};return Promise.resolve().then(()=>{s||(s=!0,a[t](n,e,i))}),r},R(D,"cssPath","");class G{constructor(t=null,n="green"){S(this,h),S(this,l),S(this,c),S(this,d,!0),B(this,l,t),B(this,c,n),z(this,h,p).call(this)}initBAK(t,n="green"){B(this,l,t),B(this,c,n)}init(t,n="green"){B(this,l,t),B(this,c,n)}get log(){const t=`color: ${$(this,c)}; font-weight: bold;`;return $(this,l)?console.log.bind(console,`%c[${$(this,l)}]`,t):console.log.bind(console)}get warn(){return $(this,d)?$(this,l)?console.warn.bind(console,`%c[${$(this,l)}]`,"color: cyan; font-weight: bold;"):console.warn.bind(console):()=>{}}get error(){return $(this,l)?console.error.bind(console,`%c[${$(this,l)}]`,"color: red; font-weight: bold;"):console.error.bind(console)}enable(){B(this,d,!0)}disable(){B(this,d,!1)}}l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakSet,p=function(){if("undefined"==typeof window)return;"localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname||window.location.hostname.startsWith("192.168.")?this.enable():(this.disable(),console.log(`%c[${$(this,l)||"Trace"}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,"color: #4CAF50; font-weight: bold;","","background: #333; color: yellow; padding: 2px 5px;",""))};const K=new G;"undefined"!=typeof window&&(window.trace=K);g=new WeakMap,u=new WeakMap,m=new WeakMap,f=new WeakSet,v=function(){if(0===$(this,u).length)return;const t=$(this,u).splice(0,$(this,u).length),n=new Set;t.forEach(t=>{const e=`${t.func.name}_${JSON.stringify(t.args)}`;n.has(e)||(t.func(...t.args),n.add(e))}),B(this,g,null)};class U{static show(){let t=document.getElementById("global-loading-overlay");if(!t&&(t=document.createElement("div"),t.id="global-loading-overlay",t.style.cssText="\n                position: fixed; inset: 0; z-index: 9999;\n                background: rgba(0, 0, 0, 0.4); display: flex; \n                justify-content: center; align-items: center;\n                backdrop-filter: blur(2px);\n            ",t.innerHTML='<div class="loading-spinner"></div>',document.body.appendChild(t),!document.getElementById("nine-util-style"))){const t=document.createElement("style");t.id="nine-util-style",t.innerHTML="\n                    .loading-spinner {\n                        width: 48px; height: 48px;\n                        border: 5px solid rgba(255, 255, 255, 0.3);\n                        border-top-color: white; border-radius: 50%;\n                        animation: nine-spin 1s linear infinite;\n                    }\n                    @keyframes nine-spin { to { transform: rotate(360deg); } }\n                ",document.head.appendChild(t)}t.style.display="flex"}static hide(){const t=document.getElementById("global-loading-overlay");t&&(t.style.display="none")}}const J=class{};w=new WeakMap,R(J,"BASE_URL",window.__API_BASE_URL__||""),S(J,w,(t,n,e={},o=!0)=>{const i=n.startsWith("http")?n:`${J.BASE_URL}${n}`;o&&U.show();const s={};e instanceof FormData||(s["Content-Type"]="application/json");const a={method:t,headers:s};let r=i;return"GET"===t?r+=`?${new URLSearchParams(e)}`:a.body=e instanceof FormData?e:JSON.stringify(e),fetch(r,a).then(async t=>{if(!t.ok){const n=await t.text();throw new Error(`API 오류 (${t.status}): ${n}`)}return t.json()}).catch(n=>{throw K.error(`[IdeFetch.${t.toLowerCase()}] ${i} 실패:`,n),n}).finally(()=>{o&&U.hide()})}),R(J,"get",(t,n={},e=!0)=>{var o;return $(o=J,w).call(o,"GET",t,n,e)}),R(J,"post",(t,n={},e=!0)=>{var o;return $(o=J,w).call(o,"POST",t,n,e)}),R(J,"postMultipart",async(t,n=[],e={})=>{const{fileKey:o="fileContents",filePartName:i="files",jsonPartName:s="dataList",chunkSize:a=10}=e;U.show();let r=0,l=null;return(async()=>{for(let e=0;e<n.length;e+=a){const c=new FormData,d=n.slice(e,e+a),h=[];d.forEach(t=>{const{[o]:n,_fileObj:e,...s}=t;h.push(s),n instanceof File&&c.append(i,n)});const p=new Blob([JSON.stringify(h)],{type:"application/json"});if(c.append(s,p),l=await J.post(t,c,!1),!l||!l.success&&"OK"!==l.status)throw new Error(`청크 전송 실패: ${e}번째 섹션`);r+=d.length}return{...l,success:!0,totalCount:r}})().catch(t=>{throw K.error("[postChunk] Error:",t),t}).finally(()=>{U.hide()})});let V=J;const Z=V;class Q extends HTMLElement{constructor(){super(),S(this,b),S(this,x,t=>{const n=t.previousElementSibling,e=t.nextElementSibling;if(!n||!e)return void B(this,b,this.classList.contains("h")?"h":"v");const o=n.getBoundingClientRect(),i=e.getBoundingClientRect();this.classList.contains("h")?B(this,b,"h"):this.classList.contains("v")?B(this,b,"v"):B(this,b,Math.abs(o.top-i.top)<5?"h":"v")}),S(this,y,t=>{t.preventDefault(),t.stopPropagation();const n=this.getBoundingClientRect(),e="h"===$(this,b),o=e?t.clientX-n.left:t.clientY-n.top,i=document.createElement("div");i.className=`nx-splitter-drag-bar-${$(this,b)}`,Object.assign(i.style,{position:"absolute",zIndex:"999",background:"#666",opacity:"0.6",pointerEvents:"none"});const s=this.getRootNode({composed:!0}),a=s instanceof ShadowRoot?s.host:this.parentElement,r=this.previousElementSibling,l=this.nextElementSibling;if(!a||!r||!l)return void K.warn("Spliter's parent or siblings not found.");(a.shadowRoot||a).appendChild(i);const c=i.offsetParent.getBoundingClientRect(),d=r.getBoundingClientRect(),h=l.getBoundingClientRect(),p=(e?n.left-c.left:n.top-c.top)+o;e?(i.style.top="0",i.style.left=`${p}px`,i.style.width="2px",i.style.height="100%"):(i.style.left="0",i.style.top=`${p}px`,i.style.height="2px",i.style.width="100%"),i.style.mixBlendMode="difference",i.style.zIndex="99999";const g=e?d.left-c.left:d.top-c.top,u=e?h.right-c.left-n.width:h.bottom-c.top-n.height,m=t=>{const n=e?t.clientX:t.clientY,o=e?n-c.left:n-c.top,s=Math.max(g,Math.min(o,u));e?i.style.left=`${s}px`:i.style.top=`${s}px`},f=()=>{window.removeEventListener("mousemove",m),window.removeEventListener("mouseup",f),i.remove();const t=Array.from(a.children),n=t.filter(t=>"nx-splitter"!==t.tagName.toLowerCase()),o=window.getComputedStyle(a),s=e?o.getPropertyValue("column-gap"):o.getPropertyValue("row-gap"),c=parseFloat(s)||0,d=(t.length>1?t.length-1:0)*c,h=(e?parseFloat(i.style.left):parseFloat(i.style.top))-p,g=e?r.getBoundingClientRect().width:r.getBoundingClientRect().height,u=e?l.getBoundingClientRect().width:l.getBoundingClientRect().height;let v=g+h,w=u-h;v<0&&(w+=v,v=0),w<0&&(v+=w,w=0);const b=n.map(t=>e?t.getBoundingClientRect().width:t.getBoundingClientRect().height),x=t.reduce((t,n)=>"nx-splitter"===n.tagName.toLowerCase()?t+(e?n.getBoundingClientRect().width:n.getBoundingClientRect().height):t,0),y=(e?a.getBoundingClientRect().width:a.getBoundingClientRect().height)-x-d;let k=0;n.forEach((t,n)=>{let e;e=t===r?v:t===l?w:b[n];const o=e/y;K.log(t),t.classList.contains("sidebar")?t.style.flex=`0 0 ${e}px`:t.style.flex=`${o} ${o} 0`,k+=o}),K.log(`dragOffset: ${h}`),K.log(`Calculated FlexSum: ${k}`)};window.addEventListener("mousemove",m),window.addEventListener("mouseup",f)}),S(this,k,()=>{$(this,x).call(this,this),this.classList.add($(this,b));const t=this.innerHTML.trim(),n=""===t?'<div class="grip"></div>':`<div class="grip"></div><div class="inner-container">${t}</div><div class="grip"></div>`;this.innerHTML="";const e=document.createElement("template");e.innerHTML=`\n\t\t\t<style>\n\t\t\t\t@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@0.9.122/dist/css/nine-util.css";\n\t\t\t\t${this.cssPath?`@import "${this.cssPath}";`:""}\n\t\t\t</style>\n\t\t\t${n}\n        `,this.shadowRoot.appendChild(e.content.cloneNode(!0)),this.shadowRoot.querySelectorAll(".grip").forEach(t=>{t.addEventListener("mousedown",t=>$(this,y).call(this,t))}),$(this,E).call(this),window.addEventListener("resize",()=>$(this,E).call(this))}),S(this,E,()=>{const t="h"===$(this,b),n=this.parentElement,e=Array.from(n.children).filter(t=>"nx-splitter"!==t.tagName.toLowerCase());if(e.length<2)return;const o=n.getBoundingClientRect(),i=e.reduce((n,e)=>n+(t?e.getBoundingClientRect().width:e.getBoundingClientRect().height),0),s=t?o.width:o.height;e.forEach(n=>{const e=t?n.getBoundingClientRect().width:n.getBoundingClientRect().height,o=s*(e/i)/s;n.style.flex=`${o} ${o} 0`})}),this.attachShadow({mode:"open"})}connectedCallback(){$(this,k).call(this)}get cssPath(){return this.getAttribute("css-path")||D.cssPath}}b=new WeakMap,x=new WeakMap,y=new WeakMap,k=new WeakMap,E=new WeakMap,customElements.get("nine-splitter")||customElements.define("nine-splitter",Q);const tt=new D;N.alert=tt.alert.bind(tt),N.confirm=tt.confirm.bind(tt),N.prompt=tt.prompt.bind(tt),N.api=Z,N.trace=K,N.subscribeConfig=W,N.config=_||{},"undefined"!=typeof window&&(window.nine=N),t.Fetch=V,t.NineUtil=D,t.TaskDebouncer=class{constructor(t=50){S(this,f),S(this,g,null),S(this,u,[]),S(this,m),B(this,m,t)}exec(t,...n){$(this,u).push({func:t,args:n}),$(this,g)&&clearTimeout($(this,g)),B(this,g,setTimeout(()=>z(this,f,v).call(this),$(this,m)))}execWithKey(t,n,...e){B(this,u,$(this,u).filter(n=>n.key!==t)),$(this,u).push({key:t,func:n,args:e}),$(this,g)&&clearTimeout($(this,g)),B(this,g,setTimeout(()=>z(this,f,v).call(this),$(this,m)))}},t.Trace=G,t.api=Z,t.config=_,t.loading=U,t.nine=N,t.nineAlertPopup=H,t.nineConfirmPopup=I,t.nineDialog=X,t.ninePromptPopup=q,t.subscribeConfig=W,t.trace=K,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self)["nine-util"]={})}(this,function(t){"use strict";var n,e,o,i,s,a,r,l,c,d,h,p,g,u,m,f,v,w,b,x,y,k,E,L=Object.defineProperty,C=t=>{throw TypeError(t)},R=(t,n,e)=>((t,n,e)=>n in t?L(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e)(t,"symbol"!=typeof n?n+"":n,e),M=(t,n,e)=>n.has(t)||C("Cannot "+e),$=(t,n,e)=>(M(t,n,"read from private field"),e?e.call(t):n.get(t)),S=(t,n,e)=>n.has(t)?C("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(t):n.set(t,e),B=(t,n,e,o)=>(M(t,n,"write to private field"),o?o.call(t,e):n.set(t,e),e),z=(t,n,e)=>(M(t,n,"access private method"),e);const T=new Set,A={ux:{nativeOverride:!1,theme:"light"},board:{readOnly:!1},cssPath:"",debug:!1};"undefined"==typeof window||window.__NINE_GLOBAL_CONFIG__||(window.__NINE_GLOBAL_CONFIG__=A);const P="undefined"!=typeof window?window.__NINE_GLOBAL_CONFIG__:A,W=t=>(T.add(t),t("all",P),()=>T.delete(t)),_=new Proxy(P,{set:(t,n,e)=>(t[n]=e,T.forEach(e=>e(n,t)),!0),get:(t,n)=>t[n]}),N={config:_,get cssPath(){return this.config.cssPath||""},setup(t={}){Object.entries(t).forEach(([t,n])=>{"object"!=typeof n||null===n||Array.isArray(n)?this.config[t]=n:this.config[t]={...this.config[t],...n}}),"undefined"!=typeof window&&(window.nine=window.nine||this)}};class X extends HTMLElement{constructor(){super(),S(this,n),S(this,e),R(this,"showModal",()=>{$(this,e).showModal()}),R(this,"close",()=>{$(this,e).close(),this.remove()}),S(this,o,()=>{this.querySelector(".head"),this.querySelectorAll(".close, .close2, .cancel").forEach(t=>{t.onclick=()=>this.closeWithAnimation(null)}),this.querySelectorAll(".ok").forEach(t=>{})}),S(this,i,t=>{if(t.target.closest("buttons"))return;if(0!==t.button||t.altKey||t.ctrlKey||t.shiftKey)return;const o=$(this,e).getBoundingClientRect();B(this,n,{x:t.clientX-o.left,y:t.clientY-o.top});const i=t=>{$(this,e).style.position="fixed",$(this,e).style.margin="0",$(this,e).style.left=t.clientX-$(this,n).x+"px",$(this,e).style.top=t.clientY-$(this,n).y+"px"},s=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",s)}),S(this,s,t=>{if(t.target.closest("buttons"))return;const o=$(this,e).getBoundingClientRect(),i=t.changedTouches[0];B(this,n,{x:i.pageX-o.left,y:i.pageY-o.top});const s=t=>{const o=t.changedTouches[0];$(this,e).style.position="fixed",$(this,e).style.margin="0",$(this,e).style.left=o.pageX-$(this,n).x+"px",$(this,e).style.top=o.pageY-$(this,n).y+"px"},a=()=>{document.removeEventListener("touchmove",s),document.removeEventListener("touchend",a)};document.addEventListener("touchmove",s),document.addEventListener("touchend",a)})}connectedCallback(){const t=this.innerHTML,n=this.getAttribute("title")||"Details";trace.log("111111111"),this.innerHTML=`\n\t\t\t<style>\n\tdialog::backdrop {\n\t\tbackground: rgba(0, 0, 0, 0.3);\n\t}\n\t\n\tdialog:modal {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t\tborder: 1px solid darkgreen;\n\t\toutline: none;\n\t\tresize: both;\n\t\tbox-shadow: 0 0 4px 0 darkgreen;\n        width: 500px;\n        height: 150px;\n        min-width: 330px;\n        min-height: 60px;\n    }\n    \n    \n    \n    \n\tdiv.head .rect1, div.head .rect2, div.head .rect3  {\n\t\tdisplay: none;\n\t\twidth: 50px;\n\t\theight: 100%;\n\t}\n\tdiv.head .rect1 {\n\t\tbackground-color: red;\n\t}\n\tdiv.head .rect2 {\n\t\tbackground-color: darkgreen;\n\t}\n\tdiv.head .rect3 {\n\t\tbackground-color: olive;\n\t}\n\t\n\tdiv.head {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t--height: 30px;\n\t\tbackground-color: darkgreen;\n\t\tpadding: 4px;\n\t\tcursor: move;\n\t}\n\tdiv.head:hover {\n\t\tfilter: brightness(110%);\n\t}\n\t\n\tdiv.head span {\n\t\tfont-size: 12px;\n\t\tposition: relative;\n\t}\n\t\n\tdiv.head span.title {\n\t\tcolor: #ddd;\n\t\tmargin-left: 4px;\n\t\tfont-weight: bold;\n\t}\n\t\n\tdiv.head span.sub-title {\n\t\tcolor: #ccc;\n\t\tmargin-left: 8px;\n\t\tfont-style: italic;\n\t}\n\t\n\tdiv.head form {\n\t\tmargin: 0;\n\t}\n\tdiv.head button {\n\t\tmargin-right: 4px;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: #ccc;\n\t\tfont-size: x-small;\n\t}\n\tdiv.head button:hover {\n\t\tcursor: pointer;\n\t}\n\t\n\tdiv.contents {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\tdiv.left {\n\t\tposition: relative;\n\t\twidth: 16px;\n\t\theight: 100%;\n\t\tbackground-color: #ddd;\n\t\tdisplay: none;\n\t}\n\t\n\tdiv.left span {\n\t\twriting-mode: vertical-rl;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\tcolor: #ccc;\n\t\tfont-weight: 700;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin-left: 3px;\n\t\tmargin-top: 3px;\n\t}\n\tdiv.close2 {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 3px;\n\t\tcursor: pointer;\n\t\tcolor: #666;\n\t}\n\tdiv.close2 svg:hover {\n\t\tcolor: #999;\n\t}\n\t\n\tdiv.body {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: unset;\n\t\t--border: 3px solid #999;\n\t\t--border-top: none;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tpadding: 10px;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t}\n\t\n\t\n\t\n\t\n\tng-sphere.icon {\n\t\tmargin-left: 8px;\n\t}\n\t\n\t.buttons {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t}\n\t\n\tng-sphere {\n\t\tposition: relative;\n\t\t--width: 16px;\n\t\t--height: 16px;\n\t\tcursor: pointer;\n\t\tmargin-right: 4px;\n\t\tdisplay: flex;\n\t}\n\tng-sphere:hover {\n\t\tfilter: brightness(90%);\n\t}\n\tng-sphere:active {\n\t\tfilter: brightness(80%);\n\t}\n\t\n\tng-sphere:hover::after {\n\t\tcontent: "";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\tng-sphere.apply:hover::after {\n\t\tbackground-size: 14px 14px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><polyline points="2.5,7 6,10 11,3" style="fill:none;stroke:white;stroke-width:2px;" /></svg>');\n\t}\n\t\n\tng-sphere.reset:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill:none;stroke:white;stroke-width:2px;" focusable="false" aria-hidden="true"><path d="M10 5h5V0"></path><path d="M15 8a6.957 6.957 0 0 1-7 7 6.957 6.957 0 0 1-7-7 6.957 6.957 0 0 1 7-7 6.87 6.87 0 0 1 6.3 4"></path></svg>');\n\t}\n\t\n\tng-sphere.close:hover::after {\n\t\tbackground-size: 12px 12px;\n\t\tbackground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="fill:none;stroke:white;stroke-width:2px;" focusable="false" aria-hidden="true" viewBox="0 0 16 16"><path d="M2 2l12 12M14 2L2 14"></path></svg>');\n\t}\n\t\n\t\n\tbutton {\n        cursor: pointer;\n    }\n    \n    .input-area {\n        position: relative;\n        height: 100%;\n        --display: flex;\n        textarea {\n            width: 100%;\n            height: 100%;\n            min-height: 100px;\n            padding: 8px;\n            box-sizing: border-box;\n            resize: none;\n            border-radius: 2px;\n            border-color: #ccc;\n        }\n        textarea:focus {\n            border-color: green;\n            outline: none; /* 브라우저 기본 파란색 테두리 제거 */\n        }\n    }\n    \n    .buttons-confirm {\n        position: relative;\n        display: flex;\n        justify-content: flex-end;\n        --bottom: 8px;\n        --right: 8px;\n    }\n    \n    \n    .buttons-confirm button {\n        height: 32px;\n        margin-right: 8px;\n        border: none;\n        outline: none;\n        width: 60px;\n        -moz-user-select: none;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n    .buttons-confirm button:hover {\n        filter: brightness(90%);\n    }\n    .buttons-confirm button:active {\n        color: #ccc;\n    }\n    \n    button.ok {\n        --display: none;\n        background-color: darkgreen;\n        color: white;\n    }\n    button.cancel {\n        color: white;\n        background-color: #6c757d;\n    }\n    \n    \n    \n    div.msg {\n        position: relative;\n        height: 100%;\n        font-size: 14px;\n        color: #333;\n    }\n    \n    .reset, .apply {\n        display: none;\n    }\n    \n    \n    \n    :host(.classic) dialog:modal {\n        border: 1px solid #007bff;\n        box-shadow: 0 0 4px 0 #007bff;\n    }\n    \n    :host(.classic) div.head {\n        background-color: #007bff;\n    }\n    :host(.classic) div.head:hover {\n        filter: brightness(110%);\n    }\n    \n    :host(.classic) div.head span {\n        font-size: 12px;\n    }\n    \n    :host(.classic) div.head span.title {\n        color: #ddd;\n        margin-left: 4px;\n        font-weight: bold;\n    }\n    \n    :host(.classic) div.head span.sub-title {\n        color: #ccc;\n        margin-left: 8px;\n        font-style: italic;\n    }\n    :host(.classic) div.head button {\n        margin-right: 4px;\n        background-color: transparent;\n        border: none;\n        color: #ccc;\n        font-size: x-small;\n    }\n    \n    \n    \n    \n    :host(.rgb) dialog:modal {\n        border: none;\n        box-shadow: unset;\n        border-top: none;\n    }\n    \n    :host(.rgb) div.left {\n        display: block;\n        background-color: #ddd;\n    }\n    :host(.rgb) div.left span {\n        color: #ccc;\n    }\n    :host(.rgb) div.close2 {\n        display: block;\n        color: #666;\n    }\n    :host(.rgb) div.close2 svg:hover {\n        color: #999;\n    }\n    :host(.rgb) div.head {\n        height: 4px;\n        background-color: #999;\n        padding: 0;\n    }\n    :host(.rgb) div.contents {\n        height: calc(100% - 4px);\n    }\n    \n    :host(.rgb) div.head ng-sphere,\n    :host(.rgb) div.head span,\n    :host(.rgb) div.head .buttons {\n        display: none;\n    }\n    \n    :host(.rgb) div.head .rect1,\n    :host(.rgb) div.head .rect2,\n    :host(.rgb) div.head .rect3 {\n        display: flex;\n    }\n    \n    \n    :host(.rgb) div.head:hover {\n        filter: unset;\n    }\n    \n    \n    /* --- Animation Core --- */\n:host {\n    --nx-duration: 0.4s;\n    --nx-timing: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n/* 🎯 수정: 애니메이션 클래스가 붙은 경우에만 초기 opacity를 0으로 설정 */\n:host(.fade) dialog,\n:host(.zoom) dialog,\n:host(.moveUp) dialog,\n:host(.moveDown) dialog,\n:host(.moveLeft) dialog,\n:host(.moveRight) dialog,\n:host(.roadRunner) dialog {\n    opacity: 0;\n}\n\n/* shake는 애니메이션 내부에서 opacity를 다루므로 제외하거나 별도 처리 */\n:host(.shake) dialog { \n    opacity: 1; \n}\n\n/* 1. Fade (서서히 나타남) */\n:host(.fade) dialog { animation: nx-fade-in var(--nx-duration) forwards; }\n@keyframes nx-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n/* 2. Zoom (커지며 나타남) */\n:host(.zoom) dialog { animation: nx-zoom-in var(--nx-duration) var(--nx-timing) forwards; }\n@keyframes nx-zoom-in { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n\n/* 3. Slide (상하좌우) */\n:host(.moveUp) dialog { animation: nx-move-up var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveDown) dialog { animation: nx-move-down var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveLeft) dialog { animation: nx-move-left var(--nx-duration) var(--nx-timing) forwards; }\n:host(.moveRight) dialog { animation: nx-move-right var(--nx-duration) var(--nx-timing) forwards; }\n\n@keyframes nx-move-up { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-down { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes nx-move-left { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes nx-move-right { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateY(0); } }\n\n/* 4. Shake (상하좌우 격렬한 진동 - 에러 인지용) */\n:host(.shake) dialog { \n    animation: nx-heavy-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n    opacity: 1; \n}\n\n@keyframes nx-heavy-shake {\n    10%, 90% { transform: translate3d(-1px, -2px, 0); }\n    20%, 80% { transform: translate3d(2px, 4px, 0); }\n    30%, 50%, 70% { transform: translate3d(-6px, -6px, 0); }\n    40%, 60% { transform: translate3d(6px, 6px, 0); }\n}\n\n/* 5. Road Runner (등장: 왼쪽에서 탄력 있게 / 퇴장: 움츠렸다가 광속 탈출) */\n:host(.roadRunner) dialog { \n    animation: roadRunnerIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; \n}\n\n@keyframes roadRunnerIn {\n    0% { transform: translateX(-1500px) skewX(30deg); opacity: 1; }\n    70% { transform: translateX(30px) skewX(-10deg); opacity: 1; }\n    100% { transform: translateX(0) skewX(0deg); opacity: 1; }\n}\n\n/* --- Out Animations (닫힐 때) --- */\ndialog.out { pointer-events: none; }\n\n/* Road Runner 퇴장: 슥 움츠렸다가(Anticipation) 쌩~! */\n:host(.roadRunner) dialog.out { \n    animation: roadRunnerOut 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards; \n}\n\n@keyframes roadRunnerOut {\n    0% { \n        transform: translateX(0) scale(1) skewX(0deg); \n        opacity: 1; \n    }\n    30% { \n        /* 예비 동작: 뒤로 살짝 갔다가 움츠러들기 */\n        transform: translateX(50px) scaleX(1.2) scaleY(0.8) skewX(-20deg); \n        opacity: 1; \n    }\n    100% { \n        /* 발사: 길게 늘어나며 광속 탈출 */\n        transform: translateX(2000px) scaleX(4) scaleY(0.3) skewX(50deg); \n        opacity: 0; \n        filter: blur(10px); /* 👈 잔상 느낌 추가 */\n    }\n}\n\n/* 일반 퇴장 (기본) */\ndialog.out { animation: nx-fade-out 0.3s forwards; }\n@keyframes nx-fade-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }\n</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class="head">\n\t\t\t\t\t<div class="rect1"></div>\n\t\t\t\t\t<div class="rect2"></div>\n\t\t\t\t\t<div class="rect3"></div>\n\t\t\t\t\t<ng-sphere class="icon" end-fill="#666" size="8"></ng-sphere>\n\t\t\t\t\t<span class="title">${n}</span>\n\t\t\t\t\t<span class="sub-title"></span>\n\t\t\t\t\t<div class="buttons">\n\t\t\t\t\t\t<ng-sphere class="apply" start-fill="#cc6" end-fill="#660" size="16" title="apply"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class="reset" start-fill="#99f" end-fill="#00f" size="16" title="reset"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class="close" start-fill="#f99" end-fill="#f00" size="16" title="close"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class="contents">\n\t\t\t\t\t<div class="left">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="body">\n\t\t\t\t\t\t${t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="close2">\n\t\t\t\t\t\t<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">\n\t\t\t\t\t\t\t<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`,B(this,e,this.querySelector("dialog")),$(this,o).call(this)}closeWithAnimation(t){$(this,e).classList.add("out"),setTimeout(()=>{$(this,e).close(),this.dispatchEvent(new CustomEvent("closed",{detail:t})),this.remove()},300)}}n=new WeakMap,e=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap;class O extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}static async open(t,n,e,o,i){var s,a,r;const l=t.tagName.toLowerCase(),c={"true-text":"확인","false-text":"취소",class:"classic",animation:"fade",...(null==(r=null==(a=null==(s=window.nine)?void 0:s.config)?void 0:a.ux)?void 0:r[l.replace("nine-","").replace("-popup","")])||{},...o};document.querySelectorAll(l).forEach(t=>t.remove());const d=document.createElement(l);c.class&&d.classList.add(c.class),c.animation&&d.classList.add(c.animation),document.body.appendChild(d),i(d,n,c);const h=d.shadowRoot.querySelector("nine-dialog");return e&&h.setAttribute("title",e),new Promise(t=>{h.addEventListener("closed",n=>t(n.detail)),d.setupEvents(t,h),h.showModal()})}}customElements.get("nine-dialog")||customElements.define("nine-dialog",X);const F=class extends O{constructor(){super()}render(t,n){this.shadowRoot.innerHTML=`\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="buttons-confirm">\n                    <button class="cancel">${n["false-text"]}</button>\n                    <button class="ok">${n["true-text"]}</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){this.shadowRoot.querySelector(".ok").onclick=()=>n.closeWithAnimation(!0)}};R(F,"tagName","nine-confirm-popup"),R(F,"confirm",(t,n,e)=>O.open(F,t,n,e,(t,n,e)=>t.render(n,e)));let I=F;const j=class extends O{constructor(){super()}render(t,n){this.shadowRoot.innerHTML=`\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="buttons-confirm">\n                    <button class="cancel">확인</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){}};R(j,"tagName","nine-alert-popup"),R(j,"alert",(t,n,e)=>O.open(j,t,n,e,(t,n,e)=>t.render(n,e)));let H=j;customElements.get("nine-confirm-popup")||customElements.define("nine-confirm-popup",I),customElements.get("nine-alert-popup")||customElements.define("nine-alert-popup",H);const Y=class extends O{constructor(){super()}render(t,n){trace.log(this),trace.log(this.shadowRoot),this.shadowRoot.innerHTML=`\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n            <nine-dialog>\n                <div class="msg">${t.replace(/\n/g,"<br/>")}</div>\n                <div class="input-area">\n                    <textarea placeholder="내용을 입력하세요..."></textarea>\n                </div>\n                <div class="buttons-confirm">\n                    <button class="cancel">${n["false-text"]}</button>\n                    <button class="ok">${n["true-text"]}</button>\n                </div>\n            </nine-dialog>`}setupEvents(t,n){const e=this.shadowRoot.querySelector("textarea");this.shadowRoot.querySelector(".ok").onclick=()=>n.closeWithAnimation(e.value),requestAnimationFrame(()=>e.focus())}};R(Y,"tagName","nine-prompt-popup"),R(Y,"prompt",(t,n,e)=>O.open(Y,t,n,e,(t,n,e)=>t.render(n,e)));let q=Y;customElements.get("nine-prompt-popup")||customElements.define("nine-prompt-popup",q);class D{constructor(){S(this,a)}alert(t,n="Alert"){return z(this,a,r).call(this,"alert",t,n,"classic")}confirm(t,n="Confirm"){return z(this,a,r).call(this,"confirm",t,n,"classic")}prompt(t,n="Prompt"){return z(this,a,r).call(this,"prompt",t,n,"classic")}}a=new WeakSet,r=function(t,n,e,o){const i={class:o,animation:"fade"};let s=!1;const a={alert:H,confirm:I,prompt:q}[t],r={rgb:()=>(i.class="rgb",r),classic:()=>(i.class="classic",r),shake:()=>(i.animation="shake",r),run:()=>(i.animation="roadRunner",r),zoom:()=>(i.animation="zoom",r),then:(o,r)=>(s=!0,a[t](n,e,i).then(o,r))};return Promise.resolve().then(()=>{s||(s=!0,a[t](n,e,i))}),r},R(D,"cssPath","");class G{constructor(t=null,n="green"){S(this,h),S(this,l),S(this,c),S(this,d,!0),B(this,l,t),B(this,c,n),z(this,h,p).call(this)}initBAK(t,n="green"){B(this,l,t),B(this,c,n)}init(t,n="green"){return B(this,l,t),B(this,c,n),this}get log(){const t=`color: ${$(this,c)}; font-weight: bold;`;return $(this,l)?console.log.bind(console,`%c[${$(this,l)}]`,t):console.log.bind(console)}get warn(){return $(this,d)?$(this,l)?console.warn.bind(console,`%c[${$(this,l)}]`,"color: cyan; font-weight: bold;"):console.warn.bind(console):()=>{}}get error(){return $(this,l)?console.error.bind(console,`%c[${$(this,l)}]`,"color: red; font-weight: bold;"):console.error.bind(console)}enable(){B(this,d,!0)}disable(){B(this,d,!1)}}l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakSet,p=function(){if("undefined"==typeof window)return;"localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname||window.location.hostname.startsWith("192.168.")?this.enable():(this.disable(),console.log(`%c[${$(this,l)||"Trace"}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,"color: #4CAF50; font-weight: bold;","","background: #333; color: yellow; padding: 2px 5px;",""))};const K=new G;"undefined"!=typeof window&&(window.trace=K);g=new WeakMap,u=new WeakMap,m=new WeakMap,f=new WeakSet,v=function(){if(0===$(this,u).length)return;const t=$(this,u).splice(0,$(this,u).length),n=new Set;t.forEach(t=>{const e=`${t.func.name}_${JSON.stringify(t.args)}`;n.has(e)||(t.func(...t.args),n.add(e))}),B(this,g,null)};class U{static show(){let t=document.getElementById("global-loading-overlay");if(!t&&(t=document.createElement("div"),t.id="global-loading-overlay",t.style.cssText="\n                position: fixed; inset: 0; z-index: 9999;\n                background: rgba(0, 0, 0, 0.4); display: flex; \n                justify-content: center; align-items: center;\n                backdrop-filter: blur(2px);\n            ",t.innerHTML='<div class="loading-spinner"></div>',document.body.appendChild(t),!document.getElementById("nine-util-style"))){const t=document.createElement("style");t.id="nine-util-style",t.innerHTML="\n                    .loading-spinner {\n                        width: 48px; height: 48px;\n                        border: 5px solid rgba(255, 255, 255, 0.3);\n                        border-top-color: white; border-radius: 50%;\n                        animation: nine-spin 1s linear infinite;\n                    }\n                    @keyframes nine-spin { to { transform: rotate(360deg); } }\n                ",document.head.appendChild(t)}t.style.display="flex"}static hide(){const t=document.getElementById("global-loading-overlay");t&&(t.style.display="none")}}const J=class{};w=new WeakMap,R(J,"BASE_URL",window.__API_BASE_URL__||""),S(J,w,(t,n,e={},o=!0)=>{const i=n.startsWith("http")?n:`${J.BASE_URL}${n}`;o&&U.show();const s={};e instanceof FormData||(s["Content-Type"]="application/json");const a={method:t,headers:s};let r=i;return"GET"===t?r+=`?${new URLSearchParams(e)}`:a.body=e instanceof FormData?e:JSON.stringify(e),fetch(r,a).then(async t=>{if(!t.ok){const n=await t.text();throw new Error(`API 오류 (${t.status}): ${n}`)}return t.json()}).catch(n=>{throw K.error(`[IdeFetch.${t.toLowerCase()}] ${i} 실패:`,n),n}).finally(()=>{o&&U.hide()})}),R(J,"get",(t,n={},e=!0)=>{var o;return $(o=J,w).call(o,"GET",t,n,e)}),R(J,"post",(t,n={},e=!0)=>{var o;return $(o=J,w).call(o,"POST",t,n,e)}),R(J,"postMultipart",async(t,n=[],e={})=>{const{fileKey:o="fileContents",filePartName:i="files",jsonPartName:s="dataList",chunkSize:a=10}=e;U.show();let r=0,l=null;return(async()=>{for(let e=0;e<n.length;e+=a){const c=new FormData,d=n.slice(e,e+a),h=[];d.forEach(t=>{const{[o]:n,_fileObj:e,...s}=t;h.push(s),n instanceof File&&c.append(i,n)});const p=new Blob([JSON.stringify(h)],{type:"application/json"});if(c.append(s,p),l=await J.post(t,c,!1),!l||!l.success&&"OK"!==l.status)throw new Error(`청크 전송 실패: ${e}번째 섹션`);r+=d.length}return{...l,success:!0,totalCount:r}})().catch(t=>{throw K.error("[postChunk] Error:",t),t}).finally(()=>{U.hide()})});let V=J;const Z=V;class Q extends HTMLElement{constructor(){super(),S(this,b),S(this,x,t=>{const n=t.previousElementSibling,e=t.nextElementSibling;if(!n||!e)return void B(this,b,this.classList.contains("h")?"h":"v");const o=n.getBoundingClientRect(),i=e.getBoundingClientRect();this.classList.contains("h")?B(this,b,"h"):this.classList.contains("v")?B(this,b,"v"):B(this,b,Math.abs(o.top-i.top)<5?"h":"v")}),S(this,y,t=>{t.preventDefault(),t.stopPropagation();const n=this.getBoundingClientRect(),e="h"===$(this,b),o=e?t.clientX-n.left:t.clientY-n.top,i=document.createElement("div");i.className=`nx-splitter-drag-bar-${$(this,b)}`,Object.assign(i.style,{position:"absolute",zIndex:"999",background:"#666",opacity:"0.6",pointerEvents:"none"});const s=this.getRootNode({composed:!0}),a=s instanceof ShadowRoot?s.host:this.parentElement,r=this.previousElementSibling,l=this.nextElementSibling;if(!a||!r||!l)return void K.warn("Spliter's parent or siblings not found.");(a.shadowRoot||a).appendChild(i);const c=i.offsetParent.getBoundingClientRect(),d=r.getBoundingClientRect(),h=l.getBoundingClientRect(),p=(e?n.left-c.left:n.top-c.top)+o;e?(i.style.top="0",i.style.left=`${p}px`,i.style.width="2px",i.style.height="100%"):(i.style.left="0",i.style.top=`${p}px`,i.style.height="2px",i.style.width="100%"),i.style.mixBlendMode="difference",i.style.zIndex="99999";const g=e?d.left-c.left:d.top-c.top,u=e?h.right-c.left-n.width:h.bottom-c.top-n.height,m=t=>{const n=e?t.clientX:t.clientY,o=e?n-c.left:n-c.top,s=Math.max(g,Math.min(o,u));e?i.style.left=`${s}px`:i.style.top=`${s}px`},f=()=>{window.removeEventListener("mousemove",m),window.removeEventListener("mouseup",f),i.remove();const t=Array.from(a.children),n=t.filter(t=>"nx-splitter"!==t.tagName.toLowerCase()),o=window.getComputedStyle(a),s=e?o.getPropertyValue("column-gap"):o.getPropertyValue("row-gap"),c=parseFloat(s)||0,d=(t.length>1?t.length-1:0)*c,h=(e?parseFloat(i.style.left):parseFloat(i.style.top))-p,g=e?r.getBoundingClientRect().width:r.getBoundingClientRect().height,u=e?l.getBoundingClientRect().width:l.getBoundingClientRect().height;let v=g+h,w=u-h;v<0&&(w+=v,v=0),w<0&&(v+=w,w=0);const b=n.map(t=>e?t.getBoundingClientRect().width:t.getBoundingClientRect().height),x=t.reduce((t,n)=>"nx-splitter"===n.tagName.toLowerCase()?t+(e?n.getBoundingClientRect().width:n.getBoundingClientRect().height):t,0),y=(e?a.getBoundingClientRect().width:a.getBoundingClientRect().height)-x-d;let k=0;n.forEach((t,n)=>{let e;e=t===r?v:t===l?w:b[n];const o=e/y;K.log(t),t.classList.contains("sidebar")?t.style.flex=`0 0 ${e}px`:t.style.flex=`${o} ${o} 0`,k+=o}),K.log(`dragOffset: ${h}`),K.log(`Calculated FlexSum: ${k}`)};window.addEventListener("mousemove",m),window.addEventListener("mouseup",f)}),S(this,k,()=>{$(this,x).call(this,this),this.classList.add($(this,b));const t=this.innerHTML.trim(),n=""===t?'<div class="grip"></div>':`<div class="grip"></div><div class="inner-container">${t}</div><div class="grip"></div>`;this.innerHTML="";const e=document.createElement("template");e.innerHTML=`\n\t\t\t<style>\n\t\t\t\t@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@0.9.124/dist/css/nine-util.css";\n\t\t\t\t${this.cssPath?`@import "${this.cssPath}";`:""}\n\t\t\t</style>\n\t\t\t${n}\n        `,this.shadowRoot.appendChild(e.content.cloneNode(!0)),this.shadowRoot.querySelectorAll(".grip").forEach(t=>{t.addEventListener("mousedown",t=>$(this,y).call(this,t))}),$(this,E).call(this),window.addEventListener("resize",()=>$(this,E).call(this))}),S(this,E,()=>{const t="h"===$(this,b),n=this.parentElement,e=Array.from(n.children).filter(t=>"nx-splitter"!==t.tagName.toLowerCase());if(e.length<2)return;const o=n.getBoundingClientRect(),i=e.reduce((n,e)=>n+(t?e.getBoundingClientRect().width:e.getBoundingClientRect().height),0),s=t?o.width:o.height;e.forEach(n=>{const e=t?n.getBoundingClientRect().width:n.getBoundingClientRect().height,o=s*(e/i)/s;n.style.flex=`${o} ${o} 0`})}),this.attachShadow({mode:"open"})}connectedCallback(){$(this,k).call(this)}get cssPath(){return this.getAttribute("css-path")||D.cssPath}}b=new WeakMap,x=new WeakMap,y=new WeakMap,k=new WeakMap,E=new WeakMap,customElements.get("nine-splitter")||customElements.define("nine-splitter",Q);const tt=new D;N.alert=tt.alert.bind(tt),N.confirm=tt.confirm.bind(tt),N.prompt=tt.prompt.bind(tt),N.api=Z,N.trace=K,N.subscribeConfig=W,N.config=_||{},"undefined"!=typeof window&&(window.nine=N),t.Fetch=V,t.NineUtil=D,t.TaskDebouncer=class{constructor(t=50){S(this,f),S(this,g,null),S(this,u,[]),S(this,m),B(this,m,t)}exec(t,...n){$(this,u).push({func:t,args:n}),$(this,g)&&clearTimeout($(this,g)),B(this,g,setTimeout(()=>z(this,f,v).call(this),$(this,m)))}execWithKey(t,n,...e){B(this,u,$(this,u).filter(n=>n.key!==t)),$(this,u).push({key:t,func:n,args:e}),$(this,g)&&clearTimeout($(this,g)),B(this,g,setTimeout(()=>z(this,f,v).call(this),$(this,m)))}},t.Trace=G,t.api=Z,t.config=_,t.loading=U,t.nine=N,t.nineAlertPopup=H,t.nineConfirmPopup=I,t.nineDialog=X,t.ninePromptPopup=q,t.subscribeConfig=W,t.trace=K,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=nine-util.umd.js.map

package/dist/nine-util.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nine-util.umd.js","sources":["../src/core/Config.js","../src/ux/dialog/nineDialog.js","../src/ux/dialog/nineConfirm.js","../src/ux/dialog/ninePrompt.js","../src/ux/dialog/NineUtil.js","../src/core/Trace.js","../src/core/TaskDebouncer.js","../src/ux/Loading.js","../src/net/Fetch.js","../src/ux/UxSplitter.js","../src/index.js"],"sourcesContent":["// @nine-lab/nine-util/core/Config.js\r\n\r\nconst listeners = new Set();\r\n\r\n// 💡 [핵심] 전역 저장소를 단일화합니다.\r\n// window에 이미 있으면 그것을 쓰고, 없으면 초기값을 생성하여 등록합니다.\r\nconst _initialConfig = {\r\n\tux: { nativeOverride: false, theme: 'light' },\r\n\tboard: { readOnly: false },\r\n\tcssPath: \"\",\r\n\tdebug: false\r\n};\r\n\r\nif (typeof window !== 'undefined' && !window.__NINE_GLOBAL_CONFIG__) {\r\n\twindow.__NINE_GLOBAL_CONFIG__ = _initialConfig;\r\n}\r\n\r\n// 이제 모든 모듈의 _config는 동일한 window 객체 메모리를 가리킵니다.\r\nconst _config = typeof window !== 'undefined' ? window.__NINE_GLOBAL_CONFIG__ : _initialConfig;\r\n\r\nexport const subscribeConfig = (fn) => {\r\n\tlisteners.add(fn);\r\n\tfn('all', _config);\r\n\treturn () => listeners.delete(fn);\r\n};\r\n\r\n// Proxy 역시 전역 저장소인 _config를 조작합니다.\r\nexport const config = new Proxy(_config, {\r\n\tset(target, prop, value) {\r\n\t\ttarget[prop] = value;\r\n\t\tlisteners.forEach(fn => fn(prop, target));\r\n\t\treturn true;\r\n\t},\r\n\tget(target, prop) {\r\n\t\treturn target[prop];\r\n\t}\r\n});\r\n\r\nexport const nine = {\r\n\tconfig: config,\r\n\r\n\t// Getter에서 window.nine까지 확인할 필요도 없습니다.\r\n\t// 이미 config 자체가 전역 저장소(__NINE_GLOBAL_CONFIG__)를 바라보고 있기 때문입니다.\r\n\tget cssPath() {\r\n\t\treturn this.config.cssPath \|\| \"\";\r\n\t},\r\n\r\n\tsetup(options = {}) {\r\n\t\tObject.entries(options).forEach(([key, value]) => {\r\n\t\t\t// 깊은 병합 지원\r\n\t\t\tif (typeof value === 'object' && value !== null && !Array.isArray(value)) {\r\n\t\t\t\tthis.config[key] = { ...this.config[key], ...value };\r\n\t\t\t} else {\r\n\t\t\t\tthis.config[key] = value;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 다른 모듈에서 window.nine으로 접근할 수 있도록 보장\r\n\t\tif (typeof window !== 'undefined') {\r\n\t\t\twindow.nine = window.nine \|\| this;\r\n\t\t}\r\n\t}\r\n};","import { dialogStyles } from './style.dialog.js';\n\nexport class nineDialog extends HTMLElement\n{\n\t#shift;\n\t#dialog;\n\n\n\tconstructor () {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\n\t\tconst v = this.innerHTML;\n\t\tconst titleText = this.getAttribute(\"title\") \|\| \"Details\";\n\n\t\ttrace.log(\"111111111\")\n\n\t\tthis.innerHTML = `\n\t\t\t<style>${dialogStyles}</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<div class=\"rect1\"></div>\n\t\t\t\t\t<div class=\"rect2\"></div>\n\t\t\t\t\t<div class=\"rect3\"></div>\n\t\t\t\t\t<ng-sphere class=\"icon\" end-fill=\"#666\" size=\"8\"></ng-sphere>\n\t\t\t\t\t<span class=\"title\">${titleText}</span>\n\t\t\t\t\t<span class=\"sub-title\"></span>\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<ng-sphere class=\"apply\" start-fill=\"#cc6\" end-fill=\"#660\" size=\"16\" title=\"apply\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"reset\" start-fill=\"#99f\" end-fill=\"#00f\" size=\"16\" title=\"reset\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"close\" start-fill=\"#f99\" end-fill=\"#f00\" size=\"16\" title=\"close\"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"contents\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"body\">\n\t\t\t\t\t\t${v}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"close2\">\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n\t\t\t\t\t\t\t<path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\n\t\t//this.#owner = this.getRootNode().host.closest(\"nine-grid\");\n\n\t\t//$(\".title\", this).html(\"Details\");\n\n\t\tthis.#dialog = this.querySelector('dialog');\n\t\tthis.#init();\n\t};\n\n\tshowModal = () => {\n\t\tthis.#dialog.showModal();\n\t};\n\n\tclose = () => {\n\t\t// 이벤트 리스너 제거 (표준 방식은 핸들러 참조가 필요하지만,\n\t\t// 여기서는 요소가 사라지므로 메모리 관리를 위해 정리)\n\t\tthis.#dialog.close();\n\t\tthis.remove();\n\t};\n\n\t#init = () => {\n\t\tconst head = this.querySelector('.head');\n\n\t\t// 1. 모든 닫기 성격의 버튼 (.close, .close2, .cancel) 공통 처리\n\t\tthis.querySelectorAll('.close, .close2, .cancel').forEach(btn => {\n\t\t\tbtn.onclick = () => this.closeWithAnimation(null); // 취소/닫기는 null 리턴\n\t\t});\n\n\t\t// 2. 확인 버튼 (.ok) 처리\n\t\t// 확인 버튼은 텍스트 입력값 등 데이터가 필요하므로\n\t\t// 실제 데이터 추출은 각 팝업 클래스(prompt 등)에서 하되,\n\t\t// 닫기 애니메이션 실행은 여기서 담당하도록 가이드합니다.\n\t\tthis.querySelectorAll('.ok').forEach(btn => {\n\t\t\t// .ok 버튼의 로직은 각 팝업의 setupEvents에서 덮어쓰거나\n\t\t\t// 델리게이트 이벤트를 통해 처리합니다.\n\t\t});\n\n\t\t// 드래그 로직 생략...\n\t};\n\n\t// --- 드래그 로직 (Vanilla JS) ---\n\t#onMouseDown = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\t\tif (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.shiftKey) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tthis.#shift = {\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top\n\t\t};\n\n\t\tconst onMouseMove = (ev) => {\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${ev.clientX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${ev.clientY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onMouseUp = () => {\n\t\t\tdocument.removeEventListener('mousemove', onMouseMove);\n\t\t\tdocument.removeEventListener('mouseup', onMouseUp);\n\t\t};\n\n\t\tdocument.addEventListener('mousemove', onMouseMove);\n\t\tdocument.addEventListener('mouseup', onMouseUp);\n\t};\n\n\t#onTouchStart = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tconst touch = e.changedTouches[0];\n\t\tthis.#shift = {\n\t\t\tx: touch.pageX - rect.left,\n\t\t\ty: touch.pageY - rect.top\n\t\t};\n\n\t\tconst onTouchMove = (ev) => {\n\t\t\tconst t = ev.changedTouches[0];\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${t.pageX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${t.pageY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onTouchEnd = () => {\n\t\t\tdocument.removeEventListener('touchmove', onTouchMove);\n\t\t\tdocument.removeEventListener('touchend', onTouchEnd);\n\t\t};\n\n\t\tdocument.addEventListener('touchmove', onTouchMove);\n\t\tdocument.addEventListener('touchend', onTouchEnd);\n\t};\n\n\tcloseWithAnimation(returnValue) {\n\t\tthis.#dialog.classList.add(\"out\"); // 퇴장 애니메이션 시작\n\n\t\t// 애니메이션(0.3s)이 끝난 후 제거 및 이벤트 발생\n\t\tsetTimeout(() => {\n\t\t\tthis.#dialog.close();\n\t\t\t// 부모(BasePopup)에게 작업 완료와 결과값을 알림\n\t\t\tthis.dispatchEvent(new CustomEvent('closed', { detail: returnValue }));\n\t\t\tthis.remove();\n\t\t}, 300);\n\t}\n}\n\n// BasePopup.js\nexport class BasePopup extends HTMLElement {\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tstatic async open(PopupClass, message, title, options, renderFn) {\n\t\t// 1. 설정 병합\n\t\tconst tagName = PopupClass.tagName.toLowerCase();\n\t\tconst config = {\n\t\t\t\"true-text\": \"확인\",\n\t\t\t\"false-text\": \"취소\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(window.nine?.config?.ux?.[tagName.replace('nine-', '').replace('-popup', '')] \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 중복 제거 및 엘리먼트 생성\n\t\tdocument.querySelectorAll(tagName).forEach(el => el.remove());\n\t\tconst el = document.createElement(tagName);\n\t\tif (config.class) el.classList.add(config.class);\n\t\tif (config.animation) el.classList.add(config.animation);\n\t\tdocument.body.appendChild(el);\n\n\t\t// 3. 렌더링 (각 팝업의 UI 그리기)\n\t\trenderFn(el, message, config);\n\n\t\tconst dialogComp = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tif (title) dialogComp.setAttribute(\"title\", title);\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// [중요] nine-dialog의 애니메이션이 끝난 후 던지는 이벤트를 수신\n\t\t\tdialogComp.addEventListener('closed', (e) => resolve(e.detail));\n\n\t\t\t// 각 팝업 클래스에서 버튼 클릭 시 dialogComp.closeWithAnimation(값)을\n\t\t\t// 호출하도록 이벤트를 바인딩해줌\n\t\t\tel.setupEvents(resolve, dialogComp);\n\n\t\t\tdialogComp.showModal();\n\t\t});\n\t}\n}\n\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport { BasePopup } from \"./nineDialog.js\";\n\nexport class nineConfirmPopup extends BasePopup {\n\tstatic tagName = 'nine-confirm-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tthis.shadowRoot.querySelector(\".ok\").onclick = () => dialogComp.closeWithAnimation(true);\n\t\t// 취소는 nine-dialog 내부 기본 로직(closeWithAnimation(null))이 처리함\n\t}\n\n\tstatic confirm = (m, t, o) => BasePopup.open(nineConfirmPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// --- 3. ALERT (단순 알림) ---\nexport class nineAlertPopup extends BasePopup {\n\tstatic tagName = 'nine-alert-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">확인</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\t// 얼럿은 취소 버튼 하나만 두거나, 확인 버튼이 cancel 역할을 수행하게 함\n\t}\n\n\tstatic alert = (m, t, o) => BasePopup.open(nineAlertPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// Custom Element 등록\nif (!customElements.get('nine-confirm-popup')) customElements.define('nine-confirm-popup', nineConfirmPopup);\nif (!customElements.get('nine-alert-popup')) customElements.define(\"nine-alert-popup\", nineAlertPopup);","import { nine } from \"../../core/Config.js\";\nimport { BasePopup } from \"./nineDialog.js\";\n\n/*\n \n /\nexport class ninePromptPopup extends BasePopup {\n\tstatic tagName = 'nine-prompt-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\n\t\ttrace.log(this);\n\t\ttrace.log(this.shadowRoot);\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"input-area\">\n <textarea placeholder=\"내용을 입력하세요...\"></textarea>\n </div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tconst textarea = this.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = this.shadowRoot.querySelector(\".ok\");\n\n\t\t// 확인 버튼 클릭 시 textarea 값을 가지고 애니메이션 닫기\n\t\tokBtn.onclick = () => dialogComp.closeWithAnimation(textarea.value);\n\n\t\t// 렌더링 후 포커스\n\t\trequestAnimationFrame(() => textarea.focus());\n\t}\n\n\tstatic prompt = (m, t, o) => BasePopup.open(ninePromptPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\nif (!customElements.get('nine-prompt-popup')) {\n\tcustomElements.define('nine-prompt-popup', ninePromptPopup);\n}","// src/core/NineUtil.js\r\nimport { nineAlertPopup, nineConfirmPopup } from './nineConfirm.js';\r\nimport { ninePromptPopup } from \"./ninePrompt.js\";\r\n\r\nexport class NineUtil {\r\n\t// static 필드는 클래스 자체에 저장됨\r\n\tstatic cssPath = \"\";\r\n\r\n\t/\r\n\t 팝업 준비 로직 (Private 메서드)\r\n\t /\r\n\t#prepare(type, message, title, defaultClass) {\r\n\r\n\t\tconst options = { class: defaultClass, animation: 'fade' };\r\n\t\t//const popup = type === 'alert' ? nineAlertPopup : (type === 'confirm' ? nineConfirmPopup : ninePromptPopup);\r\n\t\tlet isExecuted = false;\r\n\r\n\t\tconst popupMap = {\r\n\t\t\talert: nineAlertPopup,\r\n\t\t\tconfirm: nineConfirmPopup,\r\n\t\t\tprompt: ninePromptPopup\r\n\t\t};\r\n\r\n\t\tconst popup = popupMap[type];\r\n\r\n\t\tconst runner = {\r\n\t\t\trgb: () => { options.class = 'rgb'; return runner; },\r\n\t\t\tclassic: () => { options.class = 'classic'; return runner; },\r\n\t\t\tshake: () => { options.animation = 'shake'; return runner; },\r\n\t\t\trun: () => { options.animation = 'roadRunner'; return runner; },\r\n\t\t\tzoom: () => { options.animation = 'zoom'; return runner; },\r\n\r\n\t\t\tthen: (resolve, reject) => {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\treturn popup[type](message, title, options).then(resolve, reject);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Microtask: 동기 체이닝이 모두 끝난 후 실행\r\n\t\tPromise.resolve().then(() => {\r\n\t\t\tif (!isExecuted) {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\tpopup[type](message, title, options);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn runner;\r\n\t}\r\n\r\n\talert(message, title = \"Alert\") {\r\n\t\treturn this.#prepare('alert', message, title, 'classic');\r\n\t}\r\n\r\n\tconfirm(message, title = \"Confirm\") {\r\n\t\treturn this.#prepare('confirm', message, title, 'classic');\r\n\t}\r\n\r\n\tprompt(message, title = \"Prompt\") {\r\n\t\treturn this.#prepare('prompt', message, title, 'classic');\r\n\t}\r\n}","export class Trace {\r\n\t#name;\r\n\t#color;\r\n\t#enabled = true;\r\n\r\n\tconstructor(name = null, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\tthis.#autoConfig();\r\n\t\t/\r\n\t\t// 1. 쪼개진 인스턴스들을 하나로 합치는 '본드' 역할 (이게 핵심!)\r\n\t\tif (typeof window !== 'undefined' && window.__NINE_TRACE__) {\r\n\t\t\treturn window.__NINE_TRACE__;\r\n\t\t}\r\n\t\tthis.#autoConfig();\r\n\t\tif (typeof window !== 'undefined') window.__NINE_TRACE__ = this;\r\n\t\t\t/\r\n\t}\r\n\r\n\t#autoConfig() {\r\n\t\tif (typeof window === 'undefined') return;\r\n\t\tconst isLocal = window.location.hostname === 'localhost' \|\|\r\n\t\t\twindow.location.hostname === '127.0.0.1' \|\|\r\n\t\t\twindow.location.hostname.startsWith('192.168.');\r\n\r\n\t\tif (isLocal) {\r\n\t\t\tthis.enable();\r\n\t\t} else {\r\n\t\t\tthis.disable();\r\n\t\t\tconsole.log(\r\n\t\t\t\t`%c[${this.#name \|\| 'Trace'}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,\r\n\t\t\t\t\"color: #4CAF50; font-weight: bold;\", \"\",\r\n\t\t\t\t\"background: #333; color: yellow; padding: 2px 5px;\", \"\"\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t// 🟢 빼먹었던 init 메서드 다시 추가!\r\n\tinitBAK(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\r\n\r\n\tinit(name, color = \"green\") {\r\n\t\t//const style = `color: ${color}; font-weight: bold;`;\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\t/*\r\n\t\tconsole.log(name, color);\r\n\t\treturn {\r\n\t\t\tlog: console.log.bind(console, `%c[${name}]`, style),\r\n\t\t\twarn: console.warn.bind(console, `%c[${name}]`, \"color: cyan; font-weight: bold;\"),\r\n\t\t\terror: console.error.bind(console, `%c[${name}]`, \"color: red; font-weight: bold;\")\r\n\t\t}; /\r\n\t}\r\n\r\n\t//get log() { return console.log.bind(console); }\r\n\r\n\t// 🔴 핵심: 소스 위치를 호출부로 찍어주는 Getter 로직\r\n\tget log() {\r\n\t\t//if (!this.#enabled) return () => {};\r\n\t\tconst style = `color: ${this.#color}; font-weight: bold;`;\r\n\t\t// 이름이 있으면 프리픽스를 붙이고, 없으면 그냥 로그를 바인딩합니다.\r\n\t\treturn (this.#name)\r\n\t\t\t? console.log.bind(console, `%c[${this.#name}]`, style)\r\n\t\t\t: console.log.bind(console);\r\n\t}\r\n\r\n\tget warn() {\r\n\t\tif (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.warn.bind(console, `%c[${this.#name}]`, \"color: cyan; font-weight: bold;\")\r\n\t\t\t: console.warn.bind(console);\r\n\t}\r\n\r\n\tget error() {\r\n\t\t// 에러는 enabled 상태와 상관없이 찍고 싶으시면 if 체크를 주석 처리하세요.\r\n\t\t// if (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.error.bind(console, `%c[${this.#name}]`, \"color: red; font-weight: bold;\")\r\n\t\t\t: console.error.bind(console);\r\n\t}\r\n\r\n\tenable() { this.#enabled = true; }\r\n\tdisable() { this.#enabled = false; }\r\n}\r\n\r\nexport const trace = new Trace();\r\nif (typeof window !== 'undefined') window.trace = trace;","export class TaskDebouncer {\r\n\t#timer = null;\r\n\t#queue = [];\r\n\t#delay;\r\n\r\n\tconstructor(delay = 50) {\r\n\t\tthis.#delay = delay;\r\n\t}\r\n\r\n\t/*\r\n\t @param {Function} func - 실행할 함수\r\n\t * @param {...any} args - 함수에 전달할 임의의 파라미터들\r\n\t /\r\n\texec(func, ...args) {\r\n\t\t// 1. 어떤 함수와 어떤 인자들이 들어왔는지 큐에 저장\r\n\t\tthis.#queue.push({ func, args });\r\n\r\n\t\t// 2. 디바운스 타이머 설정\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\texecWithKey(key, func, ...args) {\r\n\t\t// 1. 같은 키(예: 'resize')가 들어오면 이전 큐에서 해당 키 삭제 (중복 제거)\r\n\t\tthis.#queue = this.#queue.filter(task => task.key !== key);\r\n\r\n\t\t// 2. 새로운 태스크 추가\r\n\t\tthis.#queue.push({ key, func, args });\r\n\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\t#flush() {\r\n\t\tif (this.#queue.length === 0) return;\r\n\r\n\t\t// 3. 현재까지 쌓인 큐를 쏙 빼옴\r\n\t\tconst tasks = this.#queue.splice(0, this.#queue.length);\r\n\t\tconst seen = new Set();\r\n\r\n\t\ttasks.forEach(task => {\r\n\t\t\t// 4. 핵심: 함수 이름과 인자들을 문자열로 합쳐서 유니크 키 생성\r\n\t\t\t// JSON.stringify를 통해 [1, {a:1}] 같은 파라미터도 문자열로 비교 가능\r\n\t\t\tconst identifier = `${task.func.name}_${JSON.stringify(task.args)}`;\r\n\r\n\t\t\tif (!seen.has(identifier)) {\r\n\t\t\t\t// 5. 중복이 아닐 때만 원래 인자들(...args) 그대로 실행\r\n\t\t\t\ttask.func(...task.args);\r\n\t\t\t\tseen.add(identifier);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.#timer = null;\r\n\t}\r\n}","export class Loading {\n\tstatic show() {\n\t\tlet overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (!overlay) {\n\t\t\toverlay = document.createElement(\"div\");\n\t\t\toverlay.id = \"global-loading-overlay\";\n\t\t\toverlay.style.cssText = `\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0, 0, 0, 0.4); display: flex; \n justify-content: center; align-items: center;\n backdrop-filter: blur(2px);\n `;\n\t\t\toverlay.innerHTML = `<div class=\"loading-spinner\"></div>`;\n\t\t\tdocument.body.appendChild(overlay);\n\n\t\t\tif (!document.getElementById(\"nine-util-style\")) {\n\t\t\t\tconst style = document.createElement(\"style\");\n\t\t\t\tstyle.id = \"nine-util-style\";\n\t\t\t\tstyle.innerHTML = `\n .loading-spinner {\n width: 48px; height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n border-top-color: white; border-radius: 50%;\n animation: nine-spin 1s linear infinite;\n }\n @keyframes nine-spin { to { transform: rotate(360deg); } }\n `;\n\t\t\t\tdocument.head.appendChild(style);\n\t\t\t}\n\t\t}\n\t\toverlay.style.display = \"flex\";\n\t}\n\n\tstatic hide() {\n\t\tconst overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (overlay) overlay.style.display = \"none\";\n\t}\n}","import { Loading } from \"../ux/Loading.js\";\nimport { trace } from \"../core/Trace.js\";\n\nexport class Fetch {\n\tstatic BASE_URL = window.__API_BASE_URL__ \|\| \"\";\n\n\tstatic #request = (method, url, data = {}, showLoading = true) => {\n\t\tconst finalUrl = url.startsWith('http') ? url : `${this.BASE_URL}${url}`;\n\n\t\tif (showLoading) {\n\t\t\tLoading.show();\n\t\t}\n\n\t\t// 1. 기본 헤더 설정\n\t\tconst headers = {};\n\n\t\t// 🔴 핵심: 데이터가 FormData가 아닐 때만 JSON 헤더를 추가합니다.\n\t\tif (!(data instanceof FormData)) {\n\t\t\theaders[\"Content-Type\"] = \"application/json\";\n\t\t}\n\n\t\tconst options = {\n\t\t\tmethod,\n\t\t\theaders\n\t\t};\n\n\t\tlet targetUrl = finalUrl;\n\t\tif (method === \"GET\") {\n\t\t\ttargetUrl += `?${new URLSearchParams(data)}`;\n\t\t} else {\n\t\t\t// 🔴 핵심: FormData는 그대로 body에 넣고, 일반 객체는 JSON.stringify 처리합니다.\n\t\t\toptions.body = data instanceof FormData ? data : JSON.stringify(data);\n\t\t}\n\n\t\treturn fetch(targetUrl, options)\n\t\t\t.then(async res => {\n\t\t\t\tif (!res.ok) {\n\t\t\t\t\tconst text = await res.text();\n\t\t\t\t\tthrow new Error(`API 오류 (${res.status}): ${text}`);\n\t\t\t\t}\n\t\t\t\treturn res.json();\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(`[IdeFetch.${method.toLowerCase()}] ${finalUrl} 실패:`, err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (showLoading) {\n\t\t\t\t\tLoading.hide();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\t// 기존 post/get 메서드도 인자를 넘겨주도록 수정\n\tstatic get = (url, data = {}, showLoading = true) => this.#request(\"GET\", url, data, showLoading);\n\tstatic post = (url, data = {}, showLoading = true) => this.#request(\"POST\", url, data, showLoading);\n\n\t/\n\t 🚀 범용 청크 전송 (파라미터 이름까지 동적 설정)\n\t * @param {string} url - API 주소\n\t * @param {Array} rows - 데이터 배열\n\t * @param {object} options - 상세 옵션\n\t * - fileKey: 객체 내 파일 속성명 (기본: 'fileContents')\n\t * - filePartName: 서버에서 받을 파일 파트명 (기본: 'files')\n\t * - jsonPartName: 서버에서 받을 JSON 파트명 (기본: 'dataList')\n\t * - chunkSize: 분할 단위 (기본: 10)\n\t /\n\tstatic postMultipart = async (url, rows = [], options = {}) => {\n\t\tconst {\n\t\t\tfileKey = 'fileContents',\n\t\t\tfilePartName = 'files',\n\t\t\tjsonPartName = 'dataList',\n\t\t\tchunkSize = 10\n\t\t} = options;\n\n\t\t// 1. 시작 전 로딩바 띄우기\n\t\tLoading.show();\n\n\t\tlet totalCount = 0;\n\t\tlet lastResponse = null;\n\n\t\t// 🔴 2. 전체 루프를 Promise 체인처럼 관리 (내부는 await 유지)\n\t\treturn (async () => {\n\t\t\tfor (let i = 0; i < rows.length; i += chunkSize) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tconst chunk = rows.slice(i, i + chunkSize);\n\t\t\t\tconst rowDataList = [];\n\n\t\t\t\tchunk.forEach((row) => {\n\t\t\t\t\tconst { [fileKey]: fileObj, _fileObj, ...rest } = row;\n\t\t\t\t\trowDataList.push(rest);\n\t\t\t\t\tif (fileObj instanceof File) {\n\t\t\t\t\t\tformData.append(filePartName, fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst jsonBlob = new Blob([JSON.stringify(rowDataList)], { type: 'application/json' });\n\t\t\t\tformData.append(jsonPartName, jsonBlob);\n\n\t\t\t\t// showLoading = false로 내부 호출\n\t\t\t\tlastResponse = await this.post(url, formData, false);\n\n\t\t\t\tif (lastResponse && (lastResponse.success \|\| lastResponse.status === 'OK')) {\n\t\t\t\t\ttotalCount += chunk.length;\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`청크 전송 실패: ${i}번째 섹션`);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...lastResponse, success: true, totalCount };\n\t\t})()\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(\"[postChunk] Error:\", err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// 🔴 3. 성공하든 실패하든 여기서 깔끔하게 닫기!\n\t\t\t\tLoading.hide();\n\t\t\t});\n\t};\n}\n\nexport const api = Fetch;","import { NineUtil } from \"./dialog/NineUtil.js\";\r\nimport { trace } from \"../core/Trace.js\";\r\n\r\nclass UxSplitter extends HTMLElement {\r\n\r\n\t#mode;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.attachShadow({ mode: \"open\" });\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\r\n\t\tthis.#init();\r\n\t}\r\n\r\n\t#detectMode = (el) => {\r\n\t\tconst prev = el.previousElementSibling;\r\n\t\tconst next = el.nextElementSibling;\r\n\t\tif (!prev \|\| !next) {\r\n\t\t\tthis.#mode = this.classList.contains('h') ? \"h\" : \"v\";\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\tif (this.classList.contains('h')) {\r\n\t\t\tthis.#mode = \"h\";\r\n\t\t} else if (this.classList.contains('v')) {\r\n\t\t\tthis.#mode = \"v\";\r\n\t\t} else {\r\n\t\t\tthis.#mode = (Math.abs(prevRect.top - nextRect.top) < 5) ? \"h\" : \"v\";\r\n\t\t}\r\n\t};\r\n\r\n\t#startDrag = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tconst splitterRect = this.getBoundingClientRect();\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\r\n\t\t// 마우스 포인터와 스플리터 시작점 사이의 거리\r\n\t\tconst clickOffset = isHorizontal\r\n\t\t\t? e.clientX - splitterRect.left\r\n\t\t\t: e.clientY - splitterRect.top;\r\n\r\n\t\tconst dragBar = document.createElement(\"div\");\r\n\t\tdragBar.className = `nx-splitter-drag-bar-${this.#mode}`;\r\n\r\n\t\tObject.assign(dragBar.style, {\r\n\t\t\tposition: \"absolute\",\r\n\t\t\tzIndex: \"999\",\r\n\t\t\tbackground: \"#666\",\r\n\t\t\topacity: \"0.6\",\r\n\t\t\tpointerEvents: \"none\"\r\n\t\t});\r\n\r\n\t\tconst root = this.getRootNode({ composed: true });\r\n\t\tconst parent = root instanceof ShadowRoot ? root.host : this.parentElement;\r\n\t\tconst prev = this.previousElementSibling;\r\n\t\tconst next = this.nextElementSibling;\r\n\r\n\t\tif (!parent \|\| !prev \|\| !next) {\r\n\t\t\ttrace.warn(\"Spliter's parent or siblings not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t(parent.shadowRoot \|\| parent).appendChild(dragBar);\r\n\t\tconst dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\t// 드래그 바의 초기 위치와 크기 설정\r\n\t\tconst initialSplitterPosInParent = (isHorizontal\r\n\t\t\t? splitterRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: splitterRect.top - dragBarOffsetParentRect.top) + clickOffset;\r\n\r\n\t\tif (isHorizontal) {\r\n\t\t\tdragBar.style.top = \"0\";\r\n\t\t\tdragBar.style.left = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.width = \"2px\";\r\n\t\t\tdragBar.style.height = \"100%\";\r\n\t\t} else {\r\n\t\t\tdragBar.style.left = \"0\";\r\n\t\t\tdragBar.style.top = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.height = \"2px\";\r\n\t\t\tdragBar.style.width = \"100%\";\r\n\t\t}\r\n\r\n\t\tdragBar.style.mixBlendMode = \"difference\";\r\n\t\tdragBar.style.zIndex = \"99999\";\r\n\r\n\t\tconst minLimit = isHorizontal\r\n\t\t\t? prevRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: prevRect.top - dragBarOffsetParentRect.top;\r\n\t\tconst maxLimit = isHorizontal\r\n\t\t\t? nextRect.right - dragBarOffsetParentRect.left - splitterRect.width\r\n\t\t\t: nextRect.bottom - dragBarOffsetParentRect.top - splitterRect.height;\r\n\r\n\t\tconst onMove = moveEvent => {\r\n\t\t\tconst clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;\r\n\t\t\tconst currentPosInParent = isHorizontal\r\n\t\t\t\t? clientPos - dragBarOffsetParentRect.left\r\n\t\t\t\t: clientPos - dragBarOffsetParentRect.top;\r\n\r\n\t\t\tconst clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));\r\n\r\n\t\t\tif (isHorizontal) {\r\n\t\t\t\tdragBar.style.left = `${clampedPos}px`;\r\n\t\t\t} else {\r\n\t\t\t\tdragBar.style.top = `${clampedPos}px`;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst onUp = () => {\r\n\t\t\twindow.removeEventListener(\"mousemove\", onMove);\r\n\t\t\twindow.removeEventListener(\"mouseup\", onUp);\r\n\t\t\tdragBar.remove();\r\n\r\n\t\t\tconst allChildren = Array.from(parent.children);\r\n\t\t\tconst allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\r\n\t\t\t// ⭐⭐ gap 크기 계산 ⭐⭐\r\n\t\t\tconst style = window.getComputedStyle(parent);\r\n\t\t\tconst gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');\r\n\t\t\tconst gapSize = parseFloat(gapValue) \|\| 0;\r\n\t\t\tconst gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;\r\n\t\t\tconst totalGapSize = gapCount gapSize;\r\n\r\n\t\t\tconst finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);\r\n\t\t\tconst dragOffset = finalDragBarPos - initialSplitterPosInParent;\r\n\r\n\t\t\tconst prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;\r\n\t\t\tconst nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;\r\n\r\n\t\t\tlet newPrevSize = prevSize + dragOffset;\r\n\t\t\tlet newNextSize = nextSize - dragOffset;\r\n\r\n\t\t\t// 패널 크기가 음수가 되지 않도록 제한하고, 다른 패널에 차이를 보정\r\n\t\t\tif (newPrevSize < 0) {\r\n\t\t\t\tnewNextSize += newPrevSize;\r\n\t\t\t\tnewPrevSize = 0;\r\n\t\t\t}\r\n\t\t\tif (newNextSize < 0) {\r\n\t\t\t\tnewPrevSize += newNextSize;\r\n\t\t\t\tnewNextSize = 0;\r\n\t\t\t}\r\n\r\n\t\t\tconst initialSizes = allPanels.map(panel => isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height);\r\n\r\n\t\t\tconst totalSplitterSize = allChildren.reduce((sum, child) => {\r\n\t\t\t\tif (child.tagName.toLowerCase() === 'nx-splitter') {\r\n\t\t\t\t\treturn sum + (isHorizontal ? child.getBoundingClientRect().width : child.getBoundingClientRect().height);\r\n\t\t\t\t}\r\n\t\t\t\treturn sum;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tconst totalContainerSize = (isHorizontal ? parent.getBoundingClientRect().width : parent.getBoundingClientRect().height);\r\n\t\t\tconst totalFlexSpace = totalContainerSize - totalSplitterSize - totalGapSize;\r\n\r\n\t\t\tlet flexSum = 0;\r\n\t\t\tallPanels.forEach((panel, index) => {\r\n\t\t\t\tlet newSize;\r\n\t\t\t\tif (panel === prev) {\r\n\t\t\t\t\tnewSize = newPrevSize;\r\n\t\t\t\t} else if (panel === next) {\r\n\t\t\t\t\tnewSize = newNextSize;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewSize = initialSizes[index];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t//panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\r\n\t\t\t\ttrace.log(panel);\r\n\r\n\t\t\t\tif (panel.classList.contains('sidebar')) {\r\n\t\t\t\t\t// 드래그가 끝난 시점의 newSize(px)를 그대로 고정값으로 할당\r\n\t\t\t\t\t// 이렇게 하면 비율(%)이 아니라 딱 그 픽셀만큼만 자리를 차지하게 됩니다.\r\n\t\t\t\t\tpanel.style.flex = `0 0 ${newSize}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 나머지 메인 보드 같은 유연한 패널은 비율(%)로 처리\r\n\t\t\t\t\t//const newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t\tpanel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tflexSum += newFlexBasis;\r\n\t\t\t});\r\n\r\n\t\t\ttrace.log(`dragOffset: ${dragOffset}`);\r\n\t\t\ttrace.log(`Calculated FlexSum: ${flexSum}`);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"mousemove\", onMove);\r\n\t\twindow.addEventListener(\"mouseup\", onUp);\r\n\t};\r\n\r\n\tget cssPath() {\r\n\t\treturn this.getAttribute(\"css-path\") \|\| NineUtil.cssPath;\r\n\t}\r\n\r\n\t#init = () => {\r\n\t\tthis.#detectMode(this);\r\n\t\tthis.classList.add(this.#mode);\r\n\r\n\t\tconst contents = this.innerHTML.trim();\r\n\t\t//const gripClass = `grip-${this.#mode}`;\r\n\t\tconst gripTmpl = (contents === \"\") ? `<div class=\"grip\"></div>` : `<div class=\"grip\"></div><div class=\"inner-container\">${contents}</div><div class=\"grip\"></div>`;\r\n\r\n\t\tthis.innerHTML = \"\";\r\n\t\tconst htmlTmpl = document.createElement(\"template\");\r\n\t\thtmlTmpl.innerHTML = `\r\n\t\t\t<style>\r\n\t\t\t\t@import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${__APP_VERSION__}/dist/css/nine-util.css\";\r\n\t\t\t\t${this.cssPath ? `@import \"${this.cssPath}\";` : \"\"}\r\n\t\t\t</style>\r\n\t\t\t${gripTmpl}\r\n `;\r\n\r\n\t\tthis.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));\r\n\r\n\t\tthis.shadowRoot.querySelectorAll(\".grip\").forEach(el => {\r\n\t\t\tel.addEventListener(\"mousedown\", e => this.#startDrag(e));\r\n\t\t});\r\n\r\n\t\tthis.#prepareLayout();\r\n\r\n\t\twindow.addEventListener(\"resize\", () => this.#prepareLayout());\r\n\t};\r\n\r\n\t#prepareLayout = () => {\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\t\tconst parent = this.parentElement;\r\n\t\tconst allPanels = Array.from(parent.children).filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\t\tif (allPanels.length < 2) return;\r\n\r\n\t\tconst parentRect = parent.getBoundingClientRect();\r\n\t\tconst totalContentSize = allPanels.reduce((sum, el) => {\r\n\t\t\tconst size = isHorizontal ? el.getBoundingClientRect().width : el.getBoundingClientRect().height;\r\n\t\t\treturn sum + size;\r\n\t\t}, 0);\r\n\t\tconst totalParentSize = isHorizontal ? parentRect.width : parentRect.height;\r\n\r\n\t\tallPanels.forEach(panel => {\r\n\t\t\tconst size = isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height;\r\n\t\t\tconst newSize = totalParentSize * (size / totalContentSize);\r\n\t\t\tconst flexGrow = newSize / totalParentSize;\r\n\t\t\tpanel.style.flex = `${flexGrow} ${flexGrow} 0`;\r\n\t\t});\r\n\t};\r\n}\r\n\r\nif (!customElements.get('nine-splitter')) {\r\n\tcustomElements.define(\"nine-splitter\", UxSplitter);\r\n}","// 1. 기존 core 모듈\r\nimport { NineUtil } from './ux/dialog/NineUtil.js';\r\nimport { nine, subscribeConfig, config } from './core/Config.js';\r\nimport { Trace, trace } from './core/Trace.js';\r\nimport { TaskDebouncer } from './core/TaskDebouncer.js';\r\n\r\n// 2. 신규 net 및 ux 모듈 추가\r\nimport { api, Fetch } from './net/Fetch.js';\r\nimport { Loading } from './ux/Loading.js';\r\n\r\nimport { nineDialog } from './ux/dialog/nineDialog.js';\r\nimport { nineConfirmPopup, nineAlertPopup } from './ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from './ux/dialog/ninePrompt.js';\r\n\r\n// ux\r\nimport './ux/UxSplitter.js';\r\n\r\nconst utilInstance = new NineUtil();\r\nnine.alert = utilInstance.alert.bind(utilInstance);\r\nnine.confirm = utilInstance.confirm.bind(utilInstance);\r\nnine.prompt = utilInstance.prompt.bind(utilInstance);\r\n\r\n// 기존 nine 객체(Config)와 Util 기능을 합성\r\n//Object.assign(nine, utilInstance);\r\n\r\nnine.api = api;\r\nnine.trace = trace;\r\nnine.subscribeConfig = subscribeConfig;\r\nnine.config = config \|\| {};\r\n\r\nexport {\r\n\tnine,\r\n\tsubscribeConfig,\r\n\tconfig,\r\n\tNineUtil,\r\n\tTrace,\r\n\ttrace,\r\n\tTaskDebouncer,\r\n\tapi, // 🚀 추가: 이제 서비스에서 api.get() 가능\r\n\tFetch, // 🚀 추가: 클래스 자체도 혹시 모르니 노출\r\n\tLoading as loading, // 🚀 추가: loading.show() 로 쓰기 편하게 alias\r\n\tnineDialog,\r\n\tnineAlertPopup, nineConfirmPopup, ninePromptPopup\r\n};\r\n\r\nif (typeof window !== 'undefined') {\r\n\twindow.nine = nine;\r\n}\r\n"],"names":["listeners","Set","_initialConfig","ux","nativeOverride","theme","board","readOnly","cssPath","debug","window","__NINE_GLOBAL_CONFIG__","_config","subscribeConfig","fn","add","delete","config","Proxy","set","target","prop","value","forEach","get","nine","this","setup","options","Object","entries","key","Array","isArray","nineDialog","HTMLElement","constructor","super","__privateAdd","_shift","_dialog","__publicField","__privateGet","showModal","close","remove","_init","querySelector","querySelectorAll","btn","onclick","closeWithAnimation","_onMouseDown","e","closest","button","altKey","ctrlKey","shiftKey","rect","getBoundingClientRect","__privateSet","x","clientX","left","y","clientY","top","onMouseMove","ev","style","position","margin","onMouseUp","document","removeEventListener","addEventListener","_onTouchStart","touch","changedTouches","pageX","pageY","onTouchMove","t","onTouchEnd","connectedCallback","v","innerHTML","titleText","getAttribute","trace","log","call","returnValue","classList","setTimeout","dispatchEvent","CustomEvent","detail","WeakMap","BasePopup","attachShadow","mode","open","PopupClass","message","title","renderFn","tagName","toLowerCase","class","animation","_c","_b","_a","replace","el","createElement","body","appendChild","dialogComp","shadowRoot","setAttribute","Promise","resolve","setupEvents","customElements","define","_nineConfirmPopup","render","m","o","msg","conf","nineConfirmPopup","_nineAlertPopup","nineAlertPopup","_ninePromptPopup","textarea","requestAnimationFrame","focus","ninePromptPopup","NineUtil","_NineUtil_instances","alert","__privateMethod","prepare_fn","confirm","prompt","WeakSet","type","defaultClass","isExecuted","popup","runner","rgb","classic","shake","run","zoom","then","reject","Trace","name","color","_Trace_instances","_name","_color","_enabled","autoConfig_fn","initBAK","init","console","bind","warn","error","enable","disable","location","hostname","startsWith","_timer","_queue","_delay","_TaskDebouncer_instances","flush_fn","length","tasks","splice","seen","task","identifier","func","JSON","stringify","args","has","Loading","show","overlay","getElementById","id","cssText","head","display","hide","_Fetch","_request","__API_BASE_URL__","method","url","data","showLoading","finalUrl","BASE_URL","headers","FormData","targetUrl","URLSearchParams","fetch","async","res","ok","text","Error","status","json","catch","err","finally","rows","fileKey","filePartName","jsonPartName","chunkSize","totalCount","lastResponse","i","formData","chunk","slice","rowDataList","row","fileObj","_fileObj","rest","push","File","append","jsonBlob","Blob","post","success","Fetch","api","UxSplitter","_mode","_detectMode","prev","previousElementSibling","next","nextElementSibling","contains","prevRect","nextRect","Math","abs","_startDrag","preventDefault","stopPropagation","splitterRect","isHorizontal","clickOffset","dragBar","className","assign","zIndex","background","opacity","pointerEvents","root","getRootNode","composed","parent","ShadowRoot","host","parentElement","dragBarOffsetParentRect","offsetParent","initialSplitterPosInParent","width","height","mixBlendMode","minLimit","maxLimit","right","bottom","onMove","moveEvent","clientPos","currentPosInParent","clampedPos","max","min","onUp","allChildren","from","children","allPanels","filter","getComputedStyle","gapValue","getPropertyValue","gapSize","parseFloat","totalGapSize","dragOffset","prevSize","nextSize","newPrevSize","newNextSize","initialSizes","map","panel","totalSplitterSize","reduce","sum","child","totalFlexSpace","flexSum","index","newSize","newFlexBasis","flex","contents","trim","gripTmpl","htmlTmpl","content","cloneNode","_prepareLayout","parentRect","totalContentSize","totalParentSize","size","flexGrow","utilInstance","delay","exec","clearTimeout","execWithKey"],"mappings":"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"}
1	+ {"version":3,"file":"nine-util.umd.js","sources":["../src/core/Config.js","../src/ux/dialog/nineDialog.js","../src/ux/dialog/nineConfirm.js","../src/ux/dialog/ninePrompt.js","../src/ux/dialog/NineUtil.js","../src/core/Trace.js","../src/core/TaskDebouncer.js","../src/ux/Loading.js","../src/net/Fetch.js","../src/ux/UxSplitter.js","../src/index.js"],"sourcesContent":["// @nine-lab/nine-util/core/Config.js\r\n\r\nconst listeners = new Set();\r\n\r\n// 💡 [핵심] 전역 저장소를 단일화합니다.\r\n// window에 이미 있으면 그것을 쓰고, 없으면 초기값을 생성하여 등록합니다.\r\nconst _initialConfig = {\r\n\tux: { nativeOverride: false, theme: 'light' },\r\n\tboard: { readOnly: false },\r\n\tcssPath: \"\",\r\n\tdebug: false\r\n};\r\n\r\nif (typeof window !== 'undefined' && !window.__NINE_GLOBAL_CONFIG__) {\r\n\twindow.__NINE_GLOBAL_CONFIG__ = _initialConfig;\r\n}\r\n\r\n// 이제 모든 모듈의 _config는 동일한 window 객체 메모리를 가리킵니다.\r\nconst _config = typeof window !== 'undefined' ? window.__NINE_GLOBAL_CONFIG__ : _initialConfig;\r\n\r\nexport const subscribeConfig = (fn) => {\r\n\tlisteners.add(fn);\r\n\tfn('all', _config);\r\n\treturn () => listeners.delete(fn);\r\n};\r\n\r\n// Proxy 역시 전역 저장소인 _config를 조작합니다.\r\nexport const config = new Proxy(_config, {\r\n\tset(target, prop, value) {\r\n\t\ttarget[prop] = value;\r\n\t\tlisteners.forEach(fn => fn(prop, target));\r\n\t\treturn true;\r\n\t},\r\n\tget(target, prop) {\r\n\t\treturn target[prop];\r\n\t}\r\n});\r\n\r\nexport const nine = {\r\n\tconfig: config,\r\n\r\n\t// Getter에서 window.nine까지 확인할 필요도 없습니다.\r\n\t// 이미 config 자체가 전역 저장소(__NINE_GLOBAL_CONFIG__)를 바라보고 있기 때문입니다.\r\n\tget cssPath() {\r\n\t\treturn this.config.cssPath \|\| \"\";\r\n\t},\r\n\r\n\tsetup(options = {}) {\r\n\t\tObject.entries(options).forEach(([key, value]) => {\r\n\t\t\t// 깊은 병합 지원\r\n\t\t\tif (typeof value === 'object' && value !== null && !Array.isArray(value)) {\r\n\t\t\t\tthis.config[key] = { ...this.config[key], ...value };\r\n\t\t\t} else {\r\n\t\t\t\tthis.config[key] = value;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 다른 모듈에서 window.nine으로 접근할 수 있도록 보장\r\n\t\tif (typeof window !== 'undefined') {\r\n\t\t\twindow.nine = window.nine \|\| this;\r\n\t\t}\r\n\t}\r\n};","import { dialogStyles } from './style.dialog.js';\n\nexport class nineDialog extends HTMLElement\n{\n\t#shift;\n\t#dialog;\n\n\n\tconstructor () {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\n\t\tconst v = this.innerHTML;\n\t\tconst titleText = this.getAttribute(\"title\") \|\| \"Details\";\n\n\t\ttrace.log(\"111111111\")\n\n\t\tthis.innerHTML = `\n\t\t\t<style>${dialogStyles}</style>\n\t\t\n\t\t\t<dialog>\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<div class=\"rect1\"></div>\n\t\t\t\t\t<div class=\"rect2\"></div>\n\t\t\t\t\t<div class=\"rect3\"></div>\n\t\t\t\t\t<ng-sphere class=\"icon\" end-fill=\"#666\" size=\"8\"></ng-sphere>\n\t\t\t\t\t<span class=\"title\">${titleText}</span>\n\t\t\t\t\t<span class=\"sub-title\"></span>\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<ng-sphere class=\"apply\" start-fill=\"#cc6\" end-fill=\"#660\" size=\"16\" title=\"apply\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"reset\" start-fill=\"#99f\" end-fill=\"#00f\" size=\"16\" title=\"reset\"></ng-sphere>\n\t\t\t\t\t\t<ng-sphere class=\"close\" start-fill=\"#f99\" end-fill=\"#f00\" size=\"16\" title=\"close\"></ng-sphere>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"contents\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<span>가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"body\">\n\t\t\t\t\t\t${v}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"close2\">\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n\t\t\t\t\t\t\t<path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\n\t\t//this.#owner = this.getRootNode().host.closest(\"nine-grid\");\n\n\t\t//$(\".title\", this).html(\"Details\");\n\n\t\tthis.#dialog = this.querySelector('dialog');\n\t\tthis.#init();\n\t};\n\n\tshowModal = () => {\n\t\tthis.#dialog.showModal();\n\t};\n\n\tclose = () => {\n\t\t// 이벤트 리스너 제거 (표준 방식은 핸들러 참조가 필요하지만,\n\t\t// 여기서는 요소가 사라지므로 메모리 관리를 위해 정리)\n\t\tthis.#dialog.close();\n\t\tthis.remove();\n\t};\n\n\t#init = () => {\n\t\tconst head = this.querySelector('.head');\n\n\t\t// 1. 모든 닫기 성격의 버튼 (.close, .close2, .cancel) 공통 처리\n\t\tthis.querySelectorAll('.close, .close2, .cancel').forEach(btn => {\n\t\t\tbtn.onclick = () => this.closeWithAnimation(null); // 취소/닫기는 null 리턴\n\t\t});\n\n\t\t// 2. 확인 버튼 (.ok) 처리\n\t\t// 확인 버튼은 텍스트 입력값 등 데이터가 필요하므로\n\t\t// 실제 데이터 추출은 각 팝업 클래스(prompt 등)에서 하되,\n\t\t// 닫기 애니메이션 실행은 여기서 담당하도록 가이드합니다.\n\t\tthis.querySelectorAll('.ok').forEach(btn => {\n\t\t\t// .ok 버튼의 로직은 각 팝업의 setupEvents에서 덮어쓰거나\n\t\t\t// 델리게이트 이벤트를 통해 처리합니다.\n\t\t});\n\n\t\t// 드래그 로직 생략...\n\t};\n\n\t// --- 드래그 로직 (Vanilla JS) ---\n\t#onMouseDown = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\t\tif (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.shiftKey) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tthis.#shift = {\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top\n\t\t};\n\n\t\tconst onMouseMove = (ev) => {\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${ev.clientX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${ev.clientY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onMouseUp = () => {\n\t\t\tdocument.removeEventListener('mousemove', onMouseMove);\n\t\t\tdocument.removeEventListener('mouseup', onMouseUp);\n\t\t};\n\n\t\tdocument.addEventListener('mousemove', onMouseMove);\n\t\tdocument.addEventListener('mouseup', onMouseUp);\n\t};\n\n\t#onTouchStart = e => {\n\t\tif (e.target.closest(\"buttons\")) return;\n\n\t\tconst rect = this.#dialog.getBoundingClientRect();\n\t\tconst touch = e.changedTouches[0];\n\t\tthis.#shift = {\n\t\t\tx: touch.pageX - rect.left,\n\t\t\ty: touch.pageY - rect.top\n\t\t};\n\n\t\tconst onTouchMove = (ev) => {\n\t\t\tconst t = ev.changedTouches[0];\n\t\t\tthis.#dialog.style.position = 'fixed';\n\t\t\tthis.#dialog.style.margin = '0';\n\t\t\tthis.#dialog.style.left = `${t.pageX - this.#shift.x}px`;\n\t\t\tthis.#dialog.style.top = `${t.pageY - this.#shift.y}px`;\n\t\t};\n\n\t\tconst onTouchEnd = () => {\n\t\t\tdocument.removeEventListener('touchmove', onTouchMove);\n\t\t\tdocument.removeEventListener('touchend', onTouchEnd);\n\t\t};\n\n\t\tdocument.addEventListener('touchmove', onTouchMove);\n\t\tdocument.addEventListener('touchend', onTouchEnd);\n\t};\n\n\tcloseWithAnimation(returnValue) {\n\t\tthis.#dialog.classList.add(\"out\"); // 퇴장 애니메이션 시작\n\n\t\t// 애니메이션(0.3s)이 끝난 후 제거 및 이벤트 발생\n\t\tsetTimeout(() => {\n\t\t\tthis.#dialog.close();\n\t\t\t// 부모(BasePopup)에게 작업 완료와 결과값을 알림\n\t\t\tthis.dispatchEvent(new CustomEvent('closed', { detail: returnValue }));\n\t\t\tthis.remove();\n\t\t}, 300);\n\t}\n}\n\n// BasePopup.js\nexport class BasePopup extends HTMLElement {\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tstatic async open(PopupClass, message, title, options, renderFn) {\n\t\t// 1. 설정 병합\n\t\tconst tagName = PopupClass.tagName.toLowerCase();\n\t\tconst config = {\n\t\t\t\"true-text\": \"확인\",\n\t\t\t\"false-text\": \"취소\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(window.nine?.config?.ux?.[tagName.replace('nine-', '').replace('-popup', '')] \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 중복 제거 및 엘리먼트 생성\n\t\tdocument.querySelectorAll(tagName).forEach(el => el.remove());\n\t\tconst el = document.createElement(tagName);\n\t\tif (config.class) el.classList.add(config.class);\n\t\tif (config.animation) el.classList.add(config.animation);\n\t\tdocument.body.appendChild(el);\n\n\t\t// 3. 렌더링 (각 팝업의 UI 그리기)\n\t\trenderFn(el, message, config);\n\n\t\tconst dialogComp = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tif (title) dialogComp.setAttribute(\"title\", title);\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// [중요] nine-dialog의 애니메이션이 끝난 후 던지는 이벤트를 수신\n\t\t\tdialogComp.addEventListener('closed', (e) => resolve(e.detail));\n\n\t\t\t// 각 팝업 클래스에서 버튼 클릭 시 dialogComp.closeWithAnimation(값)을\n\t\t\t// 호출하도록 이벤트를 바인딩해줌\n\t\t\tel.setupEvents(resolve, dialogComp);\n\n\t\t\tdialogComp.showModal();\n\t\t});\n\t}\n}\n\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport { BasePopup } from \"./nineDialog.js\";\n\nexport class nineConfirmPopup extends BasePopup {\n\tstatic tagName = 'nine-confirm-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tthis.shadowRoot.querySelector(\".ok\").onclick = () => dialogComp.closeWithAnimation(true);\n\t\t// 취소는 nine-dialog 내부 기본 로직(closeWithAnimation(null))이 처리함\n\t}\n\n\tstatic confirm = (m, t, o) => BasePopup.open(nineConfirmPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// --- 3. ALERT (단순 알림) ---\nexport class nineAlertPopup extends BasePopup {\n\tstatic tagName = 'nine-alert-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">확인</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\t// 얼럿은 취소 버튼 하나만 두거나, 확인 버튼이 cancel 역할을 수행하게 함\n\t}\n\n\tstatic alert = (m, t, o) => BasePopup.open(nineAlertPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\n// Custom Element 등록\nif (!customElements.get('nine-confirm-popup')) customElements.define('nine-confirm-popup', nineConfirmPopup);\nif (!customElements.get('nine-alert-popup')) customElements.define(\"nine-alert-popup\", nineAlertPopup);","import { nine } from \"../../core/Config.js\";\nimport { BasePopup } from \"./nineDialog.js\";\n\n/*\n \n /\nexport class ninePromptPopup extends BasePopup {\n\tstatic tagName = 'nine-prompt-popup';\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\trender(message, config) {\n\n\t\ttrace.log(this);\n\t\ttrace.log(this.shadowRoot);\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<style>\n\t\t\t\tdialog {\n\t\t\t\t\theight: 300px !important;\n\t\t\t\t}\n\t\t\t\t.msg {\n\t\t\t\t\theight: unset !important;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t\n <nine-dialog>\n <div class=\"msg\">${message.replace(/\\n/g, \"<br/>\")}</div>\n <div class=\"input-area\">\n <textarea placeholder=\"내용을 입력하세요...\"></textarea>\n </div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">${config[\"false-text\"]}</button>\n <button class=\"ok\">${config[\"true-text\"]}</button>\n </div>\n </nine-dialog>`;\n\t}\n\n\tsetupEvents(resolve, dialogComp) {\n\t\tconst textarea = this.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = this.shadowRoot.querySelector(\".ok\");\n\n\t\t// 확인 버튼 클릭 시 textarea 값을 가지고 애니메이션 닫기\n\t\tokBtn.onclick = () => dialogComp.closeWithAnimation(textarea.value);\n\n\t\t// 렌더링 후 포커스\n\t\trequestAnimationFrame(() => textarea.focus());\n\t}\n\n\tstatic prompt = (m, t, o) => BasePopup.open(ninePromptPopup, m, t, o, (el, msg, conf) => el.render(msg, conf));\n}\n\nif (!customElements.get('nine-prompt-popup')) {\n\tcustomElements.define('nine-prompt-popup', ninePromptPopup);\n}","// src/core/NineUtil.js\r\nimport { nineAlertPopup, nineConfirmPopup } from './nineConfirm.js';\r\nimport { ninePromptPopup } from \"./ninePrompt.js\";\r\n\r\nexport class NineUtil {\r\n\t// static 필드는 클래스 자체에 저장됨\r\n\tstatic cssPath = \"\";\r\n\r\n\t/\r\n\t 팝업 준비 로직 (Private 메서드)\r\n\t /\r\n\t#prepare(type, message, title, defaultClass) {\r\n\r\n\t\tconst options = { class: defaultClass, animation: 'fade' };\r\n\t\t//const popup = type === 'alert' ? nineAlertPopup : (type === 'confirm' ? nineConfirmPopup : ninePromptPopup);\r\n\t\tlet isExecuted = false;\r\n\r\n\t\tconst popupMap = {\r\n\t\t\talert: nineAlertPopup,\r\n\t\t\tconfirm: nineConfirmPopup,\r\n\t\t\tprompt: ninePromptPopup\r\n\t\t};\r\n\r\n\t\tconst popup = popupMap[type];\r\n\r\n\t\tconst runner = {\r\n\t\t\trgb: () => { options.class = 'rgb'; return runner; },\r\n\t\t\tclassic: () => { options.class = 'classic'; return runner; },\r\n\t\t\tshake: () => { options.animation = 'shake'; return runner; },\r\n\t\t\trun: () => { options.animation = 'roadRunner'; return runner; },\r\n\t\t\tzoom: () => { options.animation = 'zoom'; return runner; },\r\n\r\n\t\t\tthen: (resolve, reject) => {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\treturn popup[type](message, title, options).then(resolve, reject);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Microtask: 동기 체이닝이 모두 끝난 후 실행\r\n\t\tPromise.resolve().then(() => {\r\n\t\t\tif (!isExecuted) {\r\n\t\t\t\tisExecuted = true;\r\n\t\t\t\tpopup[type](message, title, options);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn runner;\r\n\t}\r\n\r\n\talert(message, title = \"Alert\") {\r\n\t\treturn this.#prepare('alert', message, title, 'classic');\r\n\t}\r\n\r\n\tconfirm(message, title = \"Confirm\") {\r\n\t\treturn this.#prepare('confirm', message, title, 'classic');\r\n\t}\r\n\r\n\tprompt(message, title = \"Prompt\") {\r\n\t\treturn this.#prepare('prompt', message, title, 'classic');\r\n\t}\r\n}","export class Trace {\r\n\t#name;\r\n\t#color;\r\n\t#enabled = true;\r\n\r\n\tconstructor(name = null, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t\tthis.#autoConfig();\r\n\t\t/\r\n\t\t// 1. 쪼개진 인스턴스들을 하나로 합치는 '본드' 역할 (이게 핵심!)\r\n\t\tif (typeof window !== 'undefined' && window.__NINE_TRACE__) {\r\n\t\t\treturn window.__NINE_TRACE__;\r\n\t\t}\r\n\t\tthis.#autoConfig();\r\n\t\tif (typeof window !== 'undefined') window.__NINE_TRACE__ = this;\r\n\t\t\t/\r\n\t}\r\n\r\n\t#autoConfig() {\r\n\t\tif (typeof window === 'undefined') return;\r\n\t\tconst isLocal = window.location.hostname === 'localhost' \|\|\r\n\t\t\twindow.location.hostname === '127.0.0.1' \|\|\r\n\t\t\twindow.location.hostname.startsWith('192.168.');\r\n\r\n\t\tif (isLocal) {\r\n\t\t\tthis.enable();\r\n\t\t} else {\r\n\t\t\tthis.disable();\r\n\t\t\tconsole.log(\r\n\t\t\t\t`%c[${this.#name \|\| 'Trace'}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,\r\n\t\t\t\t\"color: #4CAF50; font-weight: bold;\", \"\",\r\n\t\t\t\t\"background: #333; color: yellow; padding: 2px 5px;\", \"\"\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t// 🟢 빼먹었던 init 메서드 다시 추가!\r\n\tinitBAK(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\r\n\r\n\tinit(name, color = \"green\") {\r\n\t\t//const style = `color: ${color}; font-weight: bold;`;\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\r\n\t\treturn this;\r\n\t\t/*\r\n\t\tconsole.log(name, color);\r\n\t\treturn {\r\n\t\t\tlog: console.log.bind(console, `%c[${name}]`, style),\r\n\t\t\twarn: console.warn.bind(console, `%c[${name}]`, \"color: cyan; font-weight: bold;\"),\r\n\t\t\terror: console.error.bind(console, `%c[${name}]`, \"color: red; font-weight: bold;\")\r\n\t\t}; /\r\n\t}\r\n\r\n\t//get log() { return console.log.bind(console); }\r\n\r\n\t// 🔴 핵심: 소스 위치를 호출부로 찍어주는 Getter 로직\r\n\tget log() {\r\n\t\t//if (!this.#enabled) return () => {};\r\n\t\tconst style = `color: ${this.#color}; font-weight: bold;`;\r\n\t\t// 이름이 있으면 프리픽스를 붙이고, 없으면 그냥 로그를 바인딩합니다.\r\n\t\treturn (this.#name)\r\n\t\t\t? console.log.bind(console, `%c[${this.#name}]`, style)\r\n\t\t\t: console.log.bind(console);\r\n\t}\r\n\r\n\tget warn() {\r\n\t\tif (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.warn.bind(console, `%c[${this.#name}]`, \"color: cyan; font-weight: bold;\")\r\n\t\t\t: console.warn.bind(console);\r\n\t}\r\n\r\n\tget error() {\r\n\t\t// 에러는 enabled 상태와 상관없이 찍고 싶으시면 if 체크를 주석 처리하세요.\r\n\t\t// if (!this.#enabled) return () => {};\r\n\t\treturn (this.#name)\r\n\t\t\t? console.error.bind(console, `%c[${this.#name}]`, \"color: red; font-weight: bold;\")\r\n\t\t\t: console.error.bind(console);\r\n\t}\r\n\r\n\tenable() { this.#enabled = true; }\r\n\tdisable() { this.#enabled = false; }\r\n}\r\n\r\nexport const trace = new Trace();\r\nif (typeof window !== 'undefined') window.trace = trace;","export class TaskDebouncer {\r\n\t#timer = null;\r\n\t#queue = [];\r\n\t#delay;\r\n\r\n\tconstructor(delay = 50) {\r\n\t\tthis.#delay = delay;\r\n\t}\r\n\r\n\t/*\r\n\t @param {Function} func - 실행할 함수\r\n\t * @param {...any} args - 함수에 전달할 임의의 파라미터들\r\n\t /\r\n\texec(func, ...args) {\r\n\t\t// 1. 어떤 함수와 어떤 인자들이 들어왔는지 큐에 저장\r\n\t\tthis.#queue.push({ func, args });\r\n\r\n\t\t// 2. 디바운스 타이머 설정\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\texecWithKey(key, func, ...args) {\r\n\t\t// 1. 같은 키(예: 'resize')가 들어오면 이전 큐에서 해당 키 삭제 (중복 제거)\r\n\t\tthis.#queue = this.#queue.filter(task => task.key !== key);\r\n\r\n\t\t// 2. 새로운 태스크 추가\r\n\t\tthis.#queue.push({ key, func, args });\r\n\r\n\t\tif (this.#timer) clearTimeout(this.#timer);\r\n\t\tthis.#timer = setTimeout(() => this.#flush(), this.#delay);\r\n\t}\r\n\r\n\t#flush() {\r\n\t\tif (this.#queue.length === 0) return;\r\n\r\n\t\t// 3. 현재까지 쌓인 큐를 쏙 빼옴\r\n\t\tconst tasks = this.#queue.splice(0, this.#queue.length);\r\n\t\tconst seen = new Set();\r\n\r\n\t\ttasks.forEach(task => {\r\n\t\t\t// 4. 핵심: 함수 이름과 인자들을 문자열로 합쳐서 유니크 키 생성\r\n\t\t\t// JSON.stringify를 통해 [1, {a:1}] 같은 파라미터도 문자열로 비교 가능\r\n\t\t\tconst identifier = `${task.func.name}_${JSON.stringify(task.args)}`;\r\n\r\n\t\t\tif (!seen.has(identifier)) {\r\n\t\t\t\t// 5. 중복이 아닐 때만 원래 인자들(...args) 그대로 실행\r\n\t\t\t\ttask.func(...task.args);\r\n\t\t\t\tseen.add(identifier);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.#timer = null;\r\n\t}\r\n}","export class Loading {\n\tstatic show() {\n\t\tlet overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (!overlay) {\n\t\t\toverlay = document.createElement(\"div\");\n\t\t\toverlay.id = \"global-loading-overlay\";\n\t\t\toverlay.style.cssText = `\n position: fixed; inset: 0; z-index: 9999;\n background: rgba(0, 0, 0, 0.4); display: flex; \n justify-content: center; align-items: center;\n backdrop-filter: blur(2px);\n `;\n\t\t\toverlay.innerHTML = `<div class=\"loading-spinner\"></div>`;\n\t\t\tdocument.body.appendChild(overlay);\n\n\t\t\tif (!document.getElementById(\"nine-util-style\")) {\n\t\t\t\tconst style = document.createElement(\"style\");\n\t\t\t\tstyle.id = \"nine-util-style\";\n\t\t\t\tstyle.innerHTML = `\n .loading-spinner {\n width: 48px; height: 48px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n border-top-color: white; border-radius: 50%;\n animation: nine-spin 1s linear infinite;\n }\n @keyframes nine-spin { to { transform: rotate(360deg); } }\n `;\n\t\t\t\tdocument.head.appendChild(style);\n\t\t\t}\n\t\t}\n\t\toverlay.style.display = \"flex\";\n\t}\n\n\tstatic hide() {\n\t\tconst overlay = document.getElementById(\"global-loading-overlay\");\n\t\tif (overlay) overlay.style.display = \"none\";\n\t}\n}","import { Loading } from \"../ux/Loading.js\";\nimport { trace } from \"../core/Trace.js\";\n\nexport class Fetch {\n\tstatic BASE_URL = window.__API_BASE_URL__ \|\| \"\";\n\n\tstatic #request = (method, url, data = {}, showLoading = true) => {\n\t\tconst finalUrl = url.startsWith('http') ? url : `${this.BASE_URL}${url}`;\n\n\t\tif (showLoading) {\n\t\t\tLoading.show();\n\t\t}\n\n\t\t// 1. 기본 헤더 설정\n\t\tconst headers = {};\n\n\t\t// 🔴 핵심: 데이터가 FormData가 아닐 때만 JSON 헤더를 추가합니다.\n\t\tif (!(data instanceof FormData)) {\n\t\t\theaders[\"Content-Type\"] = \"application/json\";\n\t\t}\n\n\t\tconst options = {\n\t\t\tmethod,\n\t\t\theaders\n\t\t};\n\n\t\tlet targetUrl = finalUrl;\n\t\tif (method === \"GET\") {\n\t\t\ttargetUrl += `?${new URLSearchParams(data)}`;\n\t\t} else {\n\t\t\t// 🔴 핵심: FormData는 그대로 body에 넣고, 일반 객체는 JSON.stringify 처리합니다.\n\t\t\toptions.body = data instanceof FormData ? data : JSON.stringify(data);\n\t\t}\n\n\t\treturn fetch(targetUrl, options)\n\t\t\t.then(async res => {\n\t\t\t\tif (!res.ok) {\n\t\t\t\t\tconst text = await res.text();\n\t\t\t\t\tthrow new Error(`API 오류 (${res.status}): ${text}`);\n\t\t\t\t}\n\t\t\t\treturn res.json();\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(`[IdeFetch.${method.toLowerCase()}] ${finalUrl} 실패:`, err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (showLoading) {\n\t\t\t\t\tLoading.hide();\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\t// 기존 post/get 메서드도 인자를 넘겨주도록 수정\n\tstatic get = (url, data = {}, showLoading = true) => this.#request(\"GET\", url, data, showLoading);\n\tstatic post = (url, data = {}, showLoading = true) => this.#request(\"POST\", url, data, showLoading);\n\n\t/\n\t 🚀 범용 청크 전송 (파라미터 이름까지 동적 설정)\n\t * @param {string} url - API 주소\n\t * @param {Array} rows - 데이터 배열\n\t * @param {object} options - 상세 옵션\n\t * - fileKey: 객체 내 파일 속성명 (기본: 'fileContents')\n\t * - filePartName: 서버에서 받을 파일 파트명 (기본: 'files')\n\t * - jsonPartName: 서버에서 받을 JSON 파트명 (기본: 'dataList')\n\t * - chunkSize: 분할 단위 (기본: 10)\n\t /\n\tstatic postMultipart = async (url, rows = [], options = {}) => {\n\t\tconst {\n\t\t\tfileKey = 'fileContents',\n\t\t\tfilePartName = 'files',\n\t\t\tjsonPartName = 'dataList',\n\t\t\tchunkSize = 10\n\t\t} = options;\n\n\t\t// 1. 시작 전 로딩바 띄우기\n\t\tLoading.show();\n\n\t\tlet totalCount = 0;\n\t\tlet lastResponse = null;\n\n\t\t// 🔴 2. 전체 루프를 Promise 체인처럼 관리 (내부는 await 유지)\n\t\treturn (async () => {\n\t\t\tfor (let i = 0; i < rows.length; i += chunkSize) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tconst chunk = rows.slice(i, i + chunkSize);\n\t\t\t\tconst rowDataList = [];\n\n\t\t\t\tchunk.forEach((row) => {\n\t\t\t\t\tconst { [fileKey]: fileObj, _fileObj, ...rest } = row;\n\t\t\t\t\trowDataList.push(rest);\n\t\t\t\t\tif (fileObj instanceof File) {\n\t\t\t\t\t\tformData.append(filePartName, fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst jsonBlob = new Blob([JSON.stringify(rowDataList)], { type: 'application/json' });\n\t\t\t\tformData.append(jsonPartName, jsonBlob);\n\n\t\t\t\t// showLoading = false로 내부 호출\n\t\t\t\tlastResponse = await this.post(url, formData, false);\n\n\t\t\t\tif (lastResponse && (lastResponse.success \|\| lastResponse.status === 'OK')) {\n\t\t\t\t\ttotalCount += chunk.length;\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`청크 전송 실패: ${i}번째 섹션`);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...lastResponse, success: true, totalCount };\n\t\t})()\n\t\t\t.catch(err => {\n\t\t\t\ttrace.error(\"[postChunk] Error:\", err);\n\t\t\t\tthrow err;\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// 🔴 3. 성공하든 실패하든 여기서 깔끔하게 닫기!\n\t\t\t\tLoading.hide();\n\t\t\t});\n\t};\n}\n\nexport const api = Fetch;","import { NineUtil } from \"./dialog/NineUtil.js\";\r\nimport { trace } from \"../core/Trace.js\";\r\n\r\nclass UxSplitter extends HTMLElement {\r\n\r\n\t#mode;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.attachShadow({ mode: \"open\" });\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\r\n\t\tthis.#init();\r\n\t}\r\n\r\n\t#detectMode = (el) => {\r\n\t\tconst prev = el.previousElementSibling;\r\n\t\tconst next = el.nextElementSibling;\r\n\t\tif (!prev \|\| !next) {\r\n\t\t\tthis.#mode = this.classList.contains('h') ? \"h\" : \"v\";\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\tif (this.classList.contains('h')) {\r\n\t\t\tthis.#mode = \"h\";\r\n\t\t} else if (this.classList.contains('v')) {\r\n\t\t\tthis.#mode = \"v\";\r\n\t\t} else {\r\n\t\t\tthis.#mode = (Math.abs(prevRect.top - nextRect.top) < 5) ? \"h\" : \"v\";\r\n\t\t}\r\n\t};\r\n\r\n\t#startDrag = (e) => {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tconst splitterRect = this.getBoundingClientRect();\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\r\n\t\t// 마우스 포인터와 스플리터 시작점 사이의 거리\r\n\t\tconst clickOffset = isHorizontal\r\n\t\t\t? e.clientX - splitterRect.left\r\n\t\t\t: e.clientY - splitterRect.top;\r\n\r\n\t\tconst dragBar = document.createElement(\"div\");\r\n\t\tdragBar.className = `nx-splitter-drag-bar-${this.#mode}`;\r\n\r\n\t\tObject.assign(dragBar.style, {\r\n\t\t\tposition: \"absolute\",\r\n\t\t\tzIndex: \"999\",\r\n\t\t\tbackground: \"#666\",\r\n\t\t\topacity: \"0.6\",\r\n\t\t\tpointerEvents: \"none\"\r\n\t\t});\r\n\r\n\t\tconst root = this.getRootNode({ composed: true });\r\n\t\tconst parent = root instanceof ShadowRoot ? root.host : this.parentElement;\r\n\t\tconst prev = this.previousElementSibling;\r\n\t\tconst next = this.nextElementSibling;\r\n\r\n\t\tif (!parent \|\| !prev \|\| !next) {\r\n\t\t\ttrace.warn(\"Spliter's parent or siblings not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t(parent.shadowRoot \|\| parent).appendChild(dragBar);\r\n\t\tconst dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();\r\n\r\n\t\tconst prevRect = prev.getBoundingClientRect();\r\n\t\tconst nextRect = next.getBoundingClientRect();\r\n\r\n\t\t// 드래그 바의 초기 위치와 크기 설정\r\n\t\tconst initialSplitterPosInParent = (isHorizontal\r\n\t\t\t? splitterRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: splitterRect.top - dragBarOffsetParentRect.top) + clickOffset;\r\n\r\n\t\tif (isHorizontal) {\r\n\t\t\tdragBar.style.top = \"0\";\r\n\t\t\tdragBar.style.left = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.width = \"2px\";\r\n\t\t\tdragBar.style.height = \"100%\";\r\n\t\t} else {\r\n\t\t\tdragBar.style.left = \"0\";\r\n\t\t\tdragBar.style.top = `${initialSplitterPosInParent}px`;\r\n\t\t\tdragBar.style.height = \"2px\";\r\n\t\t\tdragBar.style.width = \"100%\";\r\n\t\t}\r\n\r\n\t\tdragBar.style.mixBlendMode = \"difference\";\r\n\t\tdragBar.style.zIndex = \"99999\";\r\n\r\n\t\tconst minLimit = isHorizontal\r\n\t\t\t? prevRect.left - dragBarOffsetParentRect.left\r\n\t\t\t: prevRect.top - dragBarOffsetParentRect.top;\r\n\t\tconst maxLimit = isHorizontal\r\n\t\t\t? nextRect.right - dragBarOffsetParentRect.left - splitterRect.width\r\n\t\t\t: nextRect.bottom - dragBarOffsetParentRect.top - splitterRect.height;\r\n\r\n\t\tconst onMove = moveEvent => {\r\n\t\t\tconst clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;\r\n\t\t\tconst currentPosInParent = isHorizontal\r\n\t\t\t\t? clientPos - dragBarOffsetParentRect.left\r\n\t\t\t\t: clientPos - dragBarOffsetParentRect.top;\r\n\r\n\t\t\tconst clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));\r\n\r\n\t\t\tif (isHorizontal) {\r\n\t\t\t\tdragBar.style.left = `${clampedPos}px`;\r\n\t\t\t} else {\r\n\t\t\t\tdragBar.style.top = `${clampedPos}px`;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst onUp = () => {\r\n\t\t\twindow.removeEventListener(\"mousemove\", onMove);\r\n\t\t\twindow.removeEventListener(\"mouseup\", onUp);\r\n\t\t\tdragBar.remove();\r\n\r\n\t\t\tconst allChildren = Array.from(parent.children);\r\n\t\t\tconst allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\r\n\t\t\t// ⭐⭐ gap 크기 계산 ⭐⭐\r\n\t\t\tconst style = window.getComputedStyle(parent);\r\n\t\t\tconst gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');\r\n\t\t\tconst gapSize = parseFloat(gapValue) \|\| 0;\r\n\t\t\tconst gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;\r\n\t\t\tconst totalGapSize = gapCount gapSize;\r\n\r\n\t\t\tconst finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);\r\n\t\t\tconst dragOffset = finalDragBarPos - initialSplitterPosInParent;\r\n\r\n\t\t\tconst prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;\r\n\t\t\tconst nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;\r\n\r\n\t\t\tlet newPrevSize = prevSize + dragOffset;\r\n\t\t\tlet newNextSize = nextSize - dragOffset;\r\n\r\n\t\t\t// 패널 크기가 음수가 되지 않도록 제한하고, 다른 패널에 차이를 보정\r\n\t\t\tif (newPrevSize < 0) {\r\n\t\t\t\tnewNextSize += newPrevSize;\r\n\t\t\t\tnewPrevSize = 0;\r\n\t\t\t}\r\n\t\t\tif (newNextSize < 0) {\r\n\t\t\t\tnewPrevSize += newNextSize;\r\n\t\t\t\tnewNextSize = 0;\r\n\t\t\t}\r\n\r\n\t\t\tconst initialSizes = allPanels.map(panel => isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height);\r\n\r\n\t\t\tconst totalSplitterSize = allChildren.reduce((sum, child) => {\r\n\t\t\t\tif (child.tagName.toLowerCase() === 'nx-splitter') {\r\n\t\t\t\t\treturn sum + (isHorizontal ? child.getBoundingClientRect().width : child.getBoundingClientRect().height);\r\n\t\t\t\t}\r\n\t\t\t\treturn sum;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tconst totalContainerSize = (isHorizontal ? parent.getBoundingClientRect().width : parent.getBoundingClientRect().height);\r\n\t\t\tconst totalFlexSpace = totalContainerSize - totalSplitterSize - totalGapSize;\r\n\r\n\t\t\tlet flexSum = 0;\r\n\t\t\tallPanels.forEach((panel, index) => {\r\n\t\t\t\tlet newSize;\r\n\t\t\t\tif (panel === prev) {\r\n\t\t\t\t\tnewSize = newPrevSize;\r\n\t\t\t\t} else if (panel === next) {\r\n\t\t\t\t\tnewSize = newNextSize;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewSize = initialSizes[index];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t//panel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\r\n\t\t\t\ttrace.log(panel);\r\n\r\n\t\t\t\tif (panel.classList.contains('sidebar')) {\r\n\t\t\t\t\t// 드래그가 끝난 시점의 newSize(px)를 그대로 고정값으로 할당\r\n\t\t\t\t\t// 이렇게 하면 비율(%)이 아니라 딱 그 픽셀만큼만 자리를 차지하게 됩니다.\r\n\t\t\t\t\tpanel.style.flex = `0 0 ${newSize}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 나머지 메인 보드 같은 유연한 패널은 비율(%)로 처리\r\n\t\t\t\t\t//const newFlexBasis = newSize / totalFlexSpace;\r\n\t\t\t\t\tpanel.style.flex = `${newFlexBasis} ${newFlexBasis} 0`;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tflexSum += newFlexBasis;\r\n\t\t\t});\r\n\r\n\t\t\ttrace.log(`dragOffset: ${dragOffset}`);\r\n\t\t\ttrace.log(`Calculated FlexSum: ${flexSum}`);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"mousemove\", onMove);\r\n\t\twindow.addEventListener(\"mouseup\", onUp);\r\n\t};\r\n\r\n\tget cssPath() {\r\n\t\treturn this.getAttribute(\"css-path\") \|\| NineUtil.cssPath;\r\n\t}\r\n\r\n\t#init = () => {\r\n\t\tthis.#detectMode(this);\r\n\t\tthis.classList.add(this.#mode);\r\n\r\n\t\tconst contents = this.innerHTML.trim();\r\n\t\t//const gripClass = `grip-${this.#mode}`;\r\n\t\tconst gripTmpl = (contents === \"\") ? `<div class=\"grip\"></div>` : `<div class=\"grip\"></div><div class=\"inner-container\">${contents}</div><div class=\"grip\"></div>`;\r\n\r\n\t\tthis.innerHTML = \"\";\r\n\t\tconst htmlTmpl = document.createElement(\"template\");\r\n\t\thtmlTmpl.innerHTML = `\r\n\t\t\t<style>\r\n\t\t\t\t@import \"https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${__APP_VERSION__}/dist/css/nine-util.css\";\r\n\t\t\t\t${this.cssPath ? `@import \"${this.cssPath}\";` : \"\"}\r\n\t\t\t</style>\r\n\t\t\t${gripTmpl}\r\n `;\r\n\r\n\t\tthis.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));\r\n\r\n\t\tthis.shadowRoot.querySelectorAll(\".grip\").forEach(el => {\r\n\t\t\tel.addEventListener(\"mousedown\", e => this.#startDrag(e));\r\n\t\t});\r\n\r\n\t\tthis.#prepareLayout();\r\n\r\n\t\twindow.addEventListener(\"resize\", () => this.#prepareLayout());\r\n\t};\r\n\r\n\t#prepareLayout = () => {\r\n\t\tconst isHorizontal = this.#mode === \"h\";\r\n\t\tconst parent = this.parentElement;\r\n\t\tconst allPanels = Array.from(parent.children).filter(el => el.tagName.toLowerCase() !== 'nx-splitter');\r\n\t\tif (allPanels.length < 2) return;\r\n\r\n\t\tconst parentRect = parent.getBoundingClientRect();\r\n\t\tconst totalContentSize = allPanels.reduce((sum, el) => {\r\n\t\t\tconst size = isHorizontal ? el.getBoundingClientRect().width : el.getBoundingClientRect().height;\r\n\t\t\treturn sum + size;\r\n\t\t}, 0);\r\n\t\tconst totalParentSize = isHorizontal ? parentRect.width : parentRect.height;\r\n\r\n\t\tallPanels.forEach(panel => {\r\n\t\t\tconst size = isHorizontal ? panel.getBoundingClientRect().width : panel.getBoundingClientRect().height;\r\n\t\t\tconst newSize = totalParentSize * (size / totalContentSize);\r\n\t\t\tconst flexGrow = newSize / totalParentSize;\r\n\t\t\tpanel.style.flex = `${flexGrow} ${flexGrow} 0`;\r\n\t\t});\r\n\t};\r\n}\r\n\r\nif (!customElements.get('nine-splitter')) {\r\n\tcustomElements.define(\"nine-splitter\", UxSplitter);\r\n}","// 1. 기존 core 모듈\r\nimport { NineUtil } from './ux/dialog/NineUtil.js';\r\nimport { nine, subscribeConfig, config } from './core/Config.js';\r\nimport { Trace, trace } from './core/Trace.js';\r\nimport { TaskDebouncer } from './core/TaskDebouncer.js';\r\n\r\n// 2. 신규 net 및 ux 모듈 추가\r\nimport { api, Fetch } from './net/Fetch.js';\r\nimport { Loading } from './ux/Loading.js';\r\n\r\nimport { nineDialog } from './ux/dialog/nineDialog.js';\r\nimport { nineConfirmPopup, nineAlertPopup } from './ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from './ux/dialog/ninePrompt.js';\r\n\r\n// ux\r\nimport './ux/UxSplitter.js';\r\n\r\nconst utilInstance = new NineUtil();\r\nnine.alert = utilInstance.alert.bind(utilInstance);\r\nnine.confirm = utilInstance.confirm.bind(utilInstance);\r\nnine.prompt = utilInstance.prompt.bind(utilInstance);\r\n\r\n// 기존 nine 객체(Config)와 Util 기능을 합성\r\n//Object.assign(nine, utilInstance);\r\n\r\nnine.api = api;\r\nnine.trace = trace;\r\nnine.subscribeConfig = subscribeConfig;\r\nnine.config = config \|\| {};\r\n\r\nexport {\r\n\tnine,\r\n\tsubscribeConfig,\r\n\tconfig,\r\n\tNineUtil,\r\n\tTrace,\r\n\ttrace,\r\n\tTaskDebouncer,\r\n\tapi, // 🚀 추가: 이제 서비스에서 api.get() 가능\r\n\tFetch, // 🚀 추가: 클래스 자체도 혹시 모르니 노출\r\n\tLoading as loading, // 🚀 추가: loading.show() 로 쓰기 편하게 alias\r\n\tnineDialog,\r\n\tnineAlertPopup, nineConfirmPopup, ninePromptPopup\r\n};\r\n\r\nif (typeof window !== 'undefined') {\r\n\twindow.nine = nine;\r\n}\r\n"],"names":["listeners","Set","_initialConfig","ux","nativeOverride","theme","board","readOnly","cssPath","debug","window","__NINE_GLOBAL_CONFIG__","_config","subscribeConfig","fn","add","delete","config","Proxy","set","target","prop","value","forEach","get","nine","this","setup","options","Object","entries","key","Array","isArray","nineDialog","HTMLElement","constructor","super","__privateAdd","_shift","_dialog","__publicField","__privateGet","showModal","close","remove","_init","querySelector","querySelectorAll","btn","onclick","closeWithAnimation","_onMouseDown","e","closest","button","altKey","ctrlKey","shiftKey","rect","getBoundingClientRect","__privateSet","x","clientX","left","y","clientY","top","onMouseMove","ev","style","position","margin","onMouseUp","document","removeEventListener","addEventListener","_onTouchStart","touch","changedTouches","pageX","pageY","onTouchMove","t","onTouchEnd","connectedCallback","v","innerHTML","titleText","getAttribute","trace","log","call","returnValue","classList","setTimeout","dispatchEvent","CustomEvent","detail","WeakMap","BasePopup","attachShadow","mode","open","PopupClass","message","title","renderFn","tagName","toLowerCase","class","animation","_c","_b","_a","replace","el","createElement","body","appendChild","dialogComp","shadowRoot","setAttribute","Promise","resolve","setupEvents","customElements","define","_nineConfirmPopup","render","m","o","msg","conf","nineConfirmPopup","_nineAlertPopup","nineAlertPopup","_ninePromptPopup","textarea","requestAnimationFrame","focus","ninePromptPopup","NineUtil","_NineUtil_instances","alert","__privateMethod","prepare_fn","confirm","prompt","WeakSet","type","defaultClass","isExecuted","popup","runner","rgb","classic","shake","run","zoom","then","reject","Trace","name","color","_Trace_instances","_name","_color","_enabled","autoConfig_fn","initBAK","init","console","bind","warn","error","enable","disable","location","hostname","startsWith","_timer","_queue","_delay","_TaskDebouncer_instances","flush_fn","length","tasks","splice","seen","task","identifier","func","JSON","stringify","args","has","Loading","show","overlay","getElementById","id","cssText","head","display","hide","_Fetch","_request","__API_BASE_URL__","method","url","data","showLoading","finalUrl","BASE_URL","headers","FormData","targetUrl","URLSearchParams","fetch","async","res","ok","text","Error","status","json","catch","err","finally","rows","fileKey","filePartName","jsonPartName","chunkSize","totalCount","lastResponse","i","formData","chunk","slice","rowDataList","row","fileObj","_fileObj","rest","push","File","append","jsonBlob","Blob","post","success","Fetch","api","UxSplitter","_mode","_detectMode","prev","previousElementSibling","next","nextElementSibling","contains","prevRect","nextRect","Math","abs","_startDrag","preventDefault","stopPropagation","splitterRect","isHorizontal","clickOffset","dragBar","className","assign","zIndex","background","opacity","pointerEvents","root","getRootNode","composed","parent","ShadowRoot","host","parentElement","dragBarOffsetParentRect","offsetParent","initialSplitterPosInParent","width","height","mixBlendMode","minLimit","maxLimit","right","bottom","onMove","moveEvent","clientPos","currentPosInParent","clampedPos","max","min","onUp","allChildren","from","children","allPanels","filter","getComputedStyle","gapValue","getPropertyValue","gapSize","parseFloat","totalGapSize","dragOffset","prevSize","nextSize","newPrevSize","newNextSize","initialSizes","map","panel","totalSplitterSize","reduce","sum","child","totalFlexSpace","flexSum","index","newSize","newFlexBasis","flex","contents","trim","gripTmpl","htmlTmpl","content","cloneNode","_prepareLayout","parentRect","totalContentSize","totalParentSize","size","flexGrow","utilInstance","delay","exec","clearTimeout","execWithKey"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-util",
-  "version": "0.9.122",
+  "version": "0.9.124",
   "description": "Custom Element based Util Component for Real-time Collaboration",
   "type": "module",
   "main": "./dist/nine-util.umd.cjs",