@jjlmoya/utils-science 1.51.0 → 1.53.0

package/src/tool/cellular-renewal/component.astro

@@ -1,126 +1,126 @@
----
-interface Props {
-  ui: Record<string, string>;
-}
-
-const { ui } = Astro.props;
----
-
-<div class="cellular-app" id="cellular-app">
-  <div class="cellular-card">
-    <div class="input-section">
-      <div class="input-group">
-        <div class="input-label">{ui.biologicalTimeline}</div>
-        <div class="age-display">
-          <span id="ageDisplay">25</span>
-          <span class="age-unit">{ui.ageUnit}</span>
-        </div>
-        <input
-          type="range"
-          id="ageRange"
-          min="1"
-          max="105"
-          step="1"
-          value="25"
-          aria-label="Edad"
-        />
-      </div>
-    </div>
-
-    <div class="results-grid">
-      <div class="main-stat">
-        <span class="main-stat-label">{ui.matterNewPercent}</span>
-        <div class="main-stat-value">
-          <span id="newStatVal">93</span>
-          <span class="percent-sign">%</span>
-        </div>
-        <div class="main-stat-sublabel">{ui.atomicRenewal}</div>
-      </div>
-
-      <div class="tissue-list">
-        <div class="tissue-item">
-          <div class="tissue-header">
-            <span class="tissue-name">{ui.skinAndBlood}</span>
-            <span class="tissue-percentage" id="skinVal">100%</span>
-          </div>
-          <div class="bar-container">
-            <div class="bar-fill" id="skinBar" style="width: 100%;"></div>
-          </div>
-        </div>
-
-        <div class="tissue-item">
-          <div class="tissue-header">
-            <span class="tissue-name">{ui.boneRemodeling}</span>
-            <span class="tissue-percentage" id="boneVal">85%</span>
-          </div>
-          <div class="bar-container">
-            <div class="bar-fill" id="boneBar" style="width: 85%;"></div>
-          </div>
-        </div>
-
-        <div class="tissue-item">
-          <div class="tissue-header">
-            <span class="tissue-name">{ui.organicMatrix}</span>
-            <span class="tissue-percentage" id="organVal">60%</span>
-          </div>
-          <div class="bar-container">
-            <div class="bar-fill" id="organBar" style="width: 60%;"></div>
-          </div>
-        </div>
-
-        <div class="tissue-item">
-          <div class="tissue-header">
-            <span class="tissue-name">{ui.perennialCells}</span>
-            <span class="tissue-percentage" id="brainVal">12%</span>
-          </div>
-          <div class="bar-container">
-            <div class="bar-fill" id="brainBar" style="width: 12%;"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <p class="disclaimer">
-      {ui.disclaimerText}
-    </p>
-  </div>
-</div>
-
-
-
-<script>
-  import { CellularRenewalEngine } from "./logic/CellularRenewalEngine";
-
-  const ageInput = document.getElementById("ageRange") as HTMLInputElement;
-  const ageDisplay = document.getElementById("ageDisplay");
-  const newStatVal = document.getElementById("newStatVal");
-  const skinVal = document.getElementById("skinVal");
-  const skinBar = document.getElementById("skinBar");
-  const boneVal = document.getElementById("boneVal");
-  const boneBar = document.getElementById("boneBar");
-  const organVal = document.getElementById("organVal");
-  const organBar = document.getElementById("organBar");
-  const brainVal = document.getElementById("brainVal");
-  const brainBar = document.getElementById("brainBar");
-
-  function updateBar(valEl: HTMLElement | null, barEl: HTMLElement | null, percent: number) {
-    if (valEl) valEl.textContent = `${percent}%`;
-    if (barEl) barEl.style.width = `${percent}%`;
-  }
-
-  function update() {
-    const age = parseInt(ageInput.value);
-    if (ageDisplay) ageDisplay.textContent = age.toString();
-
-    const result = CellularRenewalEngine.calculate(age);
-    if (newStatVal) newStatVal.textContent = result.total.toString();
-
-    updateBar(skinVal, skinBar, result.skin);
-    updateBar(boneVal, boneBar, result.bone);
-    updateBar(organVal, organBar, result.organ);
-    updateBar(brainVal, brainBar, result.brain);
-  }
-
-  ageInput?.addEventListener("input", update);
-  update();
-</script>
+---
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="cellular-app" id="cellular-app">
+  <div class="cellular-card">
+    <div class="input-section">
+      <div class="input-group">
+        <div class="input-label">{ui.biologicalTimeline}</div>
+        <div class="age-display">
+          <span id="ageDisplay">25</span>
+          <span class="age-unit">{ui.ageUnit}</span>
+        </div>
+        <input
+          type="range"
+          id="ageRange"
+          min="1"
+          max="105"
+          step="1"
+          value="25"
+          aria-label="Edad"
+        />
+      </div>
+    </div>
+
+    <div class="results-grid">
+      <div class="main-stat">
+        <span class="main-stat-label">{ui.matterNewPercent}</span>
+        <div class="main-stat-value">
+          <span id="newStatVal">93</span>
+          <span class="percent-sign">%</span>
+        </div>
+        <div class="main-stat-sublabel">{ui.atomicRenewal}</div>
+      </div>
+
+      <div class="tissue-list">
+        <div class="tissue-item">
+          <div class="tissue-header">
+            <span class="tissue-name">{ui.skinAndBlood}</span>
+            <span class="tissue-percentage" id="skinVal">100%</span>
+          </div>
+          <div class="bar-container">
+            <div class="bar-fill" id="skinBar" style="width: 100%;"></div>
+          </div>
+        </div>
+
+        <div class="tissue-item">
+          <div class="tissue-header">
+            <span class="tissue-name">{ui.boneRemodeling}</span>
+            <span class="tissue-percentage" id="boneVal">85%</span>
+          </div>
+          <div class="bar-container">
+            <div class="bar-fill" id="boneBar" style="width: 85%;"></div>
+          </div>
+        </div>
+
+        <div class="tissue-item">
+          <div class="tissue-header">
+            <span class="tissue-name">{ui.organicMatrix}</span>
+            <span class="tissue-percentage" id="organVal">60%</span>
+          </div>
+          <div class="bar-container">
+            <div class="bar-fill" id="organBar" style="width: 60%;"></div>
+          </div>
+        </div>
+
+        <div class="tissue-item">
+          <div class="tissue-header">
+            <span class="tissue-name">{ui.perennialCells}</span>
+            <span class="tissue-percentage" id="brainVal">12%</span>
+          </div>
+          <div class="bar-container">
+            <div class="bar-fill" id="brainBar" style="width: 12%;"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <p class="disclaimer">
+      {ui.disclaimerText}
+    </p>
+  </div>
+</div>
+
+
+
+<script>
+  import { CellularRenewalEngine } from "./logic/CellularRenewalEngine";
+
+  const ageInput = document.getElementById("ageRange") as HTMLInputElement;
+  const ageDisplay = document.getElementById("ageDisplay");
+  const newStatVal = document.getElementById("newStatVal");
+  const skinVal = document.getElementById("skinVal");
+  const skinBar = document.getElementById("skinBar");
+  const boneVal = document.getElementById("boneVal");
+  const boneBar = document.getElementById("boneBar");
+  const organVal = document.getElementById("organVal");
+  const organBar = document.getElementById("organBar");
+  const brainVal = document.getElementById("brainVal");
+  const brainBar = document.getElementById("brainBar");
+
+  function updateBar(valEl: HTMLElement | null, barEl: HTMLElement | null, percent: number) {
+    if (valEl) valEl.textContent = `${percent}%`;
+    if (barEl) barEl.style.width = `${percent}%`;
+  }
+
+  function update() {
+    const age = parseInt(ageInput.value);
+    if (ageDisplay) ageDisplay.textContent = age.toString();
+
+    const result = CellularRenewalEngine.calculate(age);
+    if (newStatVal) newStatVal.textContent = result.total.toString();
+
+    updateBar(skinVal, skinBar, result.skin);
+    updateBar(boneVal, boneBar, result.bone);
+    updateBar(organVal, organBar, result.organ);
+    updateBar(brainVal, brainBar, result.brain);
+  }
+
+  ageInput?.addEventListener("input", update);
+  update();
+</script>

package/src/tool/cellular-renewal/i18n/de.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/en.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/es.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/fr.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/id.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/it.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/ja.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/ko.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/nl.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/pl.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/pt.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/ru.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/sv.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/tr.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/i18n/zh.ts

@@ -183,4 +183,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/cellular-renewal/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { cellularRenewal } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await cellularRenewal.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { cellularRenewal } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await cellularRenewal.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/colony-counter/i18n/de.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/en.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/es.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/fr.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/id.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/it.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/ja.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/ko.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/nl.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/pl.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/pt.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/ru.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/sv.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/tr.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/i18n/zh.ts

@@ -173,4 +173,4 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
-
+

package/src/tool/colony-counter/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { colonyCounter } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await colonyCounter.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { colonyCounter } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await colonyCounter.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/conway-life-rule-lab/component.astro

@@ -129,4 +129,4 @@ const { ui } = Astro.props;
   const root = document.getElementById('life-lab-root');
   if (root) startLifeLab(root);
 </script>
-
+