@slotted/angular 0.1.0-beta.8 → 0.1.0-beta.9

package/docs/code-block.md

@@ -58,43 +58,43 @@ Excerpt — not a complete module
 
 | Name | Type | Default | Applies to | Description |
 | --- | --- | --- | --- | --- |
-| `code` | `string` | — | CodeBlock | A fonte, como texto. Nunca HTML |
-| `language` | `string` | text | CodeBlock | data-language e class="language-<x>" |
-| `highlight` | `CodeHighlighter \| null` | — | CodeBlock | O motor; null recusa o do injector |
-| `tokens` | `CodeLine[]` | — | CodeBlock | Linhas já tokenizadas pelo consumidor |
-| `title` | `string` | — | CodeBlock | O nome do ficheiro no cabeçalho, e o nome da região |
-| `fileName` | `string` | — | CodeBlock | O nome para o glifo, quando o título não é o nome |
-| `lineNumbers` | `boolean` | false | CodeBlock | O contador na goteira |
-| `start` | `number` | 1 | CodeBlock | O número da primeira linha |
-| `marks` | `CodeMarks` | — | CodeBlock | highlight, add, remove, focus, error, warning — intervalos "1,4-6" ou listas |
-| `wrap` | `model<boolean \| undefined>` | — | CodeBlock | [(wrap)]: presente é controlado, para a vida do bloco |
-| `defaultWrap` | `boolean` | false | CodeBlock | Onde um bloco não controlado começa |
-| `collapseAfter` | `number` | — | CodeBlock | Linhas visíveis antes do controle de revelar |
-| `revealed` | `model<boolean \| undefined>` | — | CodeBlock | [(revealed)]: presente é controlado |
-| `defaultRevealed` | `boolean` | false | CodeBlock | Onde um bloco não controlado começa |
-| `maxLines` | `number` | — | CodeBlock | Linhas antes de o corpo rolar |
-| `copy` | `boolean` | true | CodeBlock | O controle de cópia |
-| `copyRemoved` | `boolean` | false | CodeBlock | Mantém as linhas removidas na cópia |
-| `loading` | `boolean` | false | CodeBlock | Skeletons na altura de seis linhas, aria-busy, sem cópia |
-| `tabSize` | `number` | 2 | CodeBlock | Largura de um tab, para o indent da continuação |
-| `messages` | `PartialMessages<CodeBlockMessages>` | — | slCodeBlock | As palavras da família sobre o idioma em vigor, chave a chave |
-| `ng-template[slCodeBlockLine]` | `projeção` | — | CodeBlock | Substitui a corrida de tokens de cada linha; recebe os tokens, o número, a marca e o esmaecer |
-| `[slCodeBlockAction]` | `projeção` | — | CodeBlock | Controles do consumidor ao lado de copy e wrap |
-| `exportAs` | `slCodeBlock` | — | CodeBlock | Alcança a instância a partir da template: #block="slCodeBlock" e block.copyCode() ou block.scrollToLine(12) |
-| `ng-template[slCodeBlockLine]` | `let-tokens, let-number="number", let-mark="mark", let-dim="dim"` | — | CodeBlock | A linha à maneira da aplicação; a goteira fica da família |
-| `[slCodeBlockAction]` | `ng-content` | — | CodeBlock | Um "Run" ou um "Open in editor" ao lado dos controles |
-| `provideCodeBlockDefaults()` | `highlight \| lineNumbers \| copy` | — | Injector | O motor carregado uma vez, para todos os blocos por baixo; um input no bloco ganha |
-| `slTabs` | `composição` | — | em volta | Vários ficheiros: um bloco por painel |
-| `id, aria-*, data-*, (keydown)` | `atributos nativos` | — | CodeBlock | Ficam no elemento host; o listener do consumidor corre a par do da família |
+| `code` | `string` | — | CodeBlock | The source, as text. Never HTML |
+| `language` | `string` | text | CodeBlock | data-language and class="language-<x>" |
+| `highlight` | `CodeHighlighter \| null` | — | CodeBlock | The engine; null refuses the injector’s |
+| `tokens` | `CodeLine[]` | — | CodeBlock | Lines the consumer already tokenized |
+| `title` | `string` | — | CodeBlock | The file name in the header, and the region name |
+| `fileName` | `string` | — | CodeBlock | The name for the glyph, when the title is not the name |
+| `lineNumbers` | `boolean` | false | CodeBlock | The counter in the gutter |
+| `start` | `number` | 1 | CodeBlock | The number of the first line |
+| `marks` | `CodeMarks` | — | CodeBlock | highlight, add, remove, focus, error, warning — ranges "1,4-6" or lists |
+| `wrap` | `model<boolean \| undefined>` | — | CodeBlock | [(wrap)]: present means controlled, for the life of the block |
+| `defaultWrap` | `boolean` | false | CodeBlock | Where an uncontrolled block starts |
+| `collapseAfter` | `number` | — | CodeBlock | Visible lines before the reveal control |
+| `revealed` | `model<boolean \| undefined>` | — | CodeBlock | [(revealed)]: present means controlled |
+| `defaultRevealed` | `boolean` | false | CodeBlock | Where an uncontrolled block starts |
+| `maxLines` | `number` | — | CodeBlock | Lines before the body scrolls |
+| `copy` | `boolean` | true | CodeBlock | The copy control |
+| `copyRemoved` | `boolean` | false | CodeBlock | Keeps the removed lines in the copy |
+| `loading` | `boolean` | false | CodeBlock | Skeletons at the height of six lines, aria-busy, no copy |
+| `tabSize` | `number` | 2 | CodeBlock | Width of a tab, for the continuation indent |
+| `messages` | `PartialMessages<CodeBlockMessages>` | — | slCodeBlock | The family’s words over the current locale, key by key |
+| `ng-template[slCodeBlockLine]` | `projection` | — | CodeBlock | Replaces the token run of each line; receives the tokens, the number, the mark and the dimming |
+| `[slCodeBlockAction]` | `projection` | — | CodeBlock | Consumer controls next to copy and wrap |
+| `exportAs` | `slCodeBlock` | — | CodeBlock | Reaches the instance from the template: #block="slCodeBlock" and block.copyCode() or block.scrollToLine(12) |
+| `ng-template[slCodeBlockLine]` | `let-tokens, let-number="number", let-mark="mark", let-dim="dim"` | — | CodeBlock | The line the application’s way; the gutter stays the family’s |
+| `[slCodeBlockAction]` | `ng-content` | — | CodeBlock | A "Run" or an "Open in editor" next to the controls |
+| `provideCodeBlockDefaults()` | `highlight \| lineNumbers \| copy` | — | Injector | The engine loaded once, for every block below; an input on the block wins |
+| `slTabs` | `composition` | — | around | Several files: one block per panel |
+| `id, aria-*, data-*, (keydown)` | `native attributes` | — | CodeBlock | Stay on the host element; the consumer’s listener runs alongside the family’s |
 
 ## Events
 
 | Name | Payload | When |
 | --- | --- | --- |
