react-cheminfo 0.75.0 → 0.77.0

package/src/ir/core/bandAssignments.ts

@@ -54,6 +54,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 500,
     to: 600,
     strength: 'S',
+    note: 'Only with bromine in the formula; the mass spectrum shows its 1:1 M+2',
   },
   {
     id: 'c-cl-stretch',
@@ -62,6 +63,16 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 600,
     to: 800,
     strength: 'S',
+    note: 'Only with chlorine in the formula; the mass spectrum shows its 3:1 M+2',
+  },
+  {
+    id: 'alkyne-ch-bend',
+    group: 'alkyne',
+    vibration: '≡C–H bend',
+    from: 610,
+    to: 700,
+    strength: 'S',
+    note: 'Broad, and only beside the sharp ≡C–H stretch near 3300',
   },
   {
     id: 'aromatic-ch-oop',
@@ -97,6 +108,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1000,
     to: 1400,
     strength: 'S',
+    note: 'Only with fluorine in the formula; a CF₃ gives several strong bands',
   },
   {
     id: 'c-n-stretch',
@@ -105,6 +117,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1080,
     to: 1360,
     strength: 'm',
+    note: 'Only with nitrogen in the formula, and rarely decisive on its own',
   },
   {
     id: 'nitro-symmetric',
@@ -122,6 +135,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1330,
     to: 1430,
     strength: 'm',
+    note: 'Only beside the broad O–H stretch above 3200',
   },
   {
     id: 'alkane-ch-bend',
@@ -148,6 +162,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1500,
     to: 1560,
     strength: 'S',
+    note: 'Never alone: the symmetric partner sits near 1300–1390',
   },
   {
     id: 'nh-bend',
@@ -156,6 +171,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1550,
     to: 1640,
     strength: 'm',
+    note: 'Only beside an N–H stretch between 3300 and 3500',
   },
   {
     id: 'alkene-cc-stretch',
@@ -218,6 +234,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 1770,
     to: 1815,
     strength: 'S',
+    note: 'The highest single carbonyl, and only with chlorine in the formula',
   },
   {
     id: 'anhydride-co-stretch',
@@ -228,6 +245,15 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     strength: 'S',
     note: 'Two bands, about 60 apart, which is what names it',
   },
