📡
<pan-bus>
DOM-native message bus with pub/sub, wildcards, and retained messages
CORE
🔌
PanClient
High-level JavaScript API for publish/subscribe messaging
CORE
🔐
<pan-auth>
JWT authentication with auto-refresh and secure token management
CORE
🛡️
pan-security
Security utilities for CSP, sanitization, and validation
CORE
✅
pan-validation
Declarative schema validation for forms and data
CORE
🌐
<pan-data-connector>
REST API integration with automatic data fetching and caching
DATA
🔗
<pan-graphql-connector>
GraphQL queries and mutations via PAN messaging
INTEGRATION
🐘
<pan-php-connector>
PHP backend integration with session management
INTEGRATION
🌍
<pan-open-data-connector>
Read-only connector for public JSON APIs (USGS, REST Countries, etc.)
DATA
📋
<pan-static-connector>
Inline static data for demos and prototypes
DATA
🗺️
<pan-leaflet-map>
Interactive Leaflet.js map with PAN data binding
VISUALIZATION
💿
<pan-idb>
IndexedDB storage with PAN messaging integration
DATA
📦
<pan-store>
Reactive state management with persistence options
DATA
🔄
<pan-sse>
Server-Sent Events bridge for real-time updates
INTEGRATION
⚡
<pan-websocket>
WebSocket bridge with automatic reconnection
INTEGRATION
👷
<pan-worker>
Web Worker bridge for background processing
INTEGRATION
📊
<pan-data-table>
Sortable, filterable data table with pagination
UI
📝
<pan-form>
Schema-driven forms with validation
UI
🗂️
<pan-tabs>
Tabbed interface with keyboard navigation
UI
🪟
<pan-modal>
Accessible modal dialogs with focus management
UI
🔽
<pan-dropdown>
Accessible dropdown menus with keyboard support
UI
🃏
<pan-card>
Styled card container for content grouping
UI
📄
<pan-pagination>
Pagination controls with customizable styling
UI
🔍
<pan-search-bar>
Search input with debouncing and suggestions
UI
📅
<pan-date-picker>
Date picker with calendar UI and validation
UI
📈
<pan-chart>
Simple chart visualization component
UI
📝
<pan-markdown-editor>
Markdown editor with live preview
UI
📖
<pan-markdown-renderer>
Render markdown with syntax highlighting
UI