-| `(wrapChangeRequest)` | `ChangeRequest<boolean>` | Antes de as linhas quebrarem ou desquebrarem; [(wrap)] é a outra metade, o valor. O pedido leva a razão — pointer, keyboard ou programmatic — e o evento de origem; cancelá-lo não move nada. |
-| `(revealedChangeRequest)` | `ChangeRequest<boolean>` | Antes de o bloco revelar ou dobrar as linhas escondidas; [(revealed)] é o valor. A razão é pointer, keyboard, escape ou programmatic. |
-| `(copyRequest)` | `{ value, copied, reason, source }` | Depois de o controle, ou copyCode(), escrever na área de transferência. copied é false quando a plataforma recusou. |
-| `(highlightError)` | `unknown` | Quando o motor rejeita. O texto puro fica. |
+| `(wrapChangeRequest)` | `ChangeRequest<boolean>` | Before the lines wrap or unwrap; [(wrap)] is the other half, the value. The request carries the reason — pointer, keyboard or programmatic — and the source event; cancelling it moves nothing. |
+| `(revealedChangeRequest)` | `ChangeRequest<boolean>` | Before the block reveals or folds the hidden lines; [(revealed)] is the value. The reason is pointer, keyboard, escape or programmatic. |
+| `(copyRequest)` | `{ value, copied, reason, source }` | After the control, or copyCode(), writes to the clipboard. copied is false when the platform refused. |
+| `(highlightError)` | `unknown` | When the engine rejects. The plain text stays. |
 
 ## Axes and defaults
 
@@ -106,11 +106,11 @@ Excerpt — not a complete module
 
 ## Rules
 
-- O bloco não tem papel: é texto, lido como texto. O role="textbox" com aria-readonly do Carbon num bloco que ninguém edita é recusado por escrito no contrato.
-- O corpo é um scroll-area: role="region", tabindex="0" e um nome — o título, depois aria-label, depois "Code" — só enquanto o código transborda, que é o que SC 2.1.1 e scrollable-region-focusable pedem. As teclas de rolar são as da plataforma; a família não escreve nenhuma.
-- A goteira dos números e dos sinais é aria-hidden e user-select: none: um leitor de ecrã ouve o código e não uma contagem, e uma seleção pelo bloco copia código e nada mais.
-- O controle de cópia anuncia "Copied" ou "Copy failed" pelo live-announcer partilhado e troca o glifo além da cor; o de wrap é aria-pressed; o de revelar leva aria-expanded e aria-controls para o corpo.
-- Um HTML de motor nunca entra: os tokens são texto em spans, e um <script> numa amostra são os seis caracteres que é.
+- The block has no role: it is text, read as text. Carbon’s role="textbox" with aria-readonly on a block nobody edits is refused in writing in the contract.
+- The body is a scroll-area: role="region", tabindex="0" and a name — the title, then aria-label, then "Code" — only while the code overflows, which is what SC 2.1.1 and scrollable-region-focusable ask for. The scroll keys are the platform’s; the family writes none.
+- The gutter of numbers and signs is aria-hidden and user-select: none: a screen reader hears the code and not a count, and a selection across the block copies code and nothing else.
+- The copy control announces "Copied" or "Copy failed" through the shared live-announcer and swaps the glyph as well as the color; the wrap control is aria-pressed; the reveal control carries aria-expanded and aria-controls pointing to the body.
+- Engine HTML never enters: the tokens are text in spans, and a <script> in a sample is the six characters it is.
 
 ## Tokens
 
