Function renderChips

query-builder.js:27–57

(kind)

  function setCombineUIRow(kind, visible) {
    const row = document.getElementById(`${kind}-combine-row`);
    if (row) row.hidden = !visible;
  }

  function renderChips(kind) {
    initState();
    const container = document.getElementById(`${kind}-filter-chips`);
    if (!container) return;
    const list = window.multiFilterChips[kind] || [];
    container.innerHTML = "";
    if (list.length === 0) {
      container.hidden = true;
      setCombineUIRow(kind, false);
      return;
    }
    container.hidden = false;
    setCombineUIRow(kind, list.length > 1);
    list.forEach((val) => {
      const chip = document.createElement("span");
      chip.className = "filter-value-chip";
      chip.dataset.kind = kind;
      chip.dataset.value = val;
      let label = val === "__none__" ? "(empty)" : val;
      if (kind === "filaments" && window.filamentLabelById && window.filamentLabelById[String(val)]) {
        label = window.filamentLabelById[String(val)];
      }
      chip.textContent = label;
      const x = document.createElement("button");
      x.type = "button";
      x.className = "filter-chip-remove";
      x.setAttribute("aria-label", "Remove");
      x.textContent = "×";
      x.dataset.kind = kind;
      x.dataset.value = val;