lintje 0.6.0 → 0.7.0

package/dist-elements/custom-elements.json

@@ -654,16 +654,6 @@
               "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "28 | 32 | 36 | 40 | 44"
-              },
-              "default": "32",
-              "description": "Accepted for hosts that set it; the box is always `--h-icon-button`.",
-              "attribute": "size"
-            },
             {
               "kind": "field",
               "name": "pressed",
@@ -750,15 +740,6 @@
               },
               "default": "false"
             },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "type": {
-                "text": "28 | 32 | 36 | 40 | 44"
-              },
-              "default": "32",
-              "description": "Accepted for hosts that set it; the box is always `--h-icon-button`."
-            },
             {
               "name": "pressed",
               "fieldName": "pressed",
@@ -816,7 +797,7 @@
           "name": "LintjeIcon",
           "tagName": "lintje-icon",
           "customElement": true,
-          "description": "`<lintje-icon>` — one icon, named by its file in `dist-icons/` (without `.svg`).\n\nFor plain HTML pages; inside a component use `renderIcon()`, which this element also draws\nthrough. It takes `src`, else the register, else a loaded file; without any it draws nothing.",
+          "description": "`<lintje-icon>` — one icon, named by its file in `dist-icons/` (without `.svg`).\n\nFor plain HTML pages; inside a component use `renderIcon()`, which this element also draws\nthrough. It takes `src`, else the register, else a loaded file. Without any it draws nothing\nyou see: with a `label` that label stays, as hidden text, so a screen reader still hears it.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -955,7 +936,7 @@
           "name": "LintjeLogo",
           "tagName": "lintje-logo",
           "customElement": true,
-          "description": "`<lintje-logo>` — the theme's emblem: the ribbon, with the organisation's name as text.\n\nEvery emblem file stands on `viewBox=\"0 0 346 75\"` with the 38 × 75 ribbon at x 154…192;\nthe element changes only how much of it is in frame, so the ribbon never moves. A file on any\nother viewBox is drawn whole. The name is text (`aria-hidden`; the drawing carries `alt`).",
+          "description": "`<lintje-logo>` — the theme's emblem: the ribbon, with the organisation's name as text.\n\nEvery emblem file stands on `viewBox=\"0 0 346 75\"` with the 38 × 75 ribbon at x 154…192;\nthe element changes only how much of it is in frame, so the ribbon never moves. A file on any\nother viewBox is drawn whole. The name is text (`aria-hidden`); the drawing carries `alt`, and\nthe byline after a comma wherever the byline is drawn.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -978,7 +959,7 @@
                 "text": "number"
               },
               "default": "44",
-              "description": "The ribbon's width in pixels; the height follows the emblem's own ratio.",
+              "description": "The ribbon's width in pixels; the height follows the emblem's own ratio. A surrounding element\nthat sets `--lintje-logo-ribbon` (a CSS length) wins over it, as the logo bar does with\n`--w-ribbon`.",
               "attribute": "width"
             },
             {
@@ -1055,7 +1036,7 @@
                 "text": "number"
               },
               "default": "44",
