makeSlider function infrastructure

function makeSlider(options?: {
  disabled?: boolean;
  min?: number;
  max?: number;
  value?: number;
}): HTMLElement {
  const wrapper = document.createElement("div");
  wrapper.className = "ant-slider";
  if (options?.disabled) wrapper.classList.add("ant-slider-disabled");

  const rail = document.createElement("div");
  rail.className = "ant-slider-rail";

  const track = document.createElement("div");
  track.className = "ant-slider-track";
  track.style.width = "0%";

  const handle = document.createElement("div");
  handle.className = "ant-slider-handle";
  handle.setAttribute("role", "slider");
  handle.setAttribute("aria-valuemin", String(options?.min ?? 0));
  handle.setAttribute("aria-valuemax", String(options?.max ?? 100));
  handle.setAttribute("aria-valuenow", String(options?.value ?? 0));
  handle.setAttribute("tabindex", "0");
  handle.style.left = "0%";

  wrapper.append(rail, track, handle);
  return wrapper;
}