+  {
+    id: 'allene-stretch',
+    group: 'allene',
+    vibration: 'C=C=C asymmetric stretch',
+    from: 1900,
+    to: 2000,
+    strength: 'm',
+    note: 'Near 1950, where only a cumulated double bond absorbs',
+  },
   {
     id: 'nitrile-stretch',
     group: 'nitrile',
@@ -289,6 +315,7 @@ export const BAND_ASSIGNMENTS: readonly BandAssignment[] = [
     from: 3000,
     to: 3100,
     strength: 'm',
+    note: 'Above 3000, with the ring pair near 1500 and 1600',
   },
   {
     id: 'alkyne-ch-stretch',

package/src/ir/ui/BandRow.tsx

@@ -1,4 +1,5 @@
 import { Button, Icon } from '@blueprintjs/core';
+import { useState } from 'react';
 
 import {
   panelCellStyle,
@@ -34,10 +35,10 @@ export interface BandRowProps {
 /**
  * One band: where it is, how strong, and every vibration it could be.
  *
- * The candidates are written as one line rather than a list, so a strong band
- * with four of them stays one row of the table and the wavenumbers keep reading
- * down the column. The `title` carries them again with each one's note, which is
- * where the reason to prefer one lives.
+ * The candidates start as one line rather than a list, so a strong band with
+ * four of them stays one row of the table and the wavenumbers keep reading down
+ * the column. Its "more" opens the row onto every candidate with its note, which
+ * is where the reason to prefer one lives.
  * @param props - Component props.
  * @returns The row.
  */
@@ -47,7 +48,7 @@ export function BandRow(props: BandRowProps) {
 
   return (
     <tr
-      style={lit ? litRowStyle : undefined}
+      style={lit ? litRowStyle : rowStyle}
       onPointerEnter={() => onHighlight?.(band)}
       onPointerLeave={() => onHighlight?.(null)}
     >
@@ -80,35 +81,63 @@ interface CandidatesCellProps {
 }
 
 /**
- * What a band could be: the narrowest candidate, and how many more there are.
+ * What a band could be: the narrowest candidate and how many more there are,
+ * opened on a click into every candidate with the note that tells it apart.
  * @param props - Component props.
  * @returns The cell.
  */
 function CandidatesCell(props: CandidatesCellProps) {
   const { candidates } = props.entry;
-  const detail = candidates
-    .map((candidate) =>
-      candidate.note === undefined
-        ? `${candidate.group} ${candidate.vibration}`
-        : `${candidate.group} ${candidate.vibration} — ${candidate.note}`,
-    )
-    .join('\n');
+  const [open, setOpen] = useState(false);
 
-  return (
-    <td style={panelCellStyle} title={detail}>
-      {candidates.length === 0 ? (
+  if (candidates.length === 0) {
+    return (
+      <td style={panelCellStyle}>
         <span style={{ opacity: 0.5 }}>—</span>
+      </td>
+    );
+  }
+
+  const [first] = candidates;
+  const others = candidates.length - 1;
+
+  return (
+    <td style={candidatesCellStyle}>
+      {open ? (
+        <ul style={candidateListStyle}>
+          {candidates.map((candidate) => (
+            <li key={candidate.id}>
+              {candidate.group} {candidate.vibration}
+              {candidate.note === undefined ? null : (
+                <div style={candidateNoteStyle}>{candidate.note}</div>
+              )}
+            </li>
+          ))}
+        </ul>
       ) : (
-        <span style={{ whiteSpace: 'normal' }}>
-          {candidates[0]?.group} {candidates[0]?.vibration}
-          {candidates.length > 1 ? (
-            <span style={{ opacity: 0.6 }}>
-              {' '}
-              <Icon icon="more" size={10} /> {candidates.length - 1} more
-            </span>
-          ) : null}
-        </span>
+        <>
+          {first?.group} {first?.vibration}
+        </>
       )}
+      {others > 0 ? (
+        <>
+          {open ? null : ' '}
+          <button
+            type="button"
+            style={moreButtonStyle}
+            aria-expanded={open}
+            onClick={() => setOpen(!open)}
+          >
+            {open ? (
+              'less'
+            ) : (
+              <>
+                <Icon icon="more" size={10} /> {others} more
+              </>
+            )}
+          </button>
+        </>
+      ) : null}
     </td>
   );
 }
@@ -120,6 +149,35 @@ const STRENGTH_TITLES = {
   S: 'strong, relative to this spectrum',
 } as const;
 
-const litRowStyle = { background: '#fff3e0' } as const;
+// Top, so an opened row keeps its wavenumber on the line of its first candidate.
+const rowStyle = { verticalAlign: 'top' } as const;
+
+const litRowStyle = { ...rowStyle, background: '#fff3e0' } as const;
 
 const removeCellStyle = { ...panelCellStyle, padding: 0, width: 1 } as const;
+
+const candidatesCellStyle = {
+  ...panelCellStyle,
+  whiteSpace: 'normal',
+} as const;
+
+const candidateListStyle = {
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 4,
+  margin: 0,
+  padding: 0,
+  listStyle: 'none',
+} as const;
+
+const candidateNoteStyle = { fontSize: '0.9em', opacity: 0.6 } as const;
+
+const moreButtonStyle = {
+  padding: 0,
+  border: 0,
+  background: 'none',
+  color: 'inherit',
+  font: 'inherit',
+  opacity: 0.6,
+  cursor: 'pointer',
+} as const;

package/src/locales/de.json

@@ -114,6 +114,14 @@
   "site.atoms.tagline": "Elektronen, Neutronen, Lewis-Formeln und Oxidationszahlen.",
   "site.moles.tagline": "Eine Reaktion ausgleichen und ihre Massenzusammensetzung berechnen.",
   "site.inorganic.tagline": "Eine anorganische Verbindung benennen und ihre Formel schreiben.",
+  "site.iupac-name.tagline": "Der IUPAC-Name einer Struktur, und die Struktur, die ein Name bezeichnet.",
+  "site.slides.tagline": "Ein laufendes Werkzeug auf eine Folie setzen, mit dem Link seiner Schaltfläche Teilen.",
+  "site.vibrations.tagline": "IR- und Raman-Spektren, im Browser berechnet.",
+  "site.draw.tagline": "Strukturen in Publikationsqualität, als SVG, das die Chemie behält.",
+  "site.molecules.tagline": "Ein Molekül nachschlagen, mit seinen berechneten Eigenschaften und Quellen.",
+  "site.chembio.tagline": "Naturstoffe, und die Organismen, in denen sie gefunden wurden.",
+  "site.wikidata.tagline": "Die Chemie der Wikipedia-Infoboxen, nach Struktur durchsuchbar.",
+  "site.mz.tagline": "Massenspektren, danach geordnet, wie sie gemessen wurden.",
   "share.button": "Teilen",
   "share.buttonTitle": "Einen Link zu dieser Seite teilen oder sie in Ihre eigene Website einbetten",
   "share.dialogTitleFor": "{title} teilen oder einbetten",
@@ -282,10 +290,14 @@
   "download.resolution": "Auflösung",
   "download.resolutionHelp": "Wie viele Male größer als die Abbildung auf dem Bildschirm die Datei ist. Ein PNG bekommt entsprechend mehr Pixel: zwei passt für eine Folie, drei oder vier für den Druck. Ein SVG bleibt in jeder Größe scharf und öffnet sich entsprechend größer.",
   "download.resolutionExample": "Eine auf dem Bildschirm 640 Pixel breite Abbildung wird 1280 Pixel breit gespeichert.",
+  "download.resolutionDpiHelp": "Punkte pro Zoll, wenn die Abbildung in ihrer Größe auf der Seite gedruckt wird. 150 genügt für eine Folie, 300 für die Fotos einer Zeitschrift, 600 bis 1200 für Strichzeichnungen. Das PNG gibt sie an, sodass ein Dokument es in dieser Größe platziert.",
+  "download.resolutionDpiExample": "Eine 8,5 cm breite Abbildung wird 1004 Pixel breit gespeichert.",
   "download.noFigure": "Auf der Seite gibt es noch keine Abbildung zum Speichern.",
   "download.hintRasterSvg": "Ein SVG, das ein Bild von {pixels} enthält: eine 3D-Szene hat keine Vektorform.",
   "download.hintSvg": "Öffnet sich mit {pixels} und bleibt in jeder Größe scharf.",
   "download.hintPng": "Gespeichert {pixels}.",
+  "download.hintSvgDpi": "Wird {width} × {height} cm groß gedruckt und bleibt in jeder Größe scharf.",
+  "download.hintPngDpi": "Gespeichert {pixels}, gedruckt {width} × {height} cm.",
   "download.hintCopied": "In die Zwischenablage kopiert: PNG mit {pixels}.",
   "download.copyUnsupported": "Dieser Browser kann kein Bild in die Zwischenablage legen. Speichern Sie es stattdessen.",
   "download.size": "Größe",
@@ -587,6 +599,8 @@
   "structure.export.saveSvg": "Als SVG speichern",
   "structure.export.savePng": "Als PNG speichern",
   "structure.export.copyPng": "PNG kopieren",
+  "structure.export.copySvg": "SVG kopieren",
+  "structure.export.svgCopied": "In die Zwischenablage kopiert: SVG.",
   "structure.export.smiles": "SMILES",
   "structure.export.smilesHelp": "Die Struktur in einer Zeile, Stereochemie eingeschlossen. Jedes Programm liest sie.",
   "structure.export.molfileV3000": "Molfile V3000",
@@ -792,5 +806,22 @@
   "ir.raman.doc.sampled": "Eine Bande wird an dem abgetasteten Punkt angegeben, an dem sie ihr Maximum hat: Ihre Lage ist nur so genau wie das Raster, auf dem das Spektrum aufgenommen wurde.",
   "ir.raman.aboutLead": "Zeichnet ein Raman-Spektrum, findet seine Banden und listet sie neben dem Diagramm auf.",
   "ir.raman.credit.picking": "**ir-spectrum** (cheminfo, MIT) findet die Banden, mit dem Peakfinder von **common-spectrum** und **ml-gsd**.",
-  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) schreibt die heruntergeladene JCAMP-DX-Datei."
+  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) schreibt die heruntergeladene JCAMP-DX-Datei.",
+  "panel.focus": "Auf das Panel „{panel}“ konzentrieren",
+  "panel.focusTooltip": "Auf dieses Panel konzentrieren: alle anderen einklappen",
+  "panel.unfocusTooltip": "Die anderen Panels wieder ausklappen",
+  "panel.fillScreen": "Panel „{panel}“ im Vollbild zeigen",
+  "panel.fillScreenTooltip": "Dieses Panel im Vollbild zeigen",
+  "panel.fold": "Panel „{panel}“ einklappen",
+  "panel.unfold": "Panel „{panel}“ ausklappen",
+  "panel.foldTooltip": "Dieses Panel einklappen",
+  "panel.unfoldTooltip": "Ausklappen",
+  "panel.close": "Panel „{panel}“ schließen",
+  "panel.closeTooltip": "Dieses Panel schließen",
+  "panel.leaveFullScreen": "Vollbild verlassen",
+  "panel.leaveFullScreenTooltip": "Vollbild verlassen (Esc)",
+  "panel.clearFilter": "Filter leeren",
+  "panel.colourOf": "Farbe von {name}",
+  "panel.drawIn": "{name} in {color} zeichnen",
+  "panel.changeColour": "Dieses Spektrum in einer anderen Farbe zeichnen"
 }

package/src/locales/en.json

@@ -114,6 +114,14 @@
   "site.atoms.tagline": "Electrons, neutrons, Lewis structures and oxidation states.",
   "site.moles.tagline": "Balance a reaction, and work out its mass composition.",
   "site.inorganic.tagline": "Name an inorganic compound, and write its formula.",
+  "site.iupac-name.tagline": "The IUPAC name of a structure, and the structure a name denotes.",
+  "site.slides.tagline": "Put a live tool on a slide, from the link its Share button gives.",
+  "site.vibrations.tagline": "IR and Raman spectra computed in the browser.",
+  "site.draw.tagline": "Journal-grade structures, in an SVG that keeps the chemistry.",
+  "site.molecules.tagline": "Look up a molecule, its computed properties and its sources.",
+  "site.chembio.tagline": "Natural products, and the organisms they were found in.",
+  "site.wikidata.tagline": "The chemistry of Wikipedia’s infoboxes, searchable by structure.",
+  "site.mz.tagline": "Mass spectra, classified by how they were measured.",
   "share.button": "Share",
   "share.buttonTitle": "Share a link to this page, or embed it in your own site",
   "share.dialogTitleFor": "Share or embed — {title}",
@@ -282,10 +290,14 @@
   "download.resolution": "Resolution",
   "download.resolutionHelp": "How many times the figure on screen the file is. A PNG gets that many more pixels: two is right for a slide, three or four for print. An SVG stays sharp at any size, and opens that many times larger.",
   "download.resolutionExample": "A figure 640 pixels wide on screen is saved 1280 pixels wide.",
+  "download.resolutionDpiHelp": "Dots per inch, with the figure printed at its size on the page. 150 is enough for a slide, 300 for a journal's photographs, 600 to 1200 for line art. The PNG states it, so a document places it at that size.",
+  "download.resolutionDpiExample": "A figure 8.5 cm wide is saved 1004 pixels wide.",
   "download.noFigure": "There is no figure on the page to save yet.",
   "download.hintRasterSvg": "An SVG holding a picture of {pixels}: a 3D scene has no vector form.",
   "download.hintSvg": "Opens at {pixels}, and stays sharp at any size.",
   "download.hintPng": "Saved {pixels}.",
+  "download.hintSvgDpi": "Prints {width} × {height} cm, and stays sharp at any size.",
+  "download.hintPngDpi": "Saved {pixels}, which print {width} × {height} cm.",
   "download.hintCopied": "Copied {pixels} to the clipboard, as a PNG.",
   "download.copyUnsupported": "This browser cannot put a picture on the clipboard. Save it instead.",
   "download.size": "Size",
@@ -531,6 +543,8 @@
   "structure.export.saveSvg": "Save SVG",
   "structure.export.savePng": "Save PNG",
   "structure.export.copyPng": "Copy PNG",
+  "structure.export.copySvg": "Copy SVG",
+  "structure.export.svgCopied": "Copied the SVG to the clipboard.",
   "structure.export.smiles": "SMILES",
   "structure.export.smilesHelp": "The structure on one line, stereochemistry included. Every tool reads it.",
   "structure.export.molfileV3000": "Molfile V3000",
@@ -792,5 +806,22 @@
   "ir.raman.doc.sampled": "A band is reported at the sampled point it peaked on, so its position is only as precise as the grid the spectrum was recorded on.",
   "ir.raman.aboutLead": "Draws a Raman spectrum, picks its bands and lists them beside the chart.",
   "ir.raman.credit.picking": "**ir-spectrum** (cheminfo, MIT) picks the bands, with the peak picker of **common-spectrum** and **ml-gsd**.",
-  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) writes the JCAMP-DX download."
+  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) writes the JCAMP-DX download.",
+  "panel.focus": "Focus on the {panel} panel",
+  "panel.focusTooltip": "Focus on this panel: fold every other one away",
+  "panel.unfocusTooltip": "Unfold the other panels again",
+  "panel.fillScreen": "Fill the screen with the {panel} panel",
+  "panel.fillScreenTooltip": "Fill the screen with this panel",
+  "panel.fold": "Fold the {panel} panel",
+  "panel.unfold": "Unfold the {panel} panel",
+  "panel.foldTooltip": "Fold this panel away",
+  "panel.unfoldTooltip": "Unfold it",
+  "panel.close": "Close the {panel} panel",
+  "panel.closeTooltip": "Close this panel",
+  "panel.leaveFullScreen": "Leave full screen",
+  "panel.leaveFullScreenTooltip": "Leave full screen (Esc)",
+  "panel.clearFilter": "Clear the filter",
+  "panel.colourOf": "Colour of {name}",
+  "panel.drawIn": "Draw {name} in {color}",
+  "panel.changeColour": "Draw this spectrum in another colour"
 }

package/src/locales/es.json

@@ -114,6 +114,14 @@
   "site.atoms.tagline": "Electrones, neutrones, estructuras de Lewis y números de oxidación.",
   "site.moles.tagline": "Ajustar una reacción y calcular su composición en masa.",
   "site.inorganic.tagline": "Nombrar un compuesto inorgánico y escribir su fórmula.",
+  "site.iupac-name.tagline": "El nombre IUPAC de una estructura, y la estructura que designa un nombre.",
+  "site.slides.tagline": "Poner una herramienta en vivo en una diapositiva, con el enlace que da su botón Compartir.",
+  "site.vibrations.tagline": "Espectros IR y Raman calculados en el navegador.",
+  "site.draw.tagline": "Estructuras con calidad de publicación, en un SVG que conserva la química.",
+  "site.molecules.tagline": "Buscar una molécula, sus propiedades calculadas y sus fuentes.",
+  "site.chembio.tagline": "Productos naturales, y los organismos en los que se encontraron.",
+  "site.wikidata.tagline": "La química de las fichas de Wikipedia, con búsqueda por estructura.",
+  "site.mz.tagline": "Espectros de masas, clasificados según cómo se midieron.",
   "share.button": "Compartir",
   "share.buttonTitle": "Compartir un enlace a esta página, o incrustarla en su propio sitio",
   "share.dialogTitleFor": "Compartir o incrustar — {title}",
@@ -282,10 +290,14 @@
   "download.resolution": "Resolución",
   "download.resolutionHelp": "Cuántas veces la figura en pantalla mide el archivo. Un PNG recibe tantos píxeles más: dos sirve para una diapositiva, tres o cuatro para imprimir. Un SVG se mantiene nítido a cualquier tamaño, y se abre tantas veces más grande.",
   "download.resolutionExample": "Una figura de 640 píxeles de ancho en pantalla se guarda con 1280 píxeles de ancho.",
+  "download.resolutionDpiHelp": "Puntos por pulgada, con la figura impresa a su tamaño en la página. 150 basta para una diapositiva, 300 para las fotografías de una revista, de 600 a 1200 para el dibujo de línea. El PNG lo indica, así un documento lo coloca a ese tamaño.",
+  "download.resolutionDpiExample": "Una figura de 8,5 cm de ancho se guarda con 1004 píxeles de ancho.",
   "download.noFigure": "Todavía no hay ninguna figura en la página que guardar.",
   "download.hintRasterSvg": "Un SVG que contiene una imagen de {pixels}: una escena 3D no tiene forma vectorial.",
   "download.hintSvg": "Se abre a {pixels}, y se mantiene nítido a cualquier tamaño.",
   "download.hintPng": "Guardado {pixels}.",
+  "download.hintSvgDpi": "Se imprime a {width} × {height} cm, y se mantiene nítido a cualquier tamaño.",
+  "download.hintPngDpi": "Guardado {pixels}, que se imprimen a {width} × {height} cm.",
   "download.hintCopied": "Copiado al portapapeles: PNG de {pixels}.",
   "download.copyUnsupported": "Este navegador no puede poner una imagen en el portapapeles. Guárdala en su lugar.",
   "download.size": "Tamaño",
@@ -587,6 +599,8 @@
   "structure.export.saveSvg": "Guardar en SVG",
   "structure.export.savePng": "Guardar en PNG",
   "structure.export.copyPng": "Copiar el PNG",
+  "structure.export.copySvg": "Copiar el SVG",
+  "structure.export.svgCopied": "Copiado al portapapeles: SVG.",
   "structure.export.smiles": "SMILES",
   "structure.export.smilesHelp": "La estructura en una línea, con su estereoquímica. Todas las herramientas la leen.",
   "structure.export.molfileV3000": "Molfile V3000",
@@ -792,5 +806,22 @@
   "ir.raman.doc.sampled": "Una banda se da en el punto muestreado donde alcanza su máximo: su posición no es más precisa que la rejilla en la que se registró el espectro.",
   "ir.raman.aboutLead": "Dibuja un espectro Raman, encuentra sus bandas y las enumera junto a la gráfica.",
   "ir.raman.credit.picking": "**ir-spectrum** (cheminfo, MIT) encuentra las bandas, con el detector de picos de **common-spectrum** y **ml-gsd**.",
-  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) escribe el archivo JCAMP-DX descargado."
+  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) escribe el archivo JCAMP-DX descargado.",
+  "panel.focus": "Centrarse en el panel {panel}",
+  "panel.focusTooltip": "Centrarse en este panel: plegar todos los demás",
+  "panel.unfocusTooltip": "Desplegar de nuevo los demás paneles",
+  "panel.fillScreen": "Mostrar el panel {panel} a pantalla completa",
+  "panel.fillScreenTooltip": "Mostrar este panel a pantalla completa",
+  "panel.fold": "Plegar el panel {panel}",
+  "panel.unfold": "Desplegar el panel {panel}",
+  "panel.foldTooltip": "Plegar este panel",
+  "panel.unfoldTooltip": "Desplegarlo",
+  "panel.close": "Cerrar el panel {panel}",
+  "panel.closeTooltip": "Cerrar este panel",
+  "panel.leaveFullScreen": "Salir de la pantalla completa",
+  "panel.leaveFullScreenTooltip": "Salir de la pantalla completa (Esc)",
+  "panel.clearFilter": "Borrar el filtro",
+  "panel.colourOf": "Color de {name}",
+  "panel.drawIn": "Dibujar {name} en {color}",
+  "panel.changeColour": "Dibujar este espectro en otro color"
 }