-              "description": "The ribbon's width in pixels; the height follows the emblem's own ratio."
+              "description": "The ribbon's width in pixels; the height follows the emblem's own ratio. A surrounding element\nthat sets `--lintje-logo-ribbon` (a CSS length) wins over it, as the logo bar does with\n`--w-ribbon`."
             },
             {
               "name": "src",
@@ -3688,7 +3669,7 @@
           "name": "LintjeDocumentViewer",
           "tagName": "lintje-document-viewer",
           "customElement": true,
-          "description": "`<lintje-document-viewer>` — a document page by page: leaf, zoom and download.\n\nIt shows images only: the host renders a PDF to page images, and gives each page's text in\n`texts`, which a screen reader reads after the page. The file behind \"Downloaden\" is the\naccessible version: a tagged PDF, not a scan. Page and zoom are the element's; every change is\nreported.\n\nEvents: `lintje-page-change` `number` (the page, from 1), `lintje-zoom-change`\n`number | 'fit'` (a percentage), `lintje-download`.",
+          "description": "`<lintje-document-viewer>` — a document page by page: leaf, zoom and download.\n\nIt shows images only: the host renders a PDF to page images, and gives each page's text in\n`texts`, which a screen reader reads after the page. The file behind \"Downloaden\" is the\naccessible version: a tagged PDF, not a scan. Page and zoom are the element's; every change is\nreported. The toolbar is one Tab stop: the arrows move along its buttons, while Home and End\nstay the first and the last page, as PageUp, PageDown, + and − stay the page and the zoom.\n\nEvents: `lintje-page-change` `number` (the page, from 1), `lintje-zoom-change`\n`number | 'fit'` (a percentage), `lintje-download`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5981,7 +5962,7 @@
           "name": "LintjeJobList",
           "tagName": "lintje-job-list",
           "customElement": true,
-          "description": "`<lintje-job-list>` — the queue of long tasks: what runs, what is done and what went wrong, in\nthe work list's rows (`lintje-list`).\n\nIt never fetches: the host sets `jobs` again when a job moves. A job that changes state is read\nout once, as a sentence, from a status region of its own; the list itself is not live. A row\nwith an `href` opens a done job's result, or what runs where it can be followed.\n\nEvents: `lintje-job-cancel`, `lintje-job-retry`, `lintje-job-resume`, `lintje-job-remove`, each\n`string` (the job's id), `lintje-navigate` `{ href }` (a row with an `href`; cancel it to route).",
+          "description": "`<lintje-job-list>` — the queue of long tasks: what runs, what is done and what went wrong, in\nthe work list's rows (`lintje-list`).\n\nIt never fetches: the host sets `jobs` again when a job moves. A job that changes state is read\nout once, as a sentence, from a status region of its own; the list itself is not live. A row\nwith an `href` opens a done job's result, or what runs where it can be followed.\n\nEvents: `lintje-job-cancel`, `lintje-job-retry`, `lintje-job-resume`, `lintje-job-remove`, each\n`string` (the job's id), `lintje-navigate` `{ href }` (a row with an `href`; cancel it to route),\n`lintje-jobs-empty` (the last job went with the focus in the list; cancel it to put the focus on\na visible target of your own, or it lands on the status region).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6001,9 +5982,10 @@
               "kind": "field",
               "name": "jobs",
               "type": {
-                "text": "Job[]"
+                "text": "Job[] | undefined"
               },
-              "default": "[]"
+              "default": "undefined",
+              "description": "The jobs, in the host's order. Unset until the host loads them: the first value is the load\nand is not read out; every change after it is, also the first job in an empty list."
             },
             {
               "kind": "field",
@@ -6066,6 +6048,12 @@
                 "text": "CustomEvent"
               }
             },