@@ -118,9 +118,9 @@ Excerpt — not a complete module
 
 ## Examples
 
-### Texto primeiro, tokens quando chegam
+### Text first, tokens when they arrive
 
-O bloco desenha o texto puro no primeiro paint e troca os tokens linha a linha quando o motor responde: a altura não muda, porque cada linha é uma fila da grelha. As cores são a escala --slotted-code-* do tema, e mudam com o esquema.
+The block draws the plain text on the first paint and swaps in the tokens line by line when the engine answers: the height does not change, because each line is a row of the grid. The colors are the theme’s --slotted-code-* scale, and change with the scheme.
 
 Excerpt — not a complete module
 
@@ -128,9 +128,9 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="source" [highlight]="tokenise" language="ts"></div>
 ```
 
-### Prism e Shiki entram pelos mapeamentos
+### Prism and Shiki come in through the mappings
 
-A família não carrega gramática nenhuma. fromPrismTokens dobra os nomes padrão do Prism sobre os doze escopos; fromShikiTokens lê o último escopo TextMate de cada token. Um HTML de motor nunca entra: o que chega é texto em spans.
+The family loads no grammar. fromPrismTokens folds the standard Prism names onto the twelve scopes; fromShikiTokens reads the last TextMate scope of each token. Engine HTML never enters: what arrives is text in spans.
 
 Excerpt — not a complete module
 
@@ -142,9 +142,9 @@ const shiki = async (code, lang) =>
   );
 ```
 
-### Números de linha
+### Line numbers
 
-lineNumbers desenha um contador numa goteira larga o bastante para o último número, medida em ch; start diz por onde começa. A goteira é aria-hidden e user-select: none, por isso uma seleção pelo bloco copia código e nada mais.
+lineNumbers draws a counter in a gutter wide enough for the last number, measured in ch; start says where it begins. The gutter is aria-hidden and user-select: none, so a selection across the block copies code and nothing else.
 
 Excerpt — not a complete module
 
@@ -152,9 +152,9 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="source" language="ts" lineNumbers start="98"></div>
 ```
 
-### Linhas marcadas
+### Marked lines
 
-marks toma intervalos "1,4-6" ou listas de números: highlight tinge com o acento e uma barra na ponta; error e warning com danger e warning. A tinta é do texto do tom a 7,5%, para nenhum escopo cair abaixo de 4,5:1.
+marks takes ranges "1,4-6" or lists of numbers: highlight tints with the accent and a bar at the edge; error and warning with danger and warning. The tint is the tone’s text color at 7.5%, so no scope falls below 4.5:1.
 
 Excerpt — not a complete module
 
@@ -167,9 +167,9 @@ Excerpt — not a complete module
 ></div>
 ```
 
-### Um diff
+### A diff
 
-add e remove tingem com success e danger e escrevem + e − na goteira, por CSS. O controle de cópia deixa as linhas removidas de fora, porque o código depois da mudança é o que se cola; copyRemoved mantém-nas.
+add and remove tint with success and danger and write + and − in the gutter, by CSS. The copy control leaves the removed lines out, because the code after the change is what gets pasted; copyRemoved keeps them.
 
 Excerpt — not a complete module
 
@@ -183,9 +183,9 @@ Excerpt — not a complete module
 ></div>
 ```
 
-### Foco numa parte do bloco
+### Focus on one part of the block
 
-focus esmaece e desfoca as linhas fora do intervalo; o bloco levanta o véu com o ponteiro em cima ou o foco dentro, por isso quem quer o resto tem-no. Sob reduced-motion o desfoque sai e o esmaecer fica, porque é a informação.
+focus dims and blurs the lines outside the range; the block lifts the veil with the pointer over it or focus inside, so whoever wants the rest gets it. Under reduced-motion the blur goes and the dimming stays, because the dimming is the information.
 
 Excerpt — not a complete module
 
@@ -193,9 +193,9 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="source" language="json" [marks]="{ focus: '3-6' }"></div>
 ```
 
-### Quebrar linhas longas
+### Wrapping long lines
 
-O controle de wrap só aparece enquanto uma linha transborda — a regra do Docusaurus — e é um botão pressionado. A continuação de uma linha quebrada indenta-se ao próprio indent do código, medido uma vez por linha em ch.
+The wrap control appears only while a line overflows — the Docusaurus rule — and is a pressed button. The continuation of a wrapped line indents to the code’s own indent, measured once per line in ch.
 
 Excerpt — not a complete module
 
@@ -209,9 +209,9 @@ Excerpt — not a complete module
 ></div>
 ```
 
-### Um ficheiro com nome
+### A named file
 
-title põe o cabeçalho com o nome em mono, o glifo da espécie do ficheiro — uma folha de texto para um .ts, uma folha de tabela para um .csv — e a linguagem no fim. O título é também o nome da região de rolagem.
+title puts up the header with the name in mono, the glyph of the file kind — a text sheet for a .ts, a table sheet for a .csv — and the language at the end. The title is also the name of the scroll region.
 
 Excerpt — not a complete module
 
@@ -219,9 +219,9 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="rows" language="csv" title="orders-2026-09.csv"></div>
 ```
 
-### Dobrado atrás de "Show more"
+### Folded behind "Show more"
 