package/src/locales/fr.json

@@ -114,6 +114,14 @@
   "site.atoms.tagline": "Électrons, neutrons, structures de Lewis et nombres d'oxydation.",
   "site.moles.tagline": "Équilibrer une réaction, et en calculer la composition massique.",
   "site.inorganic.tagline": "Nommer un composé inorganique, et en écrire la formule.",
+  "site.iupac-name.tagline": "Le nom IUPAC d'une structure, et la structure que désigne un nom.",
+  "site.slides.tagline": "Mettre un outil vivant sur une diapositive, avec le lien que donne son bouton Partager.",
+  "site.vibrations.tagline": "Spectres IR et Raman calculés dans le navigateur.",
+  "site.draw.tagline": "Des structures de qualité publication, dans un SVG qui garde la chimie.",
+  "site.molecules.tagline": "Rechercher une molécule, ses propriétés calculées et ses sources.",
+  "site.chembio.tagline": "Les produits naturels, et les organismes où ils ont été trouvés.",
+  "site.wikidata.tagline": "La chimie des infobox de Wikipédia, interrogeable par structure.",
+  "site.mz.tagline": "Des spectres de masse, classés selon la façon dont ils ont été mesurés.",
   "share.button": "Partager",
   "share.buttonTitle": "Partager un lien vers cette page, ou l'intégrer à votre propre site",
   "share.dialogTitleFor": "Partager ou intégrer — {title}",