+            {
+              "name": "lintje-jobs-empty",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "name": "lintje-navigate",
               "type": {
@@ -7449,7 +7437,7 @@
           "name": "LintjeErrorSummary",
           "tagName": "lintje-error-summary",
           "customElement": true,
-          "description": "`<lintje-error-summary>` — the error summary above a form, with a link to each field.\n\nIt never validates, and with nothing to show it draws nothing. A link focuses the field, found\nby `name` or `id` in the summary's own tree or, from a shadow root, in its host's light DOM, and\nscrolls it into view clear of a sticky top bar and the form's action bar.\n\nEvents: `lintje-retry` (\"Opnieuw proberen\" was pressed).",
+          "description": "`<lintje-error-summary>` — the error summary above a form, with a link to each field.\n\nIt never validates, and with nothing to show it draws nothing. A link focuses the field, found\nby `name` or `id` in the summary's own tree or, from a shadow root, in its host's light DOM, and\nscrolls it into view clear of a sticky top bar and the form's action bar. `<name>-other` is the\nfield under a choice group's \"Anders\".\n\nIt is no alert: the focus is the announcement. A host that shows it after an attempt calls its\n`focus()`, as `lintje-form` does; a page that arrives with its errors set leaves the focus alone.\n\nEvents: `lintje-retry` (\"Opnieuw proberen\" was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7580,7 +7568,7 @@
           "name": "LintjeFormActions",
           "tagName": "lintje-form-actions",
           "customElement": true,
-          "description": "`<lintje-form-actions>` — the sticky action bar of a form: the draft status on the left, the\nslotted `lintje-button`s on the right, the last one primary.\n\nWhile connected it reserves its height as the page scroller's `scroll-padding-bottom`, so a\nfield the focus scrolls to is not hidden behind it.",
+          "description": "`<lintje-form-actions>` — the sticky action bar of a form: the draft status on the left, the\nslotted `lintje-button`s on the right, the last one primary.\n\nWhile connected it reserves its height as the page scroller's `scroll-padding-bottom`, so a\nfield the focus scrolls to is not hidden behind it, and scrolls a focused element that still\nends up under it clear. While the form scrolls behind it, it casts its shadow upward. Below a\nviewport height of 30rem it does not stick and reserves nothing: it stands after the last field.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7801,7 +7789,7 @@
           "name": "LintjeForm",
           "tagName": "lintje-form",
           "customElement": true,
-          "description": "`<lintje-form>` — collects the values of its light-DOM fields, keeps the draft, asks for one\nsubmit and puts the host's errors under their fields.\n\nIts `<form>` is in the shadow root, so slotted fields have no form owner: Enter and a submit\nbutton reach it through the element's own handlers, once. It stops `lintje-values-change`, so\nform input never reaches the URL.\n\nEvents: `lintje-submit` `{ values }`, `lintje-invalid` `FormErrors`, `lintje-dirty-change`\n`boolean`.",
+          "description": "`<lintje-form>` — collects the values of its light-DOM fields, keeps the draft, asks for one\nsubmit and puts the host's errors under their fields.\n\nIts `<form>` is in the shadow root, so slotted fields have no form owner: Enter and a submit\nbutton reach it through the element's own handlers, once. It stops `lintje-values-change`, so\nform input never reaches the URL. A choice group's \"Anders\" text is a value of its own, under\n`<name>-other`, in the draft, the submit and `errors.fields`.\n\nEvents: `lintje-submit` `{ values }`, `lintje-invalid` `FormErrors`, `lintje-dirty-change`\n`boolean`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7888,7 +7876,7 @@
             {
               "kind": "method",
               "name": "collect",
-              "description": "The values to send: `values` with the draft over it; silent and native controls are read.",
+              "description": "The values to send: `values` with the draft over it; silent and native controls are read. A\ngroup with \"Anders\" adds `<name>-other`: its text while \"Anders\" is chosen, else `null`.",
               "parameters": "()",
               "return": {
                 "text": "FormValues"
@@ -7897,7 +7885,7 @@
             {
               "kind": "method",
               "name": "forget",
-              "description": "Drops a field from `values` and the draft; the form does this when a named field leaves.",
+              "description": "Drops a field from `values` and the draft, with its \"Anders\" text; the form does this when a\nnamed field leaves.",
               "parameters": "(name: string)",
               "return": {
                 "text": "void"
@@ -9232,8 +9220,8 @@
             {
               "kind": "method",
               "name": "renderUserMenu",
-              "description": "In the bar the avatar opens it; `inline`, it is the foot of the mobile menu.",
-              "parameters": "(inline: boolean)",
+              "description": "`bar`: the avatar in the bar opens it. `sheet`: inline, the foot of the mobile menu. `side`:\nthe foot of the side menu opens it, folded to the avatar in the folded rail.",
+              "parameters": "(place: 'bar' | 'sheet' | 'side', folded = false)",
               "return": {
                 "text": "TemplateResult | typeof nothing"
               }
@@ -9445,7 +9433,7 @@
           "name": "LintjeUserMenu",
           "tagName": "lintje-user-menu",
           "customElement": true,
-          "description": "`<lintje-user-menu>` — the user's avatar in the navigation bar and the menu it opens: name and\nrole, the host's rows (`MenuEntry`), \"Afmelden\" and the version.\n\nA menu, not a dialog: it traps no focus, and an Escape in a dialog opened over it is the\ndialog's.\n\nEvents: `lintje-action` `string` (the row's value), `lintje-navigate` `{ href }` (a link row),\n`lintje-logout` (without `logout-action`).",
+          "description": "`<lintje-user-menu>` — the user's avatar in the navigation bar and the menu it opens: name and\nrole, the host's rows (`MenuEntry`), \"Afmelden\" and the version. With `variant=\"side\"` it is\nthe foot of the side menu: the avatar with the name and role beside it, the menu above it.\n\nA menu, not a dialog: it traps no focus, and an Escape in a dialog opened over it is the\ndialog's.\n\nEvents: `lintje-action` `string` (the row's value), `lintje-navigate` `{ href }` (a link row),\n`lintje-logout` (without `logout-action`), `lintje-toggle` `{ open }` (the menu opens or closes).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -9515,6 +9503,28 @@
               "attribute": "inline",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'bar' | 'side'"
+              },
+              "default": "'bar'",
+              "description": "`bar`: the avatar in the navigation bar, the menu below it. `side`: the foot of the side\nmenu, named by the user's name with the role beside it, the menu above it.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "folded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`side` in the folded rail: only the avatar shows; name and role stay for a screen reader.",
+              "attribute": "folded",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "open",
@@ -9569,6 +9579,24 @@
               "default": "false",
               "description": "The content without button and popover, on the navigation's colours: for the mobile sheet."
             },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "type": {
+                "text": "'bar' | 'side'"
+              },
+              "default": "'bar'",
+              "description": "`bar`: the avatar in the navigation bar, the menu below it. `side`: the foot of the side\nmenu, named by the user's name with the role beside it, the menu above it."
+            },
+            {
+              "name": "folded",
+              "fieldName": "folded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`side` in the folded rail: only the avatar shows; name and role stay for a screen reader."
+            },
             {
               "name": "open",
               "fieldName": "open",
@@ -9596,6 +9624,12 @@
               "type": {
                 "text": "CustomEvent<{ href }>"
               }
+            },
+            {
+              "name": "lintje-toggle",
+              "type": {
+                "text": "CustomEvent<{ open }>"
+              }
             }
           ],
           "slots": [],
@@ -9626,9 +9660,9 @@
           "name": "LintjeCheckboxGroup",
           "tagName": "lintje-checkbox-group",
           "customElement": true,
-          "description": "`<lintje-checkbox-group>` — several options under one label, a checkbox per line, with one hint\nand one message for the group.\n\nOnly the group tells the host: its rows carry no `name`. `required` draws nothing and sets no\nARIA, since a group cannot carry `aria-required`: the browser's message in a native form and\nthe host's message say what is missing.\n\nEvents: `lintje-change` `string[]` (the checked values), `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).",
+          "description": "`<lintje-checkbox-group>` — several options under one label, a checkbox per line, with one hint\nand one message for the group.\n\nOnly the group tells the host: its rows carry no `name`. `required` draws nothing and sets no\nARIA, since a group cannot carry `aria-required`: the browser's message in a native form and\nthe host's message say what is missing. With `other` the last row is \"Anders\", value `other`,\nwith a text field under it while it is checked; the host sets `other-error` for an empty one.\n\nEvents: `lintje-change` `string[]` (the checked values), `lintje-other-change` `string` (the\nfield's text, on leaving it or Enter), `lintje-values-change`\n`{ [name]: value, [name-other]: text | null }` (with a `name`; the second key with `other`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
-            "name": "LintjeInputElement"
+            "name": "LintjeChoiceGroupElement"
           },
           "members": [
             {
@@ -9794,6 +9828,67 @@
                 "name": "LintjeInputElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "other",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ends the options in \"Anders\", value `other`, with a text field under it while it is chosen.\nLeft out when an option of the host already has the value `other`.",
+              "attribute": "other",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Anders, namelijk'",
+              "description": "The word of the option \"Anders\"; also the field's label, hidden.",
+              "attribute": "other-label",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "What the reader typed under \"Anders\". It changes when the field commits (leaving it, Enter)\nand stays when \"Anders\" goes. A property, not an attribute: a server-rendered page sets it as\ndata.",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "other-placeholder",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherError",
+              "type": {
+                "text": "string"
+              },
+              "description": "The host's message under the field of \"Anders\", such as `OTHER_MISSING_TEXT`; `lintje-form`\nsets it from `errors.fields['<name>-other']`. The group never sets it itself.",
+              "attribute": "other-error",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
             {
               "kind": "field",
               "name": "options",
@@ -9809,7 +9904,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "The checked values, in the order of `options`; a value the options do not hold is kept after\nthem. A property, not an attribute: a server-rendered page sets it as data."
+              "description": "The checked values, in the order of `options`, `other` after them; a value the options do not\nhold is kept at the end. A property, not an attribute: a server-rendered page sets it as data."
             }
           ],
           "methods": [],
@@ -9919,6 +10014,39 @@
                 "text": "string"
               },
               "description": "With `modified`: a link under the field (\"Terugzetten naar 2 tot 12\") that sends\n`lintje-reset`. A reader hears the field's `label` after it."
+            },
+            {
+              "name": "other",
+              "fieldName": "other",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ends the options in \"Anders\", value `other`, with a text field under it while it is chosen.\nLeft out when an option of the host already has the value `other`."
+            },
+            {
+              "name": "other-label",
+              "fieldName": "otherLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Anders, namelijk'",
+              "description": "The word of the option \"Anders\"; also the field's label, hidden."
+            },
+            {
+              "name": "other-placeholder",
+              "fieldName": "otherPlaceholder",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "other-error",
+              "fieldName": "otherError",
+              "type": {
+                "text": "string"
+              },
+              "description": "The host's message under the field of \"Anders\", such as `OTHER_MISSING_TEXT`; `lintje-form`\nsets it from `errors.fields['<name>-other']`. The group never sets it itself."
             }
           ],
           "events": [
@@ -9929,6 +10057,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -9939,7 +10074,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -10293,6 +10428,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -10303,7 +10445,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -10747,6 +10889,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -10763,7 +10912,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -11205,6 +11354,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -11215,7 +11371,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -11611,6 +11767,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -11621,7 +11784,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -12145,6 +12308,13 @@
                 "text": "CustomEvent<passed>"
               }
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -12155,7 +12325,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -12572,6 +12742,13 @@
                 "text": "CustomEvent<direction>"
               }
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -12582,7 +12759,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -12982,6 +13159,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -12992,7 +13176,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -13022,7 +13206,7 @@
           "name": "LintjeNumberInput",
           "tagName": "lintje-number-input",
           "customElement": true,
