Kundenansicht neu P7: E-Mail-Speicher schlank, Plus mit Linkzeile, Warnung als eine Zeile

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/neu/bestell-bausteine.js

@@ -52,11 +52,11 @@ export function linkTeile(text, urls) {
 
 const ausserhalb = (href) => !href.startsWith('#')
 
-/** <p id> mit den Links der Vorlage; '/…' und http(s) öffnen in neuem Tab (target _blank, rel noopener), '#…' bleibt im Fenster. */
-export function baueLinkzeile({ text, urls } = {}, { id } = {}) {
+/** <p id> mit den Links der Vorlage; '/…' und http(s) öffnen in neuem Tab (target _blank, rel noopener), '#…' bleibt im Fenster. klasse: Vorgabe 'kn-linkzeile'. */
+export function baueLinkzeile({ text, urls } = {}, { id, klasse = 'kn-linkzeile' } = {}) {
   const kinder = linkTeile(text, urls).map((t) =>
     t.href ? h('a', { href: t.href, ...(ausserhalb(t.href) ? { target: '_blank', rel: 'noopener' } : {}) }, t.text) : t.text)
-  return h('p', { id, class: 'kn-linkzeile' }, kinder)
+  return h('p', { id, class: klasse }, kinder)
 }
 
 /** <p id>: „Du bestellst als Betrieb“ | „Du bestellst privat“, ' · ', dann der Hinweis zur Korrektur mit seinem Link. */
@@ -67,9 +67,9 @@ export function baueKundenartZeile(kundenart, texte, { id } = {}) {
   return h('p', { id, class: 'kn-kundenart-zeile' }, lage, ' · ', korrektur)
 }
 
-/** Block „Was du bestellst“: zeilen [{ id?, label, text }] als Beschriftungsliste. Der Text ist immer Text. */
+/** Block „Was du bestellst“: zeilen [{ id?, label, text, klasse? }] als Beschriftungsliste. Der Text ist immer Text. */
 export function baueBlock(zeilen, { id } = {}) {
-  return h('dl', { id, class: 'kn-block' }, (zeilen || []).map((z) => h('div', { class: 'kn-block-zeile' }, h('dt', null, z.label), h('dd', { id: z.id }, z.text))))
+  return h('dl', { id, class: 'kn-block' }, (zeilen || []).map((z) => h('div', { class: 'kn-block-zeile' }, h('dt', null, z.label), h('dd', { id: z.id, class: z.klasse }, z.text))))
 }
 
 const nichtLeer = (x) => typeof x === 'string' && x !== ''