@@ -282,10 +290,14 @@
   "download.resolution": "Résolution",
   "download.resolutionHelp": "Combien de fois la figure à l'écran mesure le fichier. Un PNG reçoit d'autant plus de pixels : deux convient pour une diapositive, trois ou quatre pour l'impression. Un SVG reste net à toute taille, et s'ouvre d'autant plus grand.",
   "download.resolutionExample": "Une figure large de 640 pixels à l'écran est enregistrée large de 1280 pixels.",
+  "download.resolutionDpiHelp": "Points par pouce, la figure étant imprimée à sa taille sur la page. 150 suffit pour une diapositive, 300 pour les photographies d'une revue, 600 à 1200 pour un dessin au trait. Le PNG l'indique, si bien qu'un document le place à cette taille.",
+  "download.resolutionDpiExample": "Une figure large de 8,5 cm est enregistrée large de 1004 pixels.",
   "download.noFigure": "Il n'y a encore aucune figure à enregistrer sur la page.",
   "download.hintRasterSvg": "Un SVG contenant une image de {pixels} : une scène 3D n'a pas de forme vectorielle.",
   "download.hintSvg": "S'ouvre à {pixels}, et reste net à toute taille.",
   "download.hintPng": "Enregistré {pixels}.",
+  "download.hintSvgDpi": "S'imprime en {width} × {height} cm, et reste net à toute taille.",
+  "download.hintPngDpi": "Enregistré {pixels}, qui s'impriment en {width} × {height} cm.",
   "download.hintCopied": "Copié dans le presse-papiers : PNG de {pixels}.",
   "download.copyUnsupported": "Ce navigateur ne peut pas copier une image dans le presse-papiers. Enregistrez-la plutôt.",
   "download.size": "Taille",