-          "description": "`<lintje-number-input>` — a −/+ stepper around a centred value, or a unit on the right without\nthe stepper.\n\nIt commits on `change`; a press on − or + commits at once and says the new value, since the\nfocus stays on the step. At `min` or `max` the step stays focusable but does nothing.\n\nEvents: `lintje-change` `number | null`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed).",
+          "description": "`<lintje-number-input>` — a −/+ stepper around a centred value, or without the stepper a fixed\ntext before the value (`prefix`) and a unit after it.\n\nIt commits on `change`; a press on − or + commits at once and says the new value, since the\nfocus stays on the step. At `min` or `max` the step stays focusable but does nothing.\n\nEvents: `lintje-change` `number | null`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -13237,6 +13421,16 @@
               "default": "1",
               "attribute": "step"
             },
+            {
+              "kind": "field",
+              "name": "prefix",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The fixed text before the value, e.g. \"€\", which describes the field; only without the stepper.",
+              "attribute": "prefix"
+            },
             {
               "kind": "field",
               "name": "unit",
@@ -13412,6 +13606,15 @@
               },
               "default": "1"
             },
+            {
+              "name": "prefix",
+              "fieldName": "prefix",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The fixed text before the value, e.g. \"€\", which describes the field; only without the stepper."
+            },
             {
               "name": "unit",
               "fieldName": "unit",
@@ -13446,6 +13649,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -13456,7 +13666,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -13484,9 +13694,9 @@
           "name": "LintjeRadioGroup",
           "tagName": "lintje-radio-group",
           "customElement": true,
-          "description": "`<lintje-radio-group>` — one option per line, for options that do not fit `lintje-segmented`.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
+          "description": "`<lintje-radio-group>` — one option per line, for options that do not fit `lintje-segmented`.\n\nWith `other` the last option is \"Anders\", value `other`, with a text field under it while it is\nchosen; a click, a tap or Space puts the focus in it, an arrow key does not. The group checks\nnothing: the host sets `error`, and `other-error` for an empty field. Cards draw no \"Anders\".\n\nEvents: `lintje-change` `string`, `lintje-other-change` `string` (the field's text, on leaving\nit or Enter), `lintje-values-change` `{ [name]: value, [name-other]: text | null }` (with a\n`name`; the second key with `other`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
-            "name": "LintjeInputElement"
+            "name": "LintjeChoiceGroupElement"
           },
           "members": [
             {
@@ -13652,6 +13862,67 @@
                 "name": "LintjeInputElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "other",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ends the options in \"Anders\", value `other`, with a text field under it while it is chosen.\nLeft out when an option of the host already has the value `other`.",
+              "attribute": "other",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Anders, namelijk'",
+              "description": "The word of the option \"Anders\"; also the field's label, hidden.",
+              "attribute": "other-label",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "What the reader typed under \"Anders\". It changes when the field commits (leaving it, Enter)\nand stays when \"Anders\" goes. A property, not an attribute: a server-rendered page sets it as\ndata.",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherPlaceholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "other-placeholder",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "otherError",
+              "type": {
+                "text": "string"
+              },
+              "description": "The host's message under the field of \"Anders\", such as `OTHER_MISSING_TEXT`; `lintje-form`\nsets it from `errors.fields['<name>-other']`. The group never sets it itself.",
+              "attribute": "other-error",
+              "inheritedFrom": {
+                "name": "LintjeChoiceGroupElement"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -13666,7 +13937,8 @@
               "name": "options",
               "type": {
                 "text": "FilterOption[]"
-              }
+              },
+              "description": "A `description` stands under its label, tied to its radio."
             },
             {
               "kind": "field",
@@ -13788,6 +14060,39 @@
               },
               "description": "With `modified`: a link under the field (\"Terugzetten naar 2 tot 12\") that sends\n`lintje-reset`. A reader hears the field's `label` after it."
             },
