@jjlmoya/utils-nautical 1.5.0 → 1.7.0

package/src/tool/endurance/component.astro

@@ -1,5 +1,4 @@
 ---
-import './style.css';
 import type { EnduranceUI } from './index';
 
 interface Props {
@@ -308,3 +307,343 @@ const { ui } = Astro.props;
   void SEA_FACTORS;
   new EnduranceCalculator();
 </script>
+
+<style>
+  .endurance-calculator {
+    --n-bg: #fff;
+    --n-bg-muted: #f1f5f9;
+    --n-text: #0f172a;
+    --n-text-muted: #475569;
+    --n-text-dim: #64748b;
+    --n-border: #e2e8f0;
+    --n-shadow: rgba(0, 0, 0, 0.05);
+    --n-primary: #3b82f6;
+    --n-primary-on: #fff;
+    --n-accent: #6366f1;
+    --n-cyan: #0891b2;
+    --n-success: #10b981;
+    --n-warning: #f59e0b;
+    --n-error: #f43f5e;
+    --ec-hero-bg: #0f172a;
+    --ec-hero-label: #22d3ee;
+
+    max-width: 1000px;
+    margin: 0 auto;
+  }
+
+  :global(.theme-dark) .endurance-calculator {
+    --n-bg: #0f172a;
+    --n-bg-muted: #1e293b;
+    --n-text: #f8fafc;
+    --n-text-muted: #94a3b8;
+    --n-text-dim: #64748b;
+    --n-border: #334155;
+    --n-shadow: rgba(0, 0, 0, 0.3);
+    --n-primary: #60a5fa;
+    --n-primary-on: #fff;
+    --n-accent: #818cf8;
+    --n-cyan: #22d3ee;
+    --n-success: #34d399;
+    --n-warning: #fbbf24;
+    --n-error: #fb7185;
+    --ec-hero-bg: #020617;
+    --ec-hero-label: #22d3ee;
+  }
+
+  .ec-main-container {
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 1.5rem;
+    display: grid;
+    grid-template-columns: 360px 1fr;
+    overflow: hidden;
+    box-shadow: 0 20px 40px var(--n-shadow);
+  }
+
+  .ec-sidebar-inputs {
+    padding: 1.5rem;
+    border-right: 1px solid var(--n-border);
+    background: var(--n-bg-muted);
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+  }
+
+  .ec-compact-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+  }
+
+  .ec-compact-group label {
+    font-size: 0.7rem;
+    font-weight: 800;
+    text-transform: uppercase;
+    color: var(--n-text-muted);
+    letter-spacing: 0.06em;
+  }
+
+  .ec-dual-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0.5rem;
+  }
+
+  .ec-sub-label {
+    font-size: 0.65rem;
+    color: var(--n-text-muted);
+    font-weight: 700;
+    margin-bottom: 0.2rem;
+    display: block;
+  }
+
+  .ec-field-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .ec-field-icon {
+    position: absolute;
+    left: 8px;
+    font-size: 0.9rem;
+    color: var(--n-text-muted);
+    pointer-events: none;
+  }
+
+  .ec-compact-input,
+  .ec-compact-select {
+    width: 100%;
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 0.5rem;
+    padding: 0.6rem 2.4rem 0.6rem 2.2rem;
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: var(--n-text);
+    outline: none;
+    transition: border-color 0.2s;
+  }
+
+  .ec-compact-input:focus,
+  .ec-compact-select:focus {
+    border-color: var(--n-primary);
+  }
+
+  .ec-compact-select {
+    padding-right: 0.6rem;
+    cursor: pointer;
+  }
+
+  .ec-unit-tag {
+    position: absolute;
+    right: 8px;
+    font-size: 0.65rem;
+    font-weight: 800;
+    color: var(--n-text-muted);
+    pointer-events: none;
+  }
+
+  .ec-dashboard-panel {
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  .ec-hero-display {
+    background: var(--ec-hero-bg);
+    border-radius: 1rem;
+    padding: 2rem;
+    color: var(--n-primary-on);
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .ec-hero-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+  }
+
+  .ec-display-title {
+    font-size: 0.65rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: var(--ec-hero-label);
+    letter-spacing: 0.1em;
+  }
+
+  .ec-main-value-row {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+
+  .ec-main-value {
+    font-size: 5rem;
+    font-weight: 900;
+    color: var(--n-primary-on);
+    line-height: 1;
+  }
+
+  .ec-main-unit {
+    font-size: 1.2rem;
+    font-weight: 700;
+    opacity: 0.4;
+    color: var(--n-primary-on);
+  }
+
+  .ec-fuel-badge {
+    font-size: 0.85rem;
+    font-weight: 900;
+    color: var(--ec-hero-label);
+    letter-spacing: 0.05em;
+  }
+
+  .ec-progress-track {
+    height: 10px;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 5px;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .ec-progress-fill {
+    height: 100%;
+    background: linear-gradient(90deg, var(--n-error) 0%, var(--n-cyan) 100%);
+    width: 0%;
+    transition: width 0.8s ease-out;
+  }
+
+  .ec-marker {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background: var(--n-primary-on);
+    z-index: 2;
+  }
+
+  .ec-stats-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
+  }
+
+  .ec-stat-card {
+    background: var(--n-bg-muted);
+    border: 1px solid var(--n-border);
+    border-radius: 0.75rem;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+  }
+
+  .ec-stat-label {
+    font-size: 0.6rem;
+    font-weight: 800;
+    text-transform: uppercase;
+    color: var(--n-text-muted);
+    letter-spacing: 0.06em;
+  }
+
+  .ec-stat-value {
+    font-size: 1.4rem;
+    font-weight: 900;
+    color: var(--n-text);
+  }
+
+  .ec-stat-value.danger {
+    color: var(--n-error);
+  }
+
+  .ec-stat-card.hidden {
+    display: none;
+  }
+
+  .ec-inverter-card {
+    padding: 1.5rem;
+    background: var(--n-bg-muted);
+    border: 1px dashed var(--n-border);
+    border-radius: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .ec-inverter-header {
+    font-size: 0.75rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: var(--n-cyan);
+    letter-spacing: 0.06em;
+  }
+
+  .ec-inverter-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+    align-items: center;
+  }
+
+  .ec-inverter-label {
+    font-size: 0.65rem;
+    font-weight: 800;
+    text-transform: uppercase;
+    color: var(--n-text-muted);
+    margin-bottom: 0.3rem;
+  }
+
+  .ec-inverter-value {
+    font-size: 2rem;
+    font-weight: 900;
+    color: var(--n-cyan);
+  }
+
+  .ec-inverter-unit {
+    font-size: 0.85rem;
+    color: var(--n-text-muted);
+    font-weight: 700;
+  }
+
+  .ec-warning-bar {
+    background: color-mix(in srgb, var(--n-error), transparent 90%);
+    padding: 0.8rem 1.2rem;
+    border-radius: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: var(--n-error);
+  }
+
+  .ec-warning-icon {
+    font-size: 1rem;
+    flex-shrink: 0;
+  }
+
+  @media (max-width: 800px) {
+    .ec-main-container {
+      grid-template-columns: 1fr;
+    }
+
+    .ec-sidebar-inputs {
+      border-right: none;
+      border-bottom: 1px solid var(--n-border);
+    }
+  }
+
+  @media (max-width: 480px) {
+    .ec-main-value {
+      font-size: 2.8rem;
+    }
+
+    .ec-stats-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

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

@@ -0,0 +1,249 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { EnduranceUI, EnduranceLocaleContent } from '../index';
+
+const slug = 'reichweiten-rechner-de';
+const title = 'Reichweiten Rechner für Motorboote';
+const description =
+  'Berechnen Sie Ihre maximale Reichweite und Sicherheitsdistanz basierend auf Kraftstoffverbrauch, Tankkapazität und Reisegeschwindigkeit. Kraftstoffmanagement für Motorboote.';
+
+const ui: EnduranceUI = {
+  tankCapacityLabel: 'Tankkapazität',
+  mainTankLabel: 'Haupttank',
+  auxTankLabel: 'Zusatztank',
+  currentFuelLabel: 'Aktueller Kraftstoffstand',
+  seaConditionsLabel: 'See- / Windbedingungen',
+  consumptionLabel: 'Theoretischer Verbrauch',
+  cruiseSpeedLabel: 'Reisegeschwindigkeit',
+  reserveLabel: 'Reserve',
+  fuelPriceLabel: 'Preis pro Liter',
+  maxRangeLabel: 'Maximale Reichweite',
+  realPerformanceLabel: 'Tatsächliche Leistung',
+  hoursLabel: 'Autonomie in Stunden',
+  safeMilesLabel: 'Sichere Meilen',
+  tankValueLabel: 'Tankwert',
+  inverseCalcLabel: 'Rückwärtsrechnung: Wie viel muss ich nachtanken?',
+  desiredDistLabel: 'Gewünschte Distanz',
+  minFuelLabel: 'Benötigter Mindestkraftstoff',
+  warningLabel: 'Erinnerung: Eine Reserve von 20% ist das absolute Minimum, das für die nautische Sicherheit empfohlen wird.',
+  seaCalm: 'Ruhig (1.0x)',
+  seaLight: 'Leichter Wellengang (+15%)',
+  seaModerate: 'Mäßiger Wellengang (+30%)',
+  seaStorm: 'Sturm (+60%)',
+  faqTitle: 'Häufig gestellte Fragen',
+  bibliographyTitle: 'Bibliografie',
+};
+
+const faq: EnduranceLocaleContent['faq'] = [
+  {
+    question: 'Wie wird die Autonomie eines Motorboots berechnet?',
+    answer: 'Die Autonomie wird berechnet, indem der verfügbare Kraftstoff durch den Stundenverbrauch geteilt wird, um die Gesamtstunden zu erhalten, und diese Zeit dann mit der Reisegeschwindigkeit multipliziert wird. Das Tool berücksichtigt zudem einen Seegangsfaktor, um reale Navigationsbedingungen widerzuspiegeln.',
+  },
+  {
+    question: 'Warum wird in der Seefahrt eine Reserve von 20% empfohlen?',
+    answer: 'Die 20%-Reserve ist ein nautischer Sicherheitsstandard, der ausreichend Kraftstoff für unvorhergesehene Ereignisse garantiert: Gegenströmungen, Umwege wegen schlechten Wetters, Schätzfehler beim Verbrauch oder die Notwendigkeit, einem anderen Schiff zu helfen. Viele Versicherer und Hafenbehörden betrachten dies als obligatorisch.',
+  },
+  {
+    question: 'Was ist die L/NM-Leistung und wie beeinflusst sie die Planung?',
+    answer: 'Die Leistung in Litern pro Seemeile (L/NM) gibt die tatsächliche Effizienz des Motors unter Seebedingungen an. Im Gegensatz zum Stundenverbrauch ermöglicht sie die genaue Berechnung des Kraftstoffbedarfs für eine bestimmte Strecke, unabhängig von der Geschwindigkeit.',
+  },
+  {
+    question: 'Wie wirkt sich der Seegang auf den tatsächlichen Verbrauch aus?',
+    answer: 'Der Seegang erhöht den Verbrauch, da der Rumpf stärker gegen Wasser- und Windwiderstand arbeiten muss. Bei leichtem Wellengang steigt der Verbrauch um 15%, bei mäßigem um 30% und bei Sturm kann er um 60% oder mehr sprunghaft ansteigen. Das Ignorieren dieses Faktors kann dazu führen, dass einem Schiff der Kraftstoff ausgeht, bevor es den Hafen erreicht.',
+  },
+];
+
+const howTo: EnduranceLocaleContent['howTo'] = [
+  {
+    name: 'Geben Sie Ihre Tankkapazität ein',
+    text: 'Tragen Sie die Liter des Haupttanks und des Zusatztanks ein, falls vorhanden. Das Tool berechnet den aktuellen Füllstand in Prozent.',
+  },
+  {
+    name: 'Geben Sie den aktuellen Kraftstoffstand ein',
+    text: 'Tragen Sie die tatsächliche Litermenge ein, die Sie gerade haben. Sie können diese am Füllstandsanzeiger ablesen oder anhand der letzten Betankung schätzen.',
+  },
+  {
+    name: 'Passen Sie die Navigationsbedingungen an',
+    text: 'Wählen Sie den für Ihre Überfahrt erwarteten Seegang aus. Der Seegangsfaktor korrigiert den theoretischen Verbrauch auf den erwarteten realen Verbrauch.',
+  },
+  {
+    name: 'Geben Sie Verbrauch und Reisegeschwindigkeit ein',
+    text: 'Nutzen Sie Herstellerangaben oder eigene Aufzeichnungen für den Stundenverbrauch und die Geschwindigkeit, mit der Sie gewöhnlich navigieren.',
+  },
+  {
+    name: 'Prüfen Sie die sichere Distanz und Rückwärtsrechnung',
+    text: 'Das Tool zeigt an, wie viele Meilen Sie sicher zurücklegen können und wie viel Kraftstoff Sie benötigen, um ein bestimmtes Ziel zu erreichen.',
+  },
+];
+
+const bibliography: EnduranceLocaleContent['bibliography'] = [
+  {
+    name: 'UK Maritime and Coastguard Agency',
+    url: 'https://www.gov.uk/government/organisations/maritime-and-coastguard-agency',
+  },
+  {
+    name: 'RYA - Royal Yachting Association',
+    url: 'https://www.rya.org.uk/',
+  },
+];
+
+const seo: EnduranceLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Kraftstoffmanagement und Autonomie in der Motorschifffahrt',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die <strong>nautische Autonomie</strong> ist eine der kritischsten Berechnungen vor dem Auslaufen mit einem Motorboot. Genau zu wissen, wie viele Meilen Sie mit dem verfügbaren Kraftstoff zurücklegen können, ist der Unterschied zwischen einer geplanten Überfahrt und einem Notfall auf See.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Dieser Reichweiten-Rechner integriert den <strong>Seegangsfaktor</strong>, den Prozentsatz der Sicherheitsreserve und die Kraftstoff-Rückwärtsrechnung, damit das Kraftstoffmanagement in jeder Situation vollständig und zuverlässig ist.',
+  },
+  {
+    type: 'title',
+    text: 'Die goldene Regel: Die Drittel-Regel',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die klassische Regel des Kraftstoffmanagements in der Seefahrt teilt den Tank in drei gleiche Teile auf, um stets eine Sicherheitsmarge zu garantieren:',
+  },
+  {
+    type: 'list',
+    items: [
+      '<strong>Ein Drittel für die Hinfahrt:</strong> Der benötigte Kraftstoff, um das geplante Ziel zu erreichen.',
+      '<strong>Ein Drittel für die Rückfahrt:</strong> Der Kraftstoff, um zum Abfahrtshafen oder dem nächstgelegenen Hafen zurückzukehren.',
+      '<strong>Ein Drittel als Reserve:</strong> Die Sicherheitsmarge für unvorhergesehene Ereignisse, Strömungen oder widrige Bedingungen.',
+    ],
+  },
+  {
+    type: 'paragraph',
+    html: 'Im Rechner können Sie den Reserve-Prozentsatz nach Ihren eigenen Kriterien festlegen, wobei <strong>weniger als 20% niemals empfohlen wird</strong>. Bei größeren Tanks oder langen Überfahrten erhöhen viele erfahrene Skipper diese Marge auf 30% oder sogar 33%.',
+  },
+  {
+    type: 'title',
+    text: 'Faktoren, die den Verbrauch beeinflussen (l/h)',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Der theoretische Verbrauch des Herstellers wird unter idealen Laborbedingungen berechnet. In der Praxis verändern multiple Faktoren den <strong>tatsächlichen Kraftstoffverbrauch</strong>. Die Rumpfgeschwindigkeit ist dabei am entscheidendsten: Das Navigieren oberhalb der wirtschaftlichen Geschwindigkeit kann den Verbrauch pro zurückgelegter Meile verdoppeln oder verdreifachen.',
+  },
+  {
+    type: 'table',
+    headers: ['Navigationszustand', 'Auswirkung auf die Autonomie', 'Empfehlung'],
+    rows: [
+      ['<strong>Bewachsener Rumpf</strong>', 'Reduziert die Autonomie um bis zu 20%', 'Reinigen Sie den Rumpf vor der Saison'],
+      ['<strong>Gegenströmung</strong>', 'Kann die effektive Geschwindigkeit um 30% senken', 'Rechnen Sie immer mit der Geschwindigkeit über Grund'],
+      ['<strong>Gegenwind</strong>', 'Erhöht Widerstand und Verbrauch um 10-25%', 'Nutzen Sie den Faktor für leichten oder mäßigen Wellengang'],
+      ['<strong>Überladung</strong>', 'Erhöht Tiefgang und Widerstand', 'Wiegen Sie Ausrüstung und Vorräte vor der Berechnung'],
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Technisches Glossar zur Autonomie',
+    level: 3,
+  },
+  {
+    type: 'glossary',
+    items: [
+      { term: 'Leistung (L/NM)', definition: 'Verbrauchte Liter Kraftstoff pro zurückgelegter Seemeile. Der nützlichste Indikator für die Planung von Überfahrten, da er den Verbrauch mit der tatsächlichen Distanz verknüpft.' },
+      { term: 'Reisegeschwindigkeit', definition: 'Die optimale Geschwindigkeit, bei der der Motor das beste Gleichgewicht zwischen Schnelligkeit und Verbrauch bietet. In der Regel zwischen 70% und 80% der Höchstleistung.' },
+      { term: 'Kritische Reserve', definition: 'Der Prozentsatz des Tanks, der niemals verbraucht werden darf. Ein Minimum von 20% wird empfohlen, um Unvorhergesehenes abzudecken und das Eindringen von Luft in das Kraftstoffsystem zu verhindern.' },
+      { term: 'Spezifischer Verbrauch', definition: 'Gramm Kraftstoff pro Kilowattstunde erzeugter Leistung (g/kWh). Technisches Motorenmaß, das den Effizienzvergleich zwischen verschiedenen Antriebssystemen ermöglicht.' },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Die Gefahr von Schlamm und Bewegung',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Eine häufige Problemquelle auf Schiffen mit niedrigem Kraftstoffstand ist <strong>Tankschlamm</strong>. Wenn der Stand zu weit sinkt, können sich über Jahre angesammelte Sedimente bis zum Filter bewegen und ihn verstopfen, wodurch der Motor ausfällt, obwohl die Anzeige noch einige Liter anzeigt.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Auch die Bewegung des Bootes bei Seegang mit wenig Kraftstoff kann Probleme verursachen: Die Flüssigkeit schwankt mit den Wellen und kann die Kraftstoffpumpe kurzzeitig trockenlaufen lassen. Das Einhalten der Reserve stellt sicher, dass dies nicht in einem kritischen Moment wie einem Hafenmanöver passiert.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp zum Kraftstoffsparen',
+    html: 'Eine Verringerung der Geschwindigkeit um 10-15% unter Ihre übliche Reisegeschwindigkeit kann die Effizienz um bis zu 30% steigern. Wenn Sie Zeit haben und das Wetter günstig ist, ist langsomeres Fahren immer die wirtschaftlichste und sicherste Entscheidung.',
+  },
+  {
+    type: 'title',
+    text: 'Unterschied zwischen Seemeilen (NM) und Kilometern',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Eine <strong>Seemeile</strong> entspricht 1.852 Metern (1,852 km) und ist die universelle Distanzeinheit in der maritimen und aeronautischen Navigation. Sie basiert auf einer Bogenminute eines Breitengrades, was sie ideal für die Navigation mit Seekarten in geografischen Koordinaten macht. Die Geschwindigkeit in Seemeilen pro Stunde wird Knoten (kn) genannt.',
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Analoge Nadelanzeige',
+        description: 'Traditionelles Schwimmersystem',
+        points: [
+          'Geringe Kosten und einfache Installation',
+          'Benötigt keinen Strom für den Betrieb',
+          'Ungenau bei unruhiger See durch Kraftstoffbewegung',
+          'Zeigt weder Verbrauch noch geschätzte Autonomie an',
+        ],
+      },
+      {
+        title: 'Digitaler Durchflussrechner',
+        description: 'Elektronische Durchflusssensoren',
+        highlight: true,
+        points: [
+          '1-2% Genauigkeit beim realen Verbrauch',
+          'Zeigt Autonomie, Verbrauch und Kosten in Echtzeit an',
+          'Integrierbar in Kartenplotter und NMEA 2000',
+          'Erfordert initiale Kalibrierung und Wartung',
+        ],
+      },
+    ],
+  },
+];
+
+const schemas: EnduranceLocaleContent['schemas'] = [
+  {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  } as WithContext<SoftwareApplication>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+      '@type': 'Question',
+      name: item.question,
+      acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+  } as WithContext<FAQPage>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: `Bedienungsanleitung: ${title}`,
+    step: howTo.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+  } as WithContext<HowTo>,
+];
+
+export const content: EnduranceLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas,
+};