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 agnósticos ao framework para Instructure UI.

register (auto-invocado no navegador) define o conjunto completo de elementos <instui-*> em qualquer registro de elementos personalizados. Cada elemento renderiza o CSS correspondente @pantoken/components em seu shadow root; tokens são propriedades personalizadas herdadas que atravessam a fronteira do shadow — carregue @pantoken/css para fornecê‑los.

Para strings de UI localizadas (rótulos de navegação do calendário, placeholder do campo de data, texto "Back" do drilldown) passe as opções locale, strings ou dir para register. O conjunto completo de bundles em paridade com o Canvas e o helper registerLocalized também são exportados por este pacote.

O módulo é compatível com Node: as classes de elemento são definidas dentro de register, uma operação nula quando não há DOM, então importar durante SSR ou uma build nunca toca HTMLElement.

O registro e a saída de shadow são verificados no ambiente com Happy DOM; o comportamento em navegador real é não coberto por essa verificação.

Interfaces ​

Variáveis ​

Funções ​