@@ -587,6 +599,8 @@
   "structure.export.saveSvg": "Enregistrer en SVG",
   "structure.export.savePng": "Enregistrer en PNG",
   "structure.export.copyPng": "Copier le PNG",
+  "structure.export.copySvg": "Copier le SVG",
+  "structure.export.svgCopied": "Copié dans le presse-papiers : SVG.",
   "structure.export.smiles": "SMILES",
   "structure.export.smilesHelp": "La structure sur une ligne, stéréochimie comprise. Tous les logiciels le lisent.",
   "structure.export.molfileV3000": "Molfile V3000",
@@ -792,5 +806,22 @@
   "ir.raman.doc.sampled": "Une bande est donnée au point échantillonné où elle culmine : sa position n'est pas plus précise que la grille sur laquelle le spectre a été enregistré.",
   "ir.raman.aboutLead": "Trace un spectre Raman, repère ses bandes et les liste à côté du graphique.",
   "ir.raman.credit.picking": "**ir-spectrum** (cheminfo, MIT) repère les bandes, avec le détecteur de pics de **common-spectrum** et **ml-gsd**.",
-  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) écrit le fichier JCAMP-DX téléchargé."
+  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) écrit le fichier JCAMP-DX téléchargé.",
+  "panel.focus": "Se concentrer sur le panneau {panel}",
+  "panel.focusTooltip": "Se concentrer sur ce panneau : replier tous les autres",
+  "panel.unfocusTooltip": "Déplier de nouveau les autres panneaux",
+  "panel.fillScreen": "Afficher le panneau {panel} en plein écran",
+  "panel.fillScreenTooltip": "Afficher ce panneau en plein écran",
+  "panel.fold": "Replier le panneau {panel}",
+  "panel.unfold": "Déplier le panneau {panel}",
+  "panel.foldTooltip": "Replier ce panneau",
+  "panel.unfoldTooltip": "Le déplier",
+  "panel.close": "Fermer le panneau {panel}",
+  "panel.closeTooltip": "Fermer ce panneau",
+  "panel.leaveFullScreen": "Quitter le plein écran",
+  "panel.leaveFullScreenTooltip": "Quitter le plein écran (Échap)",
+  "panel.clearFilter": "Effacer le filtre",
+  "panel.colourOf": "Couleur de {name}",
+  "panel.drawIn": "Tracer {name} en {color}",
+  "panel.changeColour": "Tracer ce spectre dans une autre couleur"
 }

