pantoken-root / web-components

web-components ​

Compatibility ​

Target: Web Components. Current format: Custom-element registration and button shadow output. Tested environment: Node 26.10.0 with happy-dom 20.14.5. Real-browser rendering and interaction behavior are not verified.

Full compatibility matrix

Alpha

@pantoken/web-components — frameworkunabhängige Custom-Elemente für Instructure UI.

register (wird im Browser automatisch aufgerufen) definiert das vollständige <instui-*>-Elementset in jede Custom-Element-Registry. Jedes Element rendert das passende @pantoken/components-CSS in seinen Shadow-Root; Tokens sind vererbte Custom-Eigenschaften, die die Shadow-Grenze durchdringen — lade @pantoken/css um sie bereitzustellen.

Für lokalisierte UI-Strings (Kalender-Navigationsbeschriftungen, Platzhalter im Datumsfeld, Drilldown-'Zurück'-Text) übergibt man locale, strings oder dir Optionen an register. Das vollständige Canvas-kompatible Bundle-Set und der registerLocalized-Helper werden ebenfalls aus diesem Paket exportiert.

Das Modul ist Node-sicher: Elementklassen werden innerhalb von register definiert, das ein No-op ist, wenn kein DOM vorhanden ist, sodass ein Import während SSR oder eines Builds niemals HTMLElement berührt.

Die Registrierung und die Shadow-Ausgabe werden in der Umgebung mit Happy DOM verifiziert; das Verhalten in echten Browsern wird nicht durch diese Prüfung abgedeckt.

Schnittstellen ​

Variablen ​

Funktionen ​