@jjlmoya/utils-forensic-science 1.7.0 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-forensic-science",
-    "version": "1.7.0",
+    "version": "1.9.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",
@@ -28,7 +28,7 @@
         "check": "astro check",
         "type-check": "astro check",
         "test": "vitest run",
-        "preversion": "npm run lint && npm run test",
+        "preversion": "npm run lint && npm run test && npm run build",
         "postversion": "git push && git push --tags",
         "patch": "npm version patch",
         "minor": "npm version minor",

package/src/category/index.ts

@@ -1,19 +1,20 @@
 import type { ScienceCategoryEntry } from '../types';
-import { forensicAgeEstimator } from '../tool/forensic-age-estimator/index';
-import { widmarkAlcoholSimulator } from '../tool/widmark-alcohol-simulator/index';
-import { forensicSexDeterminator } from '../tool/forensic-sex-determinator/index';
-import { forensicStatureEstimator } from '../tool/forensic-stature-estimator/index';
-import { forensicBloodTestSimulator } from '../tool/forensic-blood-test-simulator/index';
-import { forensicImageAuthenticityAnalyzer } from '../tool/forensic-image-authenticity-analyzer/index';
-import { gsrDispersionCalculator } from '../tool/gsr-dispersion-calculator/index';
-import { forensicTlcInkSimulator } from '../tool/forensic-tlc-ink-simulator/index';
-import { forensicMicrocrystalDrugSimulator } from '../tool/forensic-microcrystal-drug-simulator/index';
-import { forensicGlassBeckeLineSimulator } from '../tool/forensic-glass-becke-line-simulator/index';
-import { forensicFiberComparisonMicroscope } from '../tool/forensic-fiber-comparison-microscope/index';
-import { bloodstainPatternOriginAnalyzer } from '../tool/bloodstain-pattern-origin-analyzer/index';
-import { forensicFingerprintMinutiaeIdentifier } from '../tool/forensic-fingerprint-minutiae-identifier/index';
-import { firePatternOriginAnalyzer } from '../tool/fire-pattern-origin-analyzer/index';
-import { forensicToolmarkStriationMatcher } from '../tool/forensic-toolmark-striation-matcher/index';
+import { forensicAgeEstimator } from '../tool/forensic-age-estimator/entry';
+import { widmarkAlcoholSimulator } from '../tool/widmark-alcohol-simulator/entry';
+import { forensicSexDeterminator } from '../tool/forensic-sex-determinator/entry';
+import { forensicStatureEstimator } from '../tool/forensic-stature-estimator/entry';
+import { forensicBloodTestSimulator } from '../tool/forensic-blood-test-simulator/entry';
+import { forensicImageAuthenticityAnalyzer } from '../tool/forensic-image-authenticity-analyzer/entry';
+import { gsrDispersionCalculator } from '../tool/gsr-dispersion-calculator/entry';
+import { forensicTlcInkSimulator } from '../tool/forensic-tlc-ink-simulator/entry';
+import { forensicMicrocrystalDrugSimulator } from '../tool/forensic-microcrystal-drug-simulator/entry';
+import { forensicGlassBeckeLineSimulator } from '../tool/forensic-glass-becke-line-simulator/entry';
+import { forensicFiberComparisonMicroscope } from '../tool/forensic-fiber-comparison-microscope/entry';
+import { bloodstainPatternOriginAnalyzer } from '../tool/bloodstain-pattern-origin-analyzer/entry';
+import { forensicFingerprintMinutiaeIdentifier } from '../tool/forensic-fingerprint-minutiae-identifier/entry';
+import { firePatternOriginAnalyzer } from '../tool/fire-pattern-origin-analyzer/entry';
+import { forensicToolmarkStriationMatcher } from '../tool/forensic-toolmark-striation-matcher/entry';
+import { timeOfDeathAlgorMortisCalculator } from '../tool/time-of-death-algor-mortis-calculator/entry';
 
 export const forensicCategory: ScienceCategoryEntry = {
   icon: 'mdi:fingerprint',
@@ -32,8 +33,12 @@ export const forensicCategory: ScienceCategoryEntry = {
     bloodstainPatternOriginAnalyzer,
     forensicFingerprintMinutiaeIdentifier,
     firePatternOriginAnalyzer,
-    forensicToolmarkStriationMatcher
+    forensicToolmarkStriationMatcher,
+    timeOfDeathAlgorMortisCalculator
   ],
+
+
+
   i18n: {
     de: () => import('./i18n/de').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),

package/src/entries.ts

@@ -28,6 +28,8 @@ export { firePatternOriginAnalyzer } from './tool/fire-pattern-origin-analyzer/e
 export type { FirePatternOriginAnalyzerUI, FirePatternOriginAnalyzerLocaleContent } from './tool/fire-pattern-origin-analyzer/entry';
 export { forensicToolmarkStriationMatcher } from './tool/forensic-toolmark-striation-matcher/entry';
 export type { ToolmarkStriationMatcherUI, ToolmarkStriationMatcherLocaleContent } from './tool/forensic-toolmark-striation-matcher/entry';
+export { timeOfDeathAlgorMortisCalculator } from './tool/time-of-death-algor-mortis-calculator/entry';
+export type { TimeOfDeathAlgorMortisUI, TimeOfDeathAlgorMortisLocaleContent } from './tool/time-of-death-algor-mortis-calculator/entry';
 
 import { forensicAgeEstimator } from './tool/forensic-age-estimator/entry';
 import { widmarkAlcoholSimulator } from './tool/widmark-alcohol-simulator/entry';
@@ -44,6 +46,7 @@ import { bloodstainPatternOriginAnalyzer } from './tool/bloodstain-pattern-origi
 import { forensicFingerprintMinutiaeIdentifier } from './tool/forensic-fingerprint-minutiae-identifier/entry';
 import { firePatternOriginAnalyzer } from './tool/fire-pattern-origin-analyzer/entry';
 import { forensicToolmarkStriationMatcher } from './tool/forensic-toolmark-striation-matcher/entry';
+import { timeOfDeathAlgorMortisCalculator } from './tool/time-of-death-algor-mortis-calculator/entry';
 
 export const ALL_ENTRIES = [
   forensicAgeEstimator,
@@ -60,5 +63,9 @@ export const ALL_ENTRIES = [
   bloodstainPatternOriginAnalyzer,
   forensicFingerprintMinutiaeIdentifier,
   firePatternOriginAnalyzer,
-  forensicToolmarkStriationMatcher
+  forensicToolmarkStriationMatcher,
+  timeOfDeathAlgorMortisCalculator
 ];
+
+
+

package/src/tests/locale_completeness.test.ts

@@ -18,7 +18,7 @@ describe('Locale Completeness Validation', () => {
     });
   });
 
