@jjlmoya/utils-aquarium 1.0.0 → 1.53.0

package/src/tool/aquariumTankVolumeWaterChangeCalculator/controller.ts

@@ -3,10 +3,11 @@ import {
   centimetresToInches,
   inchesToCentimetres,
   type TankInput,
+  type TankShape,
   type UnitSystem,
 } from './logic';
 import { defaultAquariumState, loadAquariumState, saveAquariumState, type SavedAquariumState } from './storage';
-import { renderEmpty, renderError, renderResults } from './dom-views';
+import { renderError, renderResults } from './dom-views';
 import type { AquariumTankVolumeWaterChangeCalculatorUI } from './ui';
 
 interface ControllerContext {
@@ -14,14 +15,29 @@ interface ControllerContext {
   ui: AquariumTankVolumeWaterChangeCalculatorUI;
   state: SavedAquariumState;
   locale: string;
+  shapeInputs: Partial<Record<TankShape, Partial<TankInput>>>;
 }
 
-const DIMENSION_FIELDS = ['lengthCm', 'widthCm', 'heightCm', 'diameterCm', 'bowDepthCm', 'substrateDepthCm'] as const;
+type ShapeField = 'lengthCm' | 'widthCm' | 'heightCm' | 'diameterCm' | 'bowDepthCm';
+
+const SHAPE_FIELDS: Record<TankShape, ShapeField[]> = {
+  rectangular: ['lengthCm', 'widthCm', 'heightCm'],
+  cylindrical: ['diameterCm', 'heightCm'],
+  bow: ['lengthCm', 'widthCm', 'heightCm', 'bowDepthCm'],
+};
+
+const FIELD_LABELS: Record<ShapeField, keyof AquariumTankVolumeWaterChangeCalculatorUI> = {
+  lengthCm: 'lengthLabel',
+  widthCm: 'widthLabel',
+  heightCm: 'heightLabel',
+  diameterCm: 'diameterLabel',
+  bowDepthCm: 'bowDepthLabel',
+};
+
+const COMMON_FIELDS = ['substrateDepthCm'] as const;
 
 function getInput(root: HTMLElement, field: string): HTMLInputElement | null {
-  const selector = '[data-input="' + field + '"]';
-  const inputs = Array.from(root.querySelectorAll<HTMLInputElement>(selector));
-  return inputs.find((input) => input.closest('[hidden]') === null) ?? inputs[0] ?? null;
+  return root.querySelector<HTMLInputElement>('[data-input="' + field + '"]');
 }
 
 function readNumber(root: HTMLElement, field: string, unit: UnitSystem): number {
@@ -33,18 +49,63 @@ function readNumber(root: HTMLElement, field: string, unit: UnitSystem): number
 
 function readInput(context: ControllerContext): TankInput {
   const input = { ...context.state.input };
-  const activeShape = context.root.querySelector<HTMLElement>('[data-shape].is-active')?.dataset.shape;
-  if (activeShape === 'rectangular' || activeShape === 'cylindrical' || activeShape === 'bow') input.shape = activeShape;
-  for (const field of DIMENSION_FIELDS) input[field] = readNumber(context.root, field, context.state.unit);
+  const shape = context.root.querySelector<HTMLElement>('[data-shape].is-active')?.dataset.shape;
+  if (shape === 'rectangular' || shape === 'cylindrical' || shape === 'bow') input.shape = shape;
+  for (const field of SHAPE_FIELDS[input.shape]) input[field] = readNumber(context.root, field, context.state.unit);
+  for (const field of COMMON_FIELDS) input[field] = readNumber(context.root, field, context.state.unit);
   input.changePercent = readNumber(context.root, 'changePercent', 'metric');
   return input;
 }
 
-function writeNumber(root: HTMLElement, field: string, valueCm: number, unit: UnitSystem): void {
-  const element = getInput(root, field);
-  if (element === null) return;
+function displayFieldValue(valueCm: number, unit: UnitSystem): string {
   const value = unit === 'metric' ? valueCm : centimetresToInches(valueCm);
-  element.value = String(Math.round(value * 10) / 10);
+  return String(Math.round(value * 10) / 10);
+}
+
+function createShapeField(context: ControllerContext, field: ShapeField): HTMLLabelElement {
+  const label = document.createElement('label');
+  label.className = 'atvwc-field';
+  label.dataset.field = field;
+  const title = document.createElement('span');
+  title.textContent = context.ui[FIELD_LABELS[field]] ?? '';
+  const unit = document.createElement('span');
+  unit.dataset.lengthUnit = '';
+  unit.textContent = context.state.unit === 'metric' ? context.ui.lengthUnitMetric : context.ui.lengthUnitImperial;
+  title.append(' ', unit);
+  const input = document.createElement('input');
+  input.dataset.input = field;
+  input.type = 'number';
+  input.min = field === 'bowDepthCm' ? '0' : '0.1';
+  input.max = '500';
+  input.step = '0.1';
+  input.inputMode = 'decimal';
+  input.value = displayFieldValue(context.state.input[field], context.state.unit);
+  label.append(title, input);
+  return label;
+}
+
+function renderShapeFields(context: ControllerContext): void {
+  const container = context.root.querySelector<HTMLElement>('[data-dynamic-fields]');
+  if (container === null) return;
+  const fragment = document.createDocumentFragment();
+  for (const field of SHAPE_FIELDS[context.state.input.shape]) fragment.append(createShapeField(context, field));
+  container.replaceChildren(fragment);
+}
+
+function rememberShapeInput(context: ControllerContext): void {
+  const shape = context.state.input.shape;
+  const remembered: Partial<TankInput> = {};
+  for (const field of SHAPE_FIELDS[shape]) remembered[field] = context.state.input[field];
+  context.shapeInputs[shape] = remembered;
+}
+
+function changeShape(context: ControllerContext, shape: TankShape): void {
+  context.state.input = readInput(context);
+  rememberShapeInput(context);
+  const remembered = context.shapeInputs[shape] ?? {};
+  context.state.input = { ...context.state.input, ...remembered, shape };
+  writeInput(context);
+  calculate(context);
 }
 
 function setUnitButtons(context: ControllerContext): void {
@@ -54,29 +115,32 @@ function setUnitButtons(context: ControllerContext): void {
     button.setAttribute('aria-pressed', String(active));
   });
   const unitText = context.state.unit === 'metric' ? context.ui.lengthUnitMetric : context.ui.lengthUnitImperial;
-  context.root.querySelectorAll<HTMLElement>('[data-length-unit]').forEach((label) => {
-    label.textContent = unitText;
-  });
+  context.root.querySelectorAll<HTMLElement>('[data-length-unit]').forEach((label) => { label.textContent = unitText; });
 }
 
 function setShapeButtons(context: ControllerContext): void {
+  context.root.dataset.shape = context.state.input.shape;
   context.root.querySelectorAll<HTMLElement>('[data-shape]').forEach((button) => {
     const active = button.dataset.shape === context.state.input.shape;
     button.classList.toggle('is-active', active);
     button.setAttribute('aria-pressed', String(active));
   });
-  context.root.querySelectorAll<HTMLElement>('[data-shape-fields]').forEach((group) => {
-    group.toggleAttribute('hidden', group.getAttribute('data-shape-fields') !== context.state.input.shape);
-  });
+}
+
+function writeNumber(root: HTMLElement, field: string, valueCm: number, unit: UnitSystem): void {
+  const element = getInput(root, field);
+  if (element !== null) element.value = displayFieldValue(valueCm, unit);
 }
 
 function writeInput(context: ControllerContext): void {
-  for (const field of DIMENSION_FIELDS) writeNumber(context.root, field, context.state.input[field], context.state.unit);
+  renderShapeFields(context);
+  setUnitButtons(context);
+  setShapeButtons(context);
+  for (const field of SHAPE_FIELDS[context.state.input.shape]) writeNumber(context.root, field, context.state.input[field], context.state.unit);
+  for (const field of COMMON_FIELDS) writeNumber(context.root, field, context.state.input[field], context.state.unit);
   const change = getInput(context.root, 'changePercent');
   if (change !== null) change.value = String(context.state.input.changePercent);
   context.root.dataset.unit = context.state.unit;
-  setUnitButtons(context);
-  setShapeButtons(context);
 }
 
 function calculate(context: ControllerContext): void {
@@ -87,18 +151,12 @@ function calculate(context: ControllerContext): void {
     renderError(context.root, context.ui.invalidState);
     return;
   }
-  renderResults(context.root, {
-    result: result.value,
-    unit: context.state.unit,
-    locale: context.locale,
-    ui: context.ui,
-  });
+  renderResults(context.root, { result: result.value, unit: context.state.unit, locale: context.locale, ui: context.ui });
 }
 
 function reset(context: ControllerContext): void {
   context.state = defaultAquariumState();
   writeInput(context);
-  renderEmpty(context.root, context.ui.emptyState);
   calculate(context);
 }
 
@@ -107,9 +165,7 @@ function bind(context: ControllerContext): void {
     button.addEventListener('click', () => {
       const shape = button.dataset.shape;
       if (shape !== 'rectangular' && shape !== 'cylindrical' && shape !== 'bow') return;
-      context.state.input.shape = shape;
-      setShapeButtons(context);
-      calculate(context);
+      changeShape(context, shape);
     });
   });
   context.root.querySelectorAll<HTMLElement>('[data-unit-choice]').forEach((button) => {
@@ -122,9 +178,8 @@ function bind(context: ControllerContext): void {
       calculate(context);
     });
   });
