@svgrid/enterprise 3.0.2 → 3.0.3

package/dist/SvSheetTabs.svelte

@@ -6,8 +6,11 @@
    * and calls back, so the keyboard shortcuts and the tabs cannot disagree
    * about which sheet is active.
    */
+  import { tick } from 'svelte'
+  import { SvModal } from '@svgrid/grid'
   import type { Workbook } from './sheet/workbook'
   import { isValidSheetName } from './sheet/workbook'
+  import { useSheetText } from './sheet-text'
 
   type Props = {
     workbook: Workbook
@@ -21,6 +24,25 @@
      */
     onRename?: (from: string, to: string) => void
     onRemove?: (name: string) => void
+    /**
+     * Called when a pointer action on the strip is over: a tab clicked, the
+     * add button, an entry of the tab menu, a delete confirmed. Each leaves
+     * the focus on a button or nowhere; a consumer whose cells should keep
+     * the keyboard, as a spreadsheet's do, puts it back from here. Not
+     * called for the arrow keys inside the strip, which keep the focus on
+     * the tab they moved to, nor after a rename ends, which goes to its tab.
+     */
+    onReturnFocus?: () => void
+    /**
+     * The sheets that are hidden: their tabs are not drawn and the menu
+     * offers Unhide for each. The consumer keeps the list (the shell keeps
+     * it in the document) and answers `onHide` / `onUnhide`.
+     */
+    hidden?: ReadonlyArray<string>
+    onHide?: (name: string) => void
+    onUnhide?: (name: string) => void
+    /** Excel's Move or Copy > Create a copy. Without it the entry is not offered. */
+    onDuplicate?: (name: string) => void
     /** Off hides the add button and the context actions. */
     editable?: boolean
     /**
@@ -35,7 +57,9 @@
     version?: number
   }
 
-  let { workbook, onChange, onRename, onRemove, editable = true, version = 0 }: Props = $props()
+  let { workbook, onChange, onRename, onRemove, onReturnFocus, hidden = [], onHide, onUnhide, onDuplicate, editable = true, version = 0 }: Props = $props()
+
+  const t = useSheetText()
 
   let renaming = $state<string | null>(null)
   let draft = $state('')
@@ -46,10 +70,17 @@
   // keeps one of its own and reads both.
   let localVersion = $state(0)
 
+  const isHidden = (name: string) => hidden.some((h) => h.toLowerCase() === name.toLowerCase())
+  /** The tabs drawn: the workbook's sheets less the hidden ones. */
   const sheets = $derived.by(() => {
     void version
     void localVersion
-    return workbook.sheets
+    return workbook.sheets.filter((name) => !isHidden(name))
+  })
+  const hiddenSheets = $derived.by(() => {
+    void version
+    void localVersion
+    return workbook.sheets.filter((name) => isHidden(name))
   })
   const activeSheet = $derived.by(() => {
     void version
@@ -67,11 +98,16 @@
     changed()
   }
 
+  let renameInput = $state<HTMLInputElement | null>(null)
   function startRename(name: string) {
     if (!editable) return
     renaming = name
     draft = name
     error = null
+    // Focused by hand rather than with `autofocus`, which only takes when
+    // nothing has the focus: the consumer may have just put it back on its
+    // cells after the click that preceded this double-click.
+    void tick().then(() => { renameInput?.focus(); renameInput?.select() })
   }
 
   function commitRename() {
@@ -81,11 +117,11 @@
     renaming = null
     if (to === '' || to === from) return
     if (!isValidSheetName(to)) {
-      error = `"${to}" is not a valid sheet name`
+      error = t('invalidSheetName', { name: to })
       return
     }
     if (!workbook.renameSheet(from, to)) {
-      error = `a sheet named "${to}" already exists`
+      error = t('duplicateSheetName', { name: to })
       return
     }
     error = null
@@ -93,12 +129,40 @@
     changed()
   }
 
+  function focusActiveTab() {
+    void tick().then(() => strip?.querySelector<HTMLElement>('[role="tab"][aria-selected="true"]')?.focus())
+  }
+
   function add() {
     workbook.addSheet()
     changed()
   }
 
+  /** Delete, once confirmed when the sheet holds anything, as Excel asks. */
+  let confirmDelete = $state<string | null>(null)
+
+  function hasContent(name: string): boolean {
+    for (let r = 0; r < workbook.rowCount(name); r += 1) {
+      for (let c = 0; c < workbook.colCount(name); c += 1) {
+        if (workbook.getRaw(name, r, c).trim() !== '') return true
+      }
+    }
+    return false
+  }
+
+  function askRemove(name: string) {
+    if (workbook.sheets.length < 2) return
+    if (hasContent(name)) confirmDelete = name
+    else remove(name)
+  }
+  /** The ribbon's Delete Sheet: the tab menu's Delete for the active sheet,
+   *  with the same question first when the sheet holds anything. */
+  export function deleteSheet(name: string = workbook.active): void {
+    askRemove(name)
+  }
+
   function remove(name: string) {
+    confirmDelete = null
     // The workbook refuses to remove the last sheet; reflect that rather than
     // showing a button that does nothing.
     if (!workbook.removeSheet(name)) return
@@ -106,6 +170,23 @@
     changed()
   }
 
+  function hide(name: string) {
+    // Excel refuses to hide the last visible sheet.
+    if (sheets.length < 2) return
+    onHide?.(name)
+    changed()
+  }
+
+  function unhide(name: string) {
+    onUnhide?.(name)
+    changed()
+  }
+
+  function duplicate(name: string) {
+    onDuplicate?.(name)
+    changed()
+  }
+
   // ---- Excel's right-click menu on a tab ------------------------------------
   let menu = $state<{ name: string; x: number; y: number } | null>(null)
 
@@ -115,6 +196,13 @@
     select(name)
     menu = { name, x: event.clientX, y: event.clientY }
   }
+  /** An entry was taken: the menu goes, and the keyboard goes back to the
+   *  consumer's cells, unless the entry opened something of its own (the
+   *  rename input, the delete question), which hands it on itself. */
+  function closeMenu() {
+    menu = null
+    if (renaming === null && confirmDelete === null) onReturnFocus?.()
+  }
   /**
    * The tabs sit at the foot of the sheet, so a menu dropped from the click
    * runs off the bottom of the window; it opens upward from the click, as
@@ -186,21 +274,30 @@
     changed()
   }
 
-  /** Left and right arrows move between tabs, which is what a tablist owes a
-   *  keyboard user; the shortcut layer's Ctrl+PageUp/Down does the same from
-   *  anywhere in the grid. */
+  /** The arrows move between tabs and Home and End reach the ends, which is
+   *  what a tablist owes a keyboard user; the shortcut layer's
+   *  Ctrl+PageUp/Down does the same from anywhere in the grid. Focus follows
+   *  the selection, and the arrows are mirrored on a right-to-left strip. */
   function onTabKey(event: KeyboardEvent, name: string) {
-    const at = sheets.indexOf(name)
-    if (event.key === 'ArrowRight' && at < sheets.length - 1) {
-      event.preventDefault()
-      select(sheets[at + 1]!)
-    } else if (event.key === 'ArrowLeft' && at > 0) {
-      event.preventDefault()
-      select(sheets[at - 1]!)
-    } else if (event.key === 'F2') {
+    if (event.key === 'F2') {
       event.preventDefault()
       startRename(name)
+      return
     }
+    const at = sheets.indexOf(name)
+    const list = (event.currentTarget as HTMLElement).closest<HTMLElement>('[role="tablist"]')
+    const rtl = list ? getComputedStyle(list).direction === 'rtl' : false
+    const forward = rtl ? 'ArrowLeft' : 'ArrowRight'
+    const back = rtl ? 'ArrowRight' : 'ArrowLeft'
+    let next = -1
+    if (event.key === forward && at < sheets.length - 1) next = at + 1
+    else if (event.key === back && at > 0) next = at - 1
+    else if (event.key === 'Home') next = 0
+    else if (event.key === 'End') next = sheets.length - 1
+    if (next < 0 || next === at) return
+    event.preventDefault()
+    select(sheets[next]!)
+    void tick().then(() => list?.querySelector<HTMLElement>('[role="tab"][aria-selected="true"]')?.focus())
   }
 </script>
 
@@ -212,15 +309,15 @@
 <div class="sv-sheet-tabs">
   <!-- Excel's tab-scrolling arrows: always drawn, greyed until they can move something. -->
   <div class="nav">
-    <button type="button" class="nav-btn" tabindex="-1" aria-label="Scroll tabs left" disabled={!canLeft} onclick={() => scrollTabs(-120)}>
+    <button type="button" class="nav-btn" tabindex="-1" aria-label={t('scrollTabsLeft')} disabled={!canLeft} onclick={() => scrollTabs(-120)}>
       <svg viewBox="0 0 8 8" width="8" height="8"><path d="M5.5 1L2.5 4l3 3" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /></svg>
     </button>
-    <button type="button" class="nav-btn" tabindex="-1" aria-label="Scroll tabs right" disabled={!canRight} onclick={() => scrollTabs(120)}>
+    <button type="button" class="nav-btn" tabindex="-1" aria-label={t('scrollTabsRight')} disabled={!canRight} onclick={() => scrollTabs(120)}>
       <svg viewBox="0 0 8 8" width="8" height="8"><path d="M2.5 1l3 3-3 3" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /></svg>
     </button>
   </div>
 
-  <div role="tablist" aria-label="Sheets" class="tabs" bind:this={strip}>
+  <div role="tablist" aria-label={t('sheets')} class="tabs" bind:this={strip}>
     {#each sheets as name (name)}
       {@const isActive = name === activeSheet}
       <!-- role="presentation" so the tablist still OWNS the role="tab"
@@ -239,17 +336,18 @@
         oncontextmenu={(e) => openMenu(e, name)}
       >
         {#if renaming === name}
-          <!-- svelte-ignore a11y_autofocus -->
           <input
             class="rename"
-            aria-label="Sheet name"
-            autofocus
+            aria-label={t('sheetName')}
+            bind:this={renameInput}
             value={draft}
             oninput={(e) => (draft = e.currentTarget.value)}
             onblur={commitRename}
             onkeydown={(e) => {
-              if (e.key === 'Enter') { e.preventDefault(); commitRename() }
-              if (e.key === 'Escape') { e.preventDefault(); renaming = null }
+              // Enter and Escape hand the focus to the active tab, where a
+              // keyboard user came from; a click elsewhere keeps its own.
+              if (e.key === 'Enter') { e.preventDefault(); commitRename(); focusActiveTab() }
+              if (e.key === 'Escape') { e.preventDefault(); renaming = null; focusActiveTab() }
             }}
           />
         {:else}
@@ -258,7 +356,7 @@
             role="tab"
             aria-selected={isActive}
             tabindex={isActive ? 0 : -1}
-            onclick={() => select(name)}
+            onclick={() => { select(name); onReturnFocus?.() }}
             ondblclick={() => startRename(name)}
             onkeydown={(e) => onTabKey(e, name)}
           >{name}</button>
@@ -268,7 +366,7 @@
   </div>
 
   {#if editable}
-    <button type="button" class="add" aria-label="New sheet" title="New sheet (Shift+F11)" onclick={add}>
+    <button type="button" class="add" aria-label={t('newSheet')} title={`${t('newSheet')} (Shift+F11)`} onclick={() => { add(); onReturnFocus?.() }}>
       <svg viewBox="0 0 10 10" width="10" height="10" aria-hidden="true"><path d="M5 1.5v7M1.5 5h7" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" /></svg>
     </button>
   {/if}
@@ -284,15 +382,41 @@
     on the tab face, so a stray click cannot remove a sheet.
   -->
   <div class="sheet-menu" role="menu" aria-label={`${menu.name} sheet`} style:left={`${menu.x}px`} style:top={`${menu.y}px`} use:keepMenuInView={menu}>
-    <button type="button" role="menuitem" onclick={() => { insertBefore(menu!.name); menu = null }}>Insert...</button>
-    <button type="button" role="menuitem" disabled={sheets.length < 2} onclick={() => { remove(menu!.name); menu = null }}>Delete</button>
-    <button type="button" role="menuitem" onclick={() => { startRename(menu!.name); menu = null }}>Rename</button>
+    <button type="button" role="menuitem" onclick={() => { insertBefore(menu!.name); closeMenu() }}>{t('tabInsert')}</button>
+    <button type="button" role="menuitem" disabled={workbook.sheets.length < 2} onclick={() => { askRemove(menu!.name); closeMenu() }}>{t('tabDelete')}</button>
+    <button type="button" role="menuitem" onclick={() => { startRename(menu!.name); menu = null }}>{t('tabRename')}</button>
+    {#if onDuplicate}
+      <button type="button" role="menuitem" onclick={() => { duplicate(menu!.name); closeMenu() }}>{t('tabDuplicate')}</button>
+    {/if}
     <div class="sep" role="separator"></div>
-    <button type="button" role="menuitem" disabled={sheets.indexOf(menu.name) === 0} onclick={() => { moveBy(menu!.name, -1); menu = null }}>Move Left</button>
-    <button type="button" role="menuitem" disabled={sheets.indexOf(menu.name) === sheets.length - 1} onclick={() => { moveBy(menu!.name, 1); menu = null }}>Move Right</button>
+    <button type="button" role="menuitem" disabled={sheets.indexOf(menu.name) === 0} onclick={() => { moveBy(menu!.name, -1); closeMenu() }}>{t('tabMoveLeft')}</button>
+    <button type="button" role="menuitem" disabled={sheets.indexOf(menu.name) === sheets.length - 1} onclick={() => { moveBy(menu!.name, 1); closeMenu() }}>{t('tabMoveRight')}</button>
+    {#if onHide}
+      <div class="sep" role="separator"></div>
+      <button type="button" role="menuitem" disabled={sheets.length < 2} onclick={() => { hide(menu!.name); closeMenu() }}>{t('tabHide')}</button>
+      {#if hiddenSheets.length}
+        <!-- Excel's Unhide opens a list; here each hidden sheet is an entry. -->
+        <div class="heading" role="presentation">{t('tabUnhide')}</div>
+        {#each hiddenSheets as name (name)}
+          <button type="button" role="menuitem" class="indent" onclick={() => { unhide(name); closeMenu() }}>{name}</button>
+        {/each}
+      {/if}
+    {/if}
   </div>
 {/if}
 
+<SvModal open={confirmDelete !== null} title={t('deleteSheetTitle')} size="sm" onClose={() => (confirmDelete = null)}>
+  <div class="sv-sheet-dialog">
+    <p class="note">{t('deleteSheetMessage', { name: confirmDelete ?? '' })}</p>
+  </div>
+  {#snippet footer()}
+    <div class="sv-sheet-dialog-buttons">
+      <button type="button" class="btn primary" onclick={() => { if (confirmDelete) remove(confirmDelete); onReturnFocus?.() }}>{t('delete')}</button>
+      <button type="button" class="btn" onclick={() => { confirmDelete = null; onReturnFocus?.() }}>{t('cancel')}</button>
+    </div>
+  {/snippet}
+</SvModal>
+
 <style>
   .sv-sheet-tabs {
     display: flex;
@@ -351,7 +475,10 @@
     box-shadow: inset 0 -2px 0 0 var(--sg-accent, #107c41);
   }
   .tab.active button {
-    color: var(--sg-accent, #107c41);
+    /* Mixed toward the text colour: the raw accent under 4.5:1 on the
+       lifted white tab is what axe finds and a low-vision reader feels.
+       The line along the bottom edge above keeps the accent pure. */
+    color: color-mix(in srgb, var(--sg-accent, #107c41) 72%, var(--sg-fg, #242424));
     font-weight: 600;
   }
   .tab:not(.active):hover { background: var(--sg-row-hover-bg, #e9e9e9); }
@@ -438,4 +565,7 @@
   .sheet-menu button:hover:not(:disabled) { background: var(--sg-row-hover-bg, #f0f0f0); }
   .sheet-menu button:disabled { opacity: 0.4; cursor: default; }
   .sheet-menu .sep { height: 1px; margin: 4px 6px; background: var(--sg-border, #e0e0e0); }
+  .sheet-menu .heading { padding: 4px 10px 2px; color: var(--sg-muted, #616161); font-size: 11px; }
+  .sheet-menu button.indent { padding-left: 22px; }
+  .note { margin: 0; }
 </style>

package/dist/SvSheetTabs.svelte.d.ts

@@ -1,10 +1,3 @@
-/**
-   * The sheet tab strip along the bottom of a workbook.
-   *
-   * Owns no workbook state of its own: it renders what the workbook reports
-   * and calls back, so the keyboard shortcuts and the tabs cannot disagree
-   * about which sheet is active.
-   */
 import type { Workbook } from './sheet/workbook.js';
 type Props = {
     workbook: Workbook;
@@ -18,6 +11,25 @@ type Props = {
      */
     onRename?: (from: string, to: string) => void;
     onRemove?: (name: string) => void;
+    /**
+     * Called when a pointer action on the strip is over: a tab clicked, the
+     * add button, an entry of the tab menu, a delete confirmed. Each leaves
+     * the focus on a button or nowhere; a consumer whose cells should keep
+     * the keyboard, as a spreadsheet's do, puts it back from here. Not
+     * called for the arrow keys inside the strip, which keep the focus on
+     * the tab they moved to, nor after a rename ends, which goes to its tab.
+     */
+    onReturnFocus?: () => void;
+    /**
+     * The sheets that are hidden: their tabs are not drawn and the menu
+     * offers Unhide for each. The consumer keeps the list (the shell keeps
+     * it in the document) and answers `onHide` / `onUnhide`.
+     */
+    hidden?: ReadonlyArray<string>;
+    onHide?: (name: string) => void;
+    onUnhide?: (name: string) => void;
+    /** Excel's Move or Copy > Create a copy. Without it the entry is not offered. */
+    onDuplicate?: (name: string) => void;
     /** Off hides the add button and the context actions. */
     editable?: boolean;
     /**
@@ -31,6 +43,8 @@ type Props = {
      */
     version?: number;
 };
-declare const SvSheetTabs: import("svelte").Component<Props, {}, "">;
+declare const SvSheetTabs: import("svelte").Component<Props, {
+    deleteSheet: (name?: string) => void;
+}, "">;
 type SvSheetTabs = ReturnType<typeof SvSheetTabs>;
 export default SvSheetTabs;

package/dist/SvSheetTextToColumns.svelte

@@ -5,6 +5,7 @@
    * Finish writes the fields into the columns to the right of the source
    * inside one batch, so the whole split is one Ctrl+Z.
    */
+  import { useSheetText } from './sheet-text'
   import { untrack } from 'svelte'
   import { SvModal } from '@svgrid/grid'
   import type { GridCommandContext } from '@svgrid/grid/shortcuts'
@@ -22,13 +23,14 @@
   }
 
   let { open = $bindable(false), workbook, cmd, onDone, onClose }: Props = $props()
+  const t = useSheetText()
 
   const DELIMITERS = [
-    { id: 'tab', label: 'Tab', sep: '\t' },
-    { id: 'semicolon', label: 'Semicolon', sep: ';' },
-    { id: 'comma', label: 'Comma', sep: ',' },
-    { id: 'space', label: 'Space', sep: ' ' },
-    { id: 'other', label: 'Other', sep: '' },
+    { id: 'tab', label: 'textToColumns.tab', sep: '\t' },
+    { id: 'semicolon', label: 'textToColumns.semicolon', sep: ';' },
+    { id: 'comma', label: 'textToColumns.comma', sep: ',' },
+    { id: 'space', label: 'textToColumns.space', sep: ' ' },
+    { id: 'other', label: 'textToColumns.other', sep: '' },
   ] as const
   type DelimiterId = (typeof DELIMITERS)[number]['id']
 
@@ -90,7 +92,7 @@
     open = false
     c.setSelection(column.top, column.index)
     c.extendSelection(column.top + rows.length - 1, column.index + width - 1)
-    onDone(`Split ${rows.length} rows into ${width} columns.`)
+    onDone(t('textToColumns.done', { rows: rows.length, columns: width }))
     onClose?.()
   }
 
@@ -100,26 +102,26 @@
   }
 </script>
 
-<SvModal bind:open onClose={onClose} title="Convert Text to Columns Wizard" size="md">
-  <div class="sv-sheet-dialog" role="group" aria-label="Convert Text to Columns">
-    <p class="lead">Choose the delimiter your data contains. The preview shows how it splits.</p>
+<SvModal bind:open onClose={onClose} title={t('textToColumns.title')} size="md">
+  <div class="sv-sheet-dialog" role="group" aria-label={t('textToColumns.group')}>
+    <p class="lead">{t('textToColumns.lead')}</p>
     <fieldset class="group">
-      <legend>Delimiters</legend>
+      <legend>{t('textToColumns.delimiters')}</legend>
       {#each DELIMITERS as d (d.id)}
         <label class="check">
           <input type="radio" name="sheet-delimiter" value={d.id} bind:group={delimiter} />
-          {d.label}
+          {t(d.label)}
           {#if d.id === 'other'}
-            <input class="other" type="text" maxlength="1" bind:value={other} aria-label="Other delimiter" />
+            <input class="other" type="text" maxlength="1" bind:value={other} aria-label={t('textToColumns.otherDelimiter')} />
           {/if}
         </label>
       {/each}
     </fieldset>
     <div class="checks">
-      <label class="check"><input type="checkbox" bind:checked={collapse} /> Treat consecutive delimiters as one</label>
-      <label class="check"><input type="checkbox" bind:checked={trim} /> Trim spaces around each field</label>
+      <label class="check"><input type="checkbox" bind:checked={collapse} /> {t('textToColumns.collapse')}</label>
+      <label class="check"><input type="checkbox" bind:checked={trim} /> {t('textToColumns.trim')}</label>
     </div>
-    <div class="preview" aria-label="Data preview">
+    <div class="preview" aria-label={t('textToColumns.preview')}>
       <table>
         <tbody>
           {#each preview.rows as fields, i (i)}
@@ -129,15 +131,13 @@
       </table>
     </div>
     <p class="status">
-      {column.texts.length} rows in column {colToLetters(column.index)}
-      become {preview.width} column{preview.width === 1 ? '' : 's'} from column {colToLetters(column.index)}.
-      Anything already in those columns is replaced.
+      {t('textToColumns.status', { rows: column.texts.length, from: colToLetters(column.index), count: preview.width, unit: t(preview.width === 1 ? 'textToColumns.column' : 'textToColumns.columns') })}
     </p>
   </div>
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
-      <button type="button" class="btn primary" onclick={finish} disabled={column.texts.length === 0}>Finish</button>
-      <button type="button" class="btn" onclick={close}>Cancel</button>
+      <button type="button" class="btn primary" onclick={finish} disabled={column.texts.length === 0}>{t('textToColumns.finish')}</button>
+      <button type="button" class="btn" onclick={close}>{t('cancel')}</button>
     </div>
   {/snippet}
 </SvModal>

package/dist/SvSheetValidationAlert.svelte

@@ -5,6 +5,7 @@
    * the message, "Continue?", Yes (the entry lands anyway), No (retry) and
    * Cancel. Enter takes the first button, Escape cancels.
    */
+  import { useSheetText } from './sheet-text'
   import { SvModal } from '@svgrid/grid'
 
   type Props = {
@@ -17,6 +18,7 @@
   }
 
   let { open = $bindable(false), alert, onRetry, onAccept, onCancel }: Props = $props()
+  const t = useSheetText()
   let first = $state<HTMLButtonElement | null>(null)
 
   $effect(() => {
@@ -30,23 +32,23 @@
   }
 </script>
 
-<SvModal bind:open onClose={onCancel} title={alert?.title ?? 'Data validation'} size="sm">
+<SvModal bind:open onClose={onCancel} title={alert?.title ?? t('dataValidationTitle')} size="sm">
   <div class="sv-sheet-dialog alert" role="alertdialog" aria-describedby="sv-sheet-validation-message">
     <span class="mark" class:warning={alert?.style === 'warning'} aria-hidden="true">{alert?.style === 'warning' ? '!' : '×'}</span>
     <div>
       <p id="sv-sheet-validation-message" class="message">{alert?.message}</p>
-      {#if alert?.style === 'warning'}<p class="message">Continue?</p>{/if}
+      {#if alert?.style === 'warning'}<p class="message">{t('validationContinue')}</p>{/if}
     </div>
   </div>
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
       {#if alert?.style === 'warning'}
-        <button bind:this={first} type="button" class="btn primary" onclick={() => done(onAccept)}>Yes</button>
-        <button type="button" class="btn" onclick={() => done(onRetry)}>No</button>
+        <button bind:this={first} type="button" class="btn primary" onclick={() => done(onAccept)}>{t('yes')}</button>
+        <button type="button" class="btn" onclick={() => done(onRetry)}>{t('no')}</button>
       {:else}
-        <button bind:this={first} type="button" class="btn primary" onclick={() => done(onRetry)}>Retry</button>
+        <button bind:this={first} type="button" class="btn primary" onclick={() => done(onRetry)}>{t('retry')}</button>
       {/if}
-      <button type="button" class="btn" onclick={() => done(onCancel)}>Cancel</button>
+      <button type="button" class="btn" onclick={() => done(onCancel)}>{t('cancel')}</button>
     </div>
   {/snippet}
 </SvModal>

package/dist/advanced-filter-enable.js

@@ -1,7 +1,7 @@
 /**
  * Advanced Filter (Pro): register the expression compiler with the grid.
  *
- * Same shape as `pivot-enable.ts` - idempotent flag, register, soft-gate nudge.
+ * Same shape as `pivot-enable.ts` - idempotent flag, register, unlicensed nudge.
  * The grid owns the filter state and the pipeline slot; this supplies the
  * compiler that turns an expression into a row predicate.
  */

package/dist/alerts/alert-engine.d.ts

@@ -19,6 +19,12 @@ export type AlertEngine<TData> = {
     evaluate(rows: ReadonlyArray<TData>): AlertEvent[];
     /** Prev -> next pass: fires `relativeChange` plus `dataChange` edges. */
     evaluateTransition(prev: ReadonlyArray<TData>, next: ReadonlyArray<TData>): AlertEvent[];
+    /**
+     * Scheduled pass for one rule: every row matching its predicate now, with
+     * no edge memory, since the point of a schedule is the standing list at
+     * that moment. Aggregate rules answer with one event or none.
+     */
+    evaluateScheduled(ruleId: string, rows: ReadonlyArray<TData>): AlertEvent[];
     /** Would editing `(row, columnId) -> nextValue` trip a validation rule? */
     validateEdit(row: TData, columnId: string, nextValue: unknown): ValidateEditResult;
     /**

package/dist/alerts/alert-engine.js

@@ -26,21 +26,23 @@ function defaultMessage(rule) {
 }
 export function createAlertEngine(options) {
     let rules = options.rules;
-    const getValue = options.getValue;
     const now = options.now ?? (() => Date.now());
     // Edge memory: keys currently satisfying a `dataChange`/aggregate predicate.
     const active = new Set();
+    // Read off `options` at use, not once here: the overlay hands in getters
+    // for its `getValue` and `locale` props so a change after mount reaches
+    // the next evaluation.
     const ctxFor = (row, rows, prev) => ({
         row,
         prev,
         rows,
-        getValue,
+        getValue: options.getValue,
         locale: options.locale,
     });
     const val = (row, columnId) => columnId == null
         ? undefined
-        : getValue
-            ? getValue(row, columnId)
+        : options.getValue
+            ? options.getValue(row, columnId)
             : row?.[columnId];
     // A representative column for the message `{value}`/`{column}` tokens: the
     // rule's explicit target, else the first column its predicate references.
@@ -172,6 +174,21 @@ export function createAlertEngine(options) {
             }
             return events;
         },
+        evaluateScheduled(ruleId, rows) {
+            const rule = activeRules().find((r) => r.id === ruleId);
+            if (!rule)
+                return [];
+            if (rule.scope === 'aggregate')
+                return evaluateAggregate(rule, rows);
+            const events = [];
+            for (const row of rows) {
+                if (!evaluatePredicate(rule.predicate, ctxFor(row, rows)))
+                    continue;
+                const source = primaryColumn(rule);
+                events.push(buildEvent(rule, { row, rowId: options.getRowId(row), columnId: rule.scope === 'cell' ? source : undefined, value: val(row, source) }));
+            }
+            return events;
+        },
         validateEdit(row, columnId, nextValue) {
             const candidate = { ...row, [columnId]: nextValue };
             const events = [];

package/dist/alerts/alert-formats.js

@@ -24,6 +24,7 @@ export function rulesToConditionalFormats(rules, ctx = {}) {
                 when: ({ row }) => evaluatePredicate(rule.predicate, { row, getValue: ctx.getValue, locale: ctx.locale }),
                 ...(style.background ? { background: style.background } : {}),
                 ...(style.color ? { color: style.color } : {}),
+                ...(style.icon ? { icon: style.icon } : {}),
             });
         }
     }
@@ -51,6 +52,7 @@ export function toConditionalFormats(events, getRowId) {
                 when: ({ row }) => getRowId(row) === rowId,
                 ...(style.background ? { background: style.background } : {}),
                 ...(style.color ? { color: style.color } : {}),
+                ...(style.icon ? { icon: style.icon } : {}),
             });
         }
     }

package/dist/alerts/alert-types.d.ts

@@ -40,7 +40,7 @@ export type AlertActionKind = 'toast' | 'badge' | 'cellFlash' | 'highlight' | 'p
 export type AlertActionStyle = {
     background?: string;
     color?: string;
-    /** A short glyph/emoji shown as a badge. */
+    /** A short glyph/emoji drawn before the cell value while the rule matches. */
     icon?: string;
 };
 export type AlertAction = {

package/dist/alerts.d.ts

@@ -1,2 +1,2 @@
-/** Turn on the alerts feature (soft-gated). Idempotent. */
+/** Turn on the alerts feature (runs without a key, with the watermark and the console notice). Idempotent. */
 export declare function enableAlerts(): void;

package/dist/alerts.js

@@ -3,7 +3,7 @@
  *
  * Unlike the scheduler/board *views*, alerts are an overlay the consumer mounts
  * next to the grid (`<SvGridAlerts>`), so there is no renderer to register with
- * the grid. `enableAlerts()` exists only to keep the Pro soft-gate consistent
+ * the grid. `enableAlerts()` exists only to keep the evaluation behaviour consistent
  * with the rest of Enterprise: it works without a license key but nudges once in
  * the console when unlicensed.
  *
@@ -18,7 +18,7 @@
 import { isLicenseKeySet } from './license.js';
 import { emitUnlicensedNudge } from './watermark.js';
 let enabled = false;
-/** Turn on the alerts feature (soft-gated). Idempotent. */
+/** Turn on the alerts feature (runs without a key, with the watermark and the console notice). Idempotent. */
 export function enableAlerts() {
     if (enabled)
         return;