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 — các phần tử tùy chỉnh độc lập với framework cho Instructure UI.

register (tự động gọi trong trình duyệt) định nghĩa toàn bộ tập phần tử <instui-*> vào bất kỳ registry phần tử tùy chỉnh nào. Mỗi phần tử sẽ render CSS @pantoken/components tương ứng vào shadow root của nó; tokens là các thuộc tính tùy chỉnh kế thừa xuyên qua ranh giới shadow — tải @pantoken/css để cung cấp chúng.

Đối với chuỗi UI đã được bản địa hóa (nhãn điều hướng lịch, placeholder của input ngày, văn bản Back trong drilldown) truyền các tuỳ chọn locale, strings, hoặc dir tới register. Bộ bundle tương đương Canvas đầy đủ và hàm trợ giúp registerLocalized cũng được xuất từ gói này.

Module an toàn với Node: các lớp phần tử được định nghĩa bên trong register, là noop khi không có DOM, nên việc import trong SSR hoặc quá trình build sẽ không bao giờ chạm tới HTMLElement.

Đăng ký và đầu ra shadow đã được xác minh trong môi trường bằng Happy DOM; hành vi trong trình duyệt thực tế là không được bao phủ bởi kiểm tra đó.

Giao diện ​

Biến ​

Hàm ​