/* =============================================================================
 * B04_PreProcess_UI_LayerToggle.ts
 * 지도 층 켜기 칩 — 켜기 부품(칩)에 층 색 점을 붙여 지도 층 단추 자리를 채운다.
 * 점 색 = 그 층을 지도에 그리는 선 색(그림 값 그대로 · 이 파일은 색을 정하지 않음).
 * ========================================================================== */

import { createToggle, type ToggleHandle } from "@ui/ui_template_toggle";

/** 층 칩 한 개. `color` 가 없으면 점 없이 글만. */
export function createLayerToggle(opts: {
  label: string;
  color?: string;
  on?: boolean;
  title?: string;
  onChange?: (on: boolean) => void;
}): ToggleHandle {
  const toggle = createToggle({
    kind: "chip",
    label: opts.label,
    dot: opts.color,
    checked: opts.on ?? false,
    size: 28,
    onChange: opts.onChange,
  });
  if (opts.title) toggle.root.title = opts.title;
  return toggle;
}

/** 칩 글자만 바꿈(분석 중 · 불러오는 중 표시) */
export function setLayerLabel(toggle: ToggleHandle, text: string): void {
  const node = toggle.root.querySelector(".ui-toggle__text");
  if (node) node.textContent = text;
}