@svgrid/enterprise 3.0.2 → 3.1.0

package/dist/SvSheetFindReplace.svelte

@@ -12,6 +12,7 @@
    * grid's history like a typed edit. Styled by the `.sv-sheet-dialog`
    * rules the shell carries for all four of its dialogs.
    */
+  import { useSheetText } from './sheet-text'
   import { SvModal } from '@svgrid/grid'
   import type { GridCommandContext } from '@svgrid/grid/shortcuts'
   import { findAll, findNext, replaceOne, replaceAll, type FindOptions } from './sheet/find-replace'
@@ -24,6 +25,7 @@
   }
 
   let { open = $bindable(false), cmd, onClose }: Props = $props()
+  const t = useSheetText()
 
   let findText = $state('')
   let replaceText = $state('')
@@ -47,7 +49,7 @@
     const c = cmd()
     if (!c) return
     if (!hit) {
-      status = findText ? `We couldn't find what you were looking for.` : ''
+      status = findText ? t('findReplace.notFound') : ''
       return
     }
     c.setActiveCell(hit.rowIndex, hit.colIndex)
@@ -66,7 +68,7 @@
     const c = cmd()
     if (!c || !findText) return
     const n = findAll(c, findText, options()).length
-    status = n === 0 ? `We couldn't find what you were looking for.` : `${n} cell${n === 1 ? '' : 's'} found`
+    status = n === 0 ? t('findReplace.notFound') : t(n === 1 ? 'findReplace.cellFound' : 'findReplace.cellsFound', { count: n })
   }
 
   function replace() {
@@ -79,9 +81,7 @@
     const c = cmd()
     if (!c || !findText) return
     const n = replaceAll(c, findText, replaceText, options())
-    status = n === 0
-      ? `We couldn't find anything to replace.`
-      : `All done. We made ${n} replacement${n === 1 ? '' : 's'}.`
+    status = n === 0 ? t('findReplace.nothingToReplace') : t(n === 1 ? 'findReplace.replacedOne' : 'findReplace.replacedMany', { count: n })
   }
 
   function close() {
@@ -97,24 +97,24 @@
   }
 </script>
 
-<SvModal bind:open onClose={onClose} title="Find and Replace" size="sm">
-  <div class="sv-sheet-dialog" role="group" aria-label="Find and Replace">
+<SvModal bind:open onClose={onClose} title={t('findReplace.title')} size="sm">
+  <div class="sv-sheet-dialog" role="group" aria-label={t('findReplace.title')}>
     <label class="field">
-      <span>Find what:</span>
+      <span>{t('findReplace.findWhat')}</span>
       <input bind:this={findInput} type="text" bind:value={findText} onkeydown={onKey} spellcheck="false" autocomplete="off" />
     </label>
     <label class="field">
-      <span>Replace with:</span>
+      <span>{t('findReplace.replaceWith')}</span>
       <input type="text" bind:value={replaceText} onkeydown={onKey} spellcheck="false" autocomplete="off" />
     </label>
     <div class="checks">
-      <label class="check"><input type="checkbox" bind:checked={matchCase} /> Match case</label>
-      <label class="check"><input type="checkbox" bind:checked={entireCell} /> Match entire cell contents</label>
+      <label class="check"><input type="checkbox" bind:checked={matchCase} /> {t('findReplace.matchCase')}</label>
+      <label class="check"><input type="checkbox" bind:checked={entireCell} /> {t('findReplace.entireCell')}</label>
       <label class="field auto">
-        <span>Look in:</span>
+        <span>{t('findReplace.lookIn')}</span>
         <select bind:value={lookIn}>
-          <option value="values">Values</option>
-          <option value="formulas">Formulas</option>
+          <option value="values">{t('findReplace.values')}</option>
+          <option value="formulas">{t('findReplace.formulas')}</option>
         </select>
       </label>
     </div>