package/src/locales/it.json

@@ -114,6 +114,14 @@
   "site.atoms.tagline": "Elettroni, neutroni, strutture di Lewis e numeri di ossidazione.",
   "site.moles.tagline": "Bilanciare una reazione e calcolarne la composizione in massa.",
   "site.inorganic.tagline": "Nominare un composto inorganico e scriverne la formula.",
+  "site.iupac-name.tagline": "Il nome IUPAC di una struttura, e la struttura che un nome designa.",
+  "site.slides.tagline": "Mettere uno strumento interattivo su una diapositiva, con il link del suo pulsante Condividi.",
+  "site.vibrations.tagline": "Spettri IR e Raman calcolati nel browser.",
+  "site.draw.tagline": "Strutture di qualità da pubblicazione, in un SVG che conserva la chimica.",
+  "site.molecules.tagline": "Cercare una molecola, le sue proprietà calcolate e le sue fonti.",
+  "site.chembio.tagline": "Prodotti naturali, e gli organismi in cui sono stati trovati.",
+  "site.wikidata.tagline": "La chimica delle infobox di Wikipedia, ricercabile per struttura.",
+  "site.mz.tagline": "Spettri di massa, classificati in base a come sono stati misurati.",
   "share.button": "Condividi",
   "share.buttonTitle": "Condividere un link a questa pagina, o incorporarla nel proprio sito",
   "share.dialogTitleFor": "Condividere o incorporare — {title}",
