lintje 0.6.0 → 0.7.0

package/dist-elements/data-types.json

@@ -31,6 +31,23 @@
         }
       ]
     },
+    "AddonState": {
+      "kind": "interface",
+      "module": "src/components/inputs/shared/addon.ts",
+      "extends": [],
+      "fields": [
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "optional": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "optional": false
+        }
+      ]
+    },
     "AnnouncementBlockOptions": {
       "kind": "interface",
       "module": "src/components/shared/announcement-block.ts",
@@ -2101,7 +2118,7 @@
     "DataTableData": {
       "kind": "interface",
       "module": "src/types.ts",
-      "description": "Events: `lintje-row-click` with `{id, label, href?}` in a clickable table;\n`lintje-row-open` with `{id, label, href?}` from the name of an `openable` one; uncancelled,\neither goes to the row's `href`;\n`lintje-checked-change` with the checked keys in a selectable one;\n`lintje-sort-change` with `{key, direction}` or `null`;\n`lintje-cell-edit` `{id, column, value}` from an `editor` column;\n`lintje-row-action` `{id, action}` from `rowActions`;\n`lintje-bulk-action` `{ids, action}` from `bulkActions`;\n`lintje-filter-change` `{column, value}` (`string[] | string | null`) from a column `filter`;\n`lintje-columns-change` `{order, hidden}` from the `columnChooser`.",
+      "description": "Events: `lintje-row-click` with `{id, label, href?}` in a clickable table;\n`lintje-row-open` with `{id, label, href?}` from the name of an `openable` one; uncancelled,\neither goes to the row's `href`;\n`lintje-checked-change` with the checked keys in a selectable one;\n`lintje-sort-change` with `{key, direction}` or `null`;\n`lintje-cell-edit` `{id, column, value}` from an `editor` column;\n`lintje-row-action` `{id, label, action}` from `rowActions`;\n`lintje-bulk-action` `{ids, action}` from `bulkActions`;\n`lintje-filter-change` `{column, value}` (`string[] | string | null`) from a column `filter`;\n`lintje-columns-change` `{order, hidden}` from the `columnChooser`.",
       "extends": [
         "FrameSettings",
         "TileData",
@@ -2964,6 +2981,12 @@
           "name": "hasFilters",
           "type": "boolean",
           "optional": false
+        },
+        {
+          "name": "sentenceHeight",
+          "type": "number",
+          "optional": false,
+          "description": "Below 768 px, the height of the filter sentence that sticks under the bar; else 0."
         }
       ]
     },
@@ -3072,6 +3095,25 @@
       "module": "src/components/content/highlight/highlight.ts",
       "text": "'uncertain' | 'term' | 'match' | 'added' | 'removed'"
     },
+    "HoldOptions": {
+      "kind": "interface",
+      "module": "src/components/shared/dialog.ts",
+      "extends": [],
+      "fields": [
+        {
+          "name": "focus",
+          "type": "boolean | HTMLElement",
+          "optional": true,
+          "description": "As `FocusTrap.activate`; `false` leaves it, for a window that moves it once its content has drawn."
+        },
+        {
+          "name": "scroller",
+          "type": "HTMLElement | null",
+          "optional": true,
+          "description": "The element that scrolls behind the window, when the host names one; else the page."
+        }
+      ]
+    },
     "HostConfig": {
       "kind": "interface",
       "module": "src/core/host-config.ts",
@@ -3094,7 +3136,7 @@
     "IconGlyph": {
       "kind": "interface",
       "module": "src/icons/register.ts",
-      "description": "Generated by `npm run build:icons` — do not edit.\n\nThe icons the bundle carries itself: the chrome a component draws by name.\nEvery other icon is fetched by name when a name needs it\n(`src/icons/loader.ts`); the name is always the file name.\n\n63 icons, of 1200 in `dist-icons/`.",
+      "description": "Generated by `npm run build:icons` — do not edit.\n\nThe icons the bundle carries itself: the chrome a component draws by name.\nEvery other icon is fetched by name when a name needs it\n(`src/icons/loader.ts`); the name is always the file name.\n\n64 icons, of 1200 in `dist-icons/`.",
       "extends": [],
       "fields": [
         {
@@ -3949,12 +3991,6 @@
           "optional": true,
           "description": "The theme's emblem (the ribbon) by file name, with the organisation's name and byline."
         },
-        {
-          "name": "ribbon",
-          "type": "number",
-          "optional": false,
-          "description": "`RIBBON_WIDTH.desktop` or `.phone`."
-        },
         {
           "name": "environment",
           "type": "string",
@@ -5020,6 +5056,79 @@
         }
       ]
     },
+    "OtherFieldOptions": {
+      "kind": "interface",
+      "module": "src/components/shared/other.ts",
+      "extends": [],
+      "fields": [
+        {
+          "name": "label",
+          "type": "string",
+          "optional": false,
+          "description": "The option's word: the field's hidden label."
+        },
+        {
+          "name": "text",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "optional": true
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "optional": true
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "optional": true
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "optional": true,
+          "description": "The holder's class for the field's place."
+        },
+        {
+          "name": "onCommit",
+          "type": "(text: string) => void",
+          "optional": false,
+          "description": "The text, committed when the reader leaves the field or presses Enter."
+        }
+      ]
+    },
+    "OtherHolder": {
+      "kind": "interface",
+      "module": "src/components/shared/controls.ts",
+      "description": "A choice group with \"Anders\" on, as its holders see it.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "other",
+          "type": "boolean",
+          "optional": false
+        },
+        {
+          "name": "otherText",
+          "type": "string",
+          "optional": false
+        },
+        {
+          "name": "otherError",
+          "type": "string",
+          "optional": true
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "optional": true
+        }
+      ]
+    },
     "OverflowHost": {
       "kind": "interface",
       "module": "src/components/shared/overflow.ts",
@@ -5430,9 +5539,10 @@
         }
       ]
     },