-collapseAfter esconde o que passa de n linhas atrás de um controle; a última linha visível desvanece-se nele. revealed é o modelo de estado; Escape dentro do bloco revelado dobra-o e mantém o foco. As linhas escondidas ficam no DOM e numa seleção.
+collapseAfter hides what goes past n lines behind a control; the last visible line fades into it. revealed is the state model; Escape inside the revealed block folds it and keeps focus. The hidden lines stay in the DOM and in a selection.
 
 Excerpt — not a complete module
 
@@ -236,9 +236,9 @@ Excerpt — not a complete module
 ></div>
 ```
 
-### Rolar além de um máximo
+### Scrolling past a maximum
 
-maxLines limita a altura do corpo e o scroll-area rola o resto, com a região nomeada e alcançável por Tab. Compõe com collapseAfter: um bloco dobrado a oito e, revelado, rolando além de quarenta.
+maxLines limits the body height and the scroll-area scrolls the rest, with the region named and reachable by Tab. It composes with collapseAfter: a block folded at eight and, revealed, scrolling past forty.
 
 Excerpt — not a complete module
 
@@ -246,19 +246,19 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="log" language="text" lineNumbers maxLines="12"></div>
 ```
 
-### Copiar
+### Copying
 
-O controle escreve o código que o consumidor deu, nunca o texto do DOM: nem números, nem sinais, nem quebras. Terminado, o check fica dois segundos no lugar das folhas e "Copied" é anunciado; copy="false" tira o controle; copyCode() copia sem ele.
+The control writes the code the consumer gave, never the DOM text: no numbers, no signs, no wraps. When done, the check stays two seconds in place of the sheets and "Copied" is announced; copy="false" removes the control; copyCode() copies without it.
 
 Excerpt — not a complete module
 
 ```html
-<div slCodeBlock [code]="source" (copyRequest)="$event.copied && toast('Copiado')"></div>
+<div slCodeBlock [code]="source" (copyRequest)="$event.copied && toast('Copied')"></div>
 ```
 
-### Código a caminho, e nenhum código
+### Code on the way, and no code
 
-loading desenha a moldura à altura de seis linhas com skeletons dentro e aria-busy, sem controle de cópia — não um spinner, que é para uma região que já tem conteúdo. Uma string vazia é uma linha vazia com o seu número.
+loading draws the frame at the height of six lines with skeletons inside and aria-busy, without a copy control — not a spinner, which is for a region that already has content. An empty string is an empty line with its number.
 
 Excerpt — not a complete module
 
@@ -266,9 +266,9 @@ Excerpt — not a complete module
 <div slCodeBlock code="" loading title="deploy.log"></div>
 ```
 
-### Conteúdo que a família não escolheu
+### Content the family did not choose
 
-Uma linha de 400 caracteres rola e, sob wrap, parte-se num token indivisível em vez de escapar da caixa; código árabe numa página RTL lê-se da esquerda para a direita; um <script> na amostra são seis caracteres.
+A 400-character line scrolls and, under wrap, breaks inside an indivisible token instead of escaping the box; Arabic code on an RTL page reads from left to right; a <script> in the sample is six characters.
 
 Excerpt — not a complete module
 
@@ -276,9 +276,9 @@ Excerpt — not a complete module
 <div slCodeBlock [code]="'<script>alert(1)</script>'" language="html"></div>
 ```
 
-### Composição
+### Composition
 
-Vários ficheiros são tabs com um bloco por painel; uma ação do consumidor entra em actions ao lado do copy, por slCodeBlockAction; um ng-template slCodeBlockLine desenha uma linha à maneira da aplicação; provideCodeBlockDefaults entrega o motor uma vez ao injector.
+Several files are tabs with one block per panel; a consumer action goes in actions next to copy, through slCodeBlockAction; an ng-template slCodeBlockLine draws a line the application’s way; provideCodeBlockDefaults hands the engine once to the injector.
 
 Excerpt — not a complete module
 
@@ -291,13 +291,13 @@ providers: [provideCodeBlockDefaults({ highlight: shiki, lineNumbers: true })];
 // </div>
 ```
 
-### Teclado
+### Keyboard
 
-Tab: copy, wrap, reveal, e o corpo quando transborda. No corpo as setas, Page, Home, End e Space são os da plataforma; Enter e Space nos controles; Escape num bloco revelado dobra-o e mantém o foco.
+Tab: copy, wrap, reveal, and the body when it overflows. In the body the arrows, Page, Home, End and Space are the platform’s; Enter and Space on the controls; Escape in a revealed block folds it and keeps focus.
 
 Excerpt — not a complete module
 
 ```html