-  context.root.querySelectorAll('input').forEach((input) => input.addEventListener('input', () => calculate(context)));
+  context.root.addEventListener('input', () => calculate(context));
   context.root.querySelector('[data-action="reset"]')?.addEventListener('click', () => reset(context));
-  context.root.querySelector('[data-action="calculate"]')?.addEventListener('click', () => calculate(context));
 }
 
 function readUi(root: HTMLElement): AquariumTankVolumeWaterChangeCalculatorUI {
@@ -135,12 +190,8 @@ export function initAquariumTankVolumeWaterChangeCalculator(): void {
   const root = document.querySelector<HTMLElement>('#aquarium-tank-volume-water-change-calculator');
   if (root === null) return;
   const stored = loadAquariumState();
-  const context: ControllerContext = {
-    root,
-    ui: readUi(root),
-    state: stored ?? defaultAquariumState(),
-    locale: document.documentElement.lang || 'en',
-  };
+  const state = stored ?? defaultAquariumState();
+  const context: ControllerContext = { root, ui: readUi(root), state, locale: document.documentElement.lang || 'en', shapeInputs: {} };
   writeInput(context);
   bind(context);
   calculate(context);

package/src/tool/aquariumTankVolumeWaterChangeCalculator/dom-views.ts

@@ -16,15 +16,21 @@ function formatNumber(value: number, locale: string): string {
   return new Intl.NumberFormat(locale, { maximumFractionDigits: 1 }).format(value);
 }
 
-function displayVolume(value: number, unit: UnitSystem, locale: string): string {
+function displayVolume(value: number, unit: UnitSystem, locale: string, ui: AquariumTankVolumeWaterChangeCalculatorUI): string {
   const amount = unit === 'metric' ? value : litresToGallons(value);
-  const label = unit === 'metric' ? 'L' : 'US gal';
+  const label = unit === 'metric' ? ui.litreUnit : ui.gallonUnit;
   return formatNumber(amount, locale) + ' ' + label;
 }
 
-function displayMass(value: number, unit: UnitSystem, locale: string): string {
+function displayMass(value: number, unit: UnitSystem, locale: string, ui: AquariumTankVolumeWaterChangeCalculatorUI): string {
   const amount = unit === 'metric' ? value : kilogramsToPounds(value);
-  const label = unit === 'metric' ? 'kg' : 'lb';
+  const label = unit === 'metric' ? ui.kilogramUnit : ui.poundUnit;
+  return formatNumber(amount, locale) + ' ' + label;
+}
+
+function displayArea(valueCm2: number, unit: UnitSystem, locale: string, ui: AquariumTankVolumeWaterChangeCalculatorUI): string {
+  const amount = unit === 'metric' ? valueCm2 / 10000 : valueCm2 / 929.0304;
+  const label = unit === 'metric' ? ui.squareMetreUnit : ui.squareFootUnit;
   return formatNumber(amount, locale) + ' ' + label;
 }
 
@@ -37,16 +43,18 @@ interface RenderOptions {
 
 export function renderResults(root: HTMLElement, options: RenderOptions): void {
   const { result, unit, locale, ui } = options;
-  setText(root, '[data-result="gross"]', displayVolume(result.grossLitres, unit, locale));
-  setText(root, '[data-result="substrate"]', displayVolume(result.substrateLitres, unit, locale));
-  setText(root, '[data-result="net"]', displayVolume(result.netLitres, unit, locale));
-  setText(root, '[data-result="change"]', displayVolume(result.changeLitres, unit, locale));
-  setText(root, '[data-result="mass"]', displayMass(result.waterMassKg, unit, locale));
-  setText(root, '[data-result="footprint"]', formatNumber(result.footprintCm2 / 10000, locale) + ' m²');
+  setText(root, '[data-result="gross"]', displayVolume(result.grossLitres, unit, locale, ui));
+  setText(root, '[data-result="substrate"]', displayVolume(result.substrateLitres, unit, locale, ui));
+  setText(root, '[data-result="net"]', displayVolume(result.netLitres, unit, locale, ui));
+  setText(root, '[data-result="change"]', displayVolume(result.changeLitres, unit, locale, ui));
+  setText(root, '[data-result="change-summary"]', ui.changeLabel + ': ' + displayVolume(result.changeLitres, unit, locale, ui));
+  setText(root, '[data-result="stage-volume"]', displayVolume(result.netLitres, unit, locale, ui));
+  setText(root, '[data-result="mass"]', displayMass(result.waterMassKg, unit, locale, ui));
+  setText(root, '[data-result="footprint"]', displayArea(result.footprintCm2, unit, locale, ui));
   setText(root, '[data-result="share"]', formatNumber(getSubstrateShare(result), locale) + '%');
   setText(root, '[data-result="scale"]', ui[getTankScale(result.netLitres)] ?? '');
   const water = getElement<HTMLElement>(root, '[data-water]');
-  if (water !== null) water.style.setProperty('--water-level', String(Math.min(92, Math.max(20, result.netLitres / 4))));
+  if (water !== null) water.style.setProperty('--water-level', Math.round((result.netLitres / result.grossLitres) * 100) + '%');
   root.classList.add('has-results');
   root.classList.remove('has-error');
 }

package/src/tool/aquariumTankVolumeWaterChangeCalculator/entry.ts

@@ -8,6 +8,20 @@ export const aquariumTankVolumeWaterChangeCalculator: AquariumToolEntry<Aquarium
   id: 'aquarium-tank-volume-water-change-calculator',
   icons: { bg: 'mdi:fishbowl-outline', fg: 'mdi:water-opacity' },
   i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/de.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'de',
+  slug: 'aquarium-volumen-wasserwechsel-rechner',
+  title: 'Aquarium Volumen und Wasserwechsel Rechner',
+  description: 'Berechne das nutzbare Aquariumvolumen, den Verdrängungsraum des Bodengrunds und die Wassermenge für einen geplanten Wasserwechsel aus den Innenmaßen.',
+  faq: [
+    { question: 'Verwendet der Rechner die angegebene Beckengröße?', answer: 'Nein. Er zieht die Höhe des Bodengrunds vom geometrischen Volumen ab und liefert damit eine Schätzung des nutzbaren Wasservolumens.' },
+    { question: 'Wie wird ein gebogenes Frontglas berechnet?', answer: 'Der Rechner ergänzt die rechteckige Grundfläche um ein angenähertes Kreissegment. Das Ergebnis bleibt wegen unterschiedlicher Glasformen eine Näherung.' },
+    { question: 'Welche Einheiten zeigt der Rechner?', answer: 'Im metrischen Modus erscheinen Zentimeter, Liter und Kilogramm. Im imperialen Modus erscheinen Zoll, Gallonen und Pfund.' },
+    { question: 'Empfiehlt der Rechner einen Wasserwechselplan?', answer: 'Nein. Er berechnet nur die Wassermenge für den von dir eingegebenen Prozentsatz und beurteilt weder Wasserqualität noch Besatz.' },
+    { question: 'Werden meine Eingaben übertragen?', answer: 'Nein. Die Berechnung läuft im Browser. Die letzten Einstellungen können lokal in diesem Browser gespeichert werden.' },
+  ],
+  howTo: [
+    { name: 'Beckenform wählen', text: 'Wähle ein rechteckiges, zylindrisches oder gebogenes Becken. Danach erscheinen nur die Maße für diese Form.' },
+    { name: 'Innenmaße eingeben', text: 'Gib Länge, Breite und Höhe oder bei einem Zylinder Durchmesser und Höhe ein. Innenmaße sind meist die bessere Grundlage.' },
+    { name: 'Bodengrund abziehen', text: 'Miss die durchschnittliche Höhe des Bodengrunds und trage sie ein. Diese Schicht wird vom Bruttovolumen abgezogen.' },
+    { name: 'Wasserwechsel festlegen', text: 'Gib den geplanten Prozentsatz ein. Der Rechner zeigt die entsprechende Wassermenge und eine ungefähre Wassermasse.' },
+  ],
+  seo: [
+    { type: 'title', text: 'Wie viel Wasser ist wirklich im Becken?', level: 2 },
+    { type: 'paragraph', html: 'Die Nennangabe eines Aquariums beschreibt oft das randvolle Becken. Für Dosierung, Heizung und einen Wasserwechsel ist das nutzbare Volumen wichtiger. Der Rechner arbeitet deshalb mit Innenmaßen und zieht den Bodengrund ab.' },
+    { type: 'title', text: 'Die passende Grundfläche für jede Form', level: 2 },
+    { type: 'list', items: ['<strong>Rechteckig:</strong> Länge mal Breite mal Höhe.', '<strong>Zylindrisch:</strong> Grundfläche mit pi mal Radius zum Quadrat mal Höhe.', '<strong>Gebogene Front:</strong> Rechteckige Grundfläche plus angenähertes Kreissegment.'] },
+    { type: 'title', text: 'Messen statt die Verpackung schätzen', level: 2 },
+    { type: 'paragraph', html: 'Miss im Inneren des Beckens. Wenn der Bodengrund ansteigt, miss ihn an mehreren Stellen und trage den Mittelwert ein. Bei stark unregelmäßigen Formen ist das tatsächliche Füllvolumen mit einem bekannten Eimer genauer als eine geometrische Näherung.' },
+    { type: 'tip', title: 'Wasserwechsel sicher planen', html: '<p>Nutze das Ergebnis als Arbeitswert für den eingegebenen Prozentsatz. Salz, Medikamente und andere Mittel können zusätzliche Anweisungen des jeweiligen Produkts benötigen.</p>' },
+    { type: 'table', headers: ['Ergebnis', 'Bedeutung'], rows: [['Bruttovolumen', 'Geometrisches Volumen vor dem Bodengrund'], ['Bodengrund', 'Geschätzter Raum, den die Substratschicht einnimmt'], ['Nutzbares Wasservolumen', 'Arbeitswert nach Abzug des Bodengrunds'], ['Wasserwechsel', 'Der eingegebene Anteil des nutzbaren Volumens']] },
+  ],
+  ui: {
+    configureLabel: 'Becken konfigurieren', dimensionsTitle: 'Beckenmaße', shapeLabel: 'Beckenform', rectangularShape: 'Rechteckig', cylindricalShape: 'Zylindrisch', bowShape: 'Gebogene Front', lengthLabel: 'Innenlänge', widthLabel: 'Innenbreite', heightLabel: 'Innenhöhe', diameterLabel: 'Innendurchmesser', bowDepthLabel: 'Tiefe der Frontkurve', substrateLabel: 'Bodengrundhöhe', changeLabel: 'Wasserwechsel', unitLabel: 'Einheiten', metricLabel: 'Metrisch', imperialLabel: 'Imperial', resetLabel: 'Zurücksetzen', grossVolumeLabel: 'Bruttovolumen', substrateVolumeLabel: 'Bodengrundverdrängung', netVolumeLabel: 'Nutzbares Wasservolumen', changeVolumeLabel: 'Zu wechselndes Wasser', waterWeightLabel: 'Wassermasse', emptyState: 'Maße anpassen, um das Becken zu sehen.', invalidState: 'Prüfe die Maße: Werte müssen positiv sein, der Bodengrund muss niedriger als das Becken sein und der Wechsel muss zwischen 0 und 100 Prozent liegen.', litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'Zoll', shapeHint: 'Verwende Innenmaße für eine bessere Schätzung.', bowHint: 'Die gebogene Front ist eine transparente Näherung.', substrateHint: 'Diese Schicht wird vom Bruttovolumen abgezogen.', resultHint: 'Das Ergebnis aktualisiert sich beim Eingeben.', approximationLabel: 'Bodengrundanteil', footprintLabel: 'Grundfläche', squareMetreUnit: 'm²', squareFootUnit: 'ft²', nano: 'Nano', compact: 'Kompakt', roomy: 'Groß', showcase: 'Sehr groß',
+  },
+});

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/en.ts

@@ -18,7 +18,7 @@ const faq = [
   },
   {
     question: 'Which imperial units are shown?',
-    answer: 'Imperial mode shows US gallons for volume, pounds for water mass and inches for dimensions.',
+    answer: 'Imperial mode shows gallons for volume, pounds for water mass and inches for dimensions.',
   },
   {
     question: 'Does this recommend a water change schedule?',
@@ -41,7 +41,7 @@ const howTo = [
   },
   {
     name: 'Account for substrate',
-    text: 'Enter the average substrate depth. The calculator subtracts that layer from the gross geometric volume.',
+    text: 'Enter the substrate depth. The calculator subtracts that layer from the gross geometric volume.',
   },
   {
     name: 'Set the water change percentage',
@@ -126,7 +126,7 @@ export const content: ToolLocaleContent<AquariumTankVolumeWaterChangeCalculatorU
     {
       type: 'tip',
       title: 'Measure inside the tank',
-      html: '<p>Use internal dimensions and the average substrate depth. A ruler and a quick three-point average will usually be more useful than relying on a product box capacity.</p>',
+      html: '<p>Use internal dimensions. If the substrate slopes, measure its depth at a few points and enter the average instead of relying on a product box capacity.</p>',
     },
     {
       type: 'table',
@@ -140,8 +140,7 @@ export const content: ToolLocaleContent<AquariumTankVolumeWaterChangeCalculatorU
     },
   ],
   ui: {
-    toolTitle: 'Tank volume lab',
-    toolSubtitle: 'Shape, substrate and water change in one calm view.',
+    configureLabel: 'Configure the tank',
     dimensionsTitle: 'Tank dimensions',
     shapeLabel: 'Tank shape',
     rectangularShape: 'Rectangular',
@@ -152,12 +151,11 @@ export const content: ToolLocaleContent<AquariumTankVolumeWaterChangeCalculatorU
     heightLabel: 'Inside height',
     diameterLabel: 'Inside diameter',
     bowDepthLabel: 'Front curve depth',
-    substrateLabel: 'Average substrate depth',
+    substrateLabel: 'Substrate depth',
     changeLabel: 'Water change',
     unitLabel: 'Units',
     metricLabel: 'Metric',
     imperialLabel: 'Imperial',
-    calculateLabel: 'Calculate volume',
     resetLabel: 'Reset',
     grossVolumeLabel: 'Gross volume',
     substrateVolumeLabel: 'Substrate displacement',
@@ -167,7 +165,7 @@ export const content: ToolLocaleContent<AquariumTankVolumeWaterChangeCalculatorU
     emptyState: 'Adjust the dimensions to see the tank fill.',
     invalidState: 'Check the dimensions: use positive values, keep substrate below the tank height and keep the change between 0 and 100 percent.',
     litreUnit: 'L',
-    gallonUnit: 'US gal',
+    gallonUnit: 'gal',
     kilogramUnit: 'kg',
     poundUnit: 'lb',
     lengthUnitMetric: 'cm',
@@ -178,6 +176,8 @@ export const content: ToolLocaleContent<AquariumTankVolumeWaterChangeCalculatorU
     resultHint: 'Your result updates locally as you type.',
     approximationLabel: 'Substrate share',
     footprintLabel: 'Footprint',
+    squareMetreUnit: 'm²',
+    squareFootUnit: 'ft²',
     nano: 'Nano',
     compact: 'Compact',
     roomy: 'Roomy',

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/es.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'es',
+  slug: 'calculadora-volumen-acuario-cambio-agua',
+  title: 'Calculadora de volumen del acuario y cambio de agua',
+  description: 'Calcula el volumen útil del acuario, el espacio que ocupa el sustrato y los litros de un cambio de agua usando las medidas interiores del tanque.',
+  faq: [
+    { question: '¿Usa la capacidad comercial del acuario?', answer: 'No. Resta la altura del sustrato al volumen geométrico y ofrece una estimación del agua útil, no una capacidad oficial del fabricante.' },
+    { question: '¿Cómo calcula el frente curvo?', answer: 'Suma un segmento circular aproximado a la base rectangular. El resultado es orientativo porque cada perfil de cristal curvo puede ser distinto.' },
+    { question: '¿Qué unidades puedo usar?', answer: 'El modo métrico muestra centímetros, litros y kilogramos. El modo imperial muestra pulgadas, galones y libras.' },
+    { question: '¿Me recomienda cuándo hacer un cambio de agua?', answer: 'No. Solo calcula la cantidad correspondiente al porcentaje que introduces y no valora la calidad del agua ni la población del acuario.' },
+    { question: '¿Salen mis datos del navegador?', answer: 'No. El cálculo se ejecuta en el navegador y los últimos ajustes pueden guardarse localmente para recuperar el formulario.' },
+  ],
+  howTo: [
+    { name: 'Elige la forma del acuario', text: 'Selecciona rectangular, cilíndrico o frente curvo. Solo aparecerán las medidas necesarias para esa forma.' },
+    { name: 'Introduce las medidas interiores', text: 'Escribe largo, ancho y alto, o diámetro y alto para un cilindro. Las medidas interiores dan una estimación más útil.' },
+    { name: 'Indica la altura del sustrato', text: 'Mide el sustrato en varios puntos si está inclinado y escribe su altura media. Se resta del volumen bruto.' },
+    { name: 'Escribe el porcentaje del cambio', text: 'Introduce el porcentaje que quieres reemplazar. El resultado muestra los litros correspondientes y su peso aproximado.' },
+  ],
+  seo: [
+    { type: 'title', text: 'Calcula el agua que realmente tienes', level: 2 },
+    { type: 'paragraph', html: 'La capacidad que aparece en una caja suele representar el tanque lleno hasta arriba. Para dosificar, calentar o preparar un cambio de agua necesitas una cifra de trabajo: medidas interiores menos el espacio ocupado por el sustrato.' },
+    { type: 'title', text: 'Una fórmula para cada geometría', level: 2 },
+    { type: 'list', items: ['<strong>Rectangular:</strong> largo por ancho por alto.', '<strong>Cilíndrico:</strong> área de la base, pi por radio al cuadrado, por alto.', '<strong>Frente curvo:</strong> base rectangular más un segmento circular aproximado.'] },
+    { type: 'title', text: 'Mide el interior y revisa el sustrato', level: 2 },
+    { type: 'paragraph', html: 'Mide desde dentro del cristal. Si el sustrato forma una pendiente, toma varias medidas y usa la media. Para un acuario muy irregular, llenar con un recipiente de volumen conocido puede ser más fiable que una aproximación geométrica.' },
+    { type: 'tip', title: 'Usa el resultado como volumen de trabajo', html: '<p>El valor de cambio corresponde al porcentaje introducido. La temperatura, la salinidad y los objetos dentro del acuario pueden cambiar ligeramente la masa real del agua.</p>' },
+    { type: 'table', headers: ['Resultado', 'Qué significa'], rows: [['Volumen bruto', 'Volumen geométrico antes de restar el sustrato'], ['Desplazamiento del sustrato', 'Espacio estimado que ocupa la capa de fondo'], ['Volumen de agua útil', 'Estimación de trabajo después del sustrato'], ['Cambio de agua', 'Porcentaje introducido aplicado al volumen útil']] },
+  ],
+  ui: {
+    configureLabel: 'Configura el acuario', dimensionsTitle: 'Medidas del acuario', shapeLabel: 'Forma del acuario', rectangularShape: 'Rectangular', cylindricalShape: 'Cilíndrico', bowShape: 'Frente curvo', lengthLabel: 'Largo interior', widthLabel: 'Ancho interior', heightLabel: 'Alto interior', diameterLabel: 'Diámetro interior', bowDepthLabel: 'Profundidad de la curva frontal', substrateLabel: 'Altura del sustrato', changeLabel: 'Cambio de agua', unitLabel: 'Unidades', metricLabel: 'Métrico', imperialLabel: 'Imperial', resetLabel: 'Restablecer', grossVolumeLabel: 'Volumen bruto', substrateVolumeLabel: 'Desplazamiento del sustrato', netVolumeLabel: 'Volumen de agua útil', changeVolumeLabel: 'Agua a reemplazar', waterWeightLabel: 'Peso del agua', emptyState: 'Ajusta las medidas para ver el nivel.', invalidState: 'Revisa las medidas: usa valores positivos, mantén el sustrato por debajo del alto y el cambio entre 0 y 100 por ciento.', litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'pulg', shapeHint: 'Usa medidas interiores para obtener una estimación más útil.', bowHint: 'El frente curvo usa una aproximación transparente del segmento.', substrateHint: 'Esta capa se resta del volumen bruto.', resultHint: 'El resultado se actualiza mientras escribes.', approximationLabel: 'Parte de sustrato', footprintLabel: 'Base', squareMetreUnit: 'm²', squareFootUnit: 'ft²', nano: 'Nano', compact: 'Compacto', roomy: 'Amplio', showcase: 'Expositor',
+  },
+});

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/fr.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'fr',
+  slug: 'calculateur-volume-aquarium-changement-eau',
+  title: "Calculateur du volume d'aquarium et du changement d'eau",
+  description: "Calculez le volume d'eau utile, le déplacement du substrat et la quantité d'eau à remplacer à partir des dimensions intérieures de votre aquarium.",
+  faq: [
+    { question: "Le calculateur utilise-t-il la capacité indiquée sur l'aquarium ?", answer: "Non. Il retire la hauteur du substrat du volume géométrique et fournit une estimation de l'eau réellement disponible." },
+    { question: "Comment fonctionne l'option façade bombée ?", answer: "Elle ajoute un segment circulaire approximatif à une base rectangulaire. Le résultat reste indicatif, car les profils de verre varient selon les aquariums." },
+    { question: 'Quelles unités sont disponibles ?', answer: "Le mode métrique affiche les centimètres, les litres et les kilogrammes. Le mode impérial affiche les pouces, les gallons et les livres." },
+    { question: 'Le calculateur conseille-t-il un calendrier de changement ?', answer: "Non. Il applique seulement le pourcentage saisi et n'évalue ni la qualité de l'eau ni la population du bac." },
+    { question: 'Mes données quittent-elles le navigateur ?', answer: "Non. Le calcul se fait dans le navigateur et les derniers réglages peuvent être conservés localement." },
+  ],
+  howTo: [
+    { name: "Choisir la forme de l'aquarium", text: "Sélectionnez une forme rectangulaire, cylindrique ou bombée. Seules les dimensions utiles à cette forme apparaîtront." },
+    { name: 'Saisir les dimensions intérieures', text: "Indiquez la longueur, la largeur et la hauteur, ou le diamètre et la hauteur pour un cylindre. Les mesures intérieures sont préférables." },
+    { name: 'Déduire le substrat', text: "Mesurez l'épaisseur moyenne du substrat et saisissez-la. Cette couche est retirée du volume brut." },
+    { name: "Définir le changement d'eau", text: "Saisissez le pourcentage à remplacer. Le résultat donne le volume correspondant et une masse d'eau approximative." },
+  ],
+  seo: [
+    { type: 'title', text: "Quel volume d'eau reste vraiment dans le bac ?", level: 2 },
+    { type: 'paragraph', html: "La capacité annoncée correspond souvent à un aquarium rempli à ras bord. Pour doser, chauffer ou préparer un changement, il faut plutôt connaître le volume utile: les mesures intérieures moins l'espace occupé par le substrat." },
+    { type: 'title', text: 'Une base adaptée à chaque forme', level: 2 },
+    { type: 'list', items: ['<strong>Rectangulaire :</strong> longueur multipliée par largeur et hauteur.', '<strong>Cylindrique :</strong> aire de la base, pi fois le rayon au carré, multipliée par la hauteur.', '<strong>Façade bombée :</strong> base rectangulaire plus un segment circulaire approximatif.'] },
+    { type: 'title', text: "Mesurer l'intérieur plutôt que l'emballage", level: 2 },
+    { type: 'paragraph', html: "Mesurez depuis l'intérieur du verre. Si le substrat est incliné, mesurez plusieurs points puis saisissez la moyenne. Pour une forme très irrégulière, remplir le bac avec un récipient de volume connu peut être plus précis qu'une approximation géométrique." },
+    { type: 'tip', title: "Interpréter le volume du changement", html: "<p>Le résultat correspond au pourcentage saisi du volume utile. La température, la salinité et les éléments présents dans le bac peuvent modifier légèrement la masse réelle de l'eau.</p>" },
+    { type: 'table', headers: ['Résultat', 'Signification'], rows: [['Volume brut', 'Volume géométrique avant le substrat'], ['Déplacement du substrat', 'Espace estimé occupé par la couche de fond'], ['Volume utile', "Estimation de l'eau après déduction du substrat"], ["Changement d'eau", "Pourcentage saisi appliqué au volume utile"]] },
+  ],
+  ui: {
+    configureLabel: "Configurer l'aquarium", dimensionsTitle: "Dimensions de l'aquarium", shapeLabel: "Forme de l'aquarium", rectangularShape: 'Rectangulaire', cylindricalShape: 'Cylindrique', bowShape: 'Façade bombée', lengthLabel: 'Longueur intérieure', widthLabel: 'Largeur intérieure', heightLabel: 'Hauteur intérieure', diameterLabel: 'Diamètre intérieur', bowDepthLabel: 'Profondeur de la courbe', substrateLabel: 'Épaisseur du substrat', changeLabel: "Changement d'eau", unitLabel: 'Unités', metricLabel: 'Métrique', imperialLabel: 'Impérial', resetLabel: 'Réinitialiser', grossVolumeLabel: 'Volume brut', substrateVolumeLabel: 'Déplacement du substrat', netVolumeLabel: 'Volume utile', changeVolumeLabel: 'Eau à remplacer', waterWeightLabel: "Masse de l'eau", emptyState: 'Ajustez les dimensions pour voir le niveau.', invalidState: 'Vérifiez les dimensions: utilisez des valeurs positives, gardez le substrat sous la hauteur du bac et choisissez un changement entre 0 et 100 pour cent.', litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'po', shapeHint: "Utilisez les dimensions intérieures pour une estimation plus utile.", bowHint: 'La façade bombée utilise une approximation transparente.', substrateHint: 'Cette couche est retirée del volume brut.', resultHint: "Le résultat se met à jour pendant la saisie.", approximationLabel: 'Part du substrat', footprintLabel: 'Base', squareMetreUnit: 'm²', squareFootUnit: 'pi²', nano: 'Nano', compact: 'Compact', roomy: 'Spacieux', showcase: 'Vitrine',
+  },
+});

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/id.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'id',
+  slug: 'kalkulator-volume-akuarium-pergantian-air',
+  title: 'Kalkulator Volume Akuarium dan Pergantian Air',
+  description: 'Hitung perkiraan volume air yang dapat digunakan, ruang yang ditempati substrat, dan jumlah air untuk pergantian berdasarkan ukuran bagian dalam akuarium.',
+  faq: [
+    { question: 'Apakah kalkulator memakai kapasitas yang tertulis di akuarium?', answer: 'Tidak. Kalkulator mengurangi tinggi substrat dari volume geometris sehingga hasilnya menjadi perkiraan volume air yang dapat digunakan.' },
+    { question: 'Bagaimana bentuk bagian depan melengkung dihitung?', answer: 'Kalkulator menambahkan segmen lingkaran perkiraan pada alas persegi panjang. Hasilnya bersifat perkiraan karena profil kaca dapat berbeda.' },
+    { question: 'Satuan apa yang tersedia?', answer: 'Mode metrik menampilkan sentimeter, liter, dan kilogram. Mode imperial menampilkan inci, galon, dan pon.' },
+    { question: 'Apakah kalkulator menentukan jadwal pergantian air?', answer: 'Tidak. Kalkulator hanya menerapkan persentase yang Anda masukkan dan tidak menilai kualitas air atau jumlah ikan.' },
+    { question: 'Apakah data saya dikirim keluar dari peramban?', answer: 'Tidak. Perhitungan berjalan di peramban dan pengaturan terakhir dapat disimpan secara lokal.' },
+  ],
+  howTo: [
+    { name: 'Pilih bentuk akuarium', text: 'Pilih bentuk persegi panjang, silinder, atau bagian depan melengkung. Hanya ukuran yang diperlukan untuk bentuk itu yang akan ditampilkan.' },
+    { name: 'Masukkan ukuran bagian dalam', text: 'Masukkan panjang, lebar, dan tinggi, atau diameter dan tinggi untuk silinder. Ukuran bagian dalam memberikan perkiraan yang lebih berguna.' },
+    { name: 'Masukkan tinggi substrat', text: 'Ukur tinggi substrat di beberapa titik bila permukaannya miring, lalu masukkan nilai rata-ratanya. Lapisan ini dikurangi dari volume kotor.' },
+    { name: 'Masukkan persentase pergantian', text: 'Masukkan persentase air yang ingin diganti. Hasilnya menunjukkan volume dan perkiraan massa air.' },
+  ],
+  seo: [
+    { type: 'title', text: 'Hitung air yang benar-benar tersedia', level: 2 },
+    { type: 'paragraph', html: 'Kapasitas pada kotak biasanya menggambarkan akuarium yang diisi sampai penuh. Untuk menentukan dosis, pemanas, atau jumlah air yang harus diganti, gunakan volume kerja: ukuran bagian dalam dikurangi ruang yang ditempati substrat.' },
+    { type: 'title', text: 'Gunakan rumus sesuai bentuknya', level: 2 },
+    { type: 'list', items: ['<strong>Persegi panjang:</strong> panjang dikalikan lebar dan tinggi.', '<strong>Silinder:</strong> luas alas, pi dikalikan kuadrat jari-jari, dikalikan tinggi.', '<strong>Bagian depan melengkung:</strong> alas persegi panjang ditambah segmen lingkaran perkiraan.'] },
+    { type: 'title', text: 'Ukur bagian dalam dan substrat', level: 2 },
+    { type: 'paragraph', html: 'Ukur dari sisi dalam kaca. Jika substrat memiliki kemiringan, ambil beberapa pengukuran dan masukkan nilai rata-rata. Untuk akuarium dengan bentuk sangat tidak beraturan, mengisinya memakai wadah bervolume diketahui dapat lebih akurat daripada pendekatan geometris.' },
+    { type: 'tip', title: 'Gunakan hasil sebagai volume kerja', html: '<p>Volume pergantian mengikuti persentase yang Anda masukkan. Suhu, kadar garam, dan benda di dalam akuarium dapat mengubah massa air sebenarnya sedikit.</p>' },
+    { type: 'table', headers: ['Hasil', 'Artinya'], rows: [['Volume kotor', 'Volume geometris sebelum substrat dikurangi'], ['Perpindahan substrat', 'Perkiraan ruang yang ditempati lapisan dasar'], ['Volume air bersih', 'Perkiraan volume kerja setelah substrat dikurangi'], ['Pergantian air', 'Persentase yang dimasukkan dari volume air bersih']] },
+  ],
+  ui: {
+    configureLabel: 'Atur akuarium', dimensionsTitle: 'Ukuran akuarium', shapeLabel: 'Bentuk akuarium', rectangularShape: 'Persegi panjang', cylindricalShape: 'Silinder', bowShape: 'Depan melengkung', lengthLabel: 'Panjang bagian dalam', widthLabel: 'Lebar bagian dalam', heightLabel: 'Tinggi bagian dalam', diameterLabel: 'Diameter bagian dalam', bowDepthLabel: 'Kedalaman lengkungan depan', substrateLabel: 'Tinggi substrat', changeLabel: 'Pergantian air', unitLabel: 'Satuan', metricLabel: 'Metrik', imperialLabel: 'Imperial', resetLabel: 'Atur ulang', grossVolumeLabel: 'Volume kotor', substrateVolumeLabel: 'Perpindahan substrat', netVolumeLabel: 'Volume air bersih', changeVolumeLabel: 'Air yang diganti', waterWeightLabel: 'Massa air', emptyState: 'Sesuaikan ukuran untuk melihat permukaan air.', invalidState: 'Periksa ukuran: gunakan nilai positif, jaga substrat di bawah tinggi akuarium, dan masukkan pergantian antara 0 dan 100 persen.', litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'inci', shapeHint: 'Gunakan ukuran bagian dalam untuk perkiraan yang lebih berguna.', bowHint: 'Bagian depan melengkung memakai pendekatan segmen transparan.', substrateHint: 'Lapisan ini dikurangi dari volume kotor.', resultHint: 'Hasil diperbarui saat Anda mengetik.', approximationLabel: 'Bagian substrat', footprintLabel: 'Alas', squareMetreUnit: 'm²', squareFootUnit: 'ft²', nano: 'Nano', compact: 'Kompak', roomy: 'Luas', showcase: 'Pajangan',
+  },
+});

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/it.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'it',
+  slug: 'calcolatore-volume-acquario-cambio-acqua',
+  title: "Calcolatore del volume dell'acquario e del cambio d'acqua",
+  description: "Calcola il volume d'acqua utile, lo spazio occupato dal substrato e la quantità da sostituire usando le misure interne del tuo acquario.",
+  faq: [
+    { question: "Il calcolatore usa la capacità indicata sulla confezione?", answer: "No. Sottrae l'altezza del substrato dal volume geometrico e fornisce una stima dell'acqua effettivamente disponibile." },
+    { question: "Come funziona l'opzione con fronte curvo?", answer: "Aggiunge un segmento circolare approssimato alla base rettangolare. Il risultato è indicativo perché i profili del vetro curvo cambiano da una vasca all'altra." },
+    { question: 'Quali unità sono disponibili?', answer: "La modalità metrica mostra centimetri, litri e chilogrammi. La modalità imperiale mostra pollici, galloni e libbre." },
+    { question: 'Il calcolatore consiglia un programma per il cambio?', answer: "No. Applica solo la percentuale inserita e non valuta la qualità dell'acqua o la popolazione della vasca." },
+    { question: 'I miei dati lasciano il browser?', answer: "No. Il calcolo avviene nel browser e le ultime impostazioni possono essere conservate localmente." },
+  ],
+  howTo: [
+    { name: "Scegliere la forma dell'acquario", text: "Seleziona una vasca rettangolare, cilindrica o con fronte curvo. Compariranno solo le misure necessarie per quella forma." },
+    { name: 'Inserire le misure interne', text: "Inserisci lunghezza, larghezza e altezza, oppure diametro e altezza per un cilindro. Le misure interne sono la base più utile." },
+    { name: 'Considerare il substrato', text: "Misura l'altezza media del substrato e inseriscila. Questo strato viene sottratto dal volume lordo." },
+    { name: "Impostare la percentuale d'acqua", text: "Inserisci la percentuale che vuoi sostituire. Il risultato mostra il volume corrispondente e la massa approssimativa dell'acqua." },
+  ],
+  seo: [
+    { type: 'title', text: "Quanta acqua c'è davvero nella vasca?", level: 2 },
+    { type: 'paragraph', html: "La capacità commerciale descrive spesso la vasca piena fino all'orlo. Per dosare, riscaldare o preparare un cambio d'acqua serve il volume utile: le misure interne meno lo spazio occupato dal substrato." },
+    { type: 'title', text: 'La base giusta per ogni forma', level: 2 },
+    { type: 'list', items: ['<strong>Rettangolare:</strong> lunghezza per larghezza per altezza.', '<strong>Cilindrica:</strong> area della base, pi greco per il raggio al quadrato, per altezza.', '<strong>Fronte curvo:</strong> base rettangolare più un segmento circolare approssimato.'] },
+    { type: 'title', text: "Misurare l'interno, non la scatola", level: 2 },
+    { type: 'paragraph', html: "Misura dall'interno del vetro. Se il substrato è inclinato, misura più punti e inserisci la media. Per forme molto irregolari, riempire la vasca con un recipiente di volume noto può essere più preciso di un'approssimazione geometrica." },
+    { type: 'tip', title: 'Leggere il volume del cambio', html: "<p>Il risultato applica la percentuale scelta al volume utile. Temperatura, salinità e oggetti presenti nella vasca possono modificare leggermente la massa reale dell'acqua.</p>" },
+    { type: 'table', headers: ['Risultato', 'Significato'], rows: [['Volume lordo', 'Volume geometrico prima del substrato'], ['Spostamento del substrato', 'Spazio stimato occupato dallo strato di fondo'], ['Volume utile', "Stima dell'acqua dopo aver sottratto il substrato"], ["Cambio d'acqua", 'Percentuale inserita applicata al volume utile']] },
+  ],
+  ui: {
+    configureLabel: "Configura l'acquario", dimensionsTitle: "Misure dell'acquario", shapeLabel: "Forma dell'acquario", rectangularShape: 'Rettangolare', cylindricalShape: 'Cilindrica', bowShape: 'Fronte curvo', lengthLabel: 'Lunghezza interna', widthLabel: 'Larghezza interna', heightLabel: 'Altezza interna', diameterLabel: 'Diametro interno', bowDepthLabel: 'Profondità della curva', substrateLabel: 'Altezza del substrato', changeLabel: "Cambio d'acqua", unitLabel: 'Unità', metricLabel: 'Metrico', imperialLabel: 'Imperiale', resetLabel: 'Ripristina', grossVolumeLabel: 'Volume lordo', substrateVolumeLabel: 'Spostamento del substrato', netVolumeLabel: 'Volume utile', changeVolumeLabel: "Acqua da sostituire", waterWeightLabel: "Massa dell'acqua", emptyState: 'Modifica le misure per vedere il livello.', invalidState: "Controlla le misure: usa valori positivi, mantieni il substrato sotto l'altezza della vasca e scegli un cambio tra 0 e 100 percento.", litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'pol', shapeHint: "Usa le misure interne per una stima più utile.", bowHint: 'Il fronte curvo usa un segmento circolare approssimato.', substrateHint: 'Questo strato viene sottratto dal volume lordo.', resultHint: "Il risultato si aggiorna mentre scrivi.", approximationLabel: 'Quota del substrato', footprintLabel: 'Base', squareMetreUnit: 'm²', squareFootUnit: 'ft²', nano: 'Nano', compact: 'Compatto', roomy: 'Spazioso', showcase: 'Vetrina',
+  },
+});

