ecobridge.xyz/catalog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(elements): add eco-provider-frame and dataprovider interfaces; improve virtual keyboard interactions; add demos, exports and bump dev dependencies

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-12 15:16:01 +00:00
parent bf4fcfac71
commit ee45fb01a2
21 changed files with 4262 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
ts_web/views/eco-view-scan/eco-view-scan.demo.ts Normal file
View File

@@ -0,0 +1,30 @@
import { html } from '@design.estate/dees-element';
export const demo = () => html`
<style>
.demo-container {
width: 100%;
height: 100%;
background: hsl(240 10% 4%);
border-radius: 12px;
overflow: hidden;
}
</style>
<div class="demo-container">
<eco-view-scan
.scanners=${[
{ id: 'scanner-1', name: 'HP ScanJet Pro', address: '192.168.1.100', status: 'online', capabilities: { resolutions: [150, 300, 600], formats: ['pdf', 'jpeg', 'png'], colorModes: ['color', 'grayscale'], sources: ['flatbed', 'adf'] } },
{ id: 'scanner-2', name: 'Canon imageFORMULA', address: '192.168.1.101', status: 'online', capabilities: { resolutions: [200, 300, 400, 600], formats: ['pdf', 'jpeg', 'tiff'], colorModes: ['color', 'grayscale', 'blackwhite'], sources: ['flatbed'] } },
{ id: 'scanner-3', name: 'Epson WorkForce', address: '192.168.1.102', status: 'offline' },
]}
.providers=${[
{ id: 'provider-1', name: 'Cloud Storage', icon: 'lucide:cloud' },
{ id: 'provider-2', name: 'Google Drive', icon: 'lucide:hardDrive' },
]}
@scanner-select=${(e: CustomEvent) => console.log('Scanner selected:', e.detail)}
@scan-request=${(e: CustomEvent) => console.log('Scan requested:', e.detail)}
@save-local=${(e: CustomEvent) => console.log('Save local:', e.detail)}
@send-to-provider=${(e: CustomEvent) => console.log('Send to provider:', e.detail)}
></eco-view-scan>
</div>
`;