@jjlmoya/utils-diy 1.20.0 → 1.22.0

package/src/tool/drywallCalculator/drywall-calculator.css

@@ -0,0 +1,426 @@
+.dw-root {
+  width: 100%;
+  max-width: 1100px;
+  margin: 0 auto;
+  color: #0f172a;
+}
+
+.theme-dark .dw-root {
+  color: #f8fafc;
+}
+
+/* Single Compact Card Shell */
+.dw-card-shell {
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  border-radius: 1rem;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
+}
+
+.theme-dark .dw-card-shell {
+  background: #1e293b;
+  border-color: #334155;
+}
+
+.dw-top-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #e2e8f0;
+  padding-bottom: 1rem;
+}
+
+.theme-dark .dw-top-bar {
+  border-bottom-color: #334155;
+}
+
+.dw-header-title {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #d97706;
+}
+
+.theme-dark .dw-header-title {
+  color: #f59e0b;
+}
+
+/* Two Section Layout Inside Single Card */
+.dw-card-content {
+  display: grid;
+  grid-template-columns: 340px 1fr;
+  gap: 1.5rem;
+}
+
+@media (max-width: 860px) {
+  .dw-card-content {
+    grid-template-columns: 1fr;
+  }
+}
+
+.dw-form-column {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding-right: 1.25rem;
+  border-right: 1px solid #e2e8f0;
+}
+
+.theme-dark .dw-form-column {
+  border-right-color: #334155;
+}
+
+@media (max-width: 860px) {
+  .dw-form-column {
+    padding-right: 0;
+    border-right: none;
+    padding-bottom: 1.25rem;
+    border-bottom: 1px solid #e2e8f0;
+  }
+  .theme-dark .dw-form-column {
+    border-bottom-color: #334155;
+  }
+}
+
+.dw-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.dw-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #0f172a;
+}
+
+.theme-dark .dw-label {
+  color: #f8fafc;
+}
+
+.dw-input-wrap {
+  display: flex;
+  align-items: center;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  background: #fff;
+}
+
+.theme-dark .dw-input-wrap {
+  border-color: #475569;
+  background: #0f172a;
+}
+
+.dw-input-wrap input {
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border: none;
+  background: transparent;
+  color: #0f172a;
+  font-size: 0.9rem;
+  font-weight: 700;
+  outline: none;
+}
+
+.theme-dark .dw-input-wrap input {
+  color: #f8fafc;
+}
+
+.dw-unit-badge {
+  padding: 0.5rem 0.75rem;
+  background: #f1f5f9;
+  color: #64748b;
+  font-weight: 700;
+  font-size: 0.75rem;
+}
+
+.theme-dark .dw-unit-badge {
+  background: #334155;
+  color: #94a3b8;
+}
+
+.dw-segmented-control {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0.25rem;
+  background: #f1f5f9;
+  padding: 0.25rem;
+  border-radius: 0.5rem;
+}
+
+.theme-dark .dw-segmented-control {
+  background: #0f172a;
+}
+
+.dw-segmented-control.dw-grid-4 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.dw-chip-btn {
+  padding: 0.4rem 0.5rem;
+  border: 1px solid transparent;
+  border-radius: 0.35rem;
+  background: transparent;
+  color: #64748b;
+  font-size: 0.75rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  text-align: center;
+}
+
+.theme-dark .dw-chip-btn {
+  color: #94a3b8;
+}
+
+.dw-chip-btn.dw-active {
+  background: #fff;
+  border-color: #d97706;
+  color: #d97706;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.theme-dark .dw-chip-btn.dw-active {
+  background: #1e293b;
+  border-color: #f59e0b;
+  color: #f59e0b;
+}
+
+.dw-view-column {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+/* CAD Technical Elevation Viewport */
+.dw-cad-viewport {
+  background: #f8fafc;
+  border-radius: 0.75rem;
+  border: 1px solid #cbd5e1;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.theme-dark .dw-cad-viewport {
+  background: #0f172a;
+  border-color: #334155;
+}
+
+.dw-cad-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 2;
+}
+
+.dw-cad-title {
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #64748b;
+}
+
+.theme-dark .dw-cad-title {
+  color: #38bdf8;
+}
+
+.dw-cad-canvas {
+  width: 100%;
+  height: 200px;
+  position: relative;
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  z-index: 2;
+  display: flex;
+  align-items: flex-end;
+  padding: 10px;
+  box-sizing: border-box;
+  border-radius: 0.5rem;
+}
+
+.theme-dark .dw-cad-canvas {
+  border-color: rgba(56, 189, 248, 0.2);
+  background: rgba(15, 23, 42, 0.8);
+}
+
+.dw-cad-frame {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  border-top: 6px solid #64748b;
+  border-bottom: 6px solid #64748b;
+}
+
+.theme-dark .dw-cad-frame {
+  border-top-color: #94a3b8;
+  border-bottom-color: #94a3b8;
+}
+
+.dw-cad-studs-layer {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 2px;
+}
+
+.dw-cad-stud-element {
+  width: 4px;
+  height: 100%;
+  background: #94a3b8;
+}
+
+.theme-dark .dw-cad-stud-element {
+  background: #38bdf8;
+}
+
+.dw-cad-boards-overlay {
+  position: absolute;
+  inset: 4px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: 1fr 1fr;
+  gap: 4px;
+  opacity: 0.9;
+}
+
+.dw-cad-board-panel {
+  border: 1px dashed #d97706;
+  background: #fef3c7;
+  border-radius: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.7rem;
+  font-weight: 800;
+  color: #78350f;
+}
+
+.theme-dark .dw-cad-board-panel {
+  border-color: #f59e0b;
+  color: #0f172a;
+  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
+}
+
+.dw-cad-dimension-tag {
+  position: absolute;
+  bottom: 8px;
+  right: 12px;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: #64748b;
+  background: #fff;
+  padding: 3px 8px;
+  border-radius: 4px;
+  border: 1px solid #cbd5e1;
+}
+
+.theme-dark .dw-cad-dimension-tag {
+  color: #38bdf8;
+  background: #0f172a;
+  border-color: #334155;
+}
+
+.dw-summary-strip {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  padding: 0.75rem 1rem;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.5rem;
+}
+
+.theme-dark .dw-summary-strip {
+  background: #0f172a;
+  border-color: #334155;
+}
+
+.dw-summary-box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dw-summary-box .lbl {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #64748b;
+}
+
+.theme-dark .dw-summary-box .lbl {
+  color: #94a3b8;
+}
+
+.dw-summary-box .val {
+  font-size: 1.1rem;
+  font-weight: 800;
+  color: #d97706;
+}
+
+.theme-dark .dw-summary-box .val {
+  color: #f59e0b;
+}
+
+/* Material Output Grid */
+.dw-material-dashboard {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: 0.65rem;
+}
+
+.dw-mat-card {
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.5rem;
+  padding: 0.65rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+}
+
+.theme-dark .dw-mat-card {
+  background: #0f172a;
+  border-color: #334155;
+}
+
+.dw-mat-num {
+  font-size: 1.4rem;
+  font-weight: 800;
+  color: #d97706;
+  line-height: 1;
+}
+
+.theme-dark .dw-mat-num {
+  color: #f59e0b;
+}
+
+.dw-mat-title {
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.theme-dark .dw-mat-title {
+  color: #f8fafc;
+}
+
+.dw-mat-sub {
+  font-size: 0.65rem;
+  color: #64748b;
+}
+
+.theme-dark .dw-mat-sub {
+  color: #94a3b8;
+}

package/src/tool/drywallCalculator/entry.ts

@@ -0,0 +1,24 @@
+import type { DiyToolEntry } from '../../types';
+import type { DrywallCalculatorUI } from './ui';
+
+export const drywallCalculatorEntry: DiyToolEntry<DrywallCalculatorUI> = {
+  id: 'drywall-calculator',
+  icons: { bg: 'mdi:wall', fg: 'mdi:tape-measure' },
+  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/drywallCalculator/i18n/de.ts

@@ -0,0 +1,169 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { DrywallCalculatorUI } from '../ui';
+import { drywallCalculatorBibliography } from '../bibliography';
+
+const slug = 'trockenbau-rechner';
+const title = 'Trockenbau Rechner: Gipsplatten, Ständer und Profile';
+const description = 'Professioneller Trockenbau-Materialrechner für Trennwände und Vorsatzschalen. Berechnen Sie exakt Gipsplatten, CW-Ständer, UW-Profile, Schrauben, Fugenband und Spachtelmasse.';
+
+const faqData = [
+  {
+    question: 'Wie berechne ich die Anzahl der benötigten Gipsplatten?',
+    answer: 'Berechnen Sie die Wandfläche durch Multiplikation von Wandlänge und Deckenhöhe. Bei beidseitiger Beplankung multiplizieren Sie die Fläche mit 2, bei doppelter beidseitiger Beplankung mit 4. Teilen Sie die Gesamtbeplankungsfläche durch die Nutzfläche einer Platte (2,4 m² bei 120x200 cm) und schlagen Sie 10% Verschnitt hinzu.',
+  },
+  {
+    question: 'Wann wähle ich 40 cm oder 60 cm Ständerabstand?',
+    answer: 'Der Standard-Achsabstand von 60 cm eignet sich für gewöhnliche Trennwände bis 3,0 m Höhe. Ein 40 cm Achsabstand ist zwingend erforderlich bei Fliesenbelag, Feuchträumen (Bad, Küche), hoher mechanischer Beanspruchung oder Wandhöhen über 3,0 Meter.',
+  },
+  {
+    question: 'Welche Gipsplatte eignet sich für welchen Raum?',
+    answer: 'Standard Weiß (Typ A) für Wohn- und Schlafräume; Imprägniert Grün (Typ H1) für Bad und Küche; Feuerschutz Rosa (Typ F) für Kamine und Heizräume; Schallschutz Blau (Typ A) mit hoher Rohdichte für effektive Schalldämmung.',
+  },
+  {
+    question: 'Wie viele Schrauben werden pro Gipsplatte benötigt?',
+    answer: 'Rechnen Sie mit ca. 30 Schnellbauschrauben (3,5x25 mm) pro 120x200 cm Platte bei einlagiger Beplankung. Schraubenabstand 25 cm an den Rändern und 30 cm auf den mittleren Ständern.',
+  },
+  {
+    question: 'Warum ist ein Dichtungsband unter den Boden- und Deckenprofilen nötig?',
+    answer: 'Das selbstklebende PE-Dichtungsband entkoppelt das Metallprofil von Boden und Decke. Es verhindert Trittschallübertragung und sorgt für luftdichte Anschlüsse.',
+  },
+];
+
+const howToData = [
+  { name: 'Wandmaße eingeben', text: 'Geben Sie Gesamtlänge und Höhe der Trennwand in Metern ein.' },
+  { name: 'Ständerabstand & Beplankung wählen', text: 'Wählen Sie 40 cm oder 60 cm Abstand, einfache oder doppelte Beplankung sowie einseitig oder beidseitig.' },
+  { name: 'Materialliste & CAD-Skizze prüfen', text: 'Überprüfen Sie Stückzahlen für Profile, Schrauben, Fugenband, Spachtelmasse und die visuelle Ansicht.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+export const content: ToolLocaleContent<DrywallCalculatorUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliography: drywallCalculatorBibliography,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Technische Bemessung von Trockenbauwänden und Metallprofilen',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Die Erstellung leichter Trennwände aus Gipsplatten erfordert eine exakte Berechnung der verzinkten Stahlprofile (CW-Ständer und UW-Riegelschienen) sowie des Plattenlayouts. Nach DIN EN 520 verhindert eine präzise Profilauslegung Wanddurchbiegung und Rissbildung an den Fugen.',
+    },
+    {
+      type: 'title',
+      text: 'Profilabstand: Regeln für 40 cm und 60 cm Achsmaß',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Der Ständerabstand bestimmt die statische Belastbarkeit der Wand. Der Standard-Achsabstand von <strong>60 cm</strong> passt ideal zu 120 cm breiten Gipsplatten. Ein <strong>40 cm Achsabstand</strong> ist erforderlich bei Keramikfliesenbelag, Wandhöhen über 3,00 Meter sowie erhöhten Schallschutzanforderungen.',
+    },
+    {
+      type: 'card',
+      icon: 'mdi:shield-check-outline',
+      title: 'Plattenversatz und Verschraubungsmuster',
+      html: '<p>Vermeiden Sie Kreuzfugen unbedingt. Versetzen Sie die Plattenstöße um mindestens 40 cm. Verschrauben Sie die Platten mit Schnellbauschrauben 3,5x25 mm im Abstand von <strong>25 cm an den Rändern</strong> und <strong>30 cm auf Zwischenprofilen</strong>.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Verschnittreserve und Fugenverspachtelung',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Planen Sie stets <strong>10% Verschnittreserve</strong> für Profile und Platten ein. Für die Fugenverspachtelung werden ca. 0,8 kg Spachtelmasse pro Quadratmeter Plattenfläche zusammen mit Fugendeckstreifen benötigt.',
+    },
+  ],
+  ui: {
+    unitSystemLabel: 'Maßsystem',
+    unitMetric: 'Metrisch (m, cm, kg)',
+    unitImperial: 'Imperial (ft, in, lb)',
+
+    paramLengthLabel: 'Wandlänge',
+    paramHeightLabel: 'Wandhöhe',
+    paramSpacingLabel: 'Ständerabstand',
+    paramSpacing40Metric: '40 cm (Hohe Last)',
+    paramSpacing60Metric: '60 cm (Standard)',
+    paramSpacing40Imperial: '16 in (Hohe Last)',
+    paramSpacing60Imperial: '24 in (Standard)',
+    paramLayersLabel: 'Beplankung',
+    paramSingleLayer: 'Einfach beplankt',
+    paramDoubleLayer: 'Doppelt beplankt',
+    paramSidesLabel: 'Wandseiten',
+    paramDoubleSided: 'Beidseitig (Trennwand)',
+    paramSingleSided: 'Einseitig (Vorsatzschale)',
+    paramBoardTypeLabel: 'Gipsplattentyp',
+    boardTypeStandard: 'Standard (Typ A)',
+    boardTypeMoisture: 'Imprägniert (Typ H1)',
+    boardTypeFire: 'Feuerschutz (Typ F)',
+    boardTypeAcoustic: 'Schallschutz (Typ A)',
+    paramWasteLabel: 'Verschnittzuschlag',
+
+    summaryWallArea: 'Nettowandfläche',
+    summaryBoardArea: 'Gesamtplattenfläche',
+
+    resBoardsLabel: 'Gipsplatten',
+    resBoardsUnit: 'Stück',
+    resStudsLabel: 'CW-Ständerprofile',
+    resStudsUnit: 'Stück',
+    resTracksLabel: 'UW-Wandprofile',
+    resTracksUnit: 'Stangen',
+    resDrywallScrewsLabel: 'Schnellbauschrauben',
+    resDrywallScrewsUnit: 'Stück',
+    resFramingScrewsLabel: 'Profilschrauben',
+    resFramingScrewsUnit: 'Stück',
+    resJointTapeLabel: 'Fugenband',
+    resJointTapeUnit: 'Länge',
+    resJointCompoundLabel: 'Spachtelmasse',
+    resJointCompoundUnit: 'Gewicht',
+    resAcousticBandLabel: 'Trennwandband',
+    resAcousticBandUnit: 'Länge',
+
+    diagramWallTitle: 'CAD-Wandansicht',
+    diagramStudLegend: 'CW-Ständer',
+    diagramTrackLegend: 'UW-Profile',
+    diagramBoardLegend: 'Plattenversatz',
+    diagramModeStructure: 'Ständerwerk',
+    diagramModeBoard: 'Beplankung',
+  },
+};