@@ -282,10 +290,14 @@
   "download.resolution": "Risoluzione",
   "download.resolutionHelp": "Quante volte la figura sullo schermo misura il file. Un PNG riceve altrettanti pixel in più: due va bene per una diapositiva, tre o quattro per la stampa. Un SVG resta nitido a qualsiasi dimensione, e si apre altrettante volte più grande.",
   "download.resolutionExample": "Una figura larga 640 pixel sullo schermo viene salvata larga 1280 pixel.",
+  "download.resolutionDpiHelp": "Punti per pollice, con la figura stampata alla sua dimensione sulla pagina. 150 basta per una diapositiva, 300 per le fotografie di una rivista, da 600 a 1200 per i disegni al tratto. Il PNG lo indica, così un documento lo colloca a quella dimensione.",
+  "download.resolutionDpiExample": "Una figura larga 8,5 cm viene salvata larga 1004 pixel.",
   "download.noFigure": "Non c'è ancora nessuna figura nella pagina da salvare.",
   "download.hintRasterSvg": "Un SVG che contiene un'immagine di {pixels}: una scena 3D non ha forma vettoriale.",
   "download.hintSvg": "Si apre a {pixels}, e resta nitido a qualsiasi dimensione.",
   "download.hintPng": "Salvato {pixels}.",
