1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40

import {
  attr,
  type ElementSetup,
  prop,
  classList,
  style,
  type ReactiveOrStatic,
} from "../../ef.js";

export { style, classList as class_, classList };

export function id<T extends HTMLElement & { id: string }>(
  value: ReactiveOrStatic<string>,
): ElementSetup<T> {
  return prop("id", value);
}

export function for_<T extends HTMLElement>(
  value: ReactiveOrStatic<string>,
): ElementSetup<T> {
  return attr("for", value);
}

export function type<T extends HTMLElement & { type: string }>(
  value: ReactiveOrStatic<string>,
): ElementSetup<T> {
  return prop("type", value);
}

export function placeholder<T extends HTMLElement & { placeholder: string }>(
  value: ReactiveOrStatic<string>,
): ElementSetup<T> {
  return prop("placeholder", value);
}

export function autofocus<T extends HTMLElement & { autofocus: boolean }>(
  value: ReactiveOrStatic<boolean>,
): ElementSetup<T> {
  return prop("autofocus", value);
}