-    it('all 15 tools registered', () => {
-      expect(ALL_TOOLS.length).toBe(15);
+    it('all 16 tools registered', () => {
+      expect(ALL_TOOLS.length).toBe(16);
   });
 });

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { scienceCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 15 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(15);
+    it('should have 16 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(16);
     });
 
     it('scienceCategory should be defined', () => {

package/src/tool/time-of-death-algor-mortis-calculator/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { timeOfDeathAlgorMortisCalculator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await timeOfDeathAlgorMortisCalculator.i18n[locale]?.();
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/time-of-death-algor-mortis-calculator/bibliography.ts

@@ -0,0 +1,7 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'Henssge, C. - Death time estimation in case work by the means of a nomogram', url: 'https://pubmed.ncbi.nlm.nih.gov/3192144/' },
+  { name: 'Henssge, C. & Madea, B. - Estimation of the time since death in the early post-mortem period', url: 'https://pubmed.ncbi.nlm.nih.gov/15364387/' },
+  { name: 'National Center for Biotechnology Information - Postmortem Interval and Algor Mortis Review', url: 'https://www.ncbi.nlm.nih.gov/books/NBK554464/' }
+];

package/src/tool/time-of-death-algor-mortis-calculator/component.astro

@@ -0,0 +1,133 @@
+---
+import type { KnownLocale } from '../../types';
+import type { TimeOfDeathAlgorMortisUI } from './ui';
+import { timeOfDeathAlgorMortisCalculator } from './entry';
+import './time-of-death-algor-mortis-calculator.css';
+
+interface Props {
+  ui?: TimeOfDeathAlgorMortisUI;
+  locale?: KnownLocale;
+}
+
+const { ui: propUi, locale = 'en' } = Astro.props;
+let ui = propUi;
+if (!ui) {
+  const content = await timeOfDeathAlgorMortisCalculator.i18n[locale]?.();
+  ui = content?.ui;
+}
+if (!ui) return null;
+---
+
+<div class="sc-algor-cockpit" id="algor-cockpit-root" data-i18n={JSON.stringify(ui)}>
+  <div class="sc-cockpit-sidebar">
+    <div>
+      <div class="sc-header-row">
+        <div class="sc-panel-title">{ui.presetsHeader}</div>
+        <div class="sc-unit-toggle">
+          <button type="button" class="sc-unit-btn active" data-unit="metric">{ui.unitMetricLabel || 'Metric'}</button>
+          <button type="button" class="sc-unit-btn" data-unit="imperial">{ui.unitImperialLabel || 'Imperial'}</button>
+        </div>
+      </div>
+      <div class="sc-presets-wrap">
+        <button type="button" class="sc-preset-chip active" data-preset="dressedIndoor">{ui.presetDressedIndoor}</button>
+        <button type="button" class="sc-preset-chip" data-preset="nakedCalm">{ui.presetNakedCalm}</button>
+        <button type="button" class="sc-preset-chip" data-preset="winterOutdoor">{ui.presetWinterOutdoor}</button>
+        <button type="button" class="sc-preset-chip" data-preset="submergedWater">{ui.presetSubmergedWater}</button>
+        <button type="button" class="sc-preset-chip" data-preset="heavyDuvet">{ui.presetHeavyDuvet}</button>
+      </div>
+    </div>
+
+    <div class="sc-input-group">
+      <div class="sc-input-label-row">
+        <label class="sc-label" for="slider-rectalTemp">{ui.rectalTempLabel}</label>
+        <span class="sc-label" id="label-unit-temp-1">{ui.celsiusUnit}</span>
+      </div>
+      <div class="sc-tactile-row">
+        <input type="range" id="slider-rectalTemp" class="sc-slider" data-key="rectalTemp" min="10" max="40" step="0.1" value="30.5" />
+        <input type="number" id="num-rectalTemp" class="sc-num-input" data-key="rectalTemp" aria-label={ui.rectalTempLabel} min="10" max="40" step="0.1" value="30.5" />
+      </div>
+    </div>
+
+    <div class="sc-input-group">
+      <div class="sc-input-label-row">
+        <label class="sc-label" for="slider-ambientTemp">{ui.ambientTempLabel}</label>
+        <span class="sc-label" id="label-unit-temp-2">{ui.celsiusUnit}</span>
+      </div>
+      <div class="sc-tactile-row">
+        <input type="range" id="slider-ambientTemp" class="sc-slider" data-key="ambientTemp" min="-10" max="38" step="0.1" value="19.5" />
+        <input type="number" id="num-ambientTemp" class="sc-num-input" data-key="ambientTemp" aria-label={ui.ambientTempLabel} min="-10" max="38" step="0.1" value="19.5" />
+      </div>
+    </div>
+
+    <div class="sc-input-group">
+      <div class="sc-input-label-row">
+        <label class="sc-label" for="slider-bodyWeight">{ui.bodyWeightLabel}</label>
+        <span class="sc-label" id="label-unit-weight">{ui.kgUnit}</span>
+      </div>
+      <div class="sc-tactile-row">
+        <input type="range" id="slider-bodyWeight" class="sc-slider" data-key="bodyWeight" min="20" max="180" step="0.5" value="75" />
+        <input type="number" id="num-bodyWeight" class="sc-num-input" data-key="bodyWeight" aria-label={ui.bodyWeightLabel} min="20" max="180" step="0.5" value="75" />
+      </div>
+    </div>
+
+    <div class="sc-input-group">
+      <label class="sc-label" for="factor-select-trigger">{ui.factorLabel}</label>
+      <div class="sc-custom-select" id="factor-custom-select">
+        <button type="button" class="sc-select-trigger" id="factor-select-trigger" aria-haspopup="listbox">
+          <span class="sc-select-val">{ui.factorLightClothes} (1.1)</span>
+          <svg class="sc-select-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <polyline points="6 9 12 15 18 9"></polyline>
+          </svg>
+        </button>
+        <div class="sc-select-dropdown" id="factor-select-dropdown" role="listbox">
+          <div class="sc-select-option" data-factor-val="1.0">{ui.factorNaked} (1.0)</div>
+          <div class="sc-select-option" data-factor-val="1.1">{ui.factorLightClothes} (1.1)</div>
+          <div class="sc-select-option" data-factor-val="1.2">{ui.factorStandardClothes} (1.2)</div>
+          <div class="sc-select-option" data-factor-val="1.4">{ui.factorHeavyWinter} (1.4)</div>
+          <div class="sc-select-option" data-factor-val="1.3">{ui.factorLightBlanket} (1.3)</div>
+          <div class="sc-select-option" data-factor-val="1.8">{ui.factorHeavyDuvet} (1.8)</div>
+          <div class="sc-select-option" data-factor-val="0.5">{ui.factorStillWater} (0.5)</div>
+          <div class="sc-select-option" data-factor-val="0.35">{ui.factorFlowingWater} (0.35)</div>
+          <div class="sc-select-option" data-factor-val="0.7">{ui.factorWetClothing} (0.7)</div>
+          <div class="sc-select-option" data-factor-val="0.75">{ui.factorMovingAir} (0.75)</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="sc-input-group">
+      <label class="sc-label" for="input-time">{ui.measurementTimeLabel}</label>
+      <div class="sc-actions-row">
+        <div class="sc-time-wrap">
+          <input type="time" id="input-time" class="sc-time-input" value="14:00" />
+          <svg class="sc-time-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="12" cy="12" r="10"></circle>
+            <polyline points="12 6 12 12 16 14"></polyline>
+          </svg>
+        </div>
+        <button type="button" id="btn-now" class="sc-btn sc-btn-primary">{ui.nowBtn}</button>
+        <button type="button" id="btn-reset" class="sc-btn">{ui.resetBtn}</button>
+      </div>
+    </div>
+
+    <div class="sc-warning-card">
+      <div class="sc-warning-title">{ui.disclaimerTitle || ui.inputsHeader}</div>
+      <div class="sc-warning-text">{ui.disclaimer}</div>
+    </div>
+  </div>
+
+  <div class="sc-cockpit-stage">
+    <div id="telemetry-stage"></div>
+    <div class="sc-chart-stage">
+      <div class="sc-panel-title">{ui.chartHeader}</div>
+      <svg id="nomogram-svg" class="sc-nomogram-svg"></svg>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { AlgorMortisController } from './controller';
+  const root = document.getElementById('algor-cockpit-root');
+  if (root) {
+    new AlgorMortisController(root);
+  }
+</script>

package/src/tool/time-of-death-algor-mortis-calculator/controller.ts

@@ -0,0 +1,254 @@
+import type { TimeOfDeathAlgorMortisUI } from './ui';
+import { calculateAlgorMortis, celsiusToFahrenheit, fahrenheitToCelsius, kgToLb, lbToKg, type AlgorMortisInputs } from './logic';
+import { loadSavedState, saveState } from './storage';
+import { renderTelemetry, renderSvgNomogram } from './dom-views';
+
+interface SliderRange {
+  min: number;
+  max: number;
+  step: number;
+}
+
+interface PresetDef {
+  nameKey: string;
+  rectal: number;
+  ambient: number;
+  weight: number;
+  factor: number;
+}
+
+const PRESETS: Record<string, PresetDef> = {
+  dressedIndoor: { nameKey: 'presetDressedIndoor', rectal: 30.5, ambient: 19.5, weight: 75, factor: 1.1 },
+  nakedCalm: { nameKey: 'presetNakedCalm', rectal: 28.5, ambient: 20.0, weight: 70, factor: 1.0 },
+  winterOutdoor: { nameKey: 'presetWinterOutdoor', rectal: 22.0, ambient: 4.0, weight: 80, factor: 1.4 },
+  submergedWater: { nameKey: 'presetSubmergedWater', rectal: 24.0, ambient: 12.0, weight: 70, factor: 0.5 },
+  heavyDuvet: { nameKey: 'presetHeavyDuvet', rectal: 33.0, ambient: 18.0, weight: 85, factor: 1.8 }
+};
+
+export class AlgorMortisController {
+  private container: HTMLElement;
+  private ui: TimeOfDeathAlgorMortisUI;
+  private inputs: AlgorMortisInputs;
+
+  constructor(container: HTMLElement) {
+    this.container = container;
+    this.ui = JSON.parse(container.dataset.i18n || '{}');
+    this.inputs = this.getInitialInputs();
+    this.updateUnitUI();
+    this.syncAllFormControls();
+    this.bindUnitToggle();
+    this.bindInputs();
+    this.bindPresets();
+    this.bindCustomSelect();
+    this.bindActionButtons();
+    this.update();
+  }
+
+  private getInitialInputs(): AlgorMortisInputs {
+    const now = new Date();
+    const hh = String(now.getHours()).padStart(2, '0');
+    const mm = String(now.getMinutes()).padStart(2, '0');
+    const defaults: AlgorMortisInputs = {
+      rectalTemp: 30.5,
+      ambientTemp: 19.5,
+      bodyWeight: 75,
+      correctionFactor: 1.1,
+      measurementTime: `${hh}:${mm}`,
+      unitSystem: 'metric'
+    };
+    return Object.assign(defaults, loadSavedState() || {});
+  }
+
+  private bindUnitToggle(): void {
+    this.container.querySelectorAll<HTMLButtonElement>('.sc-unit-btn').forEach((btn) => {
+      btn.addEventListener('click', () => {
+        const target = btn.dataset.unit as 'metric' | 'imperial';
+        if (target !== this.inputs.unitSystem) this.switchUnitSystem(target);
+      });
+    });
+  }
+
+  private switchUnitSystem(targetUnit: 'metric' | 'imperial'): void {
+    const isTargetImp = targetUnit === 'imperial';
+    this.inputs.rectalTemp = isTargetImp ? celsiusToFahrenheit(this.inputs.rectalTemp) : fahrenheitToCelsius(this.inputs.rectalTemp);
+    this.inputs.ambientTemp = isTargetImp ? celsiusToFahrenheit(this.inputs.ambientTemp) : fahrenheitToCelsius(this.inputs.ambientTemp);
+    this.inputs.bodyWeight = isTargetImp ? kgToLb(this.inputs.bodyWeight) : lbToKg(this.inputs.bodyWeight);
+    this.inputs.unitSystem = targetUnit;
+    this.updateUnitUI();
+    this.syncAllFormControls();
+    this.update();
+  }
+
+  private updateUnitUI(): void {
+    const isImp = this.inputs.unitSystem === 'imperial';
+    this.container.querySelectorAll<HTMLButtonElement>('.sc-unit-btn').forEach((b) => {
+      b.classList.toggle('active', b.dataset.unit === this.inputs.unitSystem);
+    });
+    this.setText('#label-unit-temp-1', isImp ? this.ui.fahrenheitUnit : this.ui.celsiusUnit);
+    this.setText('#label-unit-temp-2', isImp ? this.ui.fahrenheitUnit : this.ui.celsiusUnit);
+    this.setText('#label-unit-weight', isImp ? this.ui.lbUnit : this.ui.kgUnit);
+    this.setSliderBounds('#slider-rectalTemp', '#num-rectalTemp', isImp ? { min: 50, max: 104, step: 0.2 } : { min: 10, max: 40, step: 0.1 });
+    this.setSliderBounds('#slider-ambientTemp', '#num-ambientTemp', isImp ? { min: 14, max: 100, step: 0.2 } : { min: -10, max: 38, step: 0.1 });
+    this.setSliderBounds('#slider-bodyWeight', '#num-bodyWeight', isImp ? { min: 44, max: 400, step: 1 } : { min: 20, max: 180, step: 0.5 });
+    this.updatePresetLabels();
+  }
+
+  private updatePresetLabels(): void {
+    const isImp = this.inputs.unitSystem === 'imperial';
+    this.container.querySelectorAll<HTMLButtonElement>('.sc-preset-chip').forEach((chip) => {
+      const p = PRESETS[chip.dataset.preset || ''];
+      if (!p) return;
+      const rawText = this.ui[p.nameKey];
+      const baseName = rawText ? rawText.split('(')[0]?.trim() : p.nameKey;
+      const tempDisplay = isImp ? `${celsiusToFahrenheit(p.ambient)}°F` : `${p.ambient}°C`;
+      chip.textContent = `${baseName} (${tempDisplay})`;
+    });
+  }
+
+  private setSliderBounds(sId: string, nId: string, range: SliderRange): void {
+    const s = this.container.querySelector<HTMLInputElement>(sId);
+    const n = this.container.querySelector<HTMLInputElement>(nId);
+    [s, n].forEach((el) => {
+      if (el) {
+        el.min = String(range.min);
+        el.max = String(range.max);
+        el.step = String(range.step);
+      }
+    });
+  }
+
+  private setText(selector: string, val: string): void {
+    const el = this.container.querySelector<HTMLElement>(selector);
+    if (el) el.textContent = val;
+  }
+
+  private bindInputs(): void {
+    this.container.querySelectorAll<HTMLInputElement>('.sc-slider').forEach((slider) => {
+      slider.addEventListener('input', () => this.handleSliderSync(slider));
+    });
+    this.container.querySelectorAll<HTMLInputElement>('.sc-num-input').forEach((input) => {
+      input.addEventListener('input', () => this.handleNumSync(input));
+    });
+    const timeInput = this.container.querySelector<HTMLInputElement>('#input-time');
+    timeInput?.addEventListener('input', () => {
+      this.inputs.measurementTime = timeInput.value;
+      this.update();
+    });
+  }
+
+  private handleSliderSync(slider: HTMLInputElement): void {
+    const key = slider.dataset.key as keyof AlgorMortisInputs;
+    if (!key) return;
+    const val = parseFloat(slider.value) || 0;
+    (this.inputs[key] as number) = val;
+    const numInput = this.container.querySelector<HTMLInputElement>(`#num-${key}`);
+    if (numInput) numInput.value = String(val);
+    this.update();
+  }
+
+  private handleNumSync(input: HTMLInputElement): void {
+    const key = input.dataset.key as keyof AlgorMortisInputs;
+    if (!key) return;
+    const val = parseFloat(input.value) || 0;
+    (this.inputs[key] as number) = val;
+    const slider = this.container.querySelector<HTMLInputElement>(`#slider-${key}`);
+    if (slider) slider.value = String(val);
+    this.update();
+  }
+
+  private bindPresets(): void {
+    this.container.querySelectorAll<HTMLButtonElement>('.sc-preset-chip').forEach((chip) => {
+      chip.addEventListener('click', () => {
+        const presetKey = chip.dataset.preset;
+        if (!presetKey || !PRESETS[presetKey]) return;
+        const p = PRESETS[presetKey];
+        const isImp = this.inputs.unitSystem === 'imperial';
+        this.inputs.rectalTemp = isImp ? celsiusToFahrenheit(p.rectal) : p.rectal;
+        this.inputs.ambientTemp = isImp ? celsiusToFahrenheit(p.ambient) : p.ambient;
+        this.inputs.bodyWeight = isImp ? kgToLb(p.weight) : p.weight;
+        this.inputs.correctionFactor = p.factor;
+        this.syncAllFormControls();
+        this.updatePresetChips(presetKey);
+        this.update();
+      });
+    });
+  }
+
+  private updatePresetChips(activeKey?: string): void {
+    this.container.querySelectorAll<HTMLButtonElement>('.sc-preset-chip').forEach((chip) => {
+      chip.classList.toggle('active', chip.dataset.preset === activeKey);
+    });
+  }
+
+  private bindCustomSelect(): void {
+    const trigger = this.container.querySelector<HTMLButtonElement>('#factor-select-trigger');
+    const dropdown = this.container.querySelector<HTMLElement>('#factor-select-dropdown');
+    trigger?.addEventListener('click', (e) => {
+      e.stopPropagation();
+      dropdown?.classList.toggle('open');
+    });
+    document.addEventListener('click', () => dropdown?.classList.remove('open'));
+    this.container.querySelectorAll<HTMLElement>(`[data-factor-val]`).forEach((opt) => {
+      opt.addEventListener('click', () => {
+        this.inputs.correctionFactor = parseFloat(opt.dataset.factorVal || '1.1');
+        const span = trigger?.querySelector<HTMLElement>('.sc-select-val');
+        if (span) span.textContent = opt.textContent || '';
+        dropdown?.classList.remove('open');
+        this.update();
+      });
+    });
+  }
+
+  private bindActionButtons(): void {
+    this.container.querySelector<HTMLButtonElement>('#btn-now')?.addEventListener('click', () => {
+      const now = new Date();
+      const hh = String(now.getHours()).padStart(2, '0');
+      const mm = String(now.getMinutes()).padStart(2, '0');
+      this.inputs.measurementTime = `${hh}:${mm}`;
+      const timeInput = this.container.querySelector<HTMLInputElement>('#input-time');
+      if (timeInput) timeInput.value = this.inputs.measurementTime;
+      this.update();
+    });
+    this.container.querySelector<HTMLButtonElement>('#btn-reset')?.addEventListener('click', () => {
+      const isImp = this.inputs.unitSystem === 'imperial';
+      this.inputs.rectalTemp = isImp ? 86.9 : 30.5;
+      this.inputs.ambientTemp = isImp ? 67.1 : 19.5;
+      this.inputs.bodyWeight = isImp ? 165 : 75;
+      this.inputs.correctionFactor = 1.1;
+      this.inputs.measurementTime = '14:00';
+      this.syncAllFormControls();
+      this.updatePresetChips();
+      this.update();
+    });
+  }
+
+  private syncAllFormControls(): void {
+    const syncPair = (key: string, val: number) => {
+      const slider = this.container.querySelector<HTMLInputElement>(`#slider-${key}`);
+      const num = this.container.querySelector<HTMLInputElement>(`#num-${key}`);
+      if (slider) slider.value = String(val);
+      if (num) num.value = String(val);
+    };
+    syncPair('rectalTemp', this.inputs.rectalTemp);
+    syncPair('ambientTemp', this.inputs.ambientTemp);
+    syncPair('bodyWeight', this.inputs.bodyWeight);
+    const timeInput = this.container.querySelector<HTMLInputElement>('#input-time');
+    if (timeInput) timeInput.value = this.inputs.measurementTime;
+    const trigger = this.container.querySelector<HTMLElement>('#factor-select-trigger .sc-select-val');
+    const matchingOpt = this.container.querySelector<HTMLElement>(`[data-factor-val="${this.inputs.correctionFactor}"]`);
+    if (trigger && matchingOpt) trigger.textContent = matchingOpt.textContent || '';
+  }
+
+  private update(): void {
+    saveState(this.inputs);
+    const result = calculateAlgorMortis(this.inputs);
+    const telemetryContainer = this.container.querySelector<HTMLElement>('#telemetry-stage');
+    if (telemetryContainer) {
+      renderTelemetry(telemetryContainer, result, this.inputs, this.ui);
+    }
+    const svgEl = this.container.querySelector<SVGSVGElement>('#nomogram-svg');
+    if (svgEl) {
+      renderSvgNomogram(svgEl, { result, inputs: this.inputs, ui: this.ui });
+    }
+  }
+}