+  "download.hintSvgDpi": "Si stampa a {width} × {height} cm, e resta nitido a qualsiasi dimensione.",
+  "download.hintPngDpi": "Salvato {pixels}, che si stampano a {width} × {height} cm.",
   "download.hintCopied": "Copiato negli appunti: PNG di {pixels}.",
   "download.copyUnsupported": "Questo browser non può mettere un'immagine negli appunti. Salvala invece.",
   "download.size": "Dimensione",
@@ -531,6 +543,8 @@
   "structure.export.saveSvg": "Salva in SVG",
   "structure.export.savePng": "Salva in PNG",
   "structure.export.copyPng": "Copia il PNG",
+  "structure.export.copySvg": "Copia l’SVG",
+  "structure.export.svgCopied": "Copiato negli appunti: SVG.",
   "structure.export.smiles": "SMILES",
   "structure.export.smilesHelp": "La struttura su una riga, stereochimica compresa. Ogni strumento la legge.",
   "structure.export.molfileV3000": "Molfile V3000",
@@ -792,5 +806,22 @@
   "ir.raman.doc.sampled": "Una banda è data nel punto campionato in cui raggiunge il massimo: la sua posizione non è più precisa della griglia su cui lo spettro è stato registrato.",
   "ir.raman.aboutLead": "Disegna uno spettro Raman, ne trova le bande e le elenca accanto al grafico.",
   "ir.raman.credit.picking": "**ir-spectrum** (cheminfo, MIT) trova le bande, con il rilevatore di picchi di **common-spectrum** e **ml-gsd**.",
-  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) scrive il file JCAMP-DX scaricato."
+  "ir.raman.credit.jcamp": "**convert-to-jcamp** (cheminfo, MIT) scrive il file JCAMP-DX scaricato.",
+  "panel.focus": "Concentrati sul pannello {panel}",
+  "panel.focusTooltip": "Concentrati su questo pannello: comprimi tutti gli altri",
+  "panel.unfocusTooltip": "Espandi di nuovo gli altri pannelli",
+  "panel.fillScreen": "Mostra il pannello {panel} a schermo intero",
+  "panel.fillScreenTooltip": "Mostra questo pannello a schermo intero",
+  "panel.fold": "Comprimi il pannello {panel}",
+  "panel.unfold": "Espandi il pannello {panel}",
+  "panel.foldTooltip": "Comprimi questo pannello",
+  "panel.unfoldTooltip": "Espandilo",
+  "panel.close": "Chiudi il pannello {panel}",
+  "panel.closeTooltip": "Chiudi questo pannello",
+  "panel.leaveFullScreen": "Esci dallo schermo intero",
+  "panel.leaveFullScreenTooltip": "Esci dallo schermo intero (Esc)",
+  "panel.clearFilter": "Cancella il filtro",
+  "panel.colourOf": "Colore di {name}",
+  "panel.drawIn": "Disegna {name} in {color}",
+  "panel.changeColour": "Disegna questo spettro in un altro colore"
 }