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

อัลฟา

@pantoken/web-components — องค์ประกอบกำหนดเองที่ไม่ขึ้นกับเฟรมเวิร์กสำหรับ Instructure UI.

register (เรียกโดยอัตโนมัติในเบราว์เซอร์) จะกำหนดชุดองค์ประกอบ <instui-*> ทั้งหมดลงใน registry ของ custom-element ใดๆ แต่ละองค์ประกอบจะแสดง @pantoken/components CSS ที่ตรงกันลงใน shadow root ของมัน; tokens เป็น inherited custom properties ที่ทะลุผ่านขอบเขตเงา — โหลด @pantoken/css เพื่อจัดหาพวกมัน.

สำหรับสตริง UI ที่เป็นท้องถิ่น (ป้ายนำทางปฏิทิน, ตัวแทนข้อความของ date-input, ข้อความ Back ใน drilldown) ให้ส่งตัวเลือก locale, strings หรือ dir ไปยัง register. ชุด bundle แบบ Canvas-parity แบบเต็มและ ตัวช่วย registerLocalized ถูกส่งออกจากแพ็กเกจนี้ด้วย.

โมดูลนี้ปลอดภัยต่อการใช้งานใน Node: คลาสขององค์ประกอบถูกกำหนดภายใน register ซึ่งจะเป็น no-op เมื่อไม่มี DOM ดังนั้นการนำเข้าในระหว่าง SSR หรือระหว่างการ build จะไม่แตะต้อง HTMLElement เลย.

การลงทะเบียนและเอาต์พุตเงาถูกยืนยันในสภาพแวดล้อมด้วย Happy DOM; พฤติกรรมในเบราว์เซอร์จริงถูก ไม่รวมอยู่ในการตรวจสอบนั้น.

อินเทอร์เฟซ ​

ตัวแปร ​

ฟังก์ชัน ​