react-cheminfo 0.6.0 → 0.8.0

package/lib/periodic/core/elements.js

@@ -0,0 +1,175 @@
+/**
+ * Where every element sits in the table, and which family it belongs to.
+ *
+ * Deliberately the *position* and nothing else: the masses, the isotopes and
+ * the exact monoisotopic masses are `chemical-elements`' subject, and a site
+ * that needs them reads them from there. Importing that package pulls its whole
+ * isotope table, which a site wanting only an element picker must not be made
+ * to carry — so the symbols and names are repeated here, and a test asserts
+ * they still agree with it.
+ *
+ * `block` follows the element's *position* in the table, which is what a
+ * student reads off it. The configuration is the authority on which subshell is
+ * actually filling, and the two disagree for a handful of elements — lanthanum
+ * fills 5d, not 4f. See `ELEMENT_ANOMALIES` in the orbital module.
+ */
+const ROWS = [
+    ['H', 'Hydrogen', 1, 1, 'nonmetal'],
+    ['He', 'Helium', 1, 18, 'noble-gas'],
+    ['Li', 'Lithium', 2, 1, 'alkali-metal'],
+    ['Be', 'Beryllium', 2, 2, 'alkaline-earth-metal'],
+    ['B', 'Boron', 2, 13, 'metalloid'],
+    ['C', 'Carbon', 2, 14, 'nonmetal'],
+    ['N', 'Nitrogen', 2, 15, 'nonmetal'],
+    ['O', 'Oxygen', 2, 16, 'nonmetal'],
+    ['F', 'Fluorine', 2, 17, 'halogen'],
+    ['Ne', 'Neon', 2, 18, 'noble-gas'],
+    ['Na', 'Sodium', 3, 1, 'alkali-metal'],
+    ['Mg', 'Magnesium', 3, 2, 'alkaline-earth-metal'],
+    ['Al', 'Aluminium', 3, 13, 'post-transition-metal'],
+    ['Si', 'Silicon', 3, 14, 'metalloid'],
+    ['P', 'Phosphorus', 3, 15, 'nonmetal'],
+    ['S', 'Sulfur', 3, 16, 'nonmetal'],
+    ['Cl', 'Chlorine', 3, 17, 'halogen'],
+    ['Ar', 'Argon', 3, 18, 'noble-gas'],
+    ['K', 'Potassium', 4, 1, 'alkali-metal'],
+    ['Ca', 'Calcium', 4, 2, 'alkaline-earth-metal'],
+    ['Sc', 'Scandium', 4, 3, 'transition-metal'],
+    ['Ti', 'Titanium', 4, 4, 'transition-metal'],
+    ['V', 'Vanadium', 4, 5, 'transition-metal'],
+    ['Cr', 'Chromium', 4, 6, 'transition-metal'],
+    ['Mn', 'Manganese', 4, 7, 'transition-metal'],
+    ['Fe', 'Iron', 4, 8, 'transition-metal'],
+    ['Co', 'Cobalt', 4, 9, 'transition-metal'],
+    ['Ni', 'Nickel', 4, 10, 'transition-metal'],
+    ['Cu', 'Copper', 4, 11, 'transition-metal'],
+    ['Zn', 'Zinc', 4, 12, 'transition-metal'],
+    ['Ga', 'Gallium', 4, 13, 'post-transition-metal'],
+    ['Ge', 'Germanium', 4, 14, 'metalloid'],
+    ['As', 'Arsenic', 4, 15, 'metalloid'],
+    ['Se', 'Selenium', 4, 16, 'nonmetal'],
+    ['Br', 'Bromine', 4, 17, 'halogen'],
+    ['Kr', 'Krypton', 4, 18, 'noble-gas'],
+    ['Rb', 'Rubidium', 5, 1, 'alkali-metal'],
+    ['Sr', 'Strontium', 5, 2, 'alkaline-earth-metal'],
+    ['Y', 'Yttrium', 5, 3, 'transition-metal'],
+    ['Zr', 'Zirconium', 5, 4, 'transition-metal'],
+    ['Nb', 'Niobium', 5, 5, 'transition-metal'],
+    ['Mo', 'Molybdenum', 5, 6, 'transition-metal'],
+    ['Tc', 'Technetium', 5, 7, 'transition-metal'],
+    ['Ru', 'Ruthenium', 5, 8, 'transition-metal'],
+    ['Rh', 'Rhodium', 5, 9, 'transition-metal'],
+    ['Pd', 'Palladium', 5, 10, 'transition-metal'],
+    ['Ag', 'Silver', 5, 11, 'transition-metal'],
+    ['Cd', 'Cadmium', 5, 12, 'transition-metal'],
+    ['In', 'Indium', 5, 13, 'post-transition-metal'],
+    ['Sn', 'Tin', 5, 14, 'post-transition-metal'],
+    ['Sb', 'Antimony', 5, 15, 'metalloid'],
+    ['Te', 'Tellurium', 5, 16, 'metalloid'],
+    ['I', 'Iodine', 5, 17, 'halogen'],
+    ['Xe', 'Xenon', 5, 18, 'noble-gas'],
+    ['Cs', 'Caesium', 6, 1, 'alkali-metal'],
+    ['Ba', 'Barium', 6, 2, 'alkaline-earth-metal'],
+    ['La', 'Lanthanum', 6, null, 'lanthanoid'],
+    ['Ce', 'Cerium', 6, null, 'lanthanoid'],
+    ['Pr', 'Praseodymium', 6, null, 'lanthanoid'],
+    ['Nd', 'Neodymium', 6, null, 'lanthanoid'],
+    ['Pm', 'Promethium', 6, null, 'lanthanoid'],
+    ['Sm', 'Samarium', 6, null, 'lanthanoid'],
+    ['Eu', 'Europium', 6, null, 'lanthanoid'],
+    ['Gd', 'Gadolinium', 6, null, 'lanthanoid'],
+    ['Tb', 'Terbium', 6, null, 'lanthanoid'],
+    ['Dy', 'Dysprosium', 6, null, 'lanthanoid'],
+    ['Ho', 'Holmium', 6, null, 'lanthanoid'],
+    ['Er', 'Erbium', 6, null, 'lanthanoid'],
+    ['Tm', 'Thulium', 6, null, 'lanthanoid'],
+    ['Yb', 'Ytterbium', 6, null, 'lanthanoid'],
+    ['Lu', 'Lutetium', 6, null, 'lanthanoid'],
+    ['Hf', 'Hafnium', 6, 4, 'transition-metal'],
+    ['Ta', 'Tantalum', 6, 5, 'transition-metal'],
+    ['W', 'Tungsten', 6, 6, 'transition-metal'],
+    ['Re', 'Rhenium', 6, 7, 'transition-metal'],
+    ['Os', 'Osmium', 6, 8, 'transition-metal'],
+    ['Ir', 'Iridium', 6, 9, 'transition-metal'],
+    ['Pt', 'Platinum', 6, 10, 'transition-metal'],
+    ['Au', 'Gold', 6, 11, 'transition-metal'],
+    ['Hg', 'Mercury', 6, 12, 'transition-metal'],
+    ['Tl', 'Thallium', 6, 13, 'post-transition-metal'],
+    ['Pb', 'Lead', 6, 14, 'post-transition-metal'],
+    ['Bi', 'Bismuth', 6, 15, 'post-transition-metal'],
+    ['Po', 'Polonium', 6, 16, 'post-transition-metal'],
+    ['At', 'Astatine', 6, 17, 'halogen'],
+    ['Rn', 'Radon', 6, 18, 'noble-gas'],
+    ['Fr', 'Francium', 7, 1, 'alkali-metal'],
+    ['Ra', 'Radium', 7, 2, 'alkaline-earth-metal'],
+    ['Ac', 'Actinium', 7, null, 'actinoid'],
+    ['Th', 'Thorium', 7, null, 'actinoid'],
+    ['Pa', 'Protactinium', 7, null, 'actinoid'],
+    ['U', 'Uranium', 7, null, 'actinoid'],
+    ['Np', 'Neptunium', 7, null, 'actinoid'],
+    ['Pu', 'Plutonium', 7, null, 'actinoid'],
+    ['Am', 'Americium', 7, null, 'actinoid'],
+    ['Cm', 'Curium', 7, null, 'actinoid'],
+    ['Bk', 'Berkelium', 7, null, 'actinoid'],
+    ['Cf', 'Californium', 7, null, 'actinoid'],
+    ['Es', 'Einsteinium', 7, null, 'actinoid'],
+    ['Fm', 'Fermium', 7, null, 'actinoid'],
+    ['Md', 'Mendelevium', 7, null, 'actinoid'],
+    ['No', 'Nobelium', 7, null, 'actinoid'],
+    ['Lr', 'Lawrencium', 7, null, 'actinoid'],
+    ['Rf', 'Rutherfordium', 7, 4, 'transition-metal'],
+    ['Db', 'Dubnium', 7, 5, 'transition-metal'],
+    ['Sg', 'Seaborgium', 7, 6, 'transition-metal'],
+    ['Bh', 'Bohrium', 7, 7, 'transition-metal'],
+    ['Hs', 'Hassium', 7, 8, 'transition-metal'],
+    ['Mt', 'Meitnerium', 7, 9, 'transition-metal'],
+    ['Ds', 'Darmstadtium', 7, 10, 'transition-metal'],
+    ['Rg', 'Roentgenium', 7, 11, 'transition-metal'],
+    ['Cn', 'Copernicium', 7, 12, 'transition-metal'],
+    ['Nh', 'Nihonium', 7, 13, 'post-transition-metal'],
+    ['Fl', 'Flerovium', 7, 14, 'post-transition-metal'],
+    ['Mc', 'Moscovium', 7, 15, 'post-transition-metal'],
+    ['Lv', 'Livermorium', 7, 16, 'post-transition-metal'],
+    ['Ts', 'Tennessine', 7, 17, 'halogen'],
+    ['Og', 'Oganesson', 7, 18, 'noble-gas'],
+];
+/** Every element, ordered by atomic number. */
+export const PERIODIC_ELEMENTS = ROWS.map((row, index) => ({
+    atomicNumber: index + 1,
+    symbol: row[0],
+    name: row[1],
+    period: row[2],
+    group: row[3],
+    block: blockOf(index + 1, row[3]),
+    category: row[4],
+}));
+const BY_SYMBOL = new Map(PERIODIC_ELEMENTS.map((element) => [element.symbol, element]));
+/**
+ * Look up an element by its symbol.
+ * @param symbol - Chemical symbol, e.g. `Cl`. Case sensitive, as symbols are.
+ * @returns The element, or `undefined` when no element carries that symbol.
+ */
+export function elementBySymbol(symbol) {
+    return BY_SYMBOL.get(symbol);
+}
+/**
+ * Look up an element by its atomic number.
+ * @param atomicNumber - Proton count, 1 to 118.
+ * @returns The element, or `undefined` when it is outside the table.
+ */
+export function elementByAtomicNumber(atomicNumber) {
+    return PERIODIC_ELEMENTS[atomicNumber - 1];
+}
+function blockOf(atomicNumber, group) {
+    if (group === null)
+        return 'f';
+    // Helium sits above the p block but its only electrons are 1s.
+    if (atomicNumber === 2)
+        return 's';
+    if (group <= 2)
+        return 's';
+    if (group <= 12)
+        return 'd';
+    return 'p';
+}
+//# sourceMappingURL=elements.js.map

