x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<div class="max-w-2xl">
<p class="mb-3 text-sm text-ink-muted">
239 accepted values.
</p>
<ul class="flex flex-wrap gap-2">
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">af</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">al</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">dz</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">as</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">ad</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">ao</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">ai</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">aq</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">ag</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">ar</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">am</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">aw</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">au</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">at</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">az</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bs</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bh</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bd</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bb</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">by</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">be</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bz</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bj</code>
</li>
<li>
<code class="inline-flex items-baseline gap-2 whitespace-nowrap rounded-lg border border-line-strong bg-surface px-1.5 py-px font-mono text-sm leading-5 text-ink">bm</code>
</li>
</ul>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%# The component's consumer, rendered the way /docs/parameters/<engine>/<name>
renders it: one chip per value the catalog declares, wrapping, with the API's
assumption marked on the one value it will use. A list rather than a table —
one column of values is a list, and a table of one column is a table
pretending to have structure. %>
<div class="max-w-2xl">
<p class="mb-3 text-sm text-ink-muted">
<%= t("pages.parameter_values.show.count", count: parameter.values.size) %>
</p>
<ul class="flex flex-wrap gap-2">
<% parameter.values.first(24).each do |value| %>
<li>
<%= render InlineCodeComponent.new(
text: value,
note: (t("components.parameter_row.default_value") if parameter.default.to_s == value)) %>
</li>
<% end %>
</ul>
</div>