-<!-- "group.ts, region" — o título, porque o corpo só é uma região com nome enquanto o código transborda. -->
+<!-- "group.ts, region" — the title, because the body is a named region only while the code overflows. -->
 <div slCodeBlock [code]="wide" language="ts" title="group.ts"></div>
 ```

package/docs/currency-field.json

@@ -242,6 +242,13 @@
           "appliesTo": "slCurrencyFieldInput",
           "description": "Overrides how many fraction digits the amount is written with, for a unit price quoted finer than the currency’s cent"
         },
+        {
+          "name": "unit",
+          "type": "'major' | 'minor'",
+          "defaultValue": "major",
+          "appliesTo": "slCurrencyFieldInput, provideCurrencyFieldDefaults",
+          "description": "The unit value, defaultValue, min, max, the steps, stepFrom, (valueChange), the form model and the submitted amount are in: major is 12.34, minor the integer 1234 of the currency’s minor unit, which fractionDigits decides when set"
+        },
         {
           "name": "min",
           "type": "number",

package/docs/currency-field.md

@@ -61,6 +61,7 @@ Excerpt — not a complete module
 | `locale` | `string` | the language in force | slCurrencyFieldInput | BCP 47. It decides the separators, where the symbol goes and the numbering system — never the symbol itself, which is the currency’s |
 | `format` | `Intl.NumberFormatOptions` | — | slCurrencyFieldInput | Any other Intl option: currencySign for accounting parentheses, signDisplay, useGrouping, roundingMode. Every key here wins over the family’s own; style and currency are the family’s |
 | `fractionDigits` | `number` | the currency’s minor units | slCurrencyFieldInput | Overrides how many fraction digits the amount is written with, for a unit price quoted finer than the currency’s cent |
+| `unit` | `'major' \| 'minor'` | major | slCurrencyFieldInput, provideCurrencyFieldDefaults | The unit value, defaultValue, min, max, the steps, stepFrom, (valueChange), the form model and the submitted amount are in: major is 12.34, minor the integer 1234 of the currency’s minor unit, which fractionDigits decides when set |
 | `min` | `number` | — | slCurrencyFieldInput | The smallest amount the control holds, in major units. It disables the decrement button at the bound, gives Home somewhere to go, and is the one thing that refuses a debit: min="0" is why there is no allowNegative |
 | `max` | `number` | — | slCurrencyFieldInput | The largest amount the control holds. It disables the increment button at the bound and gives End somewhere to go |
 | `step` | `number` | 1 | slCurrencyFieldInput | What the arrows and the two buttons move by, in major units: one real, not one centavo |

package/docs/data-grid.examples.md

@@ -2253,7 +2253,7 @@ Excerpt — not a complete module
 
 ### Load more
 
-With an unknown total the footer states the range without one and offers Load more; when the grid windows its rows, loadMore is emitted on its own as the window nears the end.
+With an unknown total the footer states the range without one. loadMore is emitted on its own as the reader nears the end, and the footer says a page is loading; it offers a control only to retry a page that failed (loadMoreFailed). loadMoreTrigger="button" asks only from a Load more control, "both" does the two.
 
 Excerpt — not a complete module
 

package/docs/data-grid.json

@@ -98,6 +98,7 @@
         "skeletonRows": 8,
         "filterDebounce": 300,
         "loadMoreThreshold": 20,
+        "loadMoreTrigger": "scroll",
         "pageSizes": [
           25,
           50,
@@ -498,7 +499,7 @@
           "type": "GridColumn<Row>[]",
           "defaultValue": "—",
           "appliesTo": "sl-data-grid",
-          "description": "The column model: id, label, description, kind, accessor, format, compare, width, minWidth, maxWidth, flex, priority, sortable, filterable, searchable, editable, resizable, reorderable, hideable, rowHeader, options, aggregate, validate, parse."
+          "description": "The column model: id, label, description, kind, accessor, format, compare, width, minWidth, maxWidth, flex, priority, sortable, filterable, searchable, editable, resizable, reorderable, hideable, rowHeader, pinned (end by default for kind actions), options, aggregate, validate, parse."
         },
         {
           "name": "description",
@@ -561,7 +562,7 @@
           "type": "boolean",
           "defaultValue": "—",
           "appliesTo": "sl-data-grid",
-          "description": "Whether a page past this one exists when the total is unknown; the footer offers Load more."
+          "description": "Whether a page past this one exists when the total is unknown; loadMoreTrigger decides what asks for it."
         },
         {
           "name": "loading",
@@ -766,6 +767,20 @@
           "appliesTo": "sl-data-grid",
           "description": "Rows left below the window before loadMore is emitted."
         },
+        {
+          "name": "loadMoreTrigger",
+          "type": "'scroll' | 'button' | 'both'",
+          "defaultValue": "scroll",
+          "appliesTo": "sl-data-grid",
+          "description": "What asks for the next page: nearing the end, with a loading status in the footer; a Load more control; or both."
+        },
+        {
+          "name": "loadMoreFailed",
+          "type": "boolean",
+          "defaultValue": "false",
+          "appliesTo": "sl-data-grid",
+          "description": "The last page asked for failed: the automatic request stops and the footer offers Try again."
+        },
         {
           "name": "skeletonRows",
           "type": "number",
@@ -934,7 +949,7 @@
           "type": "provider",
           "defaultValue": "—",
           "appliesTo": "Application",
-          "description": "Sets variant, striped, stickyHeader, stickyTo, selectionMode, editMode, filterRow, virtualize, rowHeight, columnOverflow, overscan, pageSizes, filterDebounce, loadMoreThreshold and skeletonRows once for an injector. A grid that states one itself still wins. Its words and its locale come from the language in force (provideSlotted)."
+          "description": "Sets variant, striped, stickyHeader, stickyTo, selectionMode, editMode, filterRow, virtualize, rowHeight, columnOverflow, overscan, pageSizes, filterDebounce, loadMoreThreshold, loadMoreTrigger and skeletonRows once for an injector. A grid that states one itself still wins. Its words and its locale come from the language in force (provideSlotted)."
         },
         {
           "name": "@slotted/core/grid",
@@ -1097,7 +1112,9 @@
     "--slotted-control-font-size-md",
     "--slotted-control-font-size-sm",
     "--slotted-control-gap-md",
+    "--slotted-control-height-lg",
     "--slotted-control-height-md",
+    "--slotted-control-height-sm",
     "--slotted-control-icon-size-md",
     "--slotted-control-inner-size-sm",
     "--slotted-control-invalid-edge-width",
@@ -1416,7 +1433,7 @@
     {
       "id": "load-more",
       "title": "Load more",
-      "note": "With an unknown total the footer states the range without one and offers Load more; when the grid windows its rows, loadMore is emitted on its own as the window nears the end.",
+      "note": "With an unknown total the footer states the range without one. loadMore is emitted on its own as the reader nears the end, and the footer says a page is loading; it offers a control only to retry a page that failed (loadMoreFailed). loadMoreTrigger=\"button\" asks only from a Load more control, \"both\" does the two.",
       "language": "html",
       "source": "<sl-data-grid\n  rowKey=\"id\"\n  [rows]=\"rows()\"\n  [columns]=\"columns\"\n  [hasMore]=\"hasMore()\"\n  [query]=\"{ ...emptyQuery(), page: { cursor: cursor(), size: 50 } }\"\n  (loadMore)=\"fetchMore()\"\n/>\n",
       "verdict": "excerpt"

package/docs/data-grid.md

@@ -230,7 +230,7 @@ See [data-grid.props.md](./data-grid.props.md).
 
 ## Tokens
 
-`--slotted-border-strong`, `--slotted-border-subtle`, `--slotted-border-width-thick`, `--slotted-border-width-thin`, `--slotted-control-font-family`, `--slotted-control-font-size-md`, `--slotted-control-font-size-sm`, `--slotted-control-gap-md`, `--slotted-control-height-md`, `--slotted-control-icon-size-md`, `--slotted-control-inner-size-sm`, `--slotted-control-invalid-edge-width`, `--slotted-control-padding-inline-md`, `--slotted-control-padding-inline-sm`, `--slotted-control-transition-duration`, `--slotted-control-transition-easing`, `--slotted-data-grid-band-surface`, `--slotted-data-grid-block-size`, `--slotted-data-grid-border-color`, `--slotted-data-grid-border-color-strong`, `--slotted-data-grid-border-width`, `--slotted-data-grid-cell-padding-block`, `--slotted-data-grid-cell-padding-inline`, `--slotted-data-grid-changed-surface`, `--slotted-data-grid-color`, `--slotted-data-grid-color-muted`, `--slotted-data-grid-control-radius`, `--slotted-data-grid-cursor-color`, `--slotted-data-grid-filter-operator-size`, `--slotted-data-grid-filter-panel-size`, `--slotted-data-grid-filter-panel-size-date`, `--slotted-data-grid-filter-panel-size-datetime`, `--slotted-data-grid-font-family`, `--slotted-data-grid-font-size`, `--slotted-data-grid-gap`, `--slotted-data-grid-head-block-size`, `--slotted-data-grid-header-surface`, `--slotted-data-grid-header-surface-hover`, `--slotted-data-grid-icon-size`, `--slotted-data-grid-indent`, `--slotted-data-grid-pin-shadow-color`, `--slotted-data-grid-pin-shadow-size`, `--slotted-data-grid-radius`, `--slotted-data-grid-range-surface`, `--slotted-data-grid-row-block-size`, `--slotted-data-grid-row-color-selected`, `--slotted-data-grid-row-max-block-size`, `--slotted-data-grid-row-surface-hover`, `--slotted-data-grid-row-surface-selected`, `--slotted-data-grid-row-surface-selected-hover`, `--slotted-data-grid-row-surface-stripe`, `--slotted-data-grid-shadow`, `--slotted-data-grid-sticky-offset`, `--slotted-data-grid-sticky-offset-end`, `--slotted-data-grid-surface`, `--slotted-disabled-foreground`, `--slotted-duration-long`, `--slotted-duration-loop`, `--slotted-duration-short`, `--slotted-easing-standard`, `--slotted-focus-ring-color`, `--slotted-focus-ring-color-invalid`, `--slotted-focus-ring-offset`, `--slotted-focus-ring-width`, `--slotted-font-size-xs`, `--slotted-font-weight-medium`, `--slotted-font-weight-regular`, `--slotted-font-weight-semibold`, `--slotted-ground`, `--slotted-line-height-md`, `--slotted-popover-gap`, `--slotted-popover-padding-block-sm`, `--slotted-popover-padding-inline-sm`, `--slotted-radius-md`, `--slotted-radius-sm`, `--slotted-scrim`, `--slotted-shadow-xs`, `--slotted-space-1`, `--slotted-space-2`, `--slotted-space-3`, `--slotted-space-4`, `--slotted-space-5`, `--slotted-space-6`, `--slotted-space-8`, `--slotted-surface`, `--slotted-surface-sunken`, `--slotted-target-comfortable`, `--slotted-target-min`, `--slotted-text`, `--slotted-text-muted`, `--slotted-tone-accent-border`, `--slotted-tone-accent-solid`, `--slotted-tone-accent-subtle-hover`, `--slotted-tone-accent-surface`, `--slotted-tone-accent-text`, `--slotted-tone-danger-border`, `--slotted-tone-secondary-subtle-hover`, `--slotted-z-index-sticky`
+`--slotted-border-strong`, `--slotted-border-subtle`, `--slotted-border-width-thick`, `--slotted-border-width-thin`, `--slotted-control-font-family`, `--slotted-control-font-size-md`, `--slotted-control-font-size-sm`, `--slotted-control-gap-md`, `--slotted-control-height-lg`, `--slotted-control-height-md`, `--slotted-control-height-sm`, `--slotted-control-icon-size-md`, `--slotted-control-inner-size-sm`, `--slotted-control-invalid-edge-width`, `--slotted-control-padding-inline-md`, `--slotted-control-padding-inline-sm`, `--slotted-control-transition-duration`, `--slotted-control-transition-easing`, `--slotted-data-grid-band-surface`, `--slotted-data-grid-block-size`, `--slotted-data-grid-border-color`, `--slotted-data-grid-border-color-strong`, `--slotted-data-grid-border-width`, `--slotted-data-grid-cell-padding-block`, `--slotted-data-grid-cell-padding-inline`, `--slotted-data-grid-changed-surface`, `--slotted-data-grid-color`, `--slotted-data-grid-color-muted`, `--slotted-data-grid-control-radius`, `--slotted-data-grid-cursor-color`, `--slotted-data-grid-filter-operator-size`, `--slotted-data-grid-filter-panel-size`, `--slotted-data-grid-filter-panel-size-date`, `--slotted-data-grid-filter-panel-size-datetime`, `--slotted-data-grid-font-family`, `--slotted-data-grid-font-size`, `--slotted-data-grid-gap`, `--slotted-data-grid-head-block-size`, `--slotted-data-grid-header-surface`, `--slotted-data-grid-header-surface-hover`, `--slotted-data-grid-icon-size`, `--slotted-data-grid-indent`, `--slotted-data-grid-pin-shadow-color`, `--slotted-data-grid-pin-shadow-size`, `--slotted-data-grid-radius`, `--slotted-data-grid-range-surface`, `--slotted-data-grid-row-block-size`, `--slotted-data-grid-row-color-selected`, `--slotted-data-grid-row-max-block-size`, `--slotted-data-grid-row-surface-hover`, `--slotted-data-grid-row-surface-selected`, `--slotted-data-grid-row-surface-selected-hover`, `--slotted-data-grid-row-surface-stripe`, `--slotted-data-grid-shadow`, `--slotted-data-grid-sticky-offset`, `--slotted-data-grid-sticky-offset-end`, `--slotted-data-grid-surface`, `--slotted-disabled-foreground`, `--slotted-duration-long`, `--slotted-duration-loop`, `--slotted-duration-short`, `--slotted-easing-standard`, `--slotted-focus-ring-color`, `--slotted-focus-ring-color-invalid`, `--slotted-focus-ring-offset`, `--slotted-focus-ring-width`, `--slotted-font-size-xs`, `--slotted-font-weight-medium`, `--slotted-font-weight-regular`, `--slotted-font-weight-semibold`, `--slotted-ground`, `--slotted-line-height-md`, `--slotted-popover-gap`, `--slotted-popover-padding-block-sm`, `--slotted-popover-padding-inline-sm`, `--slotted-radius-md`, `--slotted-radius-sm`, `--slotted-scrim`, `--slotted-shadow-xs`, `--slotted-space-1`, `--slotted-space-2`, `--slotted-space-3`, `--slotted-space-4`, `--slotted-space-5`, `--slotted-space-6`, `--slotted-space-8`, `--slotted-surface`, `--slotted-surface-sunken`, `--slotted-target-comfortable`, `--slotted-target-min`, `--slotted-text`, `--slotted-text-muted`, `--slotted-tone-accent-border`, `--slotted-tone-accent-solid`, `--slotted-tone-accent-subtle-hover`, `--slotted-tone-accent-surface`, `--slotted-tone-accent-text`, `--slotted-tone-danger-border`, `--slotted-tone-secondary-subtle-hover`, `--slotted-z-index-sticky`
 
 ## Examples
 

package/docs/data-grid.props.md

@@ -9,7 +9,7 @@
 | --- | --- | --- | --- | --- |
 | `rows` | `readonly Row[]` | — | sl-data-grid | The records; the grid never mutates them. Left out when a dataSource answers for them. |
 | `rowKey` | `keyof Row \| (row) => string` | — | sl-data-grid | A field name or a function: the key every state model names a row by. |
-| `columns` | `GridColumn<Row>[]` | — | sl-data-grid | The column model: id, label, description, kind, accessor, format, compare, width, minWidth, maxWidth, flex, priority, sortable, filterable, searchable, editable, resizable, reorderable, hideable, rowHeader, options, aggregate, validate, parse. |
+| `columns` | `GridColumn<Row>[]` | — | sl-data-grid | The column model: id, label, description, kind, accessor, format, compare, width, minWidth, maxWidth, flex, priority, sortable, filterable, searchable, editable, resizable, reorderable, hideable, rowHeader, pinned (end by default for kind actions), options, aggregate, validate, parse. |
 | `description` | `string` | — | GridColumn | What the column is: the header’s accessible description, the caption atop its menu and the first line of its help popover. |
 | `priority` | `number` | — | GridColumn | The lower, the longer the column stays when the frame is too narrow. A column without one leaves before every numbered one; the identity column and an actions column never leave. |
 | `popin` | `boolean` | true | GridColumn | Whether a column with no room moves into the row’s pop-in; false hides it instead. |
@@ -18,7 +18,7 @@
 | `columnGroups` | `GridColumnGroup[]` | — | sl-data-grid | Headings spanning columns, drawn as a row above the names. |
 | `mode` | `'client' \| 'server'` | inferred | sl-data-grid | client applies the query to rows; server draws rows as given. server when totalCount or hasMore is present. |
 | `totalCount` | `number` | — | sl-data-grid | The whole set’s size in server mode; aria-rowcount and the range read it. |
-| `hasMore` | `boolean` | — | sl-data-grid | Whether a page past this one exists when the total is unknown; the footer offers Load more. |
+| `hasMore` | `boolean` | — | sl-data-grid | Whether a page past this one exists when the total is unknown; loadMoreTrigger decides what asks for it. |
 | `loading` | `boolean` | false | sl-data-grid | Skeleton rows with no rows to keep; aria-busy and a dimmed body over rows already shown. |
 | `error` | `string \| null` | — | sl-data-grid | The message of a failed load; draws the error state with Try again, which emits retry. |
 | `disabledKeys` | `string[]` | — | sl-data-grid | Rows that are neither selectable nor editable, drawn with data-disabled. |
@@ -48,6 +48,8 @@
 | `rowsReorder` | `{ key, from, to, reason, event }` | — | sl-data-grid | Where a row goes in rows: from, and the index it takes once moved. The consumer moves it. |
 | `highlightChanges` | `boolean \| number` | false | sl-data-grid | Marks a mounted cell whose value changed between two rows, for the stated milliseconds (true is 1200). |
 | `loadMoreThreshold` | `number` | 20 | sl-data-grid | Rows left below the window before loadMore is emitted. |
+| `loadMoreTrigger` | `'scroll' \| 'button' \| 'both'` | scroll | sl-data-grid | What asks for the next page: nearing the end, with a loading status in the footer; a Load more control; or both. |
+| `loadMoreFailed` | `boolean` | false | sl-data-grid | The last page asked for failed: the automatic request stops and the footer offers Try again. |
 | `skeletonRows` | `number` | 8 | sl-data-grid | Rows the first load draws. |
 | `pageSizes` | `number[]` | 25,50,100 | sl-data-grid | The sizes a page-size control in the footer offers, read through injectDataGridDefaults. |
 | `variant` | `'plain' \| 'ruled' \| 'framed'` | ruled | sl-data-grid | No rules, rules between rows, or the border and the radius. |
@@ -71,7 +73,7 @@
 | `align` | `'start' \| 'center' \| 'end'` | start | GridColumn | Where the value sits; a number column sits at the end unless told otherwise. |
 | `numeric` | `boolean` | false | GridColumn | Tabular figures and end alignment; true for kind number. |
 | `text` | `'wrap' \| 'truncate' \| 'nowrap'` | truncate | GridColumn | What a long value does. |
-| `provideDataGridDefaults` | `provider` | — | Application | Sets variant, striped, stickyHeader, stickyTo, selectionMode, editMode, filterRow, virtualize, rowHeight, columnOverflow, overscan, pageSizes, filterDebounce, loadMoreThreshold and skeletonRows once for an injector. A grid that states one itself still wins. Its words and its locale come from the language in force (provideSlotted). |
+| `provideDataGridDefaults` | `provider` | — | Application | Sets variant, striped, stickyHeader, stickyTo, selectionMode, editMode, filterRow, virtualize, rowHeight, columnOverflow, overscan, pageSizes, filterDebounce, loadMoreThreshold, loadMoreTrigger and skeletonRows once for an injector. A grid that states one itself still wins. Its words and its locale come from the language in force (provideSlotted). |
 | `@slotted/core/grid` | `module` | — | Application | applyQuery, emptyQuery, withSortPress, withColumnFilter, withSearch, withPageIndex, withGroup, toGridParams, fromGridParams, normalizeColumnState, serializeColumnState, parseColumnState: the engine the grid runs on, for a server mock, a URL and a saved view. |
 | `slDataGridCell, slDataGridEditor, slDataGridHeader, slDataGridFilter, slDataGridColumnHelp, slDataGridDetail, slDataGridGroup, slDataGridEmpty` | `ng-template directives` | — | sl-data-grid | Every surface a consumer replaces, projected as content; the four column-scoped ones name a column or serve every column, and slDataGridColumnHelp names one column and draws its help button. row, cell, head and body are fixed: the layout and the roles are theirs. |
 | `slDataGridFooter` | `attribute` | — | sl-data-grid | Pagination, a page-size select, a count: the consumer’s own controls projected into the bar the grid draws. |