/* * Höhenreservierung für zur CLS-Vermeidung beim * initialen Page-Load. Wird zweifach genutzt: * * 1. Vom Loader-Build nach `dist/header-bar-widget.placeholder.css` kopiert * (siehe `packages/loader/vite.config.ts` → `copyPlaceholderCss`-Plugin) * und unter `/react-webcomponents/current/header-bar-widget.placeholder.css` * ausgeliefert. Host-Seiten verlinken diese Datei einmalig im : * * * * 2. Vom Widget-Code via `?inline`-Import in `register.tsx` zur Build-Zeit * als String eingelesen und als `placeholderStyle` an `defineWidget` * übergeben. Damit ist der Shadow-Root vor React-Mount vorgewärmt. * * Wert: 12px (py-3 top) + 56px (size-14 brand mark) + 12px (py-3 bottom) = 80px. * Bei Änderung der Header-Maße diesen Wert anpassen — Customer brauchen nichts * zu tun, weil sie die Datei über den stable Loader-Pfad referenzieren. * * Die :host-Regel matched nur im Shadow-Root, die Tag-Selector-Regel nur im * Light-DOM. Wenn der Customer die Datei via einbindet, ist :host ein * No-Op (kein Schaden, ca. 40 Bytes Overhead). */ la-header-bar-widget { display: block; min-height: 77px; background: #fff; border-bottom: 1px solid #e5e7eb; } :host { display: block; min-height: 77px; background: #fff; border-bottom: 1px solid #e5e7eb; }