@@ -122,11 +122,11 @@
   </div>
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
-      <button type="button" class="btn" onclick={all} disabled={!findText}>Replace All</button>
-      <button type="button" class="btn" onclick={replace} disabled={!findText}>Replace</button>
-      <button type="button" class="btn" onclick={countAll} disabled={!findText}>Find All</button>
-      <button type="button" class="btn primary" onclick={() => next(1)} disabled={!findText}>Find Next</button>
-      <button type="button" class="btn" onclick={close}>Close</button>
+      <button type="button" class="btn" onclick={all} disabled={!findText}>{t('findReplace.replaceAll')}</button>
+      <button type="button" class="btn" onclick={replace} disabled={!findText}>{t('findReplace.replace')}</button>
+      <button type="button" class="btn" onclick={countAll} disabled={!findText}>{t('findReplace.findAll')}</button>
+      <button type="button" class="btn primary" onclick={() => next(1)} disabled={!findText}>{t('findReplace.findNext')}</button>
+      <button type="button" class="btn" onclick={close}>{t('close')}</button>
     </div>
   {/snippet}
 </SvModal>

package/dist/SvSheetFormatCells.svelte

@@ -9,9 +9,13 @@
    * The shell opens it for Ctrl+1, the group launchers on the ribbon, the
    * cell menu's Format Cells... and the `format-cells` action.
    */
+  import { useSheetText } from './sheet-text'
   import { SvModal } from '@svgrid/grid'
   import type { CellFormatEntry } from './sheet/format-store'
-  import { compileNumberFormat, FORMAT_PRESETS, formatCategory } from './sheet/number-format'
+  import {
+    compileNumberFormat, FORMAT_PRESETS, SPECIAL_FORMATS, formatCategory, accountingPattern, accountingParts,
+    type SpecialFormatName,
+  } from './sheet/number-format'
   import { FONT_FAMILIES, FONT_SIZES, type BorderPreset } from './sheet/ribbon'
   import { ALL_COLOURS } from './sheet/palette'
 
@@ -29,37 +33,52 @@
   }
 
   let { open = $bindable(false), entry, sample, mixedLocked = false, onApply, onClose }: Props = $props()
+  const t = useSheetText()
 
   type Tab = 'number' | 'alignment' | 'font' | 'border' | 'fill' | 'protection'
   const TABS: ReadonlyArray<{ id: Tab; label: string }> = [
-    { id: 'number', label: 'Number' },
-    { id: 'alignment', label: 'Alignment' },
-    { id: 'font', label: 'Font' },
-    { id: 'border', label: 'Border' },
-    { id: 'fill', label: 'Fill' },
-    { id: 'protection', label: 'Protection' },
+    { id: 'number', label: 'formatCells.tab.number' },
+    { id: 'alignment', label: 'formatCells.tab.alignment' },
+    { id: 'font', label: 'formatCells.tab.font' },
+    { id: 'border', label: 'formatCells.tab.border' },
+    { id: 'fill', label: 'formatCells.tab.fill' },
+    { id: 'protection', label: 'formatCells.tab.protection' },
   ]
   let tab = $state<Tab>('number')
 
-  type Category = 'general' | 'number' | 'currency' | 'percent' | 'date' | 'time' | 'scientific' | 'custom'
+  type Category = 'general' | 'number' | 'currency' | 'accounting' | 'percent' | 'date' | 'time' | 'scientific' | 'special' | 'custom'
   const CATEGORIES: ReadonlyArray<{ id: Category; label: string }> = [
-    { id: 'general', label: 'General' },
-    { id: 'number', label: 'Number' },
-    { id: 'currency', label: 'Currency' },
-    { id: 'percent', label: 'Percentage' },
-    { id: 'date', label: 'Date' },
-    { id: 'time', label: 'Time' },
-    { id: 'scientific', label: 'Scientific' },
-    { id: 'custom', label: 'Custom' },
+    { id: 'general', label: 'formatCells.category.general' },
+    { id: 'number', label: 'formatCells.category.number' },
+    { id: 'currency', label: 'formatCells.category.currency' },
+    { id: 'accounting', label: 'formatCells.category.accounting' },
+    { id: 'percent', label: 'formatCells.category.percent' },
+    { id: 'date', label: 'formatCells.category.date' },
+    { id: 'time', label: 'formatCells.category.time' },
+    { id: 'scientific', label: 'formatCells.category.scientific' },
+    { id: 'special', label: 'formatCells.category.special' },
+    { id: 'custom', label: 'formatCells.category.custom' },
   ]
