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-*> 要素セットを任意のカスタム要素レジストリに定義します。各要素は対応する @pantoken/components CSS をシャドウルートにレンダリングします。トークンはシャドウ境界を貫通する継承カスタムプロパティとして提供されます — それらを供給するには @pantoken/css を読み込んでください。

ローカライズされた UI 文字列（カレンダーのナビラベル、日付入力のプレースホルダ、ドリルダウンの「戻る」テキスト）については、register に locale、strings、または dir オプションを渡してください。Canvas パリティの完全なバンドルセットと registerLocalized ヘルパーもこのパッケージからエクスポートされています。

このモジュールは Node セーフです：要素クラスは register の内部で定義されており、DOM が存在しない場合は noop になります。そのため、SSR やビルド中にインポートしても HTMLElement に触れることはありません。

登録とシャドウ出力は Happy DOM によって環境で検証されています; 実際のブラウザでの挙動は その検査では対象外です。

インターフェース ​

変数 ​

関数 ​