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

Alfa

@pantoken/web-components — elementos personalizados independientes del framework para Instructure UI.

register (invocado automáticamente en el navegador) define el conjunto completo de elementos <instui-*> en cualquier registro de elementos personalizados. Cada elemento renderiza el CSS @pantoken/components correspondiente en su shadow root; los tokens son propiedades personalizadas heredadas que atraviesan el límite del shadow — cargue @pantoken/css para suministrarlos.

Para cadenas de UI localizadas (etiquetas de navegación del calendario, placeholder del campo de fecha, texto "Back" del drilldown) pase las opciones locale, strings o dir a register. El conjunto completo de paquetes con paridad Canvas y el helper registerLocalized también se exportan desde este paquete.

El módulo es compatible con Node: las clases de los elementos se definen dentro de register, que es una operación nula cuando no hay DOM, por lo que importarlo durante SSR o una compilación nunca afecta a HTMLElement.

El registro y la salida de shadow están verificados en el entorno con Happy DOM; el comportamiento en un navegador real no está cubierto por esa verificación.

Interfaces ​

Variables ​

Funciones ​