+            {
+              "name": "other",
+              "fieldName": "other",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ends the options in \"Anders\", value `other`, with a text field under it while it is chosen.\nLeft out when an option of the host already has the value `other`."
+            },
+            {
+              "name": "other-label",
+              "fieldName": "otherLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Anders, namelijk'",
+              "description": "The word of the option \"Anders\"; also the field's label, hidden."
+            },
+            {
+              "name": "other-placeholder",
+              "fieldName": "otherPlaceholder",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "other-error",
+              "fieldName": "otherError",
+              "type": {
+                "text": "string"
+              },
+              "description": "The host's message under the field of \"Anders\", such as `OTHER_MISSING_TEXT`; `lintje-form`\nsets it from `errors.fields['<name>-other']`. The group never sets it itself."
+            },
             {
               "name": "value",
               "fieldName": "value",
@@ -13814,6 +14119,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -13824,7 +14136,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -14253,6 +14565,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -14263,7 +14582,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -14638,6 +14957,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -14648,7 +14974,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -15025,6 +15351,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -15035,7 +15368,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -15375,6 +15708,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -15385,7 +15725,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -15750,6 +16090,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -15760,7 +16107,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -16093,6 +16440,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -16103,7 +16457,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -16134,7 +16488,7 @@
           "name": "LintjeTextInput",
           "tagName": "lintje-text-input",
           "customElement": true,
-          "description": "`<lintje-text-input>` — a text field: text, search, password or email.\n\nIt checks nothing itself: the host sets `error`. It commits on `change` (leaving the field,\nEnter), since every commit is a URL change and a tile reload, and never commits the same value\ntwice.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
+          "description": "`<lintje-text-input>` — a text field: text, search, password or email.\n\nIt checks nothing itself: the host sets `error`. It commits on `change` (leaving the field,\nEnter), since every commit is a URL change and a tile reload, and never commits the same value\ntwice.\n\nA fixed text may stand before or after the input (`prefix`, `suffix`) and one button at the end\n(`action`). A password ignores `action`: its end holds Tonen.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed), `lintje-action` `string` (the button was pressed,\nafter the typed text was committed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -16380,6 +16734,34 @@
               "default": "''",
               "description": "Passed to the native input as is.",
               "attribute": "autocomplete"
+            },
+            {
+              "kind": "field",
+              "name": "prefix",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The fixed text before the input, as written (\"€\", \"www.\"); never part of `value`.",
+              "attribute": "prefix"
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "The fixed text after the input (\".nl\", \"@rijksoverheid.nl\"); never part of `value`.",
+              "attribute": "suffix"
+            },
+            {
+              "kind": "field",
+              "name": "action",
+              "type": {
+                "text": "string"
+              },
+              "description": "The word on the button at the end (\"Zoek\"). A press commits the typed text as Enter does,\nthen sends `lintje-action`; it works when `readonly`. Ignored for a password.",
+              "attribute": "action"
             }
           ],
           "methods": [],