+  /** Excel's symbol list, the short one. An empty value is its "None". */
+  const SYMBOLS: ReadonlyArray<{ value: string; label: string }> = [
+    { value: '$', label: '$' },
+    { value: '', label: 'formatCells.symbol.none' },
+    { value: '\u20ac', label: 'formatCells.symbol.euro' },
+    { value: '\u00a3', label: 'formatCells.symbol.pound' },
+    { value: '\u00a5', label: 'formatCells.symbol.yen' },
+  ]
+  const SPECIALS = Object.keys(SPECIAL_FORMATS) as SpecialFormatName[]
 
   // Number
   let category = $state<Category>('general')
   let decimals = $state(2)
   let thousands = $state(true)
+  let symbol = $state('$')
+  let special = $state<SpecialFormatName>('zip')
   let custom = $state('')
   // Alignment
   let align = $state<'' | 'left' | 'center' | 'right'>('')
+  let valign = $state<'top' | 'center' | 'bottom'>('center')
   let wrap = $state(false)
   let indent = $state(0)
   // Font
@@ -95,6 +114,8 @@
       case 'general': return undefined
       case 'number': return `${thousands ? '#,##' : ''}0${zeros(decimals)}`
       case 'currency': return `$#,##0${zeros(decimals)};($#,##0${zeros(decimals)})`
+      case 'accounting': return accountingPattern(symbol, decimals)
+      case 'special': return SPECIAL_FORMATS[special].pattern
       case 'percent': return `0${zeros(decimals)}%`
       case 'date': return FORMAT_PRESETS.date
       case 'time': return FORMAT_PRESETS.time
@@ -117,8 +138,11 @@
     category = num.category
     decimals = num.decimals
     thousands = num.thousands
+    symbol = accountingParts(initial.numFmt)?.symbol ?? '$'
+    special = SPECIALS.find((id) => SPECIAL_FORMATS[id].pattern === initial.numFmt) ?? 'zip'
     custom = initial.numFmt ?? ''
     align = initial.align ?? ''
+    valign = initial.valign ?? 'center'
     wrap = initial.wrap ?? false
     indent = initial.indent ?? 0
     fontFamily = initial.fontFamily ?? ''
@@ -143,6 +167,9 @@
     }
     set('numFmt', pattern)
     set('align', align || undefined)
+    // Middle is the default the sheet already draws, so only top and bottom
+    // are stored, the way an unset field means "as it was".
+    set('valign', valign === 'center' ? undefined : valign)
     set('wrap', wrap || undefined)
     set('indent', indent > 0 ? indent : undefined)
     set('fontFamily', fontFamily || undefined)
@@ -170,29 +197,29 @@
   }
 
   const BORDERS: ReadonlyArray<{ value: BorderPreset; label: string }> = [
-    { value: 'none', label: 'None' },
-    { value: 'outside', label: 'Outline' },
-    { value: 'all', label: 'All borders' },
-    { value: 'top', label: 'Top' },
-    { value: 'bottom', label: 'Bottom' },
-    { value: 'left', label: 'Left' },
-    { value: 'right', label: 'Right' },
-    { value: 'thick-bottom', label: 'Thick bottom' },
+    { value: 'none', label: 'formatCells.border.none' },
+    { value: 'outside', label: 'formatCells.border.outside' },
+    { value: 'all', label: 'formatCells.border.all' },
+    { value: 'top', label: 'formatCells.border.top' },
+    { value: 'bottom', label: 'formatCells.border.bottom' },
+    { value: 'left', label: 'formatCells.border.left' },
+    { value: 'right', label: 'formatCells.border.right' },
+    { value: 'thick-bottom', label: 'formatCells.border.thick-bottom' },
   ]
 </script>
 
