@jjlmoya/utils-textiles 1.20.0 → 1.22.0

package/src/tool/embroideryStitchPricingEstimator/embroidery-stitch-count-pricing-estimator.css

@@ -0,0 +1,438 @@
+.embroider-tool {
+  --n-ink: #202a25;
+  --n-muted: #66736b;
+  --n-paper: #f4f1e9;
+  --n-card: #fffdf7;
+  --n-line: #d5d8cc;
+  --n-thread: #b14945;
+  --n-thread-soft: #f2d5ca;
+  --n-needle: #2f6d62;
+  --n-warn: #8c5c22;
+  --n-shadow: rgba(32, 42, 37, 0.12);
+
+  background: var(--n-paper);
+  border: 1px solid var(--n-line);
+  border-radius: 24px;
+  box-shadow: 0 18px 48px var(--n-shadow);
+  color: var(--n-ink);
+  margin: 2rem auto;
+  max-width: 1050px;
+  overflow: hidden;
+  padding: clamp(1rem, 3vw, 2rem);
+  width: min(100%, calc(100vw - 64px));
+}
+
+body:has(.embroider-tool) {
+  overflow-x: hidden;
+}
+
+.theme-dark .embroider-tool {
+  --n-ink: #f1eee4;
+  --n-muted: #b5b9ae;
+  --n-paper: #191e1b;
+  --n-card: #232a25;
+  --n-line: #3f4b43;
+  --n-thread: #ed8d7f;
+  --n-thread-soft: #633b3a;
+  --n-needle: #78c2b0;
+  --n-warn: #f0b36e;
+  --n-shadow: rgba(0, 0, 0, 0.3);
+}
+
+.embroider-intro {
+  border-bottom: 1px solid var(--n-line);
+  margin-bottom: 1.25rem;
+  padding-bottom: 1rem;
+}
+
+.embroider-intro p {
+  color: var(--n-muted);
+  font-size: 1.05rem;
+  line-height: 1.55;
+  margin: 0.45rem 0 0;
+  max-width: 680px;
+}
+
+.embroider-eyebrow {
+  color: var(--n-thread);
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+}
+
+.embroider-workbench {
+  align-items: stretch;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
+}
+
+.embroider-stage,
+.embroider-controls,
+.embroider-result,
+.embroider-breakdown,
+.embroider-explainer {
+  background: var(--n-card);
+  border: 1px solid var(--n-line);
+  border-radius: 16px;
+}
+
+.embroider-stage {
+  display: flex;
+  flex-direction: column;
+  min-height: 360px;
+  padding: 1rem;
+}
+
+.embroider-stage-header,
+.embroider-control-heading,
+.embroider-stage-caption,
+.embroider-result,
+.embroider-result-metrics,
+.embroider-breakdown,
+.embroider-explainer {
+  align-items: center;
+  display: flex;
+}
+
+.embroider-stage-header,
+.embroider-control-heading {
+  justify-content: space-between;
+}
+
+.embroider-stage-header {
+  color: var(--n-muted);
+  font-size: 0.78rem;
+  letter-spacing: 0.03em;
+}
+
+.embroider-status {
+  border: 1px solid var(--n-needle);
+  border-radius: 999px;
+  color: var(--n-needle);
+  font-size: 0.65rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  padding: 0.25rem 0.5rem;
+}
+
+.embroider-status[data-status='attention'] {
+  border-color: var(--n-warn);
+  color: var(--n-warn);
+}
+
+.embroider-status[data-status='invalid'] {
+  border-color: var(--n-thread);
+  color: var(--n-thread);
+}
+
+.embroider-canvas {
+  background: var(--n-thread-soft);
+  border-radius: 12px;
+  height: auto;
+  margin: auto 0;
+  overflow: visible;
+  width: 100%;
+}
+
+.embroider-hoop-shadow {
+  fill: none;
+  stroke: var(--n-shadow);
+  stroke-width: 16;
+}
+
+.embroider-hoop {
+  fill: none;
+  stroke: var(--n-needle);
+  stroke-width: 5;
+}
+
+.embroider-cloth {
+  fill: var(--n-paper);
+  stroke: var(--n-line);
+  stroke-width: 2;
+}
+
+.embroider-thread {
+  fill: none;
+  stroke: var(--n-thread);
+  stroke-linecap: round;
+}
+
+.embroider-needle {
+  fill: var(--n-needle);
+  stroke: var(--n-card);
+  stroke-width: 3;
+}
+
+.embroider-stage-caption {
+  color: var(--n-muted);
+  font-size: 0.82rem;
+  gap: 0.6rem;
+  justify-content: space-between;
+  min-height: 1.4rem;
+}
+
+.embroider-notice {
+  color: var(--n-warn);
+  text-align: right;
+}
+
+.embroider-controls {
+  padding: 1rem;
+}
+
+.embroider-reset,
+.embroider-copy {
+  background: transparent;
+  border: 1px solid var(--n-line);
+  border-radius: 8px;
+  color: var(--n-muted);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.78rem;
+  padding: 0.45rem 0.65rem;
+}
+
+.embroider-reset:hover,
+.embroider-copy:hover {
+  border-color: var(--n-thread);
+  color: var(--n-thread);
+}
+
+.embroider-grid {
+  display: grid;
+  gap: 0.85rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin-top: 1rem;
+}
+
+.embroider-field,
+.embroider-select {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.embroider-field > span,
+.embroider-field-label {
+  font-size: 0.78rem;
+  font-weight: 700;
+}
+
+.embroider-field small,
+.embroider-select small {
+  color: var(--n-muted);
+  font-size: 0.68rem;
+  line-height: 1.3;
+}
+
+.embroider-input,
+.embroider-select-trigger {
+  background: var(--n-paper);
+  border: 1px solid var(--n-line);
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: var(--n-ink);
+  font: inherit;
+  min-height: 2.55rem;
+  padding: 0.55rem 0.65rem;
+  width: 100%;
+}
+
+.embroider-input:focus,
+.embroider-select-trigger:focus,
+.embroider-select-menu button:focus,
+.embroider-reset:focus,
+.embroider-copy:focus {
+  outline: 2px solid var(--n-thread);
+  outline-offset: 2px;
+}
+
+.embroider-select {
+  margin-top: 1rem;
+  position: relative;
+}
+
+.embroider-select-trigger {
+  cursor: pointer;
+  text-align: left;
+}
+
+.embroider-select-trigger::after {
+  border-bottom: 1px solid var(--n-thread);
+  border-right: 1px solid var(--n-thread);
+  color: var(--n-thread);
+  content: '';
+  float: right;
+  height: 0.45rem;
+  margin: 0.1rem 0.25rem 0 0;
+  transform: rotate(45deg);
+  width: 0.45rem;
+}
+
+.embroider-select-menu {
+  background: var(--n-card);
+  border: 1px solid var(--n-line);
+  border-radius: 8px;
+  box-shadow: 0 10px 22px var(--n-shadow);
+  left: 0;
+  margin-top: 0.2rem;
+  padding: 0.3rem;
+  position: absolute;
+  right: 0;
+  top: 100%;
+  z-index: 2;
+}
+
+.embroider-select-menu[hidden] {
+  display: none;
+}
+
+.embroider-select-menu button {
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  color: var(--n-ink);
+  cursor: pointer;
+  display: block;
+  font: inherit;
+  padding: 0.6rem;
+  text-align: left;
+  width: 100%;
+}
+
+.embroider-select-menu button:hover,
+.embroider-select-menu button.is-selected {
+  background: var(--n-thread-soft);
+  color: var(--n-thread);
+}
+
+.embroider-result {
+  gap: 1rem;
+  justify-content: space-between;
+  margin-top: 1rem;
+  padding: 1rem 1.2rem;
+}
+
+.embroider-result-main {
+  min-width: 8rem;
+}
+
+.embroider-result-main strong {
+  display: block;
+  font-size: clamp(2rem, 5vw, 3.5rem);
+  line-height: 1;
+  margin: 0.25rem 0;
+}
+
+.embroider-result-main > span:last-child {
+  color: var(--n-muted);
+  font-size: 0.75rem;
+}
+
+.embroider-result-metrics {
+  gap: clamp(1rem, 4vw, 3rem);
+  margin-left: auto;
+}
+
+.embroider-result-metrics div,
+.embroider-breakdown div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.embroider-result-metrics span,
+.embroider-breakdown span {
+  color: var(--n-muted);
+  font-size: 0.7rem;
+}
+
+.embroider-result-metrics strong,
+.embroider-breakdown strong {
+  font-size: 1rem;
+}
+
+.embroider-copy {
+  white-space: nowrap;
+}
+
+.embroider-breakdown {
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+  margin-top: 0.65rem;
+  padding: 0.8rem 1.2rem;
+}
+
+.embroider-explainer {
+  align-items: stretch;
+  gap: 0;
+  margin-top: 1rem;
+}
+
+.embroider-explainer div {
+  flex: 1;
+  padding: 0.9rem 1.1rem;
+}
+
+.embroider-explainer div + div {
+  border-left: 1px solid var(--n-line);
+}
+
+.embroider-explainer h3 {
+  font-size: 0.82rem;
+  margin: 0;
+}
+
+.embroider-explainer p {
+  color: var(--n-muted);
+  font-size: 0.78rem;
+  line-height: 1.5;
+  margin: 0.4rem 0 0;
+}
+
+@media (max-width: 720px) {
+  .embroider-tool {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .embroider-workbench {
+    grid-template-columns: 1fr;
+  }
+
+  .embroider-stage {
+    min-height: 0;
+  }
+
+  .embroider-result {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+
+  .embroider-result-metrics {
+    margin-left: 0;
+  }
+
+  .embroider-copy {
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 460px) {
+  .embroider-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .embroider-explainer {
+    flex-direction: column;
+  }
+
+  .embroider-explainer div + div {
+    border-left: 0;
+    border-top: 1px solid var(--n-line);
+  }
+}

package/src/tool/embroideryStitchPricingEstimator/entry.ts

@@ -0,0 +1,29 @@
+import type { TextilesToolEntry, ToolLocaleContent } from '../../types';
+import type { EmbroideryStitchPricingEstimatorUI } from './ui';
+
+export type EmbroideryStitchPricingEstimatorLocaleContent = ToolLocaleContent<EmbroideryStitchPricingEstimatorUI>;
+
+export const embroideryStitchPricingEstimator: TextilesToolEntry<EmbroideryStitchPricingEstimatorUI> = {
+  id: 'embroidery-stitch-pricing-estimator',
+  icons: {
+    bg: 'mdi:needle',
+    fg: 'mdi:currency-usd',
+  },
+  i18n: {
+    de: () => import('./i18n/de').then((module) => module.content),
+    en: () => import('./i18n/en').then((module) => module.content),
+    es: () => import('./i18n/es').then((module) => module.content),
+    fr: () => import('./i18n/fr').then((module) => module.content),
+    id: () => import('./i18n/id').then((module) => module.content),
+    it: () => import('./i18n/it').then((module) => module.content),
+    ja: () => import('./i18n/ja').then((module) => module.content),
+    ko: () => import('./i18n/ko').then((module) => module.content),
+    nl: () => import('./i18n/nl').then((module) => module.content),
+    pl: () => import('./i18n/pl').then((module) => module.content),
+    pt: () => import('./i18n/pt').then((module) => module.content),
+    ru: () => import('./i18n/ru').then((module) => module.content),
+    sv: () => import('./i18n/sv').then((module) => module.content),
+    tr: () => import('./i18n/tr').then((module) => module.content),
+    zh: () => import('./i18n/zh').then((module) => module.content),
+  },
+};

package/src/tool/embroideryStitchPricingEstimator/evaluator.ts

@@ -0,0 +1,22 @@
+import type { EmbroideryCalculation } from './logic';
+
+export type EstimateStatus = 'ready' | 'attention' | 'invalid';
+
+export interface EstimateEvaluation {
+  status: EstimateStatus;
+  message: string;
+}
+
+export function evaluateEstimate(
+  calculation: EmbroideryCalculation | null,
+  labels: { invalid: string; highVolume: string; longRun: string },
+): EstimateEvaluation {
+  if (!calculation) return { status: 'invalid', message: labels.invalid };
+  if (calculation.effectiveStitches > 1000000) {
+    return { status: 'attention', message: labels.highVolume };
+  }
+  if (calculation.totalMinutes > 120) {
+    return { status: 'attention', message: labels.longRun };
+  }
+  return { status: 'ready', message: '' };
+}

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

@@ -0,0 +1,38 @@
+import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import { bibliography } from '../bibliography';
+import type { EmbroideryStitchPricingEstimatorUI } from '../ui';
+
+const slug = 'stickzahl-und-preis-kalkulator-stickerei';
+const title = 'Kalkulator für Stickzahl und Preis';
+const description = 'Schätze Stickzahl, Produktionszeit und einen Arbeitsgrundpreis anhand von Designgröße, Stichdichte, Farben, Geschwindigkeit und Stundenlohn.';
+const faq = [
+  { question: 'Wie funktioniert die Schätzung der Stickzahl?', answer: 'Der Rechner multipliziert die bestickte Fläche mit dem Quadrat der Stichdichte und wendet anschließend einen Faktor für die Stichart an. Das ergibt eine vergleichbare Arbeitsmenge, keine Vorhersage der Maschinendatei.' },
+  { question: 'Warum verändert die Stichart die Schätzung?', answer: 'Laufstich, Satinstich, Füllstich und Tatami legen den Faden unterschiedlich ab. Ein transparenter relativer Faktor macht sichtbar, dass dichtere Flächen mehr Produktionsaufwand bedeuten.' },
+  { question: 'Verändert die Farbanzahl die Stichzahl?', answer: 'Nein. Die Farbanzahl fügt nur Umrüstzeit hinzu. Für jeden Wechsel nach der ersten Farbe rechnet das Modell 1,75 Minuten als Planungsannahme.' },
+  { question: 'Ist der berechnete Preis ein Angebot?', answer: 'Nein. Es ist eine Arbeitszeitschätzung mit dem eingegebenen Stundenlohn. Garn, Vlies, Digitalisierung, Einrichtung, Nacharbeit, Gemeinkosten, Steuer und Gewinn sind nicht enthalten.' },
+];
+const howTo = [
+  { name: 'Design messen', text: 'Gib Breite und Höhe der fertigen Stickfläche in Zentimetern ein. Verwende die bestickte Fläche statt der gesamten Rahmengröße.' },
+  { name: 'Stichplan beschreiben', text: 'Wähle die vorherrschende Stichart, gib die Dichte in Stichen pro Zentimeter ein und zähle die Garnfarben.' },
+  { name: 'Produktionsannahmen eingeben', text: 'Gib Maschinengeschwindigkeit in Stichen pro Minute und deinen Arbeitslohn pro Stunde ein. Verwende eine einheitliche Währung.' },
+  { name: 'Planungswert lesen', text: 'Vergleiche gleichwertige Stiche, Produktionszeit, Einrichtungszeit und Arbeitsgrundpreis vor der Digitalisierung oder Angebotserstellung.' },
+];
+const faqSchema: WithContext<FAQPage> = { '@context': 'https://schema.org', '@type': 'FAQPage', mainEntity: faq.map((item) => ({ '@type': 'Question', name: item.question, acceptedAnswer: { '@type': 'Answer', text: item.answer } })) };
+const howToSchema: WithContext<HowTo> = { '@context': 'https://schema.org', '@type': 'HowTo', name: title, description, step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })) };
+const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schema.org', '@type': 'SoftwareApplication', name: title, description, applicationCategory: 'BusinessApplication', operatingSystem: 'All', offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' }, inLanguage: 'de' };
+const ui: EmbroideryStitchPricingEstimatorUI = {
+  intro: 'Forme deinen Stichplan im Stickrahmen und sieh den Produktionsaufwand und Arbeitswert.', stageLabel: 'Der Stickrahmen', controlsLabel: 'Stichplan erstellen', resultLabel: 'Arbeitsgrundpreis', widthLabel: 'Designbreite', heightLabel: 'Designhöhe', densityLabel: 'Stichdichte', stitchLabel: 'Vorherrschende Stichart', coloursLabel: 'Garnfarben', speedLabel: 'Maschinengeschwindigkeit', rateLabel: 'Stundenlohn', widthHint: 'bestickte Fläche in cm', heightHint: 'bestickte Fläche in cm', densityHint: 'Stiche pro cm', coloursHint: 'erste Farbe braucht keinen Wechsel', speedHint: 'Stiche pro Minute', rateHint: 'deine Währung pro Stunde', stitchRunning: 'Laufstich', stitchSatin: 'Satinstich', stitchFill: 'Füllstich', stitchTatami: 'Tatami Füllung', stitchRunningNote: 'Leichte Konturen und Schrift mit geringer Abdeckung.', stitchSatinNote: 'Glatte Säulen und Ränder mit konzentriertem Fadenweg.', stitchFillNote: 'Dichte Abdeckung mit mehr Garn und Produktionsaufwand.', stitchTatamiNote: 'Geschichtete Füllung mit dem höchsten Planungsfaktor.', selectStitch: 'Stichart wählen', emptyResult: 'Gib einen Stichplan ein, um den Rahmen zu aktivieren.', stitchesUnit: 'gleichwertige Stiche', minutesUnit: 'Minuten', hoursUnit: 'Stunden', priceUnit: 'Währungseinheiten', areaLabel: 'Bestickte Fläche', effectiveLabel: 'Gleichwertige Stiche', stitchTimeLabel: 'Stickzeit', productionLabel: 'Produktionszeit', setupLabel: 'Farbeneinrichtung', changesLabel: 'Farbwechsel', basePriceLabel: 'Arbeitsgrundpreis', estimateBadge: 'Schätzung bereit', attentionBadge: 'Größe prüfen', warningHighVolume: 'Große Stichmenge. Vor einem Angebot eine echte Maschinenprobe machen.', warningLongRun: 'Langer Produktionslauf. Rahmung, Fadenrisse und Fertigstellung separat prüfen.', invalidMessage: 'Verwende positive Werte für Größe, Dichte, Geschwindigkeit und Stundenlohn.', formulaTitle: 'Was wird gezählt', formulaText: 'Fläche mal Dichte zum Quadrat ergibt die Abdeckungsbasis. Der Stichfaktor macht daraus gleichwertige Stiche; jeder Farbwechsel nach der ersten Farbe fügt 1,75 Minuten hinzu.', noteTitle: 'Grenze der Planung', noteText: 'Dies ist ein transparenter Rechner, keine digitalisierte Maschinendatei und kein fertiges Angebot. Ergänze Material, Einrichtung, Fertigstellung, Gemeinkosten, Steuer und Marge selbst.', reset: 'Beispiel zurücksetzen', copied: 'Zusammenfassung kopiert', copySummary: 'Zusammenfassung kopieren', canvasAlt: 'Stickrahmen aus Stoff mit Fadenlinien für die aktuelle Dichte',
+};
+export const content: ToolLocaleContent<EmbroideryStitchPricingEstimatorUI> = { slug, title, description, ui, faq, bibliography, howTo, schemas: [faqSchema, howToSchema, appSchema], seo: [
+  { type: 'title', text: 'Stickzahl und Arbeitsgrundpreis für Stickerei schätzen', level: 2 },
+  { type: 'paragraph', html: 'Bei einem Stickdesign gibt es zwei Planungsfragen: Wie viel Fadenarbeit steckt im Motiv und wie lange sind Maschine und Bedienperson gebunden? Dieser Rechner hält beides sichtbar und verwandelt Fläche, Dichte, Stichart, Farben, Geschwindigkeit und Stundenlohn in einen vergleichbaren Planungswert.' },
+  { type: 'title', text: 'Das Modell für die Stichzahl', level: 3 },
+  { type: 'paragraph', html: 'Die Basis ist die bestickte Fläche multipliziert mit dem Quadrat der Dichte in Stichen pro Zentimeter. Ein relativer Faktor berücksichtigt die Stichfamilie: Laufstich ist leichter, Satin der Bezugspunkt, Füllung und Tatami sind zunehmend dichte Planungsfälle. Es handelt sich um gleichwertigen Arbeitsaufwand, nicht um die exakte Zahl aus einer Digitalisierungssoftware.' },
+  { type: 'table', headers: ['Eingabe', 'Was sie verändert', 'Was sie nicht verspricht'], rows: [['Breite und Höhe', 'Abdeckungsfläche und Basisstichzahl', 'Den exakten Umriss einer digitalisierten Datei'], ['Dichte und Stichart', 'Gleichwertige Fadenarbeit und Maschinenzeit', 'Eine passende Qualitätseinstellung für jeden Stoff'], ['Farben', 'Wechselzeit nach der ersten Farbe', 'Die Zahl von Trims oder Fadenrissen'], ['Geschwindigkeit und Lohn', 'Produktionsdauer und Arbeitswert', 'Ein fertiges Kundenangebot']] },
+  { type: 'title', text: 'Aus einer Schätzung einen verantwortlichen Preis machen', level: 3 },
+  { type: 'paragraph', html: 'Der angezeigte Preis ist nur Arbeitszeit mal Stundenlohn. Ein echtes Angebot sollte Digitalisierung, Garn, Vlies, Einspannen, Maschineneinrichtung, Probestücke, Abschneiden, Nacharbeit, Fertigstellung, Gemeinkosten, Steuer und Gewinn enthalten. Halte diese Posten getrennt, damit eine kleine Stichzahl keine aufwendige Vorbereitung versteckt.' },
+  { type: 'tip', title: 'Plan vor dem Angebot testen', html: 'Führe eine repräsentative Probe auf dem vorgesehenen Stoff und Vlies aus. Vergleiche Zeit und Fadenverhalten mit der Schätzung und passe deine lokalen Geschwindigkeits- und Einrichtungsannahmen an.' },
+  { type: 'title', text: 'Die Produktionsaufteilung lesen', level: 3 },
+  { type: 'list', items: ['Gleichwertige Stiche zeigen den Abdeckungsaufwand nach Anwendung des Stichfaktors.', 'Produktionszeit ist gleichwertige Stichzahl geteilt durch Maschinengeschwindigkeit.', 'Farbeneinrichtung fügt nach der ersten Farbe je Wechsel 1,75 Minuten hinzu.', 'Der Arbeitsgrundpreis ist die Gesamtzeit geteilt durch 60 und multipliziert mit dem Stundenlohn.'] },
+] };