package/src/tool/aquariumTankVolumeWaterChangeCalculator/i18n/ja.ts

@@ -0,0 +1,34 @@
+import { createAquariumContent } from '../localized-content';
+
+export const content = createAquariumContent({
+  locale: 'ja',
+  slug: 'aquarium-tank-volume-water-change-calculator',
+  title: '水槽の容量と水換え量計算機',
+  description: '水槽の内寸と底床の厚さから、実際に使える水量、水換え量、水の重さを計算します。メートル法とヤード・ポンド法に対応しています。',
+  faq: [
+    { question: '市販の水槽容量をそのまま使いますか？', answer: 'いいえ。水槽の幾何学的な容量から底床が占める分を引き、実際に使える水量の目安を表示します。' },
+    { question: '前面が曲面の水槽はどう計算しますか？', answer: '長方形の底面に円形部分の近似を加えます。ガラスの曲線は製品ごとに異なるため、結果は目安です。' },
+    { question: 'どの単位を使えますか？', answer: 'メートル法ではセンチメートル、リットル、キログラムを表示し、ヤード・ポンド法ではインチ、ガロン、ポンドを表示します。' },
+    { question: '水換えの頻度も提案しますか？', answer: 'いいえ。入力した割合に対応する量だけを計算し、水質や生体数を判断するものではありません。' },
+    { question: '入力データは外部へ送信されますか？', answer: 'いいえ。計算はブラウザ内で行われ、最後の設定はこのブラウザにだけ保存できます。' },
+  ],
+  howTo: [
+    { name: '水槽の形を選ぶ', text: '長方形、円筒形、前面曲面から選びます。選んだ形に必要な入力だけが表示されます。' },
+    { name: '内寸を入力する', text: '長さ、幅、高さ、または円筒形の直径と高さを入力します。できるだけガラスの内側を測ってください。' },
+    { name: '底床の厚さを入力する', text: '傾斜した底床は数か所で測り、平均の厚さを入力します。その分が総容量から差し引かれます。' },
+    { name: '水換え割合を入力する', text: '交換したい割合を入力します。対応する水量と水の重さの目安が表示されます。' },
+  ],
+  seo: [
+    { type: 'title', text: '水槽に実際に入る水量を知る', level: 2 },
+    { type: 'paragraph', html: '商品に表示された容量は、水槽を満杯にしたときの値であることが多くあります。水換えや添加剤の量を決めるときは、内寸から底床が占める空間を引いた実用的な水量が役立ちます。' },
+    { type: 'title', text: '形状に合わせた計算', level: 2 },
+    { type: 'list', items: ['<strong>長方形:</strong> 長さ×幅×高さで計算します。', '<strong>円筒形:</strong> 半径の二乗に円周率と高さを掛けます。', '<strong>前面曲面:</strong> 長方形の底面に曲面部分の近似を加えます。'] },
+    { type: 'title', text: '外寸や箱の容量に頼らない', level: 2 },
+    { type: 'paragraph', html: 'ガラスの内側を測定してください。底床が傾斜している場合は複数箇所を測って平均を使います。形が大きく不規則な場合は、既知の容量の容器で実際に満たす方法が幾何学的な近似より正確なことがあります。' },
+    { type: 'tip', title: '水換え量の読み方', html: '<p>表示される交換量は、入力した割合を実用水量に適用した値です。水温や塩分、流木などの内部物は実際の水の重さを少し変えることがあります。</p>' },
+    { type: 'table', headers: ['表示', '意味'], rows: [['総容量', '底床を差し引く前の幾何学的な容量'], ['底床の排除量', '底床が占めると見積もった空間'], ['実用水量', '底床を差し引いた作業用の水量'], ['水換え量', '実用水量に入力割合を掛けた量']] },
+  ],
+  ui: {
+    configureLabel: '水槽を設定', dimensionsTitle: '水槽の寸法', shapeLabel: '水槽の形', rectangularShape: '長方形', cylindricalShape: '円筒形', bowShape: '前面曲面', lengthLabel: '内側の長さ', widthLabel: '内側の幅', heightLabel: '内側の高さ', diameterLabel: '内側の直径', bowDepthLabel: '曲面の奥行き', substrateLabel: '底床の厚さ', changeLabel: '水換え', unitLabel: '単位', metricLabel: 'メートル法', imperialLabel: 'ヤード・ポンド法', resetLabel: 'リセット', grossVolumeLabel: '総容量', substrateVolumeLabel: '底床の排除量', netVolumeLabel: '実用水量', changeVolumeLabel: '交換する水量', waterWeightLabel: '水の重さ', emptyState: '寸法を調整すると水位が表示されます。', invalidState: '寸法を確認してください。正の値を使い、底床を水槽の高さ未満にし、水換え割合を0から100パーセントにしてください。', litreUnit: 'L', gallonUnit: 'gal', kilogramUnit: 'kg', poundUnit: 'lb', lengthUnitMetric: 'cm', lengthUnitImperial: 'in', shapeHint: '内寸を使うと、より実用的な目安になります。', bowHint: '前面曲面は透明な近似計算です。', substrateHint: 'この厚さを総容量から差し引きます。', resultHint: '入力すると結果が更新されます。', approximationLabel: '底床の割合', footprintLabel: '底面積', squareMetreUnit: 'm²', squareFootUnit: 'ft²', nano: '小型', compact: '標準', roomy: '大型', showcase: '特大',
+  },
+});