-<SvModal bind:open onClose={onClose} title="Format Cells" size="md">
-  <div class="sv-sheet-dialog format" role="group" aria-label="Format Cells">
-    <div class="tabs" role="tablist" aria-label="Format Cells tabs">
-      {#each TABS as t (t.id)}
+<SvModal bind:open onClose={onClose} title={t('formatCells.title')} size="md">
+  <div class="sv-sheet-dialog format" role="group" aria-label={t('formatCells.title')}>
+    <div class="tabs" role="tablist" aria-label={t('formatCells.tabs')}>
+      {#each TABS as tabEntry (tabEntry.id)}
         <button
           type="button"
           role="tab"
           class="tab"
-          class:on={tab === t.id}
-          aria-selected={tab === t.id}
-          onclick={() => (tab = t.id)}
-        >{t.label}</button>
+          class:on={tab === tabEntry.id}
+          aria-selected={tab === tabEntry.id}
+          onclick={() => (tab = tabEntry.id)}
+        >{t(tabEntry.label)}</button>
       {/each}
     </div>
 
@@ -200,65 +227,82 @@
       {#if tab === 'number'}
         <div class="number">
           <div class="categories">
-            <div class="label">Category:</div>
-            <ul role="listbox" aria-label="Category">
+            <div class="label">{t('formatCells.category')}</div>
+            <ul role="listbox" aria-label={t('formatCells.categoryList')}>
               {#each CATEGORIES as c (c.id)}
                 <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions -->
-                <li role="option" aria-selected={category === c.id} class:selected={category === c.id} onclick={() => (category = c.id)}>{c.label}</li>
+                <li role="option" aria-selected={category === c.id} class:selected={category === c.id} onclick={() => (category = c.id)}>{t(c.label)}</li>
               {/each}
             </ul>
           </div>
           <div class="settings">
             <div class="sample">
-              <div class="label">Sample</div>
+              <div class="label">{t('formatCells.sample')}</div>
               <div class="sample-text">{preview}</div>
             </div>
-            {#if category === 'number' || category === 'currency' || category === 'percent' || category === 'scientific'}
+            {#if category === 'number' || category === 'currency' || category === 'accounting' || category === 'percent' || category === 'scientific'}
               <label class="field auto">
-                <span>Decimal places:</span>
+                <span>{t('formatCells.decimalPlaces')}</span>
                 <input type="number" min="0" max="10" bind:value={decimals} />
               </label>
             {/if}
             {#if category === 'number'}
-              <label class="check"><input type="checkbox" bind:checked={thousands} /> Use 1000 separator (,)</label>
+              <label class="check"><input type="checkbox" bind:checked={thousands} /> {t('formatCells.thousands')}</label>
+            {/if}
+            {#if category === 'accounting'}
+              <label class="field auto">
+                <span>{t('formatCells.symbol')}</span>
+                <select bind:value={symbol}>
+                  {#each SYMBOLS as sy (sy.value)}<option value={sy.value}>{sy.value === '$' ? sy.label : t(sy.label)}</option>{/each}
+                </select>
+              </label>
+            {/if}
+            {#if category === 'special'}
+              <label class="field auto">
+                <span>{t('formatCells.type')}</span>
+                <select bind:value={special}>
+                  {#each SPECIALS as id (id)}<option value={id}>{t(`formatCells.special.${id}`)}</option>{/each}
+                </select>
+              </label>
             {/if}
             {#if category === 'custom'}
               <label class="field auto">
-                <span>Type:</span>
+                <span>{t('formatCells.type')}</span>
                 <input type="text" bind:value={custom} spellcheck="false" placeholder="#,##0.00" />
               </label>
             {/if}
             <p class="hint">
-              {#if category === 'general'}General format cells have no specific number format.
-              {:else if category === 'number'}Number is used for general display of numbers.
-              {:else if category === 'currency'}Currency formats are used for general monetary values.
-              {:else if category === 'percent'}Percentage formats multiply the cell value by 100 and display the result with a percent symbol.
-              {:else if category === 'date'}Date formats display date serial numbers as dates.
-              {:else if category === 'time'}Time formats display date serial numbers as times.
-              {:else if category === 'scientific'}Scientific formats display numbers in exponential notation.
-              {:else}Type the number format code, using one of the existing codes as a starting point.{/if}
+              {t(`formatCells.hint.${category}`)}
             </p>
           </div>
         </div>
       {:else if tab === 'alignment'}
         <label class="field">
-          <span>Horizontal:</span>
+          <span>{t('formatCells.horizontal')}</span>
           <select bind:value={align}>
-            <option value="">General</option>
-            <option value="left">Left (Indent)</option>
-            <option value="center">Center</option>
-            <option value="right">Right (Indent)</option>
+            <option value="">{t('formatCells.align.general')}</option>
+            <option value="left">{t('formatCells.align.left')}</option>
+            <option value="center">{t('formatCells.align.center')}</option>
+            <option value="right">{t('formatCells.align.right')}</option>
+          </select>
+        </label>
+        <label class="field">
+          <span>{t('formatCells.vertical')}</span>
+          <select bind:value={valign}>
+            <option value="top">{t('formatCells.valign.top')}</option>
+            <option value="center">{t('formatCells.valign.center')}</option>
+            <option value="bottom">{t('formatCells.valign.bottom')}</option>
           </select>
         </label>
         <label class="field">
-          <span>Indent:</span>
+          <span>{t('formatCells.indent')}</span>
           <input type="number" min="0" max="15" bind:value={indent} />
         </label>
-        <div class="label">Text control</div>
-        <label class="check"><input type="checkbox" bind:checked={wrap} /> Wrap text</label>
+        <div class="label">{t('formatCells.textControl')}</div>
+        <label class="check"><input type="checkbox" bind:checked={wrap} /> {t('formatCells.wrap')}</label>
       {:else if tab === 'font'}
         <label class="field">
-          <span>Font:</span>
+          <span>{t('formatCells.font')}</span>
           <select bind:value={fontFamily}>
             {#each FONT_FAMILIES as f (f.value)}
               <option value={f.value}>{f.label}</option>
@@ -266,49 +310,49 @@
           </select>
         </label>
         <label class="field">
-          <span>Size:</span>
+          <span>{t('formatCells.size')}</span>
           <select bind:value={fontSize}>
-            <option value="">Default</option>
+            <option value="">{t('formatCells.sizeDefault')}</option>
             {#each FONT_SIZES as s (s)}
               <option value={String(s)}>{s}</option>
             {/each}
           </select>
         </label>
-        <div class="label">Font style</div>
+        <div class="label">{t('formatCells.fontStyle')}</div>
         <div class="checks">
-          <label class="check"><input type="checkbox" bind:checked={bold} /> Bold</label>
-          <label class="check"><input type="checkbox" bind:checked={italic} /> Italic</label>
-          <label class="check"><input type="checkbox" bind:checked={underline} /> Underline</label>
-          <label class="check"><input type="checkbox" bind:checked={strike} /> Strikethrough</label>
+          <label class="check"><input type="checkbox" bind:checked={bold} /> {t('formatCells.bold')}</label>
+          <label class="check"><input type="checkbox" bind:checked={italic} /> {t('formatCells.italic')}</label>
+          <label class="check"><input type="checkbox" bind:checked={underline} /> {t('formatCells.underline')}</label>
+          <label class="check"><input type="checkbox" bind:checked={strike} /> {t('formatCells.strikethrough')}</label>
         </div>
-        <div class="label">Color</div>
+        <div class="label">{t('formatCells.color')}</div>
         <div class="checks">
-          <label class="check"><input type="checkbox" bind:checked={colorAuto} /> Automatic</label>
-          <input type="color" bind:value={color} disabled={colorAuto} aria-label="Font colour" />
+          <label class="check"><input type="checkbox" bind:checked={colorAuto} /> {t('formatCells.automatic')}</label>
+          <input type="color" bind:value={color} disabled={colorAuto} aria-label={t('formatCells.fontColor')} />
         </div>
         <div class="font-preview" style:font-family={fontFamily || undefined} style:font-size={fontSize ? `${fontSize}px` : undefined} style:font-weight={bold ? 700 : 400} style:font-style={italic ? 'italic' : 'normal'} style:text-decoration={[underline ? 'underline' : '', strike ? 'line-through' : ''].join(' ').trim() || 'none'} style:color={colorAuto ? undefined : color}>AaBbCcYyZz</div>
       {:else if tab === 'border'}
-        <div class="label">Presets</div>
-        <div class="borders" role="radiogroup" aria-label="Border">
-          <label class="check"><input type="radio" name="sheet-border" value="" bind:group={border} /> Keep as is</label>
+        <div class="label">{t('formatCells.presets')}</div>
+        <div class="borders" role="radiogroup" aria-label={t('formatCells.borderGroup')}>
+          <label class="check"><input type="radio" name="sheet-border" value="" bind:group={border} /> {t('formatCells.keepAsIs')}</label>
           {#each BORDERS as b (b.value)}
-            <label class="check"><input type="radio" name="sheet-border" value={b.value} bind:group={border} /> {b.label}</label>
+            <label class="check"><input type="radio" name="sheet-border" value={b.value} bind:group={border} /> {t(b.label)}</label>
           {/each}
         </div>
-        <p class="hint">Bottom, top, left and right go on the edge of the selection; All borders lines every cell; Outline frames the block.</p>
+        <p class="hint">{t('formatCells.borderHint')}</p>
       {:else if tab === 'fill'}
-        <div class="label">Background Color</div>
+        <div class="label">{t('formatCells.backgroundColor')}</div>
         <div class="no-fill">
-          <button type="button" class="swatch none" class:on={fill === null} aria-label="No Color" title="No Color" onclick={() => (fill = null)}></button>
-          <span>No Color</span>
+          <button type="button" class="swatch none" class:on={fill === null} aria-label={t('formatCells.noColor')} title={t('formatCells.noColor')} onclick={() => (fill = null)}></button>
+          <span>{t('formatCells.noColor')}</span>
         </div>
-        <div class="swatches" role="radiogroup" aria-label="Fill colour">
+        <div class="swatches" role="radiogroup" aria-label={t('formatCells.fillGroup')}>
           {#each ALL_COLOURS as c, i (i)}
             <button type="button" class="swatch" class:on={fill === c.value} style:background={c.value} aria-label={c.label} title={c.label} onclick={() => (fill = c.value)}></button>
           {/each}
         </div>
         <div class="sample">
-          <div class="label">Sample</div>
+          <div class="label">{t('formatCells.sample')}</div>
           <div class="fill-sample" style:background={fill ?? 'transparent'}></div>
         </div>
       {:else if tab === 'protection'}
@@ -319,16 +363,16 @@
             indeterminate={locked === null}
             onchange={(e) => (locked = (e.currentTarget as HTMLInputElement).checked)}
           />
-          Locked
+          {t('formatCells.locked')}
         </label>
-        <p class="hint">Locking cells has no effect until you protect the sheet (Review tab, Protect Sheet). Every cell is locked to begin with; unlock the ones that may change, then protect the sheet.</p>
+        <p class="hint">{t('formatCells.lockedHint')}</p>
       {/if}
     </div>
   </div>
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
-      <button type="button" class="btn primary" onclick={ok}>OK</button>
-      <button type="button" class="btn" onclick={close}>Cancel</button>
+      <button type="button" class="btn primary" onclick={ok}>{t('ok')}</button>
+      <button type="button" class="btn" onclick={close}>{t('cancel')}</button>
     </div>
   {/snippet}
 </SvModal>

package/dist/SvSheetGoalSeek.svelte

@@ -5,6 +5,7 @@
    * page shows what it found; OK keeps the answer through the command
    * context, so it lands in the grid's history like a typed number.
    */
+  import { useSheetText } from './sheet-text'
   import { untrack } from 'svelte'
   import { SvModal } from '@svgrid/grid'
   import type { GridCommandContext } from '@svgrid/grid/shortcuts'
@@ -21,6 +22,7 @@
   }
 
   let { open = $bindable(false), workbook, cmd, onClose }: Props = $props()
+  const t = useSheetText()
 
   let step = $state<'ask' | 'done'>('ask')
   let setCell = $state('')
@@ -56,12 +58,12 @@
     const formula = address(setCell)
     const input = address(byCell)
     const target = Number(toValue)
-    if (!formula) { problem = `"${setCell}" is not a cell address`; return }
-    if (!input) { problem = `"${byCell}" is not a cell address`; return }
-    if (toValue.trim() === '' || !Number.isFinite(target)) { problem = 'To value must be a number'; return }
+    if (!formula) { problem = t('goalSeek.notAddress', { text: setCell }); return }
+    if (!input) { problem = t('goalSeek.notAddress', { text: byCell }); return }
+    if (toValue.trim() === '' || !Number.isFinite(target)) { problem = t('goalSeek.toValueNumber'); return }
     const sheet = workbook.active
     if (!workbook.getRaw(sheet, formula.row, formula.col).startsWith('=')) {
-      problem = `${setCell.toUpperCase()} must contain a formula`
+      problem = t('goalSeek.needsFormula', { cell: setCell.toUpperCase() })
       return
     }
     if (workbook.getRaw(sheet, input.row, input.col).startsWith('=')) {
@@ -91,19 +93,19 @@
   const money = (n: number) => n.toLocaleString('en-US', { maximumFractionDigits: 2 })
 </script>
 
-<SvModal bind:open onClose={onClose} title={step === 'ask' ? 'Goal Seek' : 'Goal Seek Status'} size="sm">
+<SvModal bind:open onClose={onClose} title={t(step === 'ask' ? 'goalSeek.title' : 'goalSeek.statusTitle')} size="sm">
   {#if step === 'ask'}
     <form class="sv-sheet-dialog" onsubmit={(e) => { e.preventDefault(); solve() }}>
       <label class="field">
-        <span>Set cell:</span>
+        <span>{t('goalSeek.setCell')}</span>
         <input bind:this={firstInput} type="text" bind:value={setCell} spellcheck="false" />
       </label>
       <label class="field">
-        <span>To value:</span>
+        <span>{t('goalSeek.toValue')}</span>
         <input type="text" bind:value={toValue} inputmode="decimal" />
       </label>
       <label class="field">
-        <span>By changing cell:</span>
+        <span>{t('goalSeek.byChanging')}</span>
         <input type="text" bind:value={byCell} spellcheck="false" />
       </label>
       {#if problem}<p class="status problem" role="alert">{problem}</p>{/if}
@@ -111,21 +113,20 @@
   {:else if found}
     <div class="sv-sheet-dialog">
       <p class="lead">
-        Goal Seeking with Cell <strong>{setCell.toUpperCase()}</strong>
-        {found.converged ? 'found a solution.' : 'may not have found a solution.'}
+        {t(found.converged ? 'goalSeek.found' : 'goalSeek.notFound', { cell: setCell.toUpperCase() })}
       </p>
       <dl class="facts">
-        <dt>Target value:</dt><dd>{money(Number(toValue))}</dd>
-        <dt>Current value:</dt><dd>{money(found.result)}</dd>
-        <dt>{byCell.toUpperCase()} becomes:</dt><dd>{money(round(found.value))}</dd>
+        <dt>{t('goalSeek.target')}</dt><dd>{money(Number(toValue))}</dd>
+        <dt>{t('goalSeek.current')}</dt><dd>{money(found.result)}</dd>
+        <dt>{t('goalSeek.becomes', { cell: byCell.toUpperCase() })}</dt><dd>{money(round(found.value))}</dd>
       </dl>
-      <p class="status">{found.iterations} iterations.</p>
+      <p class="status">{t('goalSeek.iterations', { count: found.iterations })}</p>
     </div>
   {/if}
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
-      <button type="button" class="btn primary" onclick={step === 'ask' ? solve : keep}>OK</button>
-      <button type="button" class="btn" onclick={close}>Cancel</button>
+      <button type="button" class="btn primary" onclick={step === 'ask' ? solve : keep}>{t('ok')}</button>
+      <button type="button" class="btn" onclick={close}>{t('cancel')}</button>
     </div>
   {/snippet}
 </SvModal>

package/dist/SvSheetInsertFunction.svelte

@@ -7,6 +7,7 @@
    * Function Arguments dialog; typing the arguments in place with the
    * signature shown is the same information with less chrome.
    */
+  import { useSheetText } from './sheet-text'
   import { SvModal } from '@svgrid/grid'
   import { functionCatalog, FUNCTION_GROUPS, type FunctionGroup, type FunctionInfo } from './sheet/function-catalog'
 
@@ -17,6 +18,7 @@
   }
 
   let { open = $bindable(false), onPick, onClose }: Props = $props()
+  const t = useSheetText()
 
   const all = functionCatalog()
   let search = $state('')
@@ -69,24 +71,24 @@
   }
 </script>
 
-<SvModal bind:open onClose={onClose} title="Insert Function" size="md">
-  <div class="sv-sheet-dialog insert" role="group" aria-label="Insert Function">
+<SvModal bind:open onClose={onClose} title={t('insertFunction.title')} size="md">
+  <div class="sv-sheet-dialog insert" role="group" aria-label={t('insertFunction.title')}>
     <label class="field">
-      <span>Search for a function:</span>
-      <input bind:this={searchInput} type="text" bind:value={search} onkeydown={onListKey} spellcheck="false" autocomplete="off" placeholder="Type a name or what you want to do" />
+      <span>{t('insertFunction.search')}</span>
+      <input bind:this={searchInput} type="text" bind:value={search} onkeydown={onListKey} spellcheck="false" autocomplete="off" placeholder={t('insertFunction.searchPlaceholder')} />
     </label>
     <label class="field">
-      <span>Or select a category:</span>
+      <span>{t('insertFunction.category')}</span>
       <select bind:value={group}>
-        <option value="All">All</option>
+        <option value="All">{t('insertFunction.all')}</option>
         {#each FUNCTION_GROUPS as g (g)}
-          <option value={g}>{g}</option>
+          <option value={g}>{t(`insertFunction.group.${g}`)}</option>
         {/each}
       </select>
     </label>
-    <div class="label">Select a function:</div>
+    <div class="label">{t('insertFunction.select')}</div>
     <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-    <ul class="list" role="listbox" aria-label="Functions" tabindex="0" onkeydown={onListKey}>
+    <ul class="list" role="listbox" aria-label={t('insertFunction.functions')} tabindex="0" onkeydown={onListKey}>
       {#each shown as fn (fn.name)}
         <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions -->
         <li
@@ -97,20 +99,20 @@
           ondblclick={ok}
         >{fn.name}</li>
       {:else}
-        <li class="empty">No function matches.</li>
+        <li class="empty">{t('insertFunction.noMatch')}</li>
       {/each}
     </ul>
     {#if current}
       <div class="about">
         <div class="signature">{current.signature}</div>
-        <div class="description">{current.description || 'No description.'}</div>
+        <div class="description">{current.description || t('insertFunction.noDescription')}</div>
       </div>
     {/if}
   </div>
   {#snippet footer()}
     <div class="sv-sheet-dialog-buttons">
-      <button type="button" class="btn primary" onclick={ok} disabled={!current}>OK</button>
-      <button type="button" class="btn" onclick={close}>Cancel</button>
+      <button type="button" class="btn primary" onclick={ok} disabled={!current}>{t('ok')}</button>
+      <button type="button" class="btn" onclick={close}>{t('cancel')}</button>
     </div>
   {/snippet}
 </SvModal>