package/lib/periodic/core/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/periodic/core/elements.ts"],"names":[],"mappings":"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"}

package/lib/periodic/core/index.d.ts

@@ -0,0 +1,6 @@
+export type { ElementBlock, ElementCategory, PeriodicElement, } from './elements.ts';
+export { PERIODIC_ELEMENTS, elementByAtomicNumber, elementBySymbol, } from './elements.ts';
+export { CATEGORY_LABELS, CATEGORY_ORDER, CATEGORY_SWATCHES, UNKNOWN_SWATCH, categorySwatch, } from './categories.ts';
+export type { Cell, ElementRange } from './layout.ts';
+export { COLUMN_COUNT, INNER_TRANSITION_MARKERS, INNER_TRANSITION_ROWS, ROW_COUNT, cellOf, elementByArrowKey, placedElements, } from './layout.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/periodic/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/periodic/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,cAAc,GACf,MAAM,aAAa,CAAC"}

package/lib/periodic/core/index.js

@@ -0,0 +1,4 @@
+export { PERIODIC_ELEMENTS, elementByAtomicNumber, elementBySymbol, } from "./elements.js";
+export { CATEGORY_LABELS, CATEGORY_ORDER, CATEGORY_SWATCHES, UNKNOWN_SWATCH, categorySwatch, } from "./categories.js";
+export { COLUMN_COUNT, INNER_TRANSITION_MARKERS, INNER_TRANSITION_ROWS, ROW_COUNT, cellOf, elementByArrowKey, placedElements, } from "./layout.js";
+//# sourceMappingURL=index.js.map