@@ -16554,9 +16936,40 @@
               },
               "default": "''",
               "description": "Passed to the native input as is."
+            },
+            {
+              "name": "prefix",
+              "fieldName": "prefix",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The fixed text before the input, as written (\"€\", \"www.\"); never part of `value`."
+            },
+            {
+              "name": "suffix",
+              "fieldName": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "The fixed text after the input (\".nl\", \"@rijksoverheid.nl\"); never part of `value`."
+            },
+            {
+              "name": "action",
+              "fieldName": "action",
+              "type": {
+                "text": "string"
+              },
+              "description": "The word on the button at the end (\"Zoek\"). A press commits the typed text as Enter does,\nthen sends `lintje-action`; it works when `readonly`. Ignored for a password."
             }
           ],
           "events": [
+            {
+              "name": "lintje-action",
+              "type": {
+                "text": "CustomEvent<this.value>"
+              }
+            },
             {
               "name": "lintje-change",
               "type": {
@@ -16564,6 +16977,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -16574,7 +16994,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -16604,7 +17024,7 @@
           "name": "LintjeTextarea",
           "tagName": "lintje-textarea",
           "customElement": true,
-          "description": "`<lintje-textarea>` — the multi-line text field: three to twelve lines, with a counter when\nthere is a `maxlength`.\n\nIt commits like `lintje-text-input`; Ctrl+Enter commits and submits a host's form. Typing past\nthe limit is allowed, so a paste lands whole: the field shows the error. The counter is\n`part=\"counter\"`, so a surface can stand it on its own line.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
+          "description": "`<lintje-textarea>` — the multi-line text field: three to twelve lines, with a counter when\nthere is a `maxlength`.\n\nIt commits like `lintje-text-input`; Ctrl+Enter commits and submits a host's form. Typing past\nthe limit is allowed, so a paste lands whole: the field shows the error. The counter stands\nright on the line of the hint or the error, and drops under it, still right, where the two do\nnot fit side by side. It is `part=\"counter\"`, so a surface can stand it on its own line.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -17035,6 +17455,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -17045,7 +17472,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -17484,6 +17911,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -17494,7 +17928,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -17828,6 +18262,13 @@
               },
               "description": "Not composed: it stops at the shadow root."
             },
+            {
+              "name": "lintje-other-change",
+              "type": {
+                "text": "CustomEvent<text>"
+              },
+              "description": "Not composed: it stops at the shadow root."
+            },
             {
               "name": "lintje-reset",
               "type": {
@@ -17838,7 +18279,7 @@
             {
               "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ [this.name] }>"
+                "text": "CustomEvent<this.valuesChange(url)>"
               }
             }
           ],
@@ -20428,7 +20869,7 @@
           "name": "LintjeDataTable",
           "tagName": "lintje-data-table",
           "customElement": true,
-          "description": "`<lintje-data-table>` — the data table, inside a tile; below 768 px a two-column list.\n\nA missing value is a muted dash, never 0. The table never filters, saves or confirms: it shows a\nchange at once, and the host confirms it in the next `data`. Open rows and collapsed groups are\nthe table's own: it sends nothing for them. A row with an `href` goes there after its\n`lintje-row-click` or `lintje-row-open`, which is cancelable: a host that routes itself cancels\nit. A modifier or middle click on such a row opens the `href` in a new tab, without that event.\n\nEvents: `lintje-sort-change` `{ key, direction } | null`, `lintje-row-click`\n`{ id, label, href? }`, `lintje-row-open` `{ id, label, href? }`, `lintje-checked-change`\n`string[]`, `lintje-cell-edit` `{ id, column, value }`, `lintje-row-action` `{ id, action }`,\n`lintje-bulk-action` `{ ids, action }`, `lintje-filter-change` `{ column, value }`,\n`lintje-columns-change` `{ order, hidden }`.",
+          "description": "`<lintje-data-table>` — the data table, inside a tile; below 768 px a two-column list.\n\nA missing value is a muted dash, never 0. The table never filters, saves or confirms: it shows a\nchange at once, and the host confirms it in the next `data`. Open rows and collapsed groups are\nthe table's own: it sends nothing for them. A row with an `href` goes there after its\n`lintje-row-click` or `lintje-row-open`, which is cancelable: a host that routes itself cancels\nit. A modifier or middle click on such a row opens the `href` in a new tab, without that event.\n\nEvents: `lintje-sort-change` `{ key, direction } | null`, `lintje-row-click`\n`{ id, label, href? }`, `lintje-row-open` `{ id, label, href? }`, `lintje-checked-change`\n`string[]`, `lintje-cell-edit` `{ id, column, value }`, `lintje-row-action`\n`{ id, label, action }`, `lintje-bulk-action` `{ ids, action }`, `lintje-filter-change`\n`{ column, value }`, `lintje-columns-change` `{ order, hidden }`.",
           "superclass": {
             "name": "LintjeContentTileElement"
           },
@@ -20562,7 +21003,7 @@
             {
               "name": "lintje-row-action",
               "type": {
-                "text": "CustomEvent<{ id, action }>"
+                "text": "CustomEvent<{ id, label, action }>"
               }
             },
             {
@@ -20777,7 +21218,7 @@
           "name": "LintjeList",
           "tagName": "lintje-list",
           "customElement": true,
-          "description": "`<lintje-list>` — rows for what needs no columns: title, a muted line, a fact or actions.\n\nIt is also the work list: what someone made or had made, with its kind, state and progress, in\nruns under a moment (\"Vandaag\"). It does not navigate: a plain click on a row is cancelled and\nsent as `lintje-row-click`, and a link row in a menu also sends `lintje-navigate` after its\n`lintje-row-action`. A row with `rename` turns its title into a field in place; the host keeps\nthat state, as for every row.\n\nEvents: `lintje-row-click` `{ id, label, href? }`, `lintje-row-action` `{ id, label, value }` (a\nchosen menu row or the row's own action), `lintje-row-rename` `{ id, value }`,\n`lintje-row-rename-cancel` `{ id }`.",
+          "description": "`<lintje-list>` — rows for what needs no columns: title, a muted line, a fact or actions.\n\nIt is also the work list: what someone made or had made, with its kind, state and progress, in\nruns under a moment (\"Vandaag\"). It does not navigate: a plain click on a row is cancelled and\nsent as `lintje-row-click`, and a link row in a menu also sends `lintje-navigate` after its\n`lintje-row-action`. A row with `rename` turns its title into a field in place; the host keeps\nthat state, as for every row.\n\nEvents: `lintje-row-click` `{ id, label, href? }`, `lintje-row-action` `{ id, label, action }` (a\nchosen menu row or the row's own action), `lintje-row-rename` `{ id, value }`,\n`lintje-row-rename-cancel` `{ id }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -20884,7 +21325,7 @@
             {
               "name": "lintje-row-action",
               "type": {
-                "text": "CustomEvent<{ id, label, value }>"
+                "text": "CustomEvent<{ id, label, action }>"
               }
             },
             {