Skip to content

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 — framework-onafhankelijke aangepaste elementen voor Instructure UI.

register (auto-opgeroepen in de browser) definieert de volledige <instui-*>-elementset in een custom-element-registry. Elk element rendert de bijpassende @pantoken/components CSS in zijn shadow root; tokens zijn geërfde custom properties die de shadow-grens doorbreken — laad @pantoken/css om ze te leveren.

Voor gelokaliseerde UI-strings (kalendernavigatie-labels, placeholder van datuminvoer, 'Back'-tekst in drilldown) geef locale, strings of dir opties door aan register. De volledige Canvas-pariteit bundle-set en de registerLocalized helper worden ook vanuit dit pakket geëxporteerd.

De module is Node-safe: elementklassen worden gedefinieerd binnen register, een no-op wanneer er geen DOM is, dus importeren tijdens SSR of een build raakt HTMLElement nooit.

Registratie en shadow-uitvoer worden omgevingsgeverifieerd met Happy DOM; gedrag in echte browsers is niet gedekt door die controle.

Interfaces ​

Variabelen ​

Functies ​