Merge remote-tracking branches 'origin/sub_laptop_3' and 'origin/sub_laptop_6' into main_laptop_1

ui_template/ui_template_modal.ts

@@ -1,6 +1,7 @@
 /* =============================================================================
  * ui_template_modal.ts
  * 공용 모달 겉틀 — 배경 · 제목줄 · 닫기 · Esc · 포커스. 몸은 `mount` 가 채움.
+ * 바깥 누르기 = 누름 · 뗌 둘 다 배경일 때만 닫음(칸 끌기로 안 닫힘).
  * M01 · M02 가 함께 씀 — `dialogClass` · `backdropClass` 로 화면별 겉모양을 덧붙임.
  * 곁값 — `actions`(머리 [닫기] 바로 왼쪽 단추 · mount 셋째 인자 자리에 넣어도 됨) · `wide`(큰 창 96vw × 94vh).
  * 안 넘긴 창은 지금 꼴 그대로.
@@ -49,7 +50,11 @@ export function openModal(opts: ModalOptions): { close: () => void } {
     className: `ui-modal__backdrop ${opts.backdropClass ?? ""}`.trim(),
     children: [dialog],
   });
-  backdrop.addEventListener("click", (ev) => ev.target === backdrop && void ask());
+  // 바깥 누르기 = 누름 · 뗌 둘 다 바깥일 때만 — 칸 안에서 끌어 바깥에서 떼면(그 반대도) 안 닫음
+  let outside = false;
+  backdrop.addEventListener("pointerdown", (ev) => (outside = ev.target === backdrop));
+  backdrop.addEventListener("pointerup", (ev) => (outside &&= ev.target === backdrop));
+  backdrop.addEventListener("click", (ev) => ev.target === backdrop && outside && void ask());
   backdrop.addEventListener("keydown", (ev) => ev.key === "Escape" && void ask());
   opts.mount(body, close, actions);
   // 단추가 있을 때만 머리에 — [닫기] 는 머리 직속 그대로(B05 추천의 `.ui-modal__top > button` 갈아 끼우기)