-    "RowClickDetail": {
+    "RowActionDetail": {
       "kind": "interface",
-      "module": "src/components/tables/list/list.ts",
+      "module": "src/types.ts",
+      "description": "What `lintje-row-action` carries, in `lintje-list` and `lintje-data-table`.",
       "extends": [],
       "fields": [
         {
@@ -5443,12 +5553,39 @@
         {
           "name": "label",
           "type": "string",
+          "optional": false,
+          "description": "The row's name: a list row's title, a table row's first column."
+        },
+        {
+          "name": "action",
+          "type": "string",
+          "optional": false,
+          "description": "The `value` of the chosen action."
+        }
+      ]
+    },
+    "RowClickDetail": {
+      "kind": "interface",
+      "module": "src/types.ts",
+      "description": "What `lintje-row-click` and `lintje-row-open` carry, in `lintje-list` and `lintje-data-table`.",
+      "extends": [],
+      "fields": [
+        {
+          "name": "id",
+          "type": "string",
           "optional": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "optional": false,
+          "description": "The row's name: a list row's title, a table row's first column."
+        },
         {
           "name": "href",
           "type": "string",
-          "optional": true
+          "optional": true,
+          "description": "The address the host gave the row, if any."
         }
       ]
     },
@@ -6402,7 +6539,13 @@
           "name": "format",
           "type": "| 'text' | 'number' | 'percent' | 'decimal' | 'change' | 'change-compact' | 'status' | 'label'",
           "optional": true,
-          "description": "How a value shows; default `number` for numbers. `change`: a signed percentage with ▲ ▼ ●.\n`change-compact`: only the ▲ ▼ ● of `change`; a screen reader hears the whole change, and\nbelow 768 px the row's measure shows it whole.\n`status`: a `StatusTone` (or mapped through `status.tones`) as the status dot with its label.\n`label`: the value as a badge with the word, tone and icon from `labels`."
+          "description": "How a value shows; default `number` for numbers. `change`: a signed percentage with ▲ ▼ ●.\n`change-compact`: only the ▲ ▼ ● of `change`, its words in a tooltip (`tooltip`); a screen\nreader hears them, and below 768 px the row's measure shows the change whole.\n`status`: a `StatusTone` (or mapped through `status.tones`) as the status dot with its label.\n`label`: the value as a badge with the word, tone and icon from `labels`."
+        },
+        {
+          "name": "tooltip",
+          "type": "string",
+          "optional": true,
+          "description": "`change-compact`: the words the glyph stands for, as a template with `{key}` placeholders\nfilled from the row, each value read the way its column reads it (`{change}` gives\n\"▲ +4,2%\"). They are the glyph's tooltip, a screen reader hears them, and under the keyboard's\nfocus or without hover they stand whole. Without it, the whole change. Other formats ignore it."
         },
         {
           "name": "decimals",

package/dist-elements/feedback.js

@@ -1 +1 @@
-import"./chunks/base-DuuwEY22.js";import"./tag/toast.js";import"./tag/announcement.js";import"./tag/empty-state.js";import"./tag/conflict-alert.js";import"./tag/error-page.js";import"./tag/job-list.js";import"./tag/streaming-text.js";import"./tag/ai-label.js";import"./tag/level-meter.js";import"./tag/recording-status.js";
+import"./chunks/base-BsZyWDre.js";import"./tag/toast.js";import"./tag/announcement.js";import"./tag/empty-state.js";import"./tag/conflict-alert.js";import"./tag/error-page.js";import"./tag/job-list.js";import"./tag/streaming-text.js";import"./tag/ai-label.js";import"./tag/level-meter.js";import"./tag/recording-status.js";

package/dist-elements/guides/events.md

@@ -96,9 +96,10 @@ Een *toestand* is iets wat je bewaart en terugzet op het element (en in de URL m
 | `lintje-time-change`, `lintje-play`, `lintje-pause` | `lintje-audio-player`, `lintje-video-player` | toestand |
 | `lintje-seek` | `lintje-audio-player`, `lintje-video-player`, `lintje-transcript` | actie |
 | `lintje-node-toggle` | `lintje-tree-view` | actie |
-| `lintje-toggle` | `lintje-expander`, `lintje-toggletip` | actie (niets te beantwoorden) |
+| `lintje-toggle` | `lintje-expander`, `lintje-toggletip`, `lintje-user-menu` | actie (niets te beantwoorden) |
 | `lintje-copy`, `lintje-copy-error` | `lintje-copy-button`, `lintje-qr-code` | actie (niets te beantwoorden) |
 | `lintje-job-cancel`, `lintje-job-resume`, `lintje-job-retry`, `lintje-job-remove` | `lintje-job-list` | actie |
+| `lintje-jobs-empty` | `lintje-job-list`: de laatste taak ging met de focus erin; annuleer het en zet de focus zelf op een zichtbaar doel | actie |
 | `lintje-stop` | `lintje-streaming-text` | actie |
 | `lintje-text-change`, `lintje-languages-swap` | `lintje-translator` | toestand, actie |
 | `lintje-segment-edit`, `lintje-segment-save`, `lintje-segment-cancel`, `lintje-segment-speaker`, `lintje-speaker-new`, `lintje-speaker-rename` | `lintje-transcript` | actie |
@@ -108,6 +109,11 @@ Een *toestand* is iets wat je bewaart en terugzet op het element (en in de URL m
 | `lintje-message-send`, `lintje-message-edit`, `lintje-suggestion-select`, `lintje-answer-retry`, `lintje-answer-rate`, `lintje-answer-stop` | de chat | actie |
 | `lintje-sources-change`, `lintje-draft-change`, `lintje-strip-change` | de chat | toestand |
 
+**Eén vorm voor een rij.** De lijst en de tabel sturen hetzelfde: `lintje-row-action` draagt
+`{ id, label, action }` (`RowActionDetail`), de sleutel van de rij, haar naam en de `value` van de
+gekozen actie; `lintje-row-click` en `lintje-row-open` dragen `{ id, label, href? }`
+(`RowClickDetail`). Beide types komen uit het pakket.
+
 **Het verzoek en zijn antwoord.** Een opslag, een zoekactie, een bestand, een taak om te annuleren, een cel om op te slaan: het
 element stuurt het verzoek en wacht op de property die het beantwoordt (`.options`, `.jobs`,
 `busy`, `.errors`, `busyCells`). Het toont de wijziging van de lezer meteen en verwacht dat je volgende

package/dist-elements/inputs.js

@@ -1 +1 @@
-import"./tag/radio-group.js";import"./tag/segmented.js";import"./tag/textarea.js";import"./tag/find.js";import"./tag/select.js";import"./tag/text-input.js";import"./tag/field.js";import"./tag/number-input.js";import"./tag/combobox.js";import"./tag/checkbox.js";import"./tag/multiselect.js";import"./tag/tag-input.js";import"./tag/checkbox-group.js";import"./tag/toggle.js";import"./tag/range.js";import"./tag/date-input.js";import"./tag/time-input.js";import"./tag/date-range.js";import"./tag/slot-picker.js";import"./tag/file-upload.js";import"./tag/text-editor.js";
+import"./tag/text-input.js";import"./tag/radio-group.js";import"./tag/segmented.js";import"./tag/textarea.js";import"./tag/find.js";import"./tag/select.js";import"./tag/field.js";import"./tag/number-input.js";import"./tag/combobox.js";import"./tag/checkbox.js";import"./tag/multiselect.js";import"./tag/tag-input.js";import"./tag/checkbox-group.js";import"./tag/toggle.js";import"./tag/range.js";import"./tag/date-input.js";import"./tag/time-input.js";import"./tag/date-range.js";import"./tag/slot-picker.js";import"./tag/file-upload.js";import"./tag/text-editor.js";

package/dist-elements/layout.js

@@ -1 +1 @@
-import"./chunks/base-DuuwEY22.js";import"./tag/tabs.js";import"./tag/expander.js";import"./tag/split-pane.js";
+import"./chunks/base-BsZyWDre.js";import"./tag/tabs.js";import"./tag/expander.js";import"./tag/split-pane.js";