package/lib/periodic/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/periodic/core/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,cAAc,GACf,MAAM,aAAa,CAAC"}

package/lib/periodic/core/layout.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Where every element is drawn.
+ *
+ * The group and the period place the main block, but not the lanthanoids and
+ * the actinoids: those have no group, and are drawn on the two rows underneath.
+ * The grid is therefore 18 columns by 10 rows — seven periods, a blank spacer,
+ * and the two inner-transition rows.
+ *
+ * The cells here are the *logical* ones, so column 1 is group 1 and row 1 is
+ * period 1. A table drawn with the group and period header strips offsets them
+ * by one; nothing in this module needs to know that.
+ */
+import type { ElementCategory, PeriodicElement } from './elements.ts';
+/** A whole run of the table: one group, or one period. */
+export interface ElementRange {
+    kind: 'group' | 'period';
+    value: number;
+}
+/** A cell of the grid, one-based as CSS grid lines are. */
+export interface Cell {
+    column: number;
+    row: number;
+}
+/** Columns of the table. */
+export declare const COLUMN_COUNT = 18;
+/** Rows of the table, the blank spacer between the blocks included. */
+export declare const ROW_COUNT = 10;
+/**
+ * The cell an element occupies.
+ * @param element - Element to place.
+ * @returns Its column and row, both one-based.
+ */
+export declare function cellOf(element: PeriodicElement): Cell;
+/**
+ * Every element with the cell it occupies, in reading order.
+ * @returns One entry per element, ordered by row then column, so a keyboard
+ * walk over the list moves the way the eye does.
+ */
+export declare function placedElements(): ReadonlyArray<{
+    element: PeriodicElement;
+    cell: Cell;
+}>;
+/**
+ * The two cells the lanthanoids and the actinoids were lifted out of.
+ *
+ * Without them the main block has a hole in it and the two rows underneath
+ * belong nowhere; with them the reader can see where each series was taken
+ * from.
+ */
+export declare const INNER_TRANSITION_MARKERS: ReadonlyArray<{
+    cell: Cell;
+    label: string;
+    category: ElementCategory;
+}>;
+/** The period each inner-transition row belongs to, for its row label. */
+export declare const INNER_TRANSITION_ROWS: ReadonlyArray<{
+    row: number;
+    period: number;
+}>;
+/**
+ * The element an arrow key walks to.
+ *
+ * The walk follows the grid, not the atomic number: down from carbon is
+ * silicon, the cell underneath it, and a step of 18 protons would instead be
+ * chromium because period 2 holds only eight elements. Left and right follow
+ * reading order, so the end of a period continues at the start of the next one
+ * and the two inner-transition rows come after the main block.
+ * @param key - The pressed key, as `KeyboardEvent.key` reports it.
+ * @param from - Symbol the walk starts at; any arrow lands on hydrogen when it names no element.
+ * @returns The element to move to, or `null` when the key is not an arrow or the table has no cell that way.
+ */
+export declare function elementByArrowKey(key: string, from: string | undefined): PeriodicElement | null;
+//# sourceMappingURL=layout.d.ts.map

package/lib/periodic/core/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/periodic/core/layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGtE,0DAA0D;AAC1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,2DAA2D;AAC3D,MAAM,WAAW,IAAI;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,4BAA4B;AAC5B,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B,uEAAuE;AACvE,eAAO,MAAM,SAAS,KAAK,CAAC;AAc5B;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAIrD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,aAAa,CAAC;IAC9C,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC,CAUD;AAKD;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC;IACnD,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAGA,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB,CAGA,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,eAAe,GAAG,IAAI,CAgBxB"}

package/lib/periodic/core/layout.js

@@ -0,0 +1,132 @@
+/**
+ * Where every element is drawn.
+ *
+ * The group and the period place the main block, but not the lanthanoids and
+ * the actinoids: those have no group, and are drawn on the two rows underneath.
+ * The grid is therefore 18 columns by 10 rows — seven periods, a blank spacer,
+ * and the two inner-transition rows.
+ *
+ * The cells here are the *logical* ones, so column 1 is group 1 and row 1 is
+ * period 1. A table drawn with the group and period header strips offsets them
+ * by one; nothing in this module needs to know that.
+ */
+import { PERIODIC_ELEMENTS, elementBySymbol } from "./elements.js";
+/** Columns of the table. */
+export const COLUMN_COUNT = 18;
+/** Rows of the table, the blank spacer between the blocks included. */
+export const ROW_COUNT = 10;
+/** Row the lanthanoids are drawn on, and the actinoids on the one below. */
+const INNER_TRANSITION_ROW = 9;
+/** Atomic number the lanthanoids and the actinoids start at. */
+const INNER_TRANSITION_STARTS = [57, 89];
+/** How many elements each inner-transition series holds. */
+const INNER_TRANSITION_LENGTH = 15;
+/** Column the inner-transition rows start at, under the d block. */
+const INNER_TRANSITION_COLUMN = 3;
+/**
+ * The cell an element occupies.
+ * @param element - Element to place.
+ * @returns Its column and row, both one-based.
+ */
+export function cellOf(element) {
+    const inner = innerTransitionCell(element);
+    if (inner !== null)
+        return inner;
+    return { column: element.group ?? 1, row: element.period };
+}
+/**
+ * Every element with the cell it occupies, in reading order.
+ * @returns One entry per element, ordered by row then column, so a keyboard
+ * walk over the list moves the way the eye does.
+ */
+export function placedElements() {
+    PLACED ??= PERIODIC_ELEMENTS.map((element) => ({
+        element,
+        cell: cellOf(element),
+    })).toSorted((first, second) => first.cell.row === second.cell.row
+        ? first.cell.column - second.cell.column
+        : first.cell.row - second.cell.row);
+    return PLACED;
+}
+let PLACED = null;
+/**
+ * The two cells the lanthanoids and the actinoids were lifted out of.
+ *
+ * Without them the main block has a hole in it and the two rows underneath
+ * belong nowhere; with them the reader can see where each series was taken
+ * from.
+ */
+export const INNER_TRANSITION_MARKERS = [
+    { cell: { column: 3, row: 6 }, label: '57–71', category: 'lanthanoid' },
+    { cell: { column: 3, row: 7 }, label: '89–103', category: 'actinoid' },
+];
+/** The period each inner-transition row belongs to, for its row label. */
+export const INNER_TRANSITION_ROWS = [
+    { row: INNER_TRANSITION_ROW, period: 6 },
+    { row: INNER_TRANSITION_ROW + 1, period: 7 },
+];
+/**
+ * The element an arrow key walks to.
+ *
+ * The walk follows the grid, not the atomic number: down from carbon is
+ * silicon, the cell underneath it, and a step of 18 protons would instead be
+ * chromium because period 2 holds only eight elements. Left and right follow
+ * reading order, so the end of a period continues at the start of the next one
+ * and the two inner-transition rows come after the main block.
+ * @param key - The pressed key, as `KeyboardEvent.key` reports it.
+ * @param from - Symbol the walk starts at; any arrow lands on hydrogen when it names no element.
+ * @returns The element to move to, or `null` when the key is not an arrow or the table has no cell that way.
+ */
+export function elementByArrowKey(key, from) {
+    const direction = ARROW_DIRECTIONS[key];
+    if (direction === undefined)
+        return null;
+    const placed = placedElements();
+    const start = from === undefined ? undefined : elementBySymbol(from);
+    if (start === undefined)
+        return placed[0]?.element ?? null;
+    if (direction.column !== 0) {
+        const index = readingOrderIndex().get(start.symbol);
+        if (index === undefined)
+            return null;
+        return placed[index + direction.column]?.element ?? null;
+    }
+    const cell = cellOf(start);
+    return byCell().get(cellKey(cell.column, cell.row + direction.row)) ?? null;
+}
+/** Which way each arrow key moves, in grid cells. */
+const ARROW_DIRECTIONS = {
+    ArrowRight: { column: 1, row: 0 },
+    ArrowLeft: { column: -1, row: 0 },
+    ArrowDown: { column: 0, row: 1 },
+    ArrowUp: { column: 0, row: -1 },
+};
+function readingOrderIndex() {
+    READING_ORDER ??= new Map(placedElements().map(({ element }, index) => [element.symbol, index]));
+    return READING_ORDER;
+}
+let READING_ORDER = null;
+function byCell() {
+    BY_CELL ??= new Map(placedElements().map(({ element, cell }) => [
+        cellKey(cell.column, cell.row),
+        element,
+    ]));
+    return BY_CELL;
+}
+let BY_CELL = null;
+function cellKey(column, row) {
+    return `${String(column)}:${String(row)}`;
+}
+function innerTransitionCell(element) {
+    for (const [index, start] of INNER_TRANSITION_STARTS.entries()) {
+        const offset = element.atomicNumber - start;
+        if (offset >= 0 && offset < INNER_TRANSITION_LENGTH) {
+            return {
+                column: INNER_TRANSITION_COLUMN + offset,
+                row: INNER_TRANSITION_ROW + index,
+            };
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=layout.js.map

package/lib/periodic/core/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/periodic/core/layout.ts"],"names":[],"mappings":"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"}

package/lib/periodic/ui/CategoryLegend.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The key to the family colours, under the table.
+ */
+import type { ReactElement } from 'react';
+import type { ElementCategory } from '../core/elements.ts';
+/** What {@link CategoryLegend} needs. */
+export interface CategoryLegendProps {
+    /**
+     * Called with the family whose swatch was clicked. Without it the legend is
+     * a key rather than a control, and nothing in it is focusable.
+     * @default undefined
+     */
+    onSelect?: (category: ElementCategory) => void;
+    /**
+     * The family drawn as the active one.
+     * @default undefined — none is
+     */
+    selected?: ElementCategory;
+}
+/**
+ * The ten families, each with its colour.
+ * @param props - See {@link CategoryLegendProps}.
+ * @returns The legend.
+ */
+export declare function CategoryLegend(props: CategoryLegendProps): ReactElement;
+//# sourceMappingURL=CategoryLegend.d.ts.map

package/lib/periodic/ui/CategoryLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryLegend.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/CategoryLegend.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAwCvE"}

package/lib/periodic/ui/CategoryLegend.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CATEGORY_LABELS, CATEGORY_ORDER, categorySwatch, } from "../core/categories.js";
+/**
+ * The ten families, each with its colour.
+ * @param props - See {@link CategoryLegendProps}.
+ * @returns The legend.
+ */
+export function CategoryLegend(props) {
+    const { onSelect, selected } = props;
+    return (_jsx("div", { style: legendStyle, children: CATEGORY_ORDER.map((category) => {
+            const swatch = categorySwatch(category);
+            const label = CATEGORY_LABELS[category];
+            const mark = (_jsx("span", { style: { ...swatchStyle, background: swatch.background } }));
+            if (onSelect === undefined) {
+                return (_jsxs("span", { style: itemStyle, children: [mark, label] }, category));
+            }
+            return (_jsxs("button", { type: "button", "aria-pressed": category === selected, onClick: () => {
+                    onSelect(category);
+                }, style: {
+                    ...itemStyle,
+                    ...buttonStyle,
+                    fontWeight: category === selected ? 700 : 400,
+                }, children: [mark, label] }, category));
+        }) }));
+}
+const legendStyle = {
+    color: 'rgb(95 107 124)',
+    display: 'flex',
+    flexWrap: 'wrap',
+    fontSize: 11,
+    gap: '2px 10px',
+};
+const itemStyle = {
+    alignItems: 'center',
+    display: 'inline-flex',
+    gap: 4,
+};
+const buttonStyle = {
+    background: 'none',
+    border: 'none',
+    color: 'inherit',
+    cursor: 'pointer',
+    font: 'inherit',
+    padding: 0,
+};
+const swatchStyle = {
+    border: '1px solid rgb(255 255 255 / 0.55)',
+    borderRadius: 2,
+    display: 'inline-block',
+    height: 10,
+    width: 10,
+};
+//# sourceMappingURL=CategoryLegend.js.map

package/lib/periodic/ui/CategoryLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryLegend.js","sourceRoot":"","sources":["../../../src/periodic/ui/CategoryLegend.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,uBAAuB,CAAC;AAkB/B;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,cAAK,KAAK,EAAE,WAAW,YACpB,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YACxC,MAAM,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;YACxC,MAAM,IAAI,GAAG,CACX,eAAM,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,GAAI,CACnE,CAAC;YACF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBAC3B,OAAO,CACL,gBAAqB,KAAK,EAAE,SAAS,aAClC,IAAI,EACJ,KAAK,KAFG,QAAQ,CAGZ,CACR,CAAC;YACJ,CAAC;YACD,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,KAAK,QAAQ,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACrB,CAAC,EACD,KAAK,EAAE;oBACL,GAAG,SAAS;oBACZ,GAAG,WAAW;oBACd,UAAU,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;iBAC9C,aAEA,IAAI,EACJ,KAAK,KAbD,QAAQ,CAcN,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,UAAU;CACiB,CAAC;AAEnC,MAAM,SAAS,GAAG;IAChB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,CAAC;CAC0B,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,CAAC;CACsB,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,mCAAmC;IAC3C,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACuB,CAAC"}

package/lib/periodic/ui/ElementCell.d.ts

@@ -0,0 +1,53 @@
+/**
+ * One cell of the periodic table: the atomic number, the symbol, and whatever
+ * the tool asked to be written under it.
+ *
+ * A cell is a real `<button>`, so Tab reaches it, Enter and Space activate it,
+ * and a screen reader reads the element's name rather than its symbol.
+ */
+import type { ReactElement } from 'react';
+import type { Swatch } from '../../color/core/scale.ts';
+/** What {@link ElementCell} needs to draw one element. */
+export interface ElementCellProps {
+    /** Atomic number, written small in the corner. */
+    atomicNumber: number;
+    /** Chemical symbol, the largest thing in the cell. */
+    symbol: string;
+    /** Full name, which is what the cell is announced as. */
+    name: string;
+    /** Background, and the ink that stays readable on it. */
+    swatch: Swatch;
+    /** Column of the grid, one-based. */
+    column: number;
+    /** Row of the grid, one-based. */
+    row: number;
+    onSelect: (symbol: string) => void;
+    /**
+     * Third line, under the symbol: the value the tool is showing.
+     * @default '' — nothing is written
+     */
+    detail?: string;
+    /**
+     * Whether the cell is the one the tools are pointed at.
+     * @default false
+     */
+    isSelected?: boolean;
+    /**
+     * Whether the cell is inside the set the tool is showing. Everything outside
+     * it is dimmed rather than removed, so the table keeps its shape.
+     * @default true
+     */
+    isIncluded?: boolean;
+    /**
+     * Called on pointer enter with the symbol, and on leave with `null`.
+     * @default undefined
+     */
+    onHover?: (symbol: string | null) => void;
+}
+/**
+ * A single element of the table.
+ * @param props - See {@link ElementCellProps}.
+ * @returns The cell.
+ */
+export declare function ElementCell(props: ElementCellProps): ReactElement;
+//# sourceMappingURL=ElementCell.d.ts.map

package/lib/periodic/ui/ElementCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementCell.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/ElementCell.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAExD,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CA6CjE"}

package/lib/periodic/ui/ElementCell.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A single element of the table.
+ * @param props - See {@link ElementCellProps}.
+ * @returns The cell.
+ */
+export function ElementCell(props) {
+    const { atomicNumber, symbol, name, swatch, column, row, onSelect, detail = '', isSelected = false, isIncluded = true, onHover, } = props;
+    return (_jsxs("button", { type: "button", "data-testid": `element-${symbol}`, "data-symbol": symbol, "aria-label": `${name} (${symbol}, Z = ${String(atomicNumber)})`, "aria-pressed": isSelected, onClick: () => {
+            onSelect(symbol);
+        }, onPointerEnter: () => onHover?.(symbol), onPointerLeave: () => onHover?.(null), style: {
+            ...cellStyle,
+            gridColumn: column,
+            gridRow: row,
+            background: swatch.background,
+            color: swatch.foreground,
+            opacity: isIncluded ? 1 : 0.28,
+            // An outline rather than a fill: a table coloured by a property must
+            // keep saying what the value is while a cell is selected.
+            outline: isSelected ? `2px solid ${swatch.foreground}` : 'none',
+            outlineOffset: -3,
+        }, children: [_jsx("span", { style: numberStyle, children: atomicNumber }), _jsx("span", { style: symbolStyle, children: symbol }), detail === '' ? null : _jsx("span", { style: detailStyle, children: detail })] }));
+}
+const cellStyle = {
+    alignItems: 'center',
+    border: '1px solid rgb(255 255 255 / 0.55)',
+    borderRadius: 3,
+    cursor: 'pointer',
+    display: 'flex',
+    flexDirection: 'column',
+    font: 'inherit',
+    justifyContent: 'center',
+    lineHeight: 1.05,
+    minWidth: 0,
+    overflow: 'hidden',
+    padding: 1,
+    transition: 'opacity 120ms ease',
+};
+const numberStyle = {
+    alignSelf: 'flex-start',
+    fontSize: 'clamp(0.34rem, 1.6cqw, 0.5rem)',
+    opacity: 0.8,
+    paddingLeft: 2,
+};
+const symbolStyle = {
+    fontSize: 'clamp(0.55rem, 3.3cqw, 1.05rem)',
+    fontWeight: 700,
+};
+const detailStyle = {
+    fontSize: 'clamp(0.34rem, 1.6cqw, 0.5rem)',
+    maxWidth: '100%',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+};
+//# sourceMappingURL=ElementCell.js.map

package/lib/periodic/ui/ElementCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementCell.js","sourceRoot":"","sources":["../../../src/periodic/ui/ElementCell.tsx"],"names":[],"mappings":";AAkDA;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,EACH,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,IAAI,EACjB,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,iBACA,WAAW,MAAM,EAAE,iBACnB,MAAM,gBACP,GAAG,IAAI,KAAK,MAAM,SAAS,MAAM,CAAC,YAAY,CAAC,GAAG,kBAChD,UAAU,EACxB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC,EACD,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EACvC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EACrC,KAAK,EAAE;YACL,GAAG,SAAS;YACZ,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YAC9B,qEAAqE;YACrE,0DAA0D;YAC1D,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,MAAM;YAC/D,aAAa,EAAE,CAAC,CAAC;SAClB,aAED,eAAM,KAAK,EAAE,WAAW,YAAG,YAAY,GAAQ,EAC/C,eAAM,KAAK,EAAE,WAAW,YAAG,MAAM,GAAQ,EACxC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,KAAK,EAAE,WAAW,YAAG,MAAM,GAAQ,IAC1D,CACV,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG;IAChB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,mCAAmC;IAC3C,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,SAAS;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,oBAAoB;CACA,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,gCAAgC;IAC1C,OAAO,EAAE,GAAG;IACZ,WAAW,EAAE,CAAC;CACkB,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,iCAAiC;IAC3C,UAAU,EAAE,GAAG;CACiB,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;CACY,CAAC"}