npm - @nine-lab/nine-util - Versions diffs - 0.9.102 → 0.9.103 - Mend

@nine-lab/nine-util 0.9.102 → 0.9.103

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

@@ -748,7 +748,7 @@ __publicField(ninePromptPopup, "prompt", async (message, title = "Prompt", optio
     "false-text": "취소",
     class: "classic",
     animation: "fade",
-    ...((_b = (_a = nine.config) == null ? void 0 : _a.ux) == null ? void 0 : _b.confirm) || {},
+    ...((_b = (_a = nine.config) == null ? void 0 : _a.ux) == null ? void 0 : _b.prompt) || {},
     ...options
   };
   document.querySelectorAll("nine-prompt-popup").forEach((el2) => el2.remove());
@@ -1217,7 +1217,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.102"}/dist/css/nine-util.css";
+				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-util@${"0.9.103"}/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/core/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: 4px;\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 }\n button.cancel {\n color: white;\n background-color: #6c757d;\n }\n \n \n \n div.msg {\n position: relative;\n height: 100%;\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// 닫기 버튼 이벤트\n\t\tthis.querySelectorAll('.close, .close2').forEach(btn => {\n\t\t\tbtn.onclick = () => {\n\t\t\t\tthis.#dialog.classList.add(\"out\");\n\t\t\t\tsetTimeout(() => { this.close(); }, 300);\n\t\t\t};\n\t\t});\n\n\t\t// 드래그 이벤트 (표준 addEventListener 사용)\n\t\thead.addEventListener('mousedown', this.#onMouseDown);\n\t\thead.addEventListener('touchstart', this.#onTouchStart, { passive: false });\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\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport \"./nineDialog.js\"; // <nine-dialog> 등록 보장\n\nexport class nineConfirmPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<nine-dialog>\n\t\t\t\t<div class=\"msg\"></div>\n\t\t\t\t<div class=\"buttons-confirm\">\n\t\t\t\t\t<button class=\"ok\">Yes</button>\n\t\t\t\t\t<button class=\"cancel\">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n `;\n\t}\n\n\t/\n\t static confirm 로직\n\t /\n\tstatic confirm = async (message, title = 'Confirm', options = {}) => {\n\t\t// 1. 기존 옵션 병합 (nine.config 활용)\n\t\tconst config = {\n\t\t\t\"true-text\": \"Yes\",\n\t\t\t\"false-text\": \"No\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 기존 인스턴스 정리 및 신규 생성\n\t\tdocument.querySelectorAll('nine-confirm-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-confirm-popup');\n\n\t\t// 3. 클래스 및 애니메이션 적용\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst okBtn = t.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\t\tokBtn.textContent = config[\"true-text\"];\n\t\tcancelBtn.textContent = config[\"false-text\"];\n\n\t\treturn new Promise((resolve) => {\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tresolve(true);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\n\t\t\tdialogEl.addEventListener('close', () => resolve(undefined));\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\n}\n\nexport class nineAlertPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\"></div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">Close</button>\n </div>\n </nine-dialog>\n `;\n\t}\n\n\tstatic alert = async (message, title = \"Alert\", options = {}) => {\n\t\tconst config = {\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.alert \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\tdocument.querySelectorAll('nine-alert-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-alert-popup');\n\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl?.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\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 \"./nineDialog.js\";\n\nexport class ninePromptPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\t// Shadow DOM 구조 정의\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <style>\n \tdialog {\n \t\theight: 300px !important;\n \t}\n \t.msg {\n \t\theight: unset !important;\n \t}\n </style>\n \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 `;\n\t}\n\n\t/\n\t static prompt 로직\n\t /\n\tstatic prompt = async (message, title = 'Prompt', options = {}) => {\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...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 1. 기존 팝업 제거 및 신규 생성\n\t\tdocument.querySelectorAll('nine-prompt-popup').forEach(el => el.remove());\n\t\tconst el = document.createElement('nine-prompt-popup');\n\t\tdocument.body.appendChild(el);\n\n\t\t// 2. 렌더링 실행 (메시지와 설정 전달)\n\t\tel.render(message, config);\n\n\t\tconst dialogEl = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst textarea = el.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = el.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = el.shadowRoot.querySelector(\".cancel\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// 확인 버튼: 입력값 리턴\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tconst value = textarea.value;\n\t\t\t\tresolve(value);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove(); // DOM에서 제거\n\t\t\t};\n\n\t\t\t// 취소 버튼: null 리턴\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(null);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove();\n\t\t\t};\n\n\t\t\t// 다이얼로그 강제 종료 처리\n\t\t\tdialogEl.addEventListener('close', () => resolve(null));\n\n\t\t\tdialogEl.showModal();\n\t\t\ttextarea.focus(); // 바로 입력 가능하게 포커스\n\t\t});\n\t};\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 '../ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from \"../ux/dialog/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\ttrace.log(\"prepare========================*\");\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\tconsole.log(type);\r\n\t\tconsole.log(popup);\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}\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\tinit(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\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 \"../core/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 './core/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/core/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: 4px;\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 }\n button.cancel {\n color: white;\n background-color: #6c757d;\n }\n \n \n \n div.msg {\n position: relative;\n height: 100%;\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// 닫기 버튼 이벤트\n\t\tthis.querySelectorAll('.close, .close2').forEach(btn => {\n\t\t\tbtn.onclick = () => {\n\t\t\t\tthis.#dialog.classList.add(\"out\");\n\t\t\t\tsetTimeout(() => { this.close(); }, 300);\n\t\t\t};\n\t\t});\n\n\t\t// 드래그 이벤트 (표준 addEventListener 사용)\n\t\thead.addEventListener('mousedown', this.#onMouseDown);\n\t\thead.addEventListener('touchstart', this.#onTouchStart, { passive: false });\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\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport \"./nineDialog.js\"; // <nine-dialog> 등록 보장\n\nexport class nineConfirmPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<nine-dialog>\n\t\t\t\t<div class=\"msg\"></div>\n\t\t\t\t<div class=\"buttons-confirm\">\n\t\t\t\t\t<button class=\"ok\">Yes</button>\n\t\t\t\t\t<button class=\"cancel\">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n `;\n\t}\n\n\t/\n\t static confirm 로직\n\t /\n\tstatic confirm = async (message, title = 'Confirm', options = {}) => {\n\t\t// 1. 기존 옵션 병합 (nine.config 활용)\n\t\tconst config = {\n\t\t\t\"true-text\": \"Yes\",\n\t\t\t\"false-text\": \"No\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 기존 인스턴스 정리 및 신규 생성\n\t\tdocument.querySelectorAll('nine-confirm-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-confirm-popup');\n\n\t\t// 3. 클래스 및 애니메이션 적용\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst okBtn = t.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\t\tokBtn.textContent = config[\"true-text\"];\n\t\tcancelBtn.textContent = config[\"false-text\"];\n\n\t\treturn new Promise((resolve) => {\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tresolve(true);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\n\t\t\tdialogEl.addEventListener('close', () => resolve(undefined));\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\n}\n\nexport class nineAlertPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\"></div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">Close</button>\n </div>\n </nine-dialog>\n `;\n\t}\n\n\tstatic alert = async (message, title = \"Alert\", options = {}) => {\n\t\tconst config = {\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.alert \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\tdocument.querySelectorAll('nine-alert-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-alert-popup');\n\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl?.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\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 \"./nineDialog.js\";\n\nexport class ninePromptPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\t// Shadow DOM 구조 정의\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <style>\n \tdialog {\n \t\theight: 300px !important;\n \t}\n \t.msg {\n \t\theight: unset !important;\n \t}\n </style>\n \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 `;\n\t}\n\n\t/\n\t static prompt 로직\n\t /\n\tstatic prompt = async (message, title = 'Prompt', options = {}) => {\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...(nine.config?.ux?.prompt \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 1. 기존 팝업 제거 및 신규 생성\n\t\tdocument.querySelectorAll('nine-prompt-popup').forEach(el => el.remove());\n\t\tconst el = document.createElement('nine-prompt-popup');\n\t\tdocument.body.appendChild(el);\n\n\t\t// 2. 렌더링 실행 (메시지와 설정 전달)\n\t\tel.render(message, config);\n\n\t\tconst dialogEl = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst textarea = el.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = el.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = el.shadowRoot.querySelector(\".cancel\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// 확인 버튼: 입력값 리턴\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tconst value = textarea.value;\n\t\t\t\tresolve(value);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove(); // DOM에서 제거\n\t\t\t};\n\n\t\t\t// 취소 버튼: null 리턴\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(null);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove();\n\t\t\t};\n\n\t\t\t// 다이얼로그 강제 종료 처리\n\t\t\tdialogEl.addEventListener('close', () => resolve(null));\n\n\t\t\tdialogEl.showModal();\n\t\t\ttextarea.focus(); // 바로 입력 가능하게 포커스\n\t\t});\n\t};\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 '../ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from \"../ux/dialog/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\ttrace.log(\"prepare========================*\");\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\tconsole.log(type);\r\n\t\tconsole.log(popup);\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}\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\tinit(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\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 \"../core/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 './core/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACCrB,MAAM,mBAAmB,YAChC;AAAA,EAKC,cAAe;AACd,UAAK;AALN;AACA;AAuDA,qCAAY,MAAM;AACjB,yBAAK,SAAQ,UAAS;AAAA,IACvB;AAEA,iCAAQ,MAAM;AAGb,yBAAK,SAAQ,MAAK;AAClB,WAAK,OAAM;AAAA,IACZ;AAEA,8BAAQ,MAAM;AACb,YAAM,OAAO,KAAK,cAAc,OAAO;AAGvC,WAAK,iBAAiB,iBAAiB,EAAE,QAAQ,SAAO;AACvD,YAAI,UAAU,MAAM;AACnB,6BAAK,SAAQ,UAAU,IAAI,KAAK;AAChC,qBAAW,MAAM;AAAE,iBAAK,MAAK;AAAA,UAAI,GAAG,GAAG;AAAA,QACxC;AAAA,MACD,CAAC;AAGD,WAAK,iBAAiB,aAAa,mBAAK,aAAY;AACpD,WAAK,iBAAiB,cAAc,mBAAK,gBAAe,EAAE,SAAS,OAAO;AAAA,IAC3E;AAGA;AAAA,qCAAe,OAAK;AACnB,UAAI,EAAE,OAAO,QAAQ,SAAS,EAAG;AACjC,UAAI,EAAE,WAAW,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAU;AAE3D,YAAM,OAAO,mBAAK,SAAQ,sBAAqB;AAC/C,yBAAK,QAAS;AAAA,QACb,GAAG,EAAE,UAAU,KAAK;AAAA,QACpB,GAAG,EAAE,UAAU,KAAK;AAAA,MACvB;AAEE,YAAM,cAAc,CAAC,OAAO;AAC3B,2BAAK,SAAQ,MAAM,WAAW;AAC9B,2BAAK,SAAQ,MAAM,SAAS;AAC5B,2BAAK,SAAQ,MAAM,OAAO,GAAG,GAAG,UAAU,mBAAK,QAAO,CAAC;AACvD,2BAAK,SAAQ,MAAM,MAAM,GAAG,GAAG,UAAU,mBAAK,QAAO,CAAC;AAAA,MACvD;AAEA,YAAM,YAAY,MAAM;AACvB,iBAAS,oBAAoB,aAAa,WAAW;AACrD,iBAAS,oBAAoB,WAAW,SAAS;AAAA,MAClD;AAEA,eAAS,iBAAiB,aAAa,WAAW;AAClD,eAAS,iBAAiB,WAAW,SAAS;AAAA,IAC/C;AAEA,sCAAgB,OAAK;AACpB,UAAI,EAAE,OAAO,QAAQ,SAAS,EAAG;AAEjC,YAAM,OAAO,mBAAK,SAAQ,sBAAqB;AAC/C,YAAM,QAAQ,EAAE,eAAe,CAAC;AAChC,yBAAK,QAAS;AAAA,QACb,GAAG,MAAM,QAAQ,KAAK;AAAA,QACtB,GAAG,MAAM,QAAQ,KAAK;AAAA,MACzB;AAEE,YAAM,cAAc,CAAC,OAAO;AAC3B,cAAM,IAAI,GAAG,eAAe,CAAC;AAC7B,2BAAK,SAAQ,MAAM,WAAW;AAC9B,2BAAK,SAAQ,MAAM,SAAS;AAC5B,2BAAK,SAAQ,MAAM,OAAO,GAAG,EAAE,QAAQ,mBAAK,QAAO,CAAC;AACpD,2BAAK,SAAQ,MAAM,MAAM,GAAG,EAAE,QAAQ,mBAAK,QAAO,CAAC;AAAA,MACpD;AAEA,YAAM,aAAa,MAAM;AACxB,iBAAS,oBAAoB,aAAa,WAAW;AACrD,iBAAS,oBAAoB,YAAY,UAAU;AAAA,MACpD;AAEA,eAAS,iBAAiB,aAAa,WAAW;AAClD,eAAS,iBAAiB,YAAY,UAAU;AAAA,IACjD;AAAA,EAjIA;AAAA,EAEA,oBAAoB;AAEnB,UAAM,IAAI,KAAK;AACf,UAAM,YAAY,KAAK,aAAa,OAAO,KAAK;AAEhD,UAAM,IAAI,WAAW;AAErB,SAAK,YAAY;AAAA,YACP,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAQG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAa5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeP,uBAAK,SAAU,KAAK,cAAc,QAAQ;AAC1C,uBAAK,OAAL;AAAA,EACD;AAkFD;AAxIC;AACA;AAkEA;AAiBA;AA0BA;AA4BD,IAAI,CAAC,eAAe,IAAI,aAAa,GAAG;AACvC,iBAAe,OAAO,eAAe,UAAU;AAChD;AC7IO,MAAM,yBAAyB,YAAY;AAAA,EACjD,cAAc;AACb,UAAK;AACL,SAAK,aAAa,EAAE,MAAM,OAAM,CAAE;AAAA,EACnC;AAAA,EAEA,oBAAoB;AAEnB,SAAK,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS7B;AAiDD;AAAA;AAAA;AAAA;AA5CC,cAtBY,kBAsBL,WAAU,OAAO,SAAS,QAAQ,WAAW,UAAU,OAAO;AHzBtE;AG2BE,QAAMC,UAAS;AAAA,IACd,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,KAAI,gBAAK,WAAL,mBAAa,OAAb,mBAAiB,YAAW,CAAA;AAAA,IAChC,GAAG;AAAA,EACN;AAGE,WAAS,iBAAiB,oBAAoB,EAAE,QAAQ,QAAM,GAAG,QAAQ;AACzE,QAAM,IAAI,SAAS,cAAc,oBAAoB;AAGrD,MAAIA,QAAO,MAAO,GAAE,UAAU,IAAIA,QAAO,KAAK;AAC9C,MAAIA,QAAO,UAAW,GAAE,UAAU,IAAIA,QAAO,SAAS;AACtD,WAAS,KAAK,YAAY,CAAC;AAE3B,QAAM,WAAW,EAAE,WAAW,cAAc,aAAa;AACzD,QAAM,QAAQ,EAAE,WAAW,cAAc,KAAK;AAC9C,QAAM,YAAY,EAAE,WAAW,cAAc,SAAS;AACtD,QAAM,SAAS,EAAE,WAAW,cAAc,MAAM;AAGhD,SAAO,YAAY,QAAQ,QAAQ,OAAO,OAAO;AACjD,QAAM,cAAcA,QAAO,WAAW;AACtC,YAAU,cAAcA,QAAO,YAAY;AAE3C,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC/B,UAAM,UAAU,MAAM;AACrB,cAAQ,IAAI;AACZ,eAAS,cAAc,QAAQ,EAAE,MAAK;AAAA,IACvC;AACA,cAAU,UAAU,MAAM;AACzB,cAAQ,KAAK;AACb,eAAS,cAAc,QAAQ,EAAE,MAAK;AAAA,IACvC;AAEA,aAAS,iBAAiB,SAAS,MAAM,QAAQ,MAAS,CAAC;AAC3D,aAAS,UAAS;AAAA,EACnB,CAAC;AACF;AAGM,MAAM,uBAAuB,YAAY;AAAA,EAC/C,cAAc;AACb,UAAK;AACL,SAAK,aAAa,EAAE,MAAM,OAAM,CAAE;AAAA,EACnC;AAAA,EAEA,oBAAoB;AACnB,SAAK,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7B;AAgCD;AA9BC,cAjBY,gBAiBL,SAAQ,OAAO,SAAS,QAAQ,SAAS,UAAU,OAAO;AHxFlE;AGyFE,QAAMA,UAAS;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,KAAI,gBAAK,WAAL,mBAAa,OAAb,mBAAiB,UAAS,CAAA;AAAA,IAC9B,GAAG;AAAA,EACN;AAEE,WAAS,iBAAiB,kBAAkB,EAAE,QAAQ,QAAM,GAAG,QAAQ;AACvE,QAAM,IAAI,SAAS,cAAc,kBAAkB;AAEnD,MAAIA,QAAO,MAAO,GAAE,UAAU,IAAIA,QAAO,KAAK;AAC9C,MAAIA,QAAO,UAAW,GAAE,UAAU,IAAIA,QAAO,SAAS;AACtD,WAAS,KAAK,YAAY,CAAC;AAE3B,QAAM,WAAW,EAAE,WAAW,cAAc,aAAa;AACzD,QAAM,YAAY,EAAE,WAAW,cAAc,SAAS;AACtD,QAAM,SAAS,EAAE,WAAW,cAAc,MAAM;AAGhD,SAAO,YAAY,QAAQ,QAAQ,OAAO,OAAO;AAEjD,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC/B,cAAU,UAAU,MAAM;AACzB,cAAQ,KAAK;AACb,eAAS,cAAc,QAAQ,EAAE,MAAK;AAAA,IACvC;AACA,aAAS,UAAS;AAAA,EACnB,CAAC;AACF;AAID,IAAI,CAAC,eAAe,IAAI,oBAAoB,EAAG,gBAAe,OAAO,sBAAsB,gBAAgB;AAC3G,IAAI,CAAC,eAAe,IAAI,kBAAkB,EAAG,gBAAe,OAAO,oBAAoB,cAAc;ACvH9F,MAAM,wBAAwB,YAAY;AAAA,EAChD,cAAc;AACb,UAAK;AACL,SAAK,aAAa,EAAE,MAAM,OAAM,CAAE;AAAA,EACnC;AAAA;AAAA,EAGA,OAAO,SAASA,SAAQ;AACvB,SAAK,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAWK,QAAQ,QAAQ,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,6CAKrBA,QAAO,YAAY,CAAC;AAAA,yCACxBA,QAAO,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,EAI3D;AAmDD;AAAA;AAAA;AAAA;AA9CC,cAlCY,iBAkCL,UAAS,OAAO,SAAS,QAAQ,UAAU,UAAU,OAAO;AJrCpE;AIsCE,QAAMA,UAAS;AAAA,IACd,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,KAAI,gBAAK,WAAL,mBAAa,OAAb,mBAAiB,WAAU,CAAA;AAAA,IAC/B,GAAG;AAAA,EACN;AAGE,WAAS,iBAAiB,mBAAmB,EAAE,QAAQ,CAAAC,QAAMA,IAAG,QAAQ;AACxE,QAAM,KAAK,SAAS,cAAc,mBAAmB;AACrD,WAAS,KAAK,YAAY,EAAE;AAG5B,KAAG,OAAO,SAASD,OAAM;AAEzB,QAAM,WAAW,GAAG,WAAW,cAAc,aAAa;AAC1D,QAAM,WAAW,GAAG,WAAW,cAAc,UAAU;AACvD,QAAM,QAAQ,GAAG,WAAW,cAAc,KAAK;AAC/C,QAAM,YAAY,GAAG,WAAW,cAAc,SAAS;AAEvD,SAAO,IAAI,QAAQ,CAAC,YAAY;AAE/B,UAAM,UAAU,MAAM;AACrB,YAAM,QAAQ,SAAS;AACvB,cAAQ,KAAK;AACb,eAAS,cAAc,QAAQ,EAAE,MAAK;AAAA,IAEvC;AAGA,cAAU,UAAU,MAAM;AACzB,cAAQ,IAAI;AACZ,eAAS,cAAc,QAAQ,EAAE,MAAK;AAAA,IAEvC;AAGA,aAAS,iBAAiB,SAAS,MAAM,QAAQ,IAAI,CAAC;AAEtD,aAAS,UAAS;AAClB,aAAS,MAAK;AAAA,EACf,CAAC;AACF;AAGD,IAAI,CAAC,eAAe,IAAI,mBAAmB,GAAG;AAC7C,iBAAe,OAAO,qBAAqB,eAAe;AAC3D;ACnFO,MAAM,SAAS;AAAA,EAAf;AAAA;AAAA;AAAA,EAkDN,MAAM,SAAS,QAAQ,SAAS;AAC/B,WAAO,sBAAK,iCAAL,WAAc,SAAS,SAAS,OAAO;AAAA,EAC/C;AAAA,EAEA,QAAQ,SAAS,QAAQ,WAAW;AACnC,WAAO,sBAAK,iCAAL,WAAc,WAAW,SAAS,OAAO;AAAA,EACjD;AAAA,EAEA,OAAO,SAAS,QAAQ,UAAU;AACjC,WAAO,sBAAK,iCAAL,WAAc,UAAU,SAAS,OAAO;AAAA,EAChD;AACD;AA7DO;AAAA;AAAA;AAAA;AAON,aAAQ,SAAC,MAAM,SAAS,OAAO,cAAc;AAE5C,QAAM,IAAI,qCAAqC;AAE/C,QAAM,UAAU,EAAE,OAAO,cAAc,WAAW,OAAM;AAExD,MAAI,aAAa;AAEjB,QAAM,WAAW;AAAA,IAChB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EACX;AAEE,QAAM,QAAQ,SAAS,IAAI;AAE3B,UAAQ,IAAI,IAAI;AAChB,UAAQ,IAAI,KAAK;AAEjB,QAAM,SAAS;AAAA,IACd,KAAS,MAAM;AAAE,cAAQ,QAAQ;AAAO,aAAO;AAAA,IAAQ;AAAA,IACvD,SAAS,MAAM;AAAE,cAAQ,QAAQ;AAAW,aAAO;AAAA,IAAQ;AAAA,IAC3D,OAAS,MAAM;AAAE,cAAQ,YAAY;AAAS,aAAO;AAAA,IAAQ;AAAA,IAC7D,KAAS,MAAM;AAAE,cAAQ,YAAY;AAAc,aAAO;AAAA,IAAQ;AAAA,IAClE,MAAS,MAAM;AAAE,cAAQ,YAAY;AAAQ,aAAO;AAAA,IAAQ;AAAA,IAE5D,MAAM,CAAC,SAAS,WAAW;AAC1B,mBAAa;AACb,aAAO,MAAM,IAAI,EAAE,SAAS,OAAO,OAAO,EAAE,KAAK,SAAS,MAAM;AAAA,IACjE;AAAA,EACH;AAGE,UAAQ,UAAU,KAAK,MAAM;AAC5B,QAAI,CAAC,YAAY;AAChB,mBAAa;AACb,YAAM,IAAI,EAAE,SAAS,OAAO,OAAO;AAAA,IACpC;AAAA,EACD,CAAC;AAED,SAAO;AACR;AAAA;AA9CA,cAFY,UAEL,WAAU;ACNX,MAAM,MAAM;AAAA,EAKlB,YAAY,OAAO,MAAM,QAAQ,SAAS;AALpC;AACN;AACA;AACA,iCAAW;AAGV,uBAAK,OAAQ;AACb,uBAAK,QAAS;AACd,0BAAK,iCAAL;AAAA,EACD;AAAA;AAAA,EAqBA,KAAK,MAAM,QAAQ,SAAS;AAC3B,uBAAK,OAAQ;AACb,uBAAK,QAAS;AAAA,EACf;AAAA;AAAA,EAGA,IAAI,MAAM;AAET,UAAM,QAAQ,UAAU,mBAAK,OAAM;AAEnC,WAAQ,mBAAK,SACV,QAAQ,IAAI,KAAK,SAAS,MAAM,mBAAK,MAAK,KAAK,KAAK,IACpD,QAAQ,IAAI,KAAK,OAAO;AAAA,EAC5B;AAAA,EAEA,IAAI,OAAO;AACV,QAAI,CAAC,mBAAK,UAAU,QAAO,MAAM;AAAA,IAAC;AAClC,WAAQ,mBAAK,SACV,QAAQ,KAAK,KAAK,SAAS,MAAM,mBAAK,MAAK,KAAK,iCAAiC,IACjF,QAAQ,KAAK,KAAK,OAAO;AAAA,EAC7B;AAAA,EAEA,IAAI,QAAQ;AAGX,WAAQ,mBAAK,SACV,QAAQ,MAAM,KAAK,SAAS,MAAM,mBAAK,MAAK,KAAK,gCAAgC,IACjF,QAAQ,MAAM,KAAK,OAAO;AAAA,EAC9B;AAAA,EAEA,SAAS;AAAE,uBAAK,UAAW;AAAA,EAAM;AAAA,EACjC,UAAU;AAAE,uBAAK,UAAW;AAAA,EAAO;AACpC;AA7DC;AACA;AACA;AAHM;AAWN,gBAAW,WAAG;AACb,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,UAAU,OAAO,SAAS,aAAa,eAC5C,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,SAAS,WAAW,UAAU;AAE/C,MAAI,SAAS;AACZ,SAAK,OAAM;AAAA,EACZ,OAAO;AACN,SAAK,QAAO;AACZ,YAAQ;AAAA,MACP,MAAM,mBAAK,UAAS,OAAO;AAAA,MAC3B;AAAA,MAAsC;AAAA,MACtC;AAAA,MAAsD;AAAA,IAC1D;AAAA,EACE;AACD;AAqCW,MAACE,UAAQ,IAAI,MAAK;AAC9B,IAAI,OAAO,WAAW,YAAa,QAAO,QAAQA;ACjE3C,MAAM,cAAc;AAAA,EAK1B,YAAY,QAAQ,IAAI;AALlB;AACN,+BAAS;AACT,+BAAS,CAAA;AACT;AAGC,uBAAK,QAAS;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAK,SAAS,MAAM;AAEnB,uBAAK,QAAO,KAAK,EAAE,MAAM,KAAI,CAAE;AAG/B,QAAI,mBAAK,QAAQ,cAAa,mBAAK,OAAM;AAEzC,uBAAK,QAAS,WAAW,MAAM,sBAAK,oCAAL,YAAe,mBAAK,OAAM;AAAA,EAC1D;AAAA,EAEA,YAAY,KAAK,SAAS,MAAM;AAE/B,uBAAK,QAAS,mBAAK,QAAO,OAAO,UAAQ,KAAK,QAAQ,GAAG;AAGzD,uBAAK,QAAO,KAAK,EAAE,KAAK,MAAM,KAAI,CAAE;AAEpC,QAAI,mBAAK,QAAQ,cAAa,mBAAK,OAAM;AACzC,uBAAK,QAAS,WAAW,MAAM,sBAAK,oCAAL,YAAe,mBAAK,OAAM;AAAA,EAC1D;AAuBD;AAtDC;AACA;AACA;AAHM;AAkCN,WAAM,WAAG;AACR,MAAI,mBAAK,QAAO,WAAW,EAAG;AAG9B,QAAM,QAAQ,mBAAK,QAAO,OAAO,GAAG,mBAAK,QAAO,MAAM;AACtD,QAAM,OAAO,oBAAI;AAEjB,QAAM,QAAQ,UAAQ;AAGrB,UAAM,aAAa,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,UAAU,KAAK,IAAI,CAAC;AAEjE,QAAI,CAAC,KAAK,IAAI,UAAU,GAAG;AAE1B,WAAK,KAAK,GAAG,KAAK,IAAI;AACtB,WAAK,IAAI,UAAU;AAAA,IACpB;AAAA,EACD,CAAC;AAED,qBAAK,QAAS;AACf;ACtDM,MAAM,QAAQ;AAAA,EACpB,OAAO,OAAO;AACb,QAAI,UAAU,SAAS,eAAe,wBAAwB;AAC9D,QAAI,CAAC,SAAS;AACb,gBAAU,SAAS,cAAc,KAAK;AACtC,cAAQ,KAAK;AACb,cAAQ,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxB,cAAQ,YAAY;AACpB,eAAS,KAAK,YAAY,OAAO;AAEjC,UAAI,CAAC,SAAS,eAAe,iBAAiB,GAAG;AAChD,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,KAAK;AACX,cAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlB,iBAAS,KAAK,YAAY,KAAK;AAAA,MAChC;AAAA,IACD;AACA,YAAQ,MAAM,UAAU;AAAA,EACzB;AAAA,EAEA,OAAO,OAAO;AACb,UAAM,UAAU,SAAS,eAAe,wBAAwB;AAChE,QAAI,QAAS,SAAQ,MAAM,UAAU;AAAA,EACtC;AACD;AClCO,MAAM,SAAN,MAAM,OAAM;AAoHnB;AAjHQ;AAFP,cADY,QACL,YAAW,OAAO,oBAAoB;AAE7C,aAHY,QAGL,UAAW,CAAC,QAAQ,KAAK,OAAO,CAAA,GAAI,cAAc,SAAS;AACjE,QAAM,WAAW,IAAI,WAAW,MAAM,IAAI,MAAM,GAAG,OAAK,QAAQ,GAAG,GAAG;AAEtE,MAAI,aAAa;AAChB,YAAQ,KAAI;AAAA,EACb;AAGA,QAAM,UAAU,CAAA;AAGhB,MAAI,EAAE,gBAAgB,WAAW;AAChC,YAAQ,cAAc,IAAI;AAAA,EAC3B;AAEA,QAAM,UAAU;AAAA,IACf;AAAA,IACA;AAAA,EACH;AAEE,MAAI,YAAY;AAChB,MAAI,WAAW,OAAO;AACrB,iBAAa,IAAI,IAAI,gBAAgB,IAAI,CAAC;AAAA,EAC3C,OAAO;AAEN,YAAQ,OAAO,gBAAgB,WAAW,OAAO,KAAK,UAAU,IAAI;AAAA,EACrE;AAEA,SAAO,MAAM,WAAW,OAAO,EAC7B,KAAK,OAAM,QAAO;AAClB,QAAI,CAAC,IAAI,IAAI;AACZ,YAAM,OAAO,MAAM,IAAI,KAAI;AAC3B,YAAM,IAAI,MAAM,WAAW,IAAI,MAAM,MAAM,IAAI,EAAE;AAAA,IAClD;AACA,WAAO,IAAI,KAAI;AAAA,EAChB,CAAC,EACA,MAAM,SAAO;AACbA,YAAM,MAAM,aAAa,OAAO,aAAa,KAAK,QAAQ,QAAQ,GAAG;AACrE,UAAM;AAAA,EACP,CAAC,EACA,QAAQ,MAAM;AACd,QAAI,aAAa;AAChB,cAAQ,KAAI;AAAA,IACb;AAAA,EACD,CAAC;AACH;AAAA;AAGA,cAnDY,QAmDL,OAAM,CAAC,KAAK,OAAO,CAAA,GAAI,cAAc,SAAI;ATtDjD;ASsDsD,mCAAK,UAAL,SAAc,OAAO,KAAK,MAAM;AAAA;AACrF,cApDY,QAoDL,QAAO,CAAC,KAAK,OAAO,CAAA,GAAI,cAAc,SAAI;ATvDlD;ASuDuD,mCAAK,UAAL,SAAc,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvF,cAhEY,QAgEL,iBAAgB,OAAO,KAAK,OAAO,CAAA,GAAI,UAAU,OAAO;AAC9D,QAAM;AAAA,IACL,UAAU;AAAA,IACV,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,EACf,IAAM;AAGJ,UAAQ,KAAI;AAEZ,MAAI,aAAa;AACjB,MAAI,eAAe;AAGnB,UAAQ,YAAY;AACnB,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,WAAW;AAChD,YAAM,WAAW,IAAI,SAAQ;AAC7B,YAAM,QAAQ,KAAK,MAAM,GAAG,IAAI,SAAS;AACzC,YAAM,cAAc,CAAA;AAEpB,YAAM,QAAQ,CAAC,QAAQ;AACtB,cAAM,EAAE,CAAC,OAAO,GAAG,SAAS,UAAU,GAAG,KAAI,IAAK;AAClD,oBAAY,KAAK,IAAI;AACrB,YAAI,mBAAmB,MAAM;AAC5B,mBAAS,OAAO,cAAc,OAAO;AAAA,QACtC;AAAA,MACD,CAAC;AAED,YAAM,WAAW,IAAI,KAAK,CAAC,KAAK,UAAU,WAAW,CAAC,GAAG,EAAE,MAAM,oBAAoB;AACrF,eAAS,OAAO,cAAc,QAAQ;AAGtC,qBAAe,MAAM,OAAK,KAAK,KAAK,UAAU,KAAK;AAEnD,UAAI,iBAAiB,aAAa,WAAW,aAAa,WAAW,OAAO;AAC3E,sBAAc,MAAM;AAAA,MACrB,OAAO;AACN,cAAM,IAAI,MAAM,aAAa,CAAC,OAAO;AAAA,MACtC;AAAA,IACD;AACA,WAAO,EAAE,GAAG,cAAc,SAAS,MAAM,WAAU;AAAA,EACpD,GAAC,EACC,MAAM,SAAO;AACbA,YAAM,MAAM,sBAAsB,GAAG;AACrC,UAAM;AAAA,EACP,CAAC,EACA,QAAQ,MAAM;AAEd,YAAQ,KAAI;AAAA,EACb,CAAC;AACH;AAnHM,IAAM,QAAN;AAsHK,MAAC,MAAM;ACtHnB,MAAM,mBAAmB,YAAY;AAAA,EAIpC,cAAc;AACb,UAAA;AAHD;AAYA,oCAAc,CAAC,OAAO;AACrB,YAAM,OAAO,GAAG;AAChB,YAAM,OAAO,GAAG;AAChB,UAAI,CAAC,QAAQ,CAAC,MAAM;AACnB,2BAAK,OAAQ,KAAK,UAAU,SAAS,GAAG,IAAI,MAAM;AAClD;AAAA,MACD;AAEA,YAAM,WAAW,KAAK,sBAAA;AACtB,YAAM,WAAW,KAAK,sBAAA;AAEtB,UAAI,KAAK,UAAU,SAAS,GAAG,GAAG;AACjC,2BAAK,OAAQ;AAAA,MACd,WAAW,KAAK,UAAU,SAAS,GAAG,GAAG;AACxC,2BAAK,OAAQ;AAAA,MACd,OAAO;AACN,2BAAK,OAAS,KAAK,IAAI,SAAS,MAAM,SAAS,GAAG,IAAI,IAAK,MAAM;AAAA,MAClE;AAAA,IACD;AAEA,mCAAa,CAAC,MAAM;AACnB,QAAE,eAAA;AACF,QAAE,gBAAA;AAEF,YAAM,eAAe,KAAK,sBAAA;AAC1B,YAAM,eAAe,mBAAK,WAAU;AAGpC,YAAM,cAAc,eACjB,EAAE,UAAU,aAAa,OACzB,EAAE,UAAU,aAAa;AAE5B,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,cAAQ,YAAY,wBAAwB,mBAAK,MAAK;AAEtD,aAAO,OAAO,QAAQ,OAAO;AAAA,QAC5B,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,eAAe;AAAA,MAAA,CACf;AAED,YAAM,OAAO,KAAK,YAAY,EAAE,UAAU,MAAM;AAChD,YAAM,SAAS,gBAAgB,aAAa,KAAK,OAAO,KAAK;AAC7D,YAAM,OAAO,KAAK;AAClB,YAAM,OAAO,KAAK;AAElB,UAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM;AAC9BA,gBAAM,KAAK,yCAAyC;AACpD;AAAA,MACD;AAEA,OAAC,OAAO,cAAc,QAAQ,YAAY,OAAO;AACjD,YAAM,0BAA0B,QAAQ,aAAa,sBAAA;AAErD,YAAM,WAAW,KAAK,sBAAA;AACtB,YAAM,WAAW,KAAK,sBAAA;AAGtB,YAAM,8BAA8B,eACjC,aAAa,OAAO,wBAAwB,OAC5C,aAAa,MAAM,wBAAwB,OAAO;AAErD,UAAI,cAAc;AACjB,gBAAQ,MAAM,MAAM;AACpB,gBAAQ,MAAM,OAAO,GAAG,0BAA0B;AAClD,gBAAQ,MAAM,QAAQ;AACtB,gBAAQ,MAAM,SAAS;AAAA,MACxB,OAAO;AACN,gBAAQ,MAAM,OAAO;AACrB,gBAAQ,MAAM,MAAM,GAAG,0BAA0B;AACjD,gBAAQ,MAAM,SAAS;AACvB,gBAAQ,MAAM,QAAQ;AAAA,MACvB;AAEA,cAAQ,MAAM,eAAe;AAC7B,cAAQ,MAAM,SAAS;AAEvB,YAAM,WAAW,eACd,SAAS,OAAO,wBAAwB,OACxC,SAAS,MAAM,wBAAwB;AAC1C,YAAM,WAAW,eACd,SAAS,QAAQ,wBAAwB,OAAO,aAAa,QAC7D,SAAS,SAAS,wBAAwB,MAAM,aAAa;AAEhE,YAAM,SAAS,CAAA,cAAa;AAC3B,cAAM,YAAY,eAAe,UAAU,UAAU,UAAU;AAC/D,cAAM,qBAAqB,eACxB,YAAY,wBAAwB,OACpC,YAAY,wBAAwB;AAEvC,cAAM,aAAa,KAAK,IAAI,UAAU,KAAK,IAAI,oBAAoB,QAAQ,CAAC;AAE5E,YAAI,cAAc;AACjB,kBAAQ,MAAM,OAAO,GAAG,UAAU;AAAA,QACnC,OAAO;AACN,kBAAQ,MAAM,MAAM,GAAG,UAAU;AAAA,QAClC;AAAA,MACD;AAEA,YAAM,OAAO,MAAM;AAClB,eAAO,oBAAoB,aAAa,MAAM;AAC9C,eAAO,oBAAoB,WAAW,IAAI;AAC1C,gBAAQ,OAAA;AAER,cAAM,cAAc,MAAM,KAAK,OAAO,QAAQ;AAC9C,cAAM,YAAY,YAAY,OAAO,CAAA,OAAM,GAAG,QAAQ,YAAA,MAAkB,aAAa;AAGrF,cAAM,QAAQ,OAAO,iBAAiB,MAAM;AAC5C,cAAM,WAAW,eAAe,MAAM,iBAAiB,YAAY,IAAI,MAAM,iBAAiB,SAAS;AACvG,cAAM,UAAU,WAAW,QAAQ,KAAK;AACxC,cAAM,WAAW,YAAY,SAAS,IAAI,YAAY,SAAS,IAAI;AACnE,cAAM,eAAe,WAAW;AAEhC,cAAM,kBAAkB,eAAe,WAAW,QAAQ,MAAM,IAAI,IAAI,WAAW,QAAQ,MAAM,GAAG;AACpG,cAAM,aAAa,kBAAkB;AAErC,cAAM,WAAW,eAAe,KAAK,sBAAA,EAAwB,QAAQ,KAAK,wBAAwB;AAClG,cAAM,WAAW,eAAe,KAAK,sBAAA,EAAwB,QAAQ,KAAK,wBAAwB;AAElG,YAAI,cAAc,WAAW;AAC7B,YAAI,cAAc,WAAW;AAG7B,YAAI,cAAc,GAAG;AACpB,yBAAe;AACf,wBAAc;AAAA,QACf;AACA,YAAI,cAAc,GAAG;AACpB,yBAAe;AACf,wBAAc;AAAA,QACf;AAEA,cAAM,eAAe,UAAU,IAAI,CAAA,UAAS,eAAe,MAAM,sBAAA,EAAwB,QAAQ,MAAM,sBAAA,EAAwB,MAAM;AAErI,cAAM,oBAAoB,YAAY,OAAO,CAAC,KAAK,UAAU;AAC5D,cAAI,MAAM,QAAQ,YAAA,MAAkB,eAAe;AAClD,mBAAO,OAAO,eAAe,MAAM,sBAAA,EAAwB,QAAQ,MAAM,wBAAwB;AAAA,UAClG;AACA,iBAAO;AAAA,QACR,GAAG,CAAC;AAEJ,cAAM,qBAAsB,eAAe,OAAO,sBAAA,EAAwB,QAAQ,OAAO,wBAAwB;AACjH,cAAM,iBAAiB,qBAAqB,oBAAoB;AAEhE,YAAI,UAAU;AACd,kBAAU,QAAQ,CAAC,OAAO,UAAU;AACnC,cAAI;AACJ,cAAI,UAAU,MAAM;AACnB,sBAAU;AAAA,UACX,WAAW,UAAU,MAAM;AAC1B,sBAAU;AAAA,UACX,OAAO;AACN,sBAAU,aAAa,KAAK;AAAA,UAC7B;AAEA,gBAAM,eAAe,UAAU;AAG/BA,kBAAM,IAAI,KAAK;AAEf,cAAI,MAAM,UAAU,SAAS,SAAS,GAAG;AAGxC,kBAAM,MAAM,OAAO,OAAO,OAAO;AAAA,UAClC,OAAO;AAGN,kBAAM,MAAM,OAAO,GAAG,YAAY,IAAI,YAAY;AAAA,UACnD;AAEA,qBAAW;AAAA,QACZ,CAAC;AAEDA,gBAAM,IAAI,eAAe,UAAU,EAAE;AACrCA,gBAAM,IAAI,uBAAuB,OAAO,EAAE;AAAA,MAC3C;AAEA,aAAO,iBAAiB,aAAa,MAAM;AAC3C,aAAO,iBAAiB,WAAW,IAAI;AAAA,IACxC;AAMA,uBAAAH,QAAQ,MAAM;AACb,yBAAK,aAAL,WAAiB;AACjB,WAAK,UAAU,IAAI,mBAAK,MAAK;AAE7B,YAAM,WAAW,KAAK,UAAU,KAAA;AAEhC,YAAM,WAAY,aAAa,KAAM,6BAA6B,wDAAwD,QAAQ;AAElI,WAAK,YAAY;AACjB,YAAM,WAAW,SAAS,cAAc,UAAU;AAClD,eAAS,YAAY;AAAA;AAAA,gEAEyC,SAAe;AAAA,MACzE,KAAK,UAAU,YAAY,KAAK,OAAO,OAAO,EAAE;AAAA;AAAA,KAEjD,QAAQ;AAAA;AAGX,WAAK,WAAW,YAAY,SAAS,QAAQ,UAAU,IAAI,CAAC;AAE5D,WAAK,WAAW,iBAAiB,OAAO,EAAE,QAAQ,CAAA,OAAM;AACvD,WAAG,iBAAiB,aAAa,CAAA,MAAK,mBAAK,YAAL,WAAgB,EAAE;AAAA,MACzD,CAAC;AAED,yBAAK,gBAAL;AAEA,aAAO,iBAAiB,UAAU,MAAM,mBAAK,gBAAL,UAAqB;AAAA,IAC9D;AAEA,uCAAiB,MAAM;AACtB,YAAM,eAAe,mBAAK,WAAU;AACpC,YAAM,SAAS,KAAK;AACpB,YAAM,YAAY,MAAM,KAAK,OAAO,QAAQ,EAAE,OAAO,CAAA,OAAM,GAAG,QAAQ,YAAA,MAAkB,aAAa;AACrG,UAAI,UAAU,SAAS,EAAG;AAE1B,YAAM,aAAa,OAAO,sBAAA;AAC1B,YAAM,mBAAmB,UAAU,OAAO,CAAC,KAAK,OAAO;AACtD,cAAM,OAAO,eAAe,GAAG,sBAAA,EAAwB,QAAQ,GAAG,wBAAwB;AAC1F,eAAO,MAAM;AAAA,MACd,GAAG,CAAC;AACJ,YAAM,kBAAkB,eAAe,WAAW,QAAQ,WAAW;AAErE,gBAAU,QAAQ,CAAA,UAAS;AAC1B,cAAM,OAAO,eAAe,MAAM,sBAAA,EAAwB,QAAQ,MAAM,wBAAwB;AAChG,cAAM,UAAU,mBAAmB,OAAO;AAC1C,cAAM,WAAW,UAAU;AAC3B,cAAM,MAAM,OAAO,GAAG,QAAQ,IAAI,QAAQ;AAAA,MAC3C,CAAC;AAAA,IACF;AApPC,SAAK,aAAa,EAAE,MAAM,OAAA,CAAQ;AAAA,EACnC;AAAA,EAEA,oBAAoB;AAEnB,uBAAKA,QAAL;AAAA,EACD;AAAA,EA0LA,IAAI,UAAU;AACb,WAAO,KAAK,aAAa,UAAU,KAAK,SAAS;AAAA,EAClD;AAmDD;AAzPC;AAYA;AAoBA;AAwKAA,SAAA;AA6BA;AAsBD,IAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACzC,iBAAe,OAAO,iBAAiB,UAAU;AAClD;ACjPA,MAAM,eAAe,IAAI;AACzB,KAAK,QAAQ,aAAa,MAAM,KAAK,YAAY;AACjD,KAAK,UAAU,aAAa,QAAQ,KAAK,YAAY;AACrD,KAAK,SAAS,aAAa,OAAO,KAAK,YAAY;AAKnD,KAAK,MAAM;AACX,KAAK,QAAQG;AACb,KAAK,kBAAkB;AACvB,KAAK,SAAS,UAAU;AAiBxB,IAAI,OAAO,WAAW,aAAa;AAClC,SAAO,OAAO;AACf;"}

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),S=(t,n,e)=>n.has(t)||C("Cannot "+e),M=(t,n,e)=>(S(t,n,"read from private field"),e?e.call(t):n.get(t)),B=(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),T=(t,n,e,o)=>(S(t,n,"write to private field"),o?o.call(t,e):n.set(t,e),e),$=(t,n,e)=>(S(t,n,"access private method"),e);const z=new Set,P={ux:{nativeOverride:!1,theme:"light"},board:{readOnly:!1},cssPath:"",debug:!1};"undefined"==typeof window||window.__NINE_GLOBAL_CONFIG__||(window.__NINE_GLOBAL_CONFIG__=P);const _="undefined"!=typeof window?window.__NINE_GLOBAL_CONFIG__:P,A=t=>(z.add(t),t("all",_),()=>z.delete(t)),W=new Proxy(_,{set:(t,n,e)=>(t[n]=e,z.forEach(e=>e(n,t)),!0),get:(t,n)=>t[n]}),q={config:W,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 N extends HTMLElement{constructor(){super(),B(this,n),B(this,e),R(this,"showModal",()=>{M(this,e).showModal()}),R(this,"close",()=>{M(this,e).close(),this.remove()}),B(this,o,()=>{const t=this.querySelector(".head");this.querySelectorAll(".close, .close2").forEach(t=>{t.onclick=()=>{M(this,e).classList.add("out"),setTimeout(()=>{this.close()},300)}}),t.addEventListener("mousedown",M(this,i)),t.addEventListener("touchstart",M(this,s),{passive:!1})}),B(this,i,t=>{if(t.target.closest("buttons"))return;if(0!==t.button||t.altKey||t.ctrlKey||t.shiftKey)return;const o=M(this,e).getBoundingClientRect();T(this,n,{x:t.clientX-o.left,y:t.clientY-o.top});const i=t=>{M(this,e).style.position="fixed",M(this,e).style.margin="0",M(this,e).style.left=t.clientX-M(this,n).x+"px",M(this,e).style.top=t.clientY-M(this,n).y+"px"},s=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",s)}),B(this,s,t=>{if(t.target.closest("buttons"))return;const o=M(this,e).getBoundingClientRect(),i=t.changedTouches[0];T(this,n,{x:i.pageX-o.left,y:i.pageY-o.top});const s=t=>{const o=t.changedTouches[0];M(this,e).style.position="fixed",M(this,e).style.margin="0",M(this,e).style.left=o.pageX-M(this,n).x+"px",M(this,e).style.top=o.pageY-M(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: 4px;\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    }\n    button.cancel {\n        color: white;\n        background-color: #6c757d;\n    }\n    \n    \n    \n    div.msg {\n        position: relative;\n        height: 100%;\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`,T(this,e,this.querySelector("dialog")),M(this,o).call(this)}}n=new WeakMap,e=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,customElements.get("nine-dialog")||customElements.define("nine-dialog",N);class X extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML='\n\t\t\t<nine-dialog>\n\t\t\t\t<div class="msg"></div>\n\t\t\t\t<div class="buttons-confirm">\n\t\t\t\t\t<button class="ok">Yes</button>\n\t\t\t\t\t<button class="cancel">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n       '}}R(X,"confirm",async(t,n="Confirm",e={})=>{var o,i;const s={"true-text":"Yes","false-text":"No",class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.confirm)||{},...e};document.querySelectorAll("nine-confirm-popup").forEach(t=>t.remove());const a=document.createElement("nine-confirm-popup");s.class&&a.classList.add(s.class),s.animation&&a.classList.add(s.animation),document.body.appendChild(a);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector(".ok"),c=a.shadowRoot.querySelector(".cancel");return a.shadowRoot.querySelector(".msg").innerHTML=t.replace(/\n/g,"<br/>"),l.textContent=s["true-text"],c.textContent=s["false-text"],new Promise(t=>{l.onclick=()=>{t(!0),r.querySelector(".close").click()},c.onclick=()=>{t(!1),r.querySelector(".close").click()},r.addEventListener("close",()=>t(void 0)),r.showModal()})});class O extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML='\n          <nine-dialog>\n             <div class="msg"></div>\n             <div class="buttons-confirm">\n                <button class="cancel">Close</button>\n             </div>\n          </nine-dialog>\n       '}}R(O,"alert",async(t,n="Alert",e={})=>{var o,i;const s={class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.alert)||{},...e};document.querySelectorAll("nine-alert-popup").forEach(t=>t.remove());const a=document.createElement("nine-alert-popup");s.class&&a.classList.add(s.class),s.animation&&a.classList.add(s.animation),document.body.appendChild(a);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector(".cancel");return a.shadowRoot.querySelector(".msg").innerHTML=t.replace(/\n/g,"<br/>"),new Promise(t=>{l.onclick=()=>{t(!1),r.querySelector(".close").click()},r.showModal()})}),customElements.get("nine-confirm-popup")||customElements.define("nine-confirm-popup",X),customElements.get("nine-alert-popup")||customElements.define("nine-alert-popup",O);class H extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}render(t,n){this.shadowRoot.innerHTML=`\n            <style>\n            \tdialog {\n            \t\theight: 300px !important;\n            \t}\n            \t.msg {\n            \t\theight: unset !important;\n            \t}\n            </style>\n            \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>\n        `}}R(H,"prompt",async(t,n="Prompt",e={})=>{var o,i;const s={"true-text":"확인","false-text":"취소",class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.confirm)||{},...e};document.querySelectorAll("nine-prompt-popup").forEach(t=>t.remove());const a=document.createElement("nine-prompt-popup");document.body.appendChild(a),a.render(t,s);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector("textarea"),c=a.shadowRoot.querySelector(".ok"),d=a.shadowRoot.querySelector(".cancel");return new Promise(t=>{c.onclick=()=>{const n=l.value;t(n),r.querySelector(".close").click()},d.onclick=()=>{t(null),r.querySelector(".close").click()},r.addEventListener("close",()=>t(null)),r.showModal(),l.focus()})}),customElements.get("nine-prompt-popup")||customElements.define("nine-prompt-popup",H);class I{constructor(){B(this,a)}alert(t,n="Alert"){return $(this,a,r).call(this,"alert",t,n,"classic")}confirm(t,n="Confirm"){return $(this,a,r).call(this,"confirm",t,n,"classic")}prompt(t,n="Prompt"){return $(this,a,r).call(this,"prompt",t,n,"classic")}}a=new WeakSet,r=function(t,n,e,o){trace.log("prepare========================****");const i={class:o,animation:"fade"};let s=!1;const a={alert:O,confirm:X,prompt:H}[t];console.log(t),console.log(a);const 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(I,"cssPath","");class F{constructor(t=null,n="green"){B(this,h),B(this,l),B(this,c),B(this,d,!0),T(this,l,t),T(this,c,n),$(this,h,p).call(this)}init(t,n="green"){T(this,l,t),T(this,c,n)}get log(){const t=`color: ${M(this,c)}; font-weight: bold;`;return M(this,l)?console.log.bind(console,`%c[${M(this,l)}]`,t):console.log.bind(console)}get warn(){return M(this,d)?M(this,l)?console.warn.bind(console,`%c[${M(this,l)}]`,"color: cyan; font-weight: bold;"):console.warn.bind(console):()=>{}}get error(){return M(this,l)?console.error.bind(console,`%c[${M(this,l)}]`,"color: red; font-weight: bold;"):console.error.bind(console)}enable(){T(this,d,!0)}disable(){T(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[${M(this,l)||"Trace"}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,"color: #4CAF50; font-weight: bold;","","background: #333; color: yellow; padding: 2px 5px;",""))};const Y=new F;"undefined"!=typeof window&&(window.trace=Y);g=new WeakMap,u=new WeakMap,m=new WeakMap,f=new WeakSet,v=function(){if(0===M(this,u).length)return;const t=M(this,u).splice(0,M(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))}),T(this,g,null)};class j{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 D=class{};w=new WeakMap,R(D,"BASE_URL",window.__API_BASE_URL__||""),B(D,w,(t,n,e={},o=!0)=>{const i=n.startsWith("http")?n:`${D.BASE_URL}${n}`;o&&j.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 Y.error(`[IdeFetch.${t.toLowerCase()}] ${i} 실패:`,n),n}).finally(()=>{o&&j.hide()})}),R(D,"get",(t,n={},e=!0)=>{var o;return M(o=D,w).call(o,"GET",t,n,e)}),R(D,"post",(t,n={},e=!0)=>{var o;return M(o=D,w).call(o,"POST",t,n,e)}),R(D,"postMultipart",async(t,n=[],e={})=>{const{fileKey:o="fileContents",filePartName:i="files",jsonPartName:s="dataList",chunkSize:a=10}=e;j.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 D.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 Y.error("[postChunk] Error:",t),t}).finally(()=>{j.hide()})});let G=D;const U=G;class K extends HTMLElement{constructor(){super(),B(this,b),B(this,x,t=>{const n=t.previousElementSibling,e=t.nextElementSibling;if(!n||!e)return void T(this,b,this.classList.contains("h")?"h":"v");const o=n.getBoundingClientRect(),i=e.getBoundingClientRect();this.classList.contains("h")?T(this,b,"h"):this.classList.contains("v")?T(this,b,"v"):T(this,b,Math.abs(o.top-i.top)<5?"h":"v")}),B(this,y,t=>{t.preventDefault(),t.stopPropagation();const n=this.getBoundingClientRect(),e="h"===M(this,b),o=e?t.clientX-n.left:t.clientY-n.top,i=document.createElement("div");i.className=`nx-splitter-drag-bar-${M(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 Y.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;Y.log(t),t.classList.contains("sidebar")?t.style.flex=`0 0 ${e}px`:t.style.flex=`${o} ${o} 0`,k+=o}),Y.log(`dragOffset: ${h}`),Y.log(`Calculated FlexSum: ${k}`)};window.addEventListener("mousemove",m),window.addEventListener("mouseup",f)}),B(this,k,()=>{M(this,x).call(this,this),this.classList.add(M(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.102/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=>M(this,y).call(this,t))}),M(this,E).call(this),window.addEventListener("resize",()=>M(this,E).call(this))}),B(this,E,()=>{const t="h"===M(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(){M(this,k).call(this)}get cssPath(){return this.getAttribute("css-path")||I.cssPath}}b=new WeakMap,x=new WeakMap,y=new WeakMap,k=new WeakMap,E=new WeakMap,customElements.get("nine-splitter")||customElements.define("nine-splitter",K);const J=new I;q.alert=J.alert.bind(J),q.confirm=J.confirm.bind(J),q.prompt=J.prompt.bind(J),q.api=U,q.trace=Y,q.subscribeConfig=A,q.config=W||{},"undefined"!=typeof window&&(window.nine=q),t.Fetch=G,t.NineUtil=I,t.TaskDebouncer=class{constructor(t=50){B(this,f),B(this,g,null),B(this,u,[]),B(this,m),T(this,m,t)}exec(t,...n){M(this,u).push({func:t,args:n}),M(this,g)&&clearTimeout(M(this,g)),T(this,g,setTimeout(()=>$(this,f,v).call(this),M(this,m)))}execWithKey(t,n,...e){T(this,u,M(this,u).filter(n=>n.key!==t)),M(this,u).push({key:t,func:n,args:e}),M(this,g)&&clearTimeout(M(this,g)),T(this,g,setTimeout(()=>$(this,f,v).call(this),M(this,m)))}},t.Trace=F,t.api=U,t.config=W,t.loading=j,t.nine=q,t.nineAlertPopup=O,t.nineConfirmPopup=X,t.nineDialog=N,t.ninePromptPopup=H,t.subscribeConfig=A,t.trace=Y,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),S=(t,n,e)=>n.has(t)||C("Cannot "+e),M=(t,n,e)=>(S(t,n,"read from private field"),e?e.call(t):n.get(t)),B=(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),T=(t,n,e,o)=>(S(t,n,"write to private field"),o?o.call(t,e):n.set(t,e),e),$=(t,n,e)=>(S(t,n,"access private method"),e);const z=new Set,P={ux:{nativeOverride:!1,theme:"light"},board:{readOnly:!1},cssPath:"",debug:!1};"undefined"==typeof window||window.__NINE_GLOBAL_CONFIG__||(window.__NINE_GLOBAL_CONFIG__=P);const _="undefined"!=typeof window?window.__NINE_GLOBAL_CONFIG__:P,A=t=>(z.add(t),t("all",_),()=>z.delete(t)),W=new Proxy(_,{set:(t,n,e)=>(t[n]=e,z.forEach(e=>e(n,t)),!0),get:(t,n)=>t[n]}),q={config:W,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 N extends HTMLElement{constructor(){super(),B(this,n),B(this,e),R(this,"showModal",()=>{M(this,e).showModal()}),R(this,"close",()=>{M(this,e).close(),this.remove()}),B(this,o,()=>{const t=this.querySelector(".head");this.querySelectorAll(".close, .close2").forEach(t=>{t.onclick=()=>{M(this,e).classList.add("out"),setTimeout(()=>{this.close()},300)}}),t.addEventListener("mousedown",M(this,i)),t.addEventListener("touchstart",M(this,s),{passive:!1})}),B(this,i,t=>{if(t.target.closest("buttons"))return;if(0!==t.button||t.altKey||t.ctrlKey||t.shiftKey)return;const o=M(this,e).getBoundingClientRect();T(this,n,{x:t.clientX-o.left,y:t.clientY-o.top});const i=t=>{M(this,e).style.position="fixed",M(this,e).style.margin="0",M(this,e).style.left=t.clientX-M(this,n).x+"px",M(this,e).style.top=t.clientY-M(this,n).y+"px"},s=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",s)}),B(this,s,t=>{if(t.target.closest("buttons"))return;const o=M(this,e).getBoundingClientRect(),i=t.changedTouches[0];T(this,n,{x:i.pageX-o.left,y:i.pageY-o.top});const s=t=>{const o=t.changedTouches[0];M(this,e).style.position="fixed",M(this,e).style.margin="0",M(this,e).style.left=o.pageX-M(this,n).x+"px",M(this,e).style.top=o.pageY-M(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: 4px;\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    }\n    button.cancel {\n        color: white;\n        background-color: #6c757d;\n    }\n    \n    \n    \n    div.msg {\n        position: relative;\n        height: 100%;\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`,T(this,e,this.querySelector("dialog")),M(this,o).call(this)}}n=new WeakMap,e=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,customElements.get("nine-dialog")||customElements.define("nine-dialog",N);class X extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML='\n\t\t\t<nine-dialog>\n\t\t\t\t<div class="msg"></div>\n\t\t\t\t<div class="buttons-confirm">\n\t\t\t\t\t<button class="ok">Yes</button>\n\t\t\t\t\t<button class="cancel">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n       '}}R(X,"confirm",async(t,n="Confirm",e={})=>{var o,i;const s={"true-text":"Yes","false-text":"No",class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.confirm)||{},...e};document.querySelectorAll("nine-confirm-popup").forEach(t=>t.remove());const a=document.createElement("nine-confirm-popup");s.class&&a.classList.add(s.class),s.animation&&a.classList.add(s.animation),document.body.appendChild(a);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector(".ok"),c=a.shadowRoot.querySelector(".cancel");return a.shadowRoot.querySelector(".msg").innerHTML=t.replace(/\n/g,"<br/>"),l.textContent=s["true-text"],c.textContent=s["false-text"],new Promise(t=>{l.onclick=()=>{t(!0),r.querySelector(".close").click()},c.onclick=()=>{t(!1),r.querySelector(".close").click()},r.addEventListener("close",()=>t(void 0)),r.showModal()})});class O extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML='\n          <nine-dialog>\n             <div class="msg"></div>\n             <div class="buttons-confirm">\n                <button class="cancel">Close</button>\n             </div>\n          </nine-dialog>\n       '}}R(O,"alert",async(t,n="Alert",e={})=>{var o,i;const s={class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.alert)||{},...e};document.querySelectorAll("nine-alert-popup").forEach(t=>t.remove());const a=document.createElement("nine-alert-popup");s.class&&a.classList.add(s.class),s.animation&&a.classList.add(s.animation),document.body.appendChild(a);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector(".cancel");return a.shadowRoot.querySelector(".msg").innerHTML=t.replace(/\n/g,"<br/>"),new Promise(t=>{l.onclick=()=>{t(!1),r.querySelector(".close").click()},r.showModal()})}),customElements.get("nine-confirm-popup")||customElements.define("nine-confirm-popup",X),customElements.get("nine-alert-popup")||customElements.define("nine-alert-popup",O);class H extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}render(t,n){this.shadowRoot.innerHTML=`\n            <style>\n            \tdialog {\n            \t\theight: 300px !important;\n            \t}\n            \t.msg {\n            \t\theight: unset !important;\n            \t}\n            </style>\n            \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>\n        `}}R(H,"prompt",async(t,n="Prompt",e={})=>{var o,i;const s={"true-text":"확인","false-text":"취소",class:"classic",animation:"fade",...(null==(i=null==(o=q.config)?void 0:o.ux)?void 0:i.prompt)||{},...e};document.querySelectorAll("nine-prompt-popup").forEach(t=>t.remove());const a=document.createElement("nine-prompt-popup");document.body.appendChild(a),a.render(t,s);const r=a.shadowRoot.querySelector("nine-dialog"),l=a.shadowRoot.querySelector("textarea"),c=a.shadowRoot.querySelector(".ok"),d=a.shadowRoot.querySelector(".cancel");return new Promise(t=>{c.onclick=()=>{const n=l.value;t(n),r.querySelector(".close").click()},d.onclick=()=>{t(null),r.querySelector(".close").click()},r.addEventListener("close",()=>t(null)),r.showModal(),l.focus()})}),customElements.get("nine-prompt-popup")||customElements.define("nine-prompt-popup",H);class I{constructor(){B(this,a)}alert(t,n="Alert"){return $(this,a,r).call(this,"alert",t,n,"classic")}confirm(t,n="Confirm"){return $(this,a,r).call(this,"confirm",t,n,"classic")}prompt(t,n="Prompt"){return $(this,a,r).call(this,"prompt",t,n,"classic")}}a=new WeakSet,r=function(t,n,e,o){trace.log("prepare========================****");const i={class:o,animation:"fade"};let s=!1;const a={alert:O,confirm:X,prompt:H}[t];console.log(t),console.log(a);const 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(I,"cssPath","");class F{constructor(t=null,n="green"){B(this,h),B(this,l),B(this,c),B(this,d,!0),T(this,l,t),T(this,c,n),$(this,h,p).call(this)}init(t,n="green"){T(this,l,t),T(this,c,n)}get log(){const t=`color: ${M(this,c)}; font-weight: bold;`;return M(this,l)?console.log.bind(console,`%c[${M(this,l)}]`,t):console.log.bind(console)}get warn(){return M(this,d)?M(this,l)?console.warn.bind(console,`%c[${M(this,l)}]`,"color: cyan; font-weight: bold;"):console.warn.bind(console):()=>{}}get error(){return M(this,l)?console.error.bind(console,`%c[${M(this,l)}]`,"color: red; font-weight: bold;"):console.error.bind(console)}enable(){T(this,d,!0)}disable(){T(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[${M(this,l)||"Trace"}]%c 운영 모드: 로그 비활성화. %ctrace.enable()%c 로 활성화 가능`,"color: #4CAF50; font-weight: bold;","","background: #333; color: yellow; padding: 2px 5px;",""))};const Y=new F;"undefined"!=typeof window&&(window.trace=Y);g=new WeakMap,u=new WeakMap,m=new WeakMap,f=new WeakSet,v=function(){if(0===M(this,u).length)return;const t=M(this,u).splice(0,M(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))}),T(this,g,null)};class j{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 D=class{};w=new WeakMap,R(D,"BASE_URL",window.__API_BASE_URL__||""),B(D,w,(t,n,e={},o=!0)=>{const i=n.startsWith("http")?n:`${D.BASE_URL}${n}`;o&&j.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 Y.error(`[IdeFetch.${t.toLowerCase()}] ${i} 실패:`,n),n}).finally(()=>{o&&j.hide()})}),R(D,"get",(t,n={},e=!0)=>{var o;return M(o=D,w).call(o,"GET",t,n,e)}),R(D,"post",(t,n={},e=!0)=>{var o;return M(o=D,w).call(o,"POST",t,n,e)}),R(D,"postMultipart",async(t,n=[],e={})=>{const{fileKey:o="fileContents",filePartName:i="files",jsonPartName:s="dataList",chunkSize:a=10}=e;j.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 D.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 Y.error("[postChunk] Error:",t),t}).finally(()=>{j.hide()})});let G=D;const U=G;class K extends HTMLElement{constructor(){super(),B(this,b),B(this,x,t=>{const n=t.previousElementSibling,e=t.nextElementSibling;if(!n||!e)return void T(this,b,this.classList.contains("h")?"h":"v");const o=n.getBoundingClientRect(),i=e.getBoundingClientRect();this.classList.contains("h")?T(this,b,"h"):this.classList.contains("v")?T(this,b,"v"):T(this,b,Math.abs(o.top-i.top)<5?"h":"v")}),B(this,y,t=>{t.preventDefault(),t.stopPropagation();const n=this.getBoundingClientRect(),e="h"===M(this,b),o=e?t.clientX-n.left:t.clientY-n.top,i=document.createElement("div");i.className=`nx-splitter-drag-bar-${M(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 Y.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;Y.log(t),t.classList.contains("sidebar")?t.style.flex=`0 0 ${e}px`:t.style.flex=`${o} ${o} 0`,k+=o}),Y.log(`dragOffset: ${h}`),Y.log(`Calculated FlexSum: ${k}`)};window.addEventListener("mousemove",m),window.addEventListener("mouseup",f)}),B(this,k,()=>{M(this,x).call(this,this),this.classList.add(M(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.103/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=>M(this,y).call(this,t))}),M(this,E).call(this),window.addEventListener("resize",()=>M(this,E).call(this))}),B(this,E,()=>{const t="h"===M(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(){M(this,k).call(this)}get cssPath(){return this.getAttribute("css-path")||I.cssPath}}b=new WeakMap,x=new WeakMap,y=new WeakMap,k=new WeakMap,E=new WeakMap,customElements.get("nine-splitter")||customElements.define("nine-splitter",K);const J=new I;q.alert=J.alert.bind(J),q.confirm=J.confirm.bind(J),q.prompt=J.prompt.bind(J),q.api=U,q.trace=Y,q.subscribeConfig=A,q.config=W||{},"undefined"!=typeof window&&(window.nine=q),t.Fetch=G,t.NineUtil=I,t.TaskDebouncer=class{constructor(t=50){B(this,f),B(this,g,null),B(this,u,[]),B(this,m),T(this,m,t)}exec(t,...n){M(this,u).push({func:t,args:n}),M(this,g)&&clearTimeout(M(this,g)),T(this,g,setTimeout(()=>$(this,f,v).call(this),M(this,m)))}execWithKey(t,n,...e){T(this,u,M(this,u).filter(n=>n.key!==t)),M(this,u).push({key:t,func:n,args:e}),M(this,g)&&clearTimeout(M(this,g)),T(this,g,setTimeout(()=>$(this,f,v).call(this),M(this,m)))}},t.Trace=F,t.api=U,t.config=W,t.loading=j,t.nine=q,t.nineAlertPopup=O,t.nineConfirmPopup=X,t.nineDialog=N,t.ninePromptPopup=H,t.subscribeConfig=A,t.trace=Y,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/core/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// 닫기 버튼 이벤트\n\t\tthis.querySelectorAll('.close, .close2').forEach(btn => {\n\t\t\tbtn.onclick = () => {\n\t\t\t\tthis.#dialog.classList.add(\"out\");\n\t\t\t\tsetTimeout(() => { this.close(); }, 300);\n\t\t\t};\n\t\t});\n\n\t\t// 드래그 이벤트 (표준 addEventListener 사용)\n\t\thead.addEventListener('mousedown', this.#onMouseDown);\n\t\thead.addEventListener('touchstart', this.#onTouchStart, { passive: false });\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\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport \"./nineDialog.js\"; // <nine-dialog> 등록 보장\n\nexport class nineConfirmPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<nine-dialog>\n\t\t\t\t<div class=\"msg\"></div>\n\t\t\t\t<div class=\"buttons-confirm\">\n\t\t\t\t\t<button class=\"ok\">Yes</button>\n\t\t\t\t\t<button class=\"cancel\">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n `;\n\t}\n\n\t/*\n\t static confirm 로직\n\t /\n\tstatic confirm = async (message, title = 'Confirm', options = {}) => {\n\t\t// 1. 기존 옵션 병합 (nine.config 활용)\n\t\tconst config = {\n\t\t\t\"true-text\": \"Yes\",\n\t\t\t\"false-text\": \"No\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 기존 인스턴스 정리 및 신규 생성\n\t\tdocument.querySelectorAll('nine-confirm-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-confirm-popup');\n\n\t\t// 3. 클래스 및 애니메이션 적용\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst okBtn = t.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\t\tokBtn.textContent = config[\"true-text\"];\n\t\tcancelBtn.textContent = config[\"false-text\"];\n\n\t\treturn new Promise((resolve) => {\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tresolve(true);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\n\t\t\tdialogEl.addEventListener('close', () => resolve(undefined));\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\n}\n\nexport class nineAlertPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\"></div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">Close</button>\n </div>\n </nine-dialog>\n `;\n\t}\n\n\tstatic alert = async (message, title = \"Alert\", options = {}) => {\n\t\tconst config = {\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.alert \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\tdocument.querySelectorAll('nine-alert-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-alert-popup');\n\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl?.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\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 \"./nineDialog.js\";\n\nexport class ninePromptPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\t// Shadow DOM 구조 정의\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <style>\n \tdialog {\n \t\theight: 300px !important;\n \t}\n \t.msg {\n \t\theight: unset !important;\n \t}\n </style>\n \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 `;\n\t}\n\n\t/\n\t static prompt 로직\n\t /\n\tstatic prompt = async (message, title = 'Prompt', options = {}) => {\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...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 1. 기존 팝업 제거 및 신규 생성\n\t\tdocument.querySelectorAll('nine-prompt-popup').forEach(el => el.remove());\n\t\tconst el = document.createElement('nine-prompt-popup');\n\t\tdocument.body.appendChild(el);\n\n\t\t// 2. 렌더링 실행 (메시지와 설정 전달)\n\t\tel.render(message, config);\n\n\t\tconst dialogEl = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst textarea = el.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = el.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = el.shadowRoot.querySelector(\".cancel\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// 확인 버튼: 입력값 리턴\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tconst value = textarea.value;\n\t\t\t\tresolve(value);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove(); // DOM에서 제거\n\t\t\t};\n\n\t\t\t// 취소 버튼: null 리턴\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(null);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove();\n\t\t\t};\n\n\t\t\t// 다이얼로그 강제 종료 처리\n\t\t\tdialogEl.addEventListener('close', () => resolve(null));\n\n\t\t\tdialogEl.showModal();\n\t\t\ttextarea.focus(); // 바로 입력 가능하게 포커스\n\t\t});\n\t};\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 '../ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from \"../ux/dialog/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\ttrace.log(\"prepare========================*\");\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\tconsole.log(type);\r\n\t\tconsole.log(popup);\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}\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\tinit(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\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 \"../core/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 './core/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","head","querySelector","querySelectorAll","btn","onclick","classList","setTimeout","addEventListener","_onMouseDown","_onTouchStart","passive","e","closest","button","altKey","ctrlKey","shiftKey","rect","getBoundingClientRect","__privateSet","x","clientX","left","y","clientY","top","onMouseMove","ev","style","position","margin","onMouseUp","document","removeEventListener","touch","changedTouches","pageX","pageY","onTouchMove","t","onTouchEnd","connectedCallback","v","innerHTML","titleText","getAttribute","trace","log","call","WeakMap","customElements","define","nineConfirmPopup","attachShadow","mode","shadowRoot","async","message","title","class","animation","_b","_a","confirm","el","createElement","body","appendChild","dialogEl","okBtn","cancelBtn","replace","textContent","Promise","resolve","click","nineAlertPopup","alert","ninePromptPopup","render","textarea","focus","NineUtil","_NineUtil_instances","__privateMethod","prepare_fn","prompt","WeakSet","type","defaultClass","isExecuted","popup","console","runner","rgb","classic","shake","run","zoom","then","reject","Trace","name","color","_Trace_instances","_name","_color","_enabled","autoConfig_fn","init","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","display","hide","_Fetch","_request","__API_BASE_URL__","method","url","data","showLoading","finalUrl","BASE_URL","headers","FormData","targetUrl","URLSearchParams","fetch","res","ok","text","Error","status","json","catch","err","toLowerCase","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","tagName","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/core/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// 닫기 버튼 이벤트\n\t\tthis.querySelectorAll('.close, .close2').forEach(btn => {\n\t\t\tbtn.onclick = () => {\n\t\t\t\tthis.#dialog.classList.add(\"out\");\n\t\t\t\tsetTimeout(() => { this.close(); }, 300);\n\t\t\t};\n\t\t});\n\n\t\t// 드래그 이벤트 (표준 addEventListener 사용)\n\t\thead.addEventListener('mousedown', this.#onMouseDown);\n\t\thead.addEventListener('touchstart', this.#onTouchStart, { passive: false });\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\nif (!customElements.get('nine-dialog')) {\n\tcustomElements.define(\"nine-dialog\", nineDialog);\n}\n","import { nine } from \"../../core/Config.js\"; // 설정 참조용\nimport \"./nineDialog.js\"; // <nine-dialog> 등록 보장\n\nexport class nineConfirmPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\n\t\tthis.shadowRoot.innerHTML = `\n\t\t\t<nine-dialog>\n\t\t\t\t<div class=\"msg\"></div>\n\t\t\t\t<div class=\"buttons-confirm\">\n\t\t\t\t\t<button class=\"ok\">Yes</button>\n\t\t\t\t\t<button class=\"cancel\">No</button>\n\t\t\t\t</div>\n\t\t\t</nine-dialog>\n `;\n\t}\n\n\t/*\n\t static confirm 로직\n\t /\n\tstatic confirm = async (message, title = 'Confirm', options = {}) => {\n\t\t// 1. 기존 옵션 병합 (nine.config 활용)\n\t\tconst config = {\n\t\t\t\"true-text\": \"Yes\",\n\t\t\t\"false-text\": \"No\",\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.confirm \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 2. 기존 인스턴스 정리 및 신규 생성\n\t\tdocument.querySelectorAll('nine-confirm-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-confirm-popup');\n\n\t\t// 3. 클래스 및 애니메이션 적용\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst okBtn = t.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\t\tokBtn.textContent = config[\"true-text\"];\n\t\tcancelBtn.textContent = config[\"false-text\"];\n\n\t\treturn new Promise((resolve) => {\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tresolve(true);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\n\t\t\tdialogEl.addEventListener('close', () => resolve(undefined));\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\n}\n\nexport class nineAlertPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\tconnectedCallback() {\n\t\tthis.shadowRoot.innerHTML = `\n <nine-dialog>\n <div class=\"msg\"></div>\n <div class=\"buttons-confirm\">\n <button class=\"cancel\">Close</button>\n </div>\n </nine-dialog>\n `;\n\t}\n\n\tstatic alert = async (message, title = \"Alert\", options = {}) => {\n\t\tconst config = {\n\t\t\tclass: \"classic\",\n\t\t\tanimation: \"fade\",\n\t\t\t...(nine.config?.ux?.alert \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\tdocument.querySelectorAll('nine-alert-popup').forEach(el => el.remove());\n\t\tconst t = document.createElement('nine-alert-popup');\n\n\t\tif (config.class) t.classList.add(config.class);\n\t\tif (config.animation) t.classList.add(config.animation);\n\t\tdocument.body.appendChild(t);\n\n\t\tconst dialogEl = t.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst cancelBtn = t.shadowRoot.querySelector(\".cancel\");\n\t\tconst msgBox = t.shadowRoot.querySelector(\".msg\");\n\n\t\t//dialogEl?.setAttribute(\"title\", title);\n\t\tmsgBox.innerHTML = message.replace(/\\n/g, \"<br/>\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(false);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t};\n\t\t\tdialogEl.showModal();\n\t\t});\n\t};\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 \"./nineDialog.js\";\n\nexport class ninePromptPopup extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: 'open' });\n\t}\n\n\t// Shadow DOM 구조 정의\n\trender(message, config) {\n\t\tthis.shadowRoot.innerHTML = `\n <style>\n \tdialog {\n \t\theight: 300px !important;\n \t}\n \t.msg {\n \t\theight: unset !important;\n \t}\n </style>\n \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 `;\n\t}\n\n\t/\n\t static prompt 로직\n\t /\n\tstatic prompt = async (message, title = 'Prompt', options = {}) => {\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...(nine.config?.ux?.prompt \|\| {}),\n\t\t\t...options\n\t\t};\n\n\t\t// 1. 기존 팝업 제거 및 신규 생성\n\t\tdocument.querySelectorAll('nine-prompt-popup').forEach(el => el.remove());\n\t\tconst el = document.createElement('nine-prompt-popup');\n\t\tdocument.body.appendChild(el);\n\n\t\t// 2. 렌더링 실행 (메시지와 설정 전달)\n\t\tel.render(message, config);\n\n\t\tconst dialogEl = el.shadowRoot.querySelector(\"nine-dialog\");\n\t\tconst textarea = el.shadowRoot.querySelector(\"textarea\");\n\t\tconst okBtn = el.shadowRoot.querySelector(\".ok\");\n\t\tconst cancelBtn = el.shadowRoot.querySelector(\".cancel\");\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// 확인 버튼: 입력값 리턴\n\t\t\tokBtn.onclick = () => {\n\t\t\t\tconst value = textarea.value;\n\t\t\t\tresolve(value);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove(); // DOM에서 제거\n\t\t\t};\n\n\t\t\t// 취소 버튼: null 리턴\n\t\t\tcancelBtn.onclick = () => {\n\t\t\t\tresolve(null);\n\t\t\t\tdialogEl.querySelector('.close').click();\n\t\t\t\t//el.remove();\n\t\t\t};\n\n\t\t\t// 다이얼로그 강제 종료 처리\n\t\t\tdialogEl.addEventListener('close', () => resolve(null));\n\n\t\t\tdialogEl.showModal();\n\t\t\ttextarea.focus(); // 바로 입력 가능하게 포커스\n\t\t});\n\t};\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 '../ux/dialog/nineConfirm.js';\r\nimport { ninePromptPopup } from \"../ux/dialog/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\ttrace.log(\"prepare========================*\");\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\tconsole.log(type);\r\n\t\tconsole.log(popup);\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}\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\tinit(name, color = \"green\") {\r\n\t\tthis.#name = name;\r\n\t\tthis.#color = color;\r\n\t}\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 \"../core/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 './core/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","head","querySelector","querySelectorAll","btn","onclick","classList","setTimeout","addEventListener","_onMouseDown","_onTouchStart","passive","e","closest","button","altKey","ctrlKey","shiftKey","rect","getBoundingClientRect","__privateSet","x","clientX","left","y","clientY","top","onMouseMove","ev","style","position","margin","onMouseUp","document","removeEventListener","touch","changedTouches","pageX","pageY","onTouchMove","t","onTouchEnd","connectedCallback","v","innerHTML","titleText","getAttribute","trace","log","call","WeakMap","customElements","define","nineConfirmPopup","attachShadow","mode","shadowRoot","async","message","title","class","animation","_b","_a","confirm","el","createElement","body","appendChild","dialogEl","okBtn","cancelBtn","replace","textContent","Promise","resolve","click","nineAlertPopup","alert","ninePromptPopup","render","prompt","textarea","focus","NineUtil","_NineUtil_instances","__privateMethod","prepare_fn","WeakSet","type","defaultClass","isExecuted","popup","console","runner","rgb","classic","shake","run","zoom","then","reject","Trace","name","color","_Trace_instances","_name","_color","_enabled","autoConfig_fn","init","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","display","hide","_Fetch","_request","__API_BASE_URL__","method","url","data","showLoading","finalUrl","BASE_URL","headers","FormData","targetUrl","URLSearchParams","fetch","res","ok","text","Error","status","json","catch","err","toLowerCase","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","tagName","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":"wyBAEA,MAAMA,MAAgBC,IAIhBC,EAAiB,CACtBC,GAAI,CAAEC,gBAAgB,EAAOC,MAAO,SACpCC,MAAO,CAAEC,UAAU,GACnBC,QAAS,GACTC,OAAO,GAGc,oBAAXC,QAA2BA,OAAOC,yBAC5CD,OAAOC,uBAAyBT,GAIjC,MAAMU,EAA4B,oBAAXF,OAAyBA,OAAOC,uBAAyBT,EAEnEW,EAAmBC,IAC/Bd,EAAUe,IAAID,GACdA,EAAG,MAAOF,GACH,IAAMZ,EAAUgB,OAAOF,IAIlBG,EAAS,IAAIC,MAAMN,EAAS,CACxCO,IAAA,CAAIC,EAAQC,EAAMC,KACjBF,EAAOC,GAAQC,EACftB,EAAUuB,QAAQT,GAAMA,EAAGO,EAAMD,KAC1B,GAERI,IAAA,CAAIJ,EAAQC,IACJD,EAAOC,KAIHI,EAAO,CACnBR,SAIA,WAAIT,GACH,OAAOkB,KAAKT,OAAOT,SAAW,EAC/B,EAEA,KAAAmB,CAAMC,EAAU,IACfC,OAAOC,QAAQF,GAASL,QAAQ,EAAEQ,EAAKT,MAEjB,iBAAVA,GAAgC,OAAVA,GAAmBU,MAAMC,QAAQX,GAGjEI,KAAKT,OAAOc,GAAOT,EAFnBI,KAAKT,OAAOc,GAAO,IAAKL,KAAKT,OAAOc,MAAST,KAOzB,oBAAXZ,SACVA,OAAOe,KAAOf,OAAOe,MAAQC,KAE/B,GC3DM,MAAMQ,UAAmBC,YAM/B,WAAAC,GACCC,QALDC,EAAAZ,KAAAa,GACAD,EAAAZ,KAAAc,GAuDAC,EAAAf,KAAA,YAAY,KACXgB,EAAAhB,KAAKc,GAAQG,cAGdF,EAAAf,KAAA,QAAQ,KAGPgB,EAAAhB,KAAKc,GAAQI,QACblB,KAAKmB,WAGNP,EAAAZ,KAAAoB,EAAQ,KACP,MAAMC,EAAOrB,KAAKsB,cAAc,SAGhCtB,KAAKuB,iBAAiB,mBAAmB1B,QAAQ2B,IAChDA,EAAIC,QAAU,KACbT,EAAAhB,KAAKc,GAAQY,UAAUrC,IAAI,OAC3BsC,WAAW,KAAQ3B,KAAKkB,SAAY,QAKtCG,EAAKO,iBAAiB,YAAaZ,EAAAhB,KAAK6B,IACxCR,EAAKO,iBAAiB,aAAcZ,EAAAhB,KAAK8B,GAAe,CAAEC,SAAS,MAIpEnB,EAAAZ,KAAA6B,EAAeG,IACd,GAAIA,EAAEtC,OAAOuC,QAAQ,WAAY,OACjC,GAAiB,IAAbD,EAAEE,QAAgBF,EAAEG,QAAUH,EAAEI,SAAWJ,EAAEK,SAAU,OAE3D,MAAMC,EAAOtB,EAAAhB,KAAKc,GAAQyB,wBAC1BC,EAAAxC,KAAKa,EAAS,CACb4B,EAAGT,EAAEU,QAAUJ,EAAKK,KACpBC,EAAGZ,EAAEa,QAAUP,EAAKQ,MAGrB,MAAMC,EAAeC,IACpBhC,EAAAhB,KAAKc,GAAQmC,MAAMC,SAAW,QAC9BlC,EAAAhB,KAAKc,GAAQmC,MAAME,OAAS,IAC5BnC,EAAAhB,KAAKc,GAAQmC,MAAMN,KAAUK,EAAGN,QAAU1B,EAAAhB,KAAKa,GAAO4B,EAA5B,KAC1BzB,EAAAhB,KAAKc,GAAQmC,MAAMH,IAASE,EAAGH,QAAU7B,EAAAhB,KAAKa,GAAO+B,EAA5B,MAGpBQ,EAAY,KACjBC,SAASC,oBAAoB,YAAaP,GAC1CM,SAASC,oBAAoB,UAAWF,IAGzCC,SAASzB,iBAAiB,YAAamB,GACvCM,SAASzB,iBAAiB,UAAWwB,KAGtCxC,EAAAZ,KAAA8B,EAAgBE,IACf,GAAIA,EAAEtC,OAAOuC,QAAQ,WAAY,OAEjC,MAAMK,EAAOtB,EAAAhB,KAAKc,GAAQyB,wBACpBgB,EAAQvB,EAAEwB,eAAe,GAC/BhB,EAAAxC,KAAKa,EAAS,CACb4B,EAAGc,EAAME,MAAQnB,EAAKK,KACtBC,EAAGW,EAAMG,MAAQpB,EAAKQ,MAGvB,MAAMa,EAAeX,IACpB,MAAMY,EAAIZ,EAAGQ,eAAe,GAC5BxC,EAAAhB,KAAKc,GAAQmC,MAAMC,SAAW,QAC9BlC,EAAAhB,KAAKc,GAAQmC,MAAME,OAAS,IAC5BnC,EAAAhB,KAAKc,GAAQmC,MAAMN,KAAUiB,EAAEH,MAAQzC,EAAAhB,KAAKa,GAAO4B,EAAzB,KAC1BzB,EAAAhB,KAAKc,GAAQmC,MAAMH,IAASc,EAAEF,MAAQ1C,EAAAhB,KAAKa,GAAO+B,EAAzB,MAGpBiB,EAAa,KAClBR,SAASC,oBAAoB,YAAaK,GAC1CN,SAASC,oBAAoB,WAAYO,IAG1CR,SAASzB,iBAAiB,YAAa+B,GACvCN,SAASzB,iBAAiB,WAAYiC,IAhIvC,CAEA,iBAAAC,GAEC,MAAMC,EAAI/D,KAAKgE,UACTC,EAAYjE,KAAKkE,aAAa,UAAY,UAEhDC,MAAMC,IAAI,aAEVpE,KAAKgE,UAAY,64VASQC,usBAanBF,kdAeNvB,EAAAxC,KAAKc,EAAUd,KAAKsB,cAAc,WAClCN,EAAAhB,KAAKoB,GAALiD,KAAArE,KACD,EAtDAa,EAAA,IAAAyD,QACAxD,EAAA,IAAAwD,QAkEAlD,EAAA,IAAAkD,QAiBAzC,EAAA,IAAAyC,QA0BAxC,EAAA,IAAAwC,QA4BIC,eAAezE,IAAI,gBACvByE,eAAeC,OAAO,cAAehE,GC5I/B,MAAMiE,UAAyBhE,YACrC,WAAAC,GACCC,QACAX,KAAK0E,aAAa,CAAEC,KAAM,QAC3B,CAEA,iBAAAb,GAEC9D,KAAK4E,WAAWZ,UAAY,uOAS7B,EAKAjD,EAtBY0D,EAsBL,UAAUI,MAAOC,EAASC,EAAQ,UAAW7E,EAAU,cAE7D,MAAMX,EAAS,CACd,YAAa,MACb,aAAc,KACdyF,MAAO,UACPC,UAAW,WACP,OAAAC,EAAA,OAAAC,EAAApF,EAAKR,iBAAQd,SAAb,EAAAyG,EAAiBE,UAAW,CAAA,KAC7BlF,GAIJmD,SAAS9B,iBAAiB,sBAAsB1B,QAAQwF,GAAMA,EAAGlE,UACjE,MAAMyC,EAAIP,SAASiC,cAAc,sBAG7B/F,EAAOyF,OAAOpB,EAAElC,UAAUrC,IAAIE,EAAOyF,OACrCzF,EAAO0F,WAAWrB,EAAElC,UAAUrC,IAAIE,EAAO0F,WAC7C5B,SAASkC,KAAKC,YAAY5B,GAE1B,MAAM6B,EAAW7B,EAAEgB,WAAWtD,cAAc,eACtCoE,EAAQ9B,EAAEgB,WAAWtD,cAAc,OACnCqE,EAAY/B,EAAEgB,WAAWtD,cAAc,WAQ7C,OAPesC,EAAEgB,WAAWtD,cAAc,QAGnC0C,UAAYc,EAAQc,QAAQ,MAAO,SAC1CF,EAAMG,YAActG,EAAO,aAC3BoG,EAAUE,YAActG,EAAO,cAExB,IAAIuG,QAASC,IACnBL,EAAMjE,QAAU,KACfsE,GAAQ,GACRN,EAASnE,cAAc,UAAU0E,SAElCL,EAAUlE,QAAU,KACnBsE,GAAQ,GACRN,EAASnE,cAAc,UAAU0E,SAGlCP,EAAS7D,iBAAiB,QAAS,IAAMmE,WACzCN,EAASxE,gBAKL,MAAMgF,UAAuBxF,YACnC,WAAAC,GACCC,QACAX,KAAK0E,aAAa,CAAEC,KAAM,QAC3B,CAEA,iBAAAb,GACC9D,KAAK4E,WAAWZ,UAAY,4NAQ7B,EAEAjD,EAjBYkF,EAiBL,QAAQpB,MAAOC,EAASC,EAAQ,QAAS7E,EAAU,cACzD,MAAMX,EAAS,CACdyF,MAAO,UACPC,UAAW,WACP,OAAAC,EAAA,OAAAC,EAAApF,EAAKR,iBAAQd,SAAb,EAAAyG,EAAiBgB,QAAS,CAAA,KAC3BhG,GAGJmD,SAAS9B,iBAAiB,oBAAoB1B,QAAQwF,GAAMA,EAAGlE,UAC/D,MAAMyC,EAAIP,SAASiC,cAAc,oBAE7B/F,EAAOyF,OAAOpB,EAAElC,UAAUrC,IAAIE,EAAOyF,OACrCzF,EAAO0F,WAAWrB,EAAElC,UAAUrC,IAAIE,EAAO0F,WAC7C5B,SAASkC,KAAKC,YAAY5B,GAE1B,MAAM6B,EAAW7B,EAAEgB,WAAWtD,cAAc,eACtCqE,EAAY/B,EAAEgB,WAAWtD,cAAc,WAM7C,OALesC,EAAEgB,WAAWtD,cAAc,QAGnC0C,UAAYc,EAAQc,QAAQ,MAAO,SAEnC,IAAIE,QAASC,IACnBJ,EAAUlE,QAAU,KACnBsE,GAAQ,GACRN,EAASnE,cAAc,UAAU0E,SAElCP,EAASxE,gBAMPsD,eAAezE,IAAI,uBAAuByE,eAAeC,OAAO,qBAAsBC,GACtFF,eAAezE,IAAI,qBAAqByE,eAAeC,OAAO,mBAAoByB,GCvHhF,MAAME,UAAwB1F,YACpC,WAAAC,GACCC,QACAX,KAAK0E,aAAa,CAAEC,KAAM,QAC3B,CAGA,MAAAyB,CAAOtB,EAASvF,GACfS,KAAK4E,WAAWZ,UAAY,gSAWKc,EAAQc,QAAQ,MAAO,qPAKbrG,EAAO,kEACXA,EAAO,qFAI/C,EAKAwB,EAlCYoF,EAkCL,SAAStB,MAAOC,EAASC,EAAQ,SAAU7E,EAAU,cAC3D,MAAMX,EAAS,CACd,YAAa,KACb,aAAc,KACdyF,MAAO,UACPC,UAAW,WACP,OAAAC,EAAA,OAAAC,EAAApF,EAAKR,iBAAQd,SAAb,EAAAyG,EAAiBmB,SAAU,CAAA,KAC5BnG,GAIJmD,SAAS9B,iBAAiB,qBAAqB1B,QAAQwF,GAAMA,EAAGlE,UAChE,MAAMkE,EAAKhC,SAASiC,cAAc,qBAClCjC,SAASkC,KAAKC,YAAYH,GAG1BA,EAAGe,OAAOtB,EAASvF,GAEnB,MAAMkG,EAAWJ,EAAGT,WAAWtD,cAAc,eACvCgF,EAAWjB,EAAGT,WAAWtD,cAAc,YACvCoE,EAAQL,EAAGT,WAAWtD,cAAc,OACpCqE,EAAYN,EAAGT,WAAWtD,cAAc,WAE9C,OAAO,IAAIwE,QAASC,IAEnBL,EAAMjE,QAAU,KACf,MAAM7B,EAAQ0G,EAAS1G,MACvBmG,EAAQnG,GACR6F,EAASnE,cAAc,UAAU0E,SAKlCL,EAAUlE,QAAU,KACnBsE,EAAQ,MACRN,EAASnE,cAAc,UAAU0E,SAKlCP,EAAS7D,iBAAiB,QAAS,IAAMmE,EAAQ,OAEjDN,EAASxE,YACTqF,EAASC,YAKPhC,eAAezE,IAAI,sBACvByE,eAAeC,OAAO,oBAAqB2B,GClFrC,MAAMK,EAAN,WAAA9F,GAAAE,EAAAZ,KAAAyG,EAAA,CAkDN,KAAAP,CAAMpB,EAASC,EAAQ,SACtB,OAAO2B,EAAA1G,KAAKyG,EAAAE,GAALtC,KAAArE,KAAc,QAAS8E,EAASC,EAAO,UAC/C,CAEA,OAAAK,CAAQN,EAASC,EAAQ,WACxB,OAAO2B,EAAA1G,KAAKyG,EAAAE,GAALtC,KAAArE,KAAc,UAAW8E,EAASC,EAAO,UACjD,CAEA,MAAAsB,CAAOvB,EAASC,EAAQ,UACvB,OAAO2B,EAAA1G,KAAKyG,EAAAE,GAALtC,KAAArE,KAAc,SAAU8E,EAASC,EAAO,UAChD,EA5DM0B,EAAA,IAAAG,QAOND,EAAQ,SAACE,EAAM/B,EAASC,EAAO+B,GAE9B3C,MAAMC,IAAI,uCAEV,MAAMlE,EAAU,CAAE8E,MAAO8B,EAAc7B,UAAW,QAElD,IAAI8B,GAAa,EAEjB,MAMMC,EANW,CAChBd,MAAOD,EACPb,QAASX,EACT4B,OAAQF,GAGcU,GAEvBI,QAAQ7C,IAAIyC,GACZI,QAAQ7C,IAAI4C,GAEZ,MAAME,EAAS,CACdC,IAAS,KAAQjH,EAAQ8E,MAAQ,MAAckC,GAC/CE,QAAS,KAAQlH,EAAQ8E,MAAQ,UAAkBkC,GACnDG,MAAS,KAAQnH,EAAQ+E,UAAY,QAAgBiC,GACrDI,IAAS,KAAQpH,EAAQ+E,UAAY,aAAqBiC,GAC1DK,KAAS,KAAQrH,EAAQ+E,UAAY,OAAeiC,GAEpDM,KAAM,CAACzB,EAAS0B,KACfV,GAAa,EACNC,EAAMH,GAAM/B,EAASC,EAAO7E,GAASsH,KAAKzB,EAAS0B,KAY5D,OAPA3B,QAAQC,UAAUyB,KAAK,KACjBT,IACJA,GAAa,EACbC,EAAMH,GAAM/B,EAASC,EAAO7E,MAIvBgH,CACR,EA9CAnG,EAFYyF,EAEL,UAAU,ICNX,MAAMkB,EAKZ,WAAAhH,CAAYiH,EAAO,KAAMC,EAAQ,SAL3BhH,EAAAZ,KAAA6H,GACNjH,EAAAZ,KAAA8H,GACAlH,EAAAZ,KAAA+H,GACAnH,EAAAZ,KAAAgI,GAAW,GAGVxF,EAAAxC,KAAK8H,EAAQH,GACbnF,EAAAxC,KAAK+H,EAASH,GACdlB,EAAA1G,KAAK6H,EAAAI,GAAL5D,KAAArE,KACD,CAqBA,IAAAkI,CAAKP,EAAMC,EAAQ,SAClBpF,EAAAxC,KAAK8H,EAAQH,GACbnF,EAAAxC,KAAK+H,EAASH,EACf,CAGA,OAAIxD,GAEH,MAAMnB,EAAQ,UAAUjC,EAAAhB,KAAK+H,yBAE7B,OAAQ/G,EAAAhB,KAAK8H,GACVb,QAAQ7C,IAAI+D,KAAKlB,QAAS,MAAMjG,EAAAhB,KAAK8H,MAAU7E,GAC/CgE,QAAQ7C,IAAI+D,KAAKlB,QACrB,CAEA,QAAImB,GACH,OAAKpH,EAAAhB,KAAKgI,GACFhH,EAAAhB,KAAK8H,GACVb,QAAQmB,KAAKD,KAAKlB,QAAS,MAAMjG,EAAAhB,KAAK8H,MAAU,mCAChDb,QAAQmB,KAAKD,KAAKlB,SAHM,MAI5B,CAEA,SAAIoB,GAGH,OAAQrH,EAAAhB,KAAK8H,GACVb,QAAQoB,MAAMF,KAAKlB,QAAS,MAAMjG,EAAAhB,KAAK8H,MAAU,kCACjDb,QAAQoB,MAAMF,KAAKlB,QACvB,CAEA,MAAAqB,GAAW9F,EAAAxC,KAAKgI,GAAW,EAAM,CACjC,OAAAO,GAAY/F,EAAAxC,KAAKgI,GAAW,EAAO,EA5DnCF,EAAA,IAAAxD,QACAyD,EAAA,IAAAzD,QACA0D,EAAA,IAAA1D,QAHMuD,EAAA,IAAAjB,QAWNqB,EAAW,WACV,GAAsB,oBAAXjJ,OAAwB,OACU,cAA7BA,OAAOwJ,SAASC,UACF,cAA7BzJ,OAAOwJ,SAASC,UAChBzJ,OAAOwJ,SAASC,SAASC,WAAW,YAGpC1I,KAAKsI,UAELtI,KAAKuI,UACLtB,QAAQ7C,IACP,MAAMpD,EAAAhB,KAAK8H,IAAS,yDACpB,qCAAsC,GACtC,qDAAsD,IAGzD,EAqCW,MAAC3D,EAAQ,IAAIuD,EACH,oBAAX1I,SAAwBA,OAAOmF,MAAQA,GChEjDwE,EAAA,IAAArE,QACAsE,EAAA,IAAAtE,QACAuE,EAAA,IAAAvE,QAHMwE,EAAA,IAAAlC,QAkCNmC,EAAM,WACL,GAA2B,IAAvB/H,EAAAhB,KAAK4I,GAAOI,OAAc,OAG9B,MAAMC,EAAQjI,EAAAhB,KAAK4I,GAAOM,OAAO,EAAGlI,EAAAhB,KAAK4I,GAAOI,QAC1CG,MAAW5K,IAEjB0K,EAAMpJ,QAAQuJ,IAGb,MAAMC,EAAa,GAAGD,EAAKE,KAAK3B,QAAQ4B,KAAKC,UAAUJ,EAAKK,QAEvDN,EAAKO,IAAIL,KAEbD,EAAKE,QAAQF,EAAKK,MAClBN,EAAK9J,IAAIgK,MAIX7G,EAAAxC,KAAK2I,EAAS,KACf,ECtDM,MAAMgB,EACZ,WAAOC,GACN,IAAIC,EAAUxG,SAASyG,eAAe,0BACtC,IAAKD,IACJA,EAAUxG,SAASiC,cAAc,OACjCuE,EAAQE,GAAK,yBACbF,EAAQ5G,MAAM+G,QAAU,yPAMxBH,EAAQ7F,UAAY,sCACpBX,SAASkC,KAAKC,YAAYqE,IAErBxG,SAASyG,eAAe,oBAAoB,CAChD,MAAM7G,EAAQI,SAASiC,cAAc,SACrCrC,EAAM8G,GAAK,kBACX9G,EAAMe,UAAY,qaASlBX,SAAShC,KAAKmE,YAAYvC,EAC3B,CAED4G,EAAQ5G,MAAMgH,QAAU,MACzB,CAEA,WAAOC,GACN,MAAML,EAAUxG,SAASyG,eAAe,0BACpCD,IAASA,EAAQ5G,MAAMgH,QAAU,OACtC,ECjCM,MAAME,EAAN,QAGCC,EAAA,IAAA9F,QAFPvD,EADYoJ,EACL,WAAWnL,OAAOqL,kBAAoB,IAE7CzJ,EAHYuJ,EAGLC,EAAW,CAACE,EAAQC,EAAKC,EAAO,CAAA,EAAIC,GAAc,KACxD,MAAMC,EAAWH,EAAI7B,WAAW,QAAU6B,EAAM,GAAGJ,EAAKQ,WAAWJ,IAE/DE,GACHd,EAAQC,OAIT,MAAMgB,EAAU,CAAA,EAGVJ,aAAgBK,WACrBD,EAAQ,gBAAkB,oBAG3B,MAAM1K,EAAU,CACfoK,SACAM,WAGD,IAAIE,EAAYJ,EAQhB,MAPe,QAAXJ,EACHQ,GAAa,IAAI,IAAIC,gBAAgBP,KAGrCtK,EAAQqF,KAAOiF,aAAgBK,SAAWL,EAAOjB,KAAKC,UAAUgB,GAG1DQ,MAAMF,EAAW5K,GACtBsH,KAAK3C,MAAMoG,IACX,IAAKA,EAAIC,GAAI,CACZ,MAAMC,QAAaF,EAAIE,OACvB,MAAM,IAAIC,MAAM,WAAWH,EAAII,YAAYF,IAC5C,CACA,OAAOF,EAAIK,SAEXC,MAAMC,IAEN,MADArH,EAAMkE,MAAM,aAAaiC,EAAOmB,kBAAkBf,QAAgBc,GAC5DA,IAENE,QAAQ,KACJjB,GACHd,EAAQO,WAMZnJ,EAnDYoJ,EAmDL,MAAM,CAACI,EAAKC,EAAO,CAAA,EAAIC,GAAc,WAAS,OAAAzJ,EAAAmE,EAAAgF,EAAKC,GAAL/F,KAAAc,EAAc,MAAOoF,EAAKC,EAAMC,KACrF1J,EApDYoJ,EAoDL,OAAO,CAACI,EAAKC,EAAO,CAAA,EAAIC,GAAc,WAAS,OAAAzJ,EAAAmE,EAAAgF,EAAKC,GAAL/F,KAAAc,EAAc,OAAQoF,EAAKC,EAAMC,KAYvF1J,EAhEYoJ,EAgEL,gBAAgBtF,MAAO0F,EAAKoB,EAAO,GAAIzL,EAAU,MACvD,MAAM0L,QACLA,EAAU,eAAAC,aACVA,EAAe,QAAAC,aACfA,EAAe,WAAAC,UACfA,EAAY,IACT7L,EAGJyJ,EAAQC,OAER,IAAIoC,EAAa,EACbC,EAAe,KAGnB,MAAA,WACC,IAAA,IAASC,EAAI,EAAGA,EAAIP,EAAK3C,OAAQkD,GAAKH,EAAW,CAChD,MAAMI,EAAW,IAAItB,SACfuB,EAAQT,EAAKU,MAAMH,EAAGA,EAAIH,GAC1BO,EAAc,GAEpBF,EAAMvM,QAAS0M,IACd,MAAQX,CAACA,GAAUY,WAASC,KAAaC,GAASH,EAClDD,EAAYK,KAAKD,GACbF,aAAmBI,MACtBT,EAASU,OAAOhB,EAAcW,KAIhC,MAAMM,EAAW,IAAIC,KAAK,CAACxD,KAAKC,UAAU8C,IAAe,CAAEzF,KAAM,qBAMjE,GALAsF,EAASU,OAAOf,EAAcgB,GAG9Bb,QAAqB9B,EAAK6C,KAAKzC,EAAK4B,GAAU,IAE1CF,IAAiBA,EAAagB,SAAmC,OAAxBhB,EAAaZ,OAGzD,MAAM,IAAID,MAAM,aAAac,UAF7BF,GAAcI,EAAMpD,MAItB,CACA,MAAO,IAAKiD,EAAcgB,SAAS,EAAMjB,aAC1C,EA3BA,GA4BET,MAAMC,IAEN,MADArH,EAAMkE,MAAM,qBAAsBmD,GAC5BA,IAENE,QAAQ,KAER/B,EAAQO,WAjHL,IAAMgD,EAAN/C,EAsHK,MAACgD,EAAMD,ECtHnB,MAAME,UAAmB3M,YAIxB,WAAAC,GACCC,QAHDC,EAAAZ,KAAAqN,GAYAzM,EAAAZ,KAAAsN,EAAejI,IACd,MAAMkI,EAAOlI,EAAGmI,uBACVC,EAAOpI,EAAGqI,mBAChB,IAAKH,IAASE,EAEb,YADAjL,EAAAxC,KAAKqN,EAAQrN,KAAK0B,UAAUiM,SAAS,KAAO,IAAM,KAInD,MAAMC,EAAWL,EAAKhL,wBAChBsL,EAAWJ,EAAKlL,wBAElBvC,KAAK0B,UAAUiM,SAAS,KAC3BnL,EAAAxC,KAAKqN,EAAQ,KACHrN,KAAK0B,UAAUiM,SAAS,KAClCnL,EAAAxC,KAAKqN,EAAQ,KAEb7K,EAAAxC,KAAKqN,EAASS,KAAKC,IAAIH,EAAS9K,IAAM+K,EAAS/K,KAAO,EAAK,IAAM,OAInElC,EAAAZ,KAAAgO,EAAchM,IACbA,EAAEiM,iBACFjM,EAAEkM,kBAEF,MAAMC,EAAenO,KAAKuC,wBACpB6L,EAA8B,MAAfpN,OAAKqM,GAGpBgB,EAAcD,EACjBpM,EAAEU,QAAUyL,EAAaxL,KACzBX,EAAEa,QAAUsL,EAAarL,IAEtBwL,EAAUjL,SAASiC,cAAc,OACvCgJ,EAAQC,UAAY,wBAAwBvN,EAAAhB,KAAKqN,KAEjDlN,OAAOqO,OAAOF,EAAQrL,MAAO,CAC5BC,SAAU,WACVuL,OAAQ,MACRC,WAAY,OACZC,QAAS,MACTC,cAAe,SAGhB,MAAMC,EAAO7O,KAAK8O,YAAY,CAAEC,UAAU,IACpCC,EAASH,aAAgBI,WAAaJ,EAAKK,KAAOlP,KAAKmP,cACvD5B,EAAOvN,KAAKwN,uBACZC,EAAOzN,KAAK0N,mBAElB,IAAKsB,IAAWzB,IAASE,EAExB,YADAtJ,EAAMiE,KAAK,4CAIX4G,EAAOpK,YAAcoK,GAAQxJ,YAAY8I,GAC1C,MAAMc,EAA0Bd,EAAQe,aAAa9M,wBAE/CqL,EAAWL,EAAKhL,wBAChBsL,EAAWJ,EAAKlL,wBAGhB+M,GAA8BlB,EACjCD,EAAaxL,KAAOyM,EAAwBzM,KAC5CwL,EAAarL,IAAMsM,EAAwBtM,KAAOuL,EAEjDD,GACHE,EAAQrL,MAAMH,IAAM,IACpBwL,EAAQrL,MAAMN,KAAO,GAAG2M,MACxBhB,EAAQrL,MAAMsM,MAAQ,MACtBjB,EAAQrL,MAAMuM,OAAS,SAEvBlB,EAAQrL,MAAMN,KAAO,IACrB2L,EAAQrL,MAAMH,IAAM,GAAGwM,MACvBhB,EAAQrL,MAAMuM,OAAS,MACvBlB,EAAQrL,MAAMsM,MAAQ,QAGvBjB,EAAQrL,MAAMwM,aAAe,aAC7BnB,EAAQrL,MAAMwL,OAAS,QAEvB,MAAMiB,EAAWtB,EACdR,EAASjL,KAAOyM,EAAwBzM,KACxCiL,EAAS9K,IAAMsM,EAAwBtM,IACpC6M,EAAWvB,EACdP,EAAS+B,MAAQR,EAAwBzM,KAAOwL,EAAaoB,MAC7D1B,EAASgC,OAAST,EAAwBtM,IAAMqL,EAAaqB,OAE1DM,EAASC,IACd,MAAMC,EAAY5B,EAAe2B,EAAUrN,QAAUqN,EAAUlN,QACzDoN,EAAqB7B,EACxB4B,EAAYZ,EAAwBzM,KACpCqN,EAAYZ,EAAwBtM,IAEjCoN,EAAapC,KAAKqC,IAAIT,EAAU5B,KAAKsC,IAAIH,EAAoBN,IAE/DvB,EACHE,EAAQrL,MAAMN,KAAO,GAAGuN,MAExB5B,EAAQrL,MAAMH,IAAM,GAAGoN,OAInBG,EAAO,KACZrR,OAAOsE,oBAAoB,YAAawM,GACxC9Q,OAAOsE,oBAAoB,UAAW+M,GACtC/B,EAAQnN,SAER,MAAMmP,EAAchQ,MAAMiQ,KAAKvB,EAAOwB,UAChCC,EAAYH,EAAYI,OAAOrL,GAAmC,gBAA7BA,EAAGsL,QAAQlF,eAGhDxI,EAAQjE,OAAO4R,iBAAiB5B,GAChC6B,EAAWzC,EAAenL,EAAM6N,iBAAiB,cAAgB7N,EAAM6N,iBAAiB,WACxFC,EAAUC,WAAWH,IAAa,EAElCI,GADWX,EAAYtH,OAAS,EAAIsH,EAAYtH,OAAS,EAAI,GACnC+H,EAG1BG,GADkB9C,EAAe4C,WAAW1C,EAAQrL,MAAMN,MAAQqO,WAAW1C,EAAQrL,MAAMH,MAC5DwM,EAE/B6B,EAAW/C,EAAeb,EAAKhL,wBAAwBgN,MAAQhC,EAAKhL,wBAAwBiN,OAC5F4B,EAAWhD,EAAeX,EAAKlL,wBAAwBgN,MAAQ9B,EAAKlL,wBAAwBiN,OAElG,IAAI6B,EAAcF,EAAWD,EACzBI,EAAcF,EAAWF,EAGzBG,EAAc,IACjBC,GAAeD,EACfA,EAAc,GAEXC,EAAc,IACjBD,GAAeC,EACfA,EAAc,GAGf,MAAMC,EAAed,EAAUe,IAAIC,GAASrD,EAAeqD,EAAMlP,wBAAwBgN,MAAQkC,EAAMlP,wBAAwBiN,QAEzHkC,EAAoBpB,EAAYqB,OAAO,CAACC,EAAKC,IACd,gBAAhCA,EAAMlB,QAAQlF,cACVmG,GAAOxD,EAAeyD,EAAMtP,wBAAwBgN,MAAQsC,EAAMtP,wBAAwBiN,QAE3FoC,EACL,GAGGE,GADsB1D,EAAeY,EAAOzM,wBAAwBgN,MAAQP,EAAOzM,wBAAwBiN,QACrEkC,EAAoBT,EAEhE,IAAIc,EAAU,EACdtB,EAAU5Q,QAAQ,CAAC4R,EAAOO,KACzB,IAAIC,EAEHA,EADGR,IAAUlE,EACH8D,EACAI,IAAUhE,EACV6D,EAEAC,EAAaS,GAGxB,MAAME,EAAeD,EAAUH,EAG/B3N,EAAMC,IAAIqN,GAENA,EAAM/P,UAAUiM,SAAS,WAG5B8D,EAAMxO,MAAMkP,KAAO,OAAOF,MAI1BR,EAAMxO,MAAMkP,KAAO,GAAGD,KAAgBA,MAGvCH,GAAWG,IAGZ/N,EAAMC,IAAI,eAAe8M,KACzB/M,EAAMC,IAAI,uBAAuB2N,MAGlC/S,OAAO4C,iBAAiB,YAAakO,GACrC9Q,OAAO4C,iBAAiB,UAAWyO,KAOpCzP,EAAAZ,KAAAoB,EAAQ,KACPJ,EAAAhB,KAAKsN,GAALjJ,KAAArE,KAAiBA,MACjBA,KAAK0B,UAAUrC,IAAI2B,EAAAhB,KAAKqN,IAExB,MAAM+E,EAAWpS,KAAKgE,UAAUqO,OAE1BC,EAAyB,KAAbF,EAAmB,2BAA6B,wDAAwDA,kCAE1HpS,KAAKgE,UAAY,GACjB,MAAMuO,EAAWlP,SAASiC,cAAc,YACxCiN,EAASvO,UAAY,gIAGjBhE,KAAKlB,QAAU,YAAYkB,KAAKlB,YAAc,6BAE/CwT,cAGHtS,KAAK4E,WAAWY,YAAY+M,EAASC,QAAQC,WAAU,IAEvDzS,KAAK4E,WAAWrD,iBAAiB,SAAS1B,QAAQwF,IACjDA,EAAGzD,iBAAiB,YAAaI,GAAKhB,EAAAhB,KAAKgO,GAAL3J,UAAgBrC,MAGvDhB,EAAAhB,KAAK0S,GAALrO,KAAArE,MAEAhB,OAAO4C,iBAAiB,SAAU,IAAMZ,EAAAhB,KAAK0S,GAALrO,KAAArE,SAGzCY,EAAAZ,KAAA0S,EAAiB,KAChB,MAAMtE,EAA8B,MAAfpN,OAAKqM,GACpB2B,EAAShP,KAAKmP,cACdsB,EAAYnQ,MAAMiQ,KAAKvB,EAAOwB,UAAUE,OAAOrL,GAAmC,gBAA7BA,EAAGsL,QAAQlF,eACtE,GAAIgF,EAAUzH,OAAS,EAAG,OAE1B,MAAM2J,EAAa3D,EAAOzM,wBACpBqQ,EAAmBnC,EAAUkB,OAAO,CAACC,EAAKvM,IAExCuM,GADMxD,EAAe/I,EAAG9C,wBAAwBgN,MAAQlK,EAAG9C,wBAAwBiN,QAExF,GACGqD,EAAkBzE,EAAeuE,EAAWpD,MAAQoD,EAAWnD,OAErEiB,EAAU5Q,QAAQ4R,IACjB,MAAMqB,EAAO1E,EAAeqD,EAAMlP,wBAAwBgN,MAAQkC,EAAMlP,wBAAwBiN,OAE1FuD,EADUF,GAAmBC,EAAOF,GACfC,EAC3BpB,EAAMxO,MAAMkP,KAAO,GAAGY,KAAYA,UAlPnC/S,KAAK0E,aAAa,CAAEC,KAAM,QAC3B,CAEA,iBAAAb,GAEC9C,EAAAhB,KAAKoB,GAALiD,KAAArE,KACD,CA0LA,WAAIlB,GACH,OAAOkB,KAAKkE,aAAa,aAAesC,EAAS1H,OAClD,EAtMAuO,EAAA,IAAA/I,QAYAgJ,EAAA,IAAAhJ,QAoBA0J,EAAA,IAAA1J,QAwKAlD,EAAA,IAAAkD,QA6BAoO,EAAA,IAAApO,QAsBIC,eAAezE,IAAI,kBACvByE,eAAeC,OAAO,gBAAiB4I,GChPxC,MAAM4F,EAAe,IAAIxM,EACzBzG,EAAKmG,MAAQ8M,EAAa9M,MAAMiC,KAAK6K,GACrCjT,EAAKqF,QAAU4N,EAAa5N,QAAQ+C,KAAK6K,GACzCjT,EAAKsG,OAAS2M,EAAa3M,OAAO8B,KAAK6K,GAKvCjT,EAAKoN,IAAMA,EACXpN,EAAKoE,MAAQA,EACbpE,EAAKZ,gBAAkBA,EACvBY,EAAKR,OAASA,GAAU,GAiBF,oBAAXP,SACVA,OAAOe,KAAOA,0CJ9CR,MAKN,WAAAW,CAAYuS,EAAQ,IALdrS,EAAAZ,KAAA8I,GACNlI,EAAAZ,KAAA2I,EAAS,MACT/H,EAAAZ,KAAA4I,EAAS,IACThI,EAAAZ,KAAA6I,GAGCrG,EAAAxC,KAAK6I,EAASoK,EACf,CAMA,IAAAC,CAAK5J,KAASG,GAEbzI,EAAAhB,KAAK4I,GAAO+D,KAAK,CAAErD,OAAMG,SAGrBzI,EAAAhB,KAAK2I,IAAQwK,aAAanS,EAAAhB,KAAK2I,IAEnCnG,EAAAxC,KAAK2I,EAAShH,WAAW,IAAM+E,OAAKoC,EAAAC,GAAL1E,KAAArE,MAAegB,OAAK6H,IACpD,CAEA,WAAAuK,CAAY/S,EAAKiJ,KAASG,GAEzBjH,EAAAxC,KAAK4I,EAAS5H,EAAAhB,KAAK4I,GAAO8H,OAAOtH,GAAQA,EAAK/I,MAAQA,IAGtDW,EAAAhB,KAAK4I,GAAO+D,KAAK,CAAEtM,MAAKiJ,OAAMG,SAE1BzI,EAAAhB,KAAK2I,IAAQwK,aAAanS,EAAAhB,KAAK2I,IACnCnG,EAAAxC,KAAK2I,EAAShH,WAAW,IAAM+E,OAAKoC,EAAAC,GAAL1E,KAAArE,MAAegB,OAAK6H,IACpD"}

package/package.json CHANGED Viewed

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