fix(elements/applauncher): add eco app launcher components, wifi/sound/battery menus, demos and new eco-screensaver; replace dees-screensaver (breaking API change)

This commit is contained in:
2026-01-06 09:11:35 +00:00
parent ad28073751
commit 9d07d4ca88
32 changed files with 2424 additions and 43 deletions

View File

@@ -0,0 +1,33 @@
import { html } from '@design.estate/dees-element';
import type { IAudioDevice } from './eco-applauncher-soundmenu.js';
const mockDevices: IAudioDevice[] = [
{ id: 'speakers', name: 'Built-in Speakers', type: 'speaker' },
{ id: 'headphones', name: 'AirPods Pro', type: 'bluetooth' },
{ id: 'hdmi', name: 'LG Monitor', type: 'hdmi' },
];
export const demo = () => html`
<style>
.demo-container {
padding: 48px;
background: hsl(240 10% 4%);
min-height: 400px;
display: flex;
justify-content: center;
}
</style>
<div class="demo-container">
<eco-applauncher-soundmenu
open
.volume=${70}
.muted=${false}
.outputDevices=${mockDevices}
.activeDeviceId=${'speakers'}
@volume-change=${(e: CustomEvent) => console.log('Volume:', e.detail)}
@mute-toggle=${(e: CustomEvent) => console.log('Mute:', e.detail)}
@device-select=${(e: CustomEvent) => console.log('Device:', e.detail)}
@settings-click=${() => console.log('Settings clicked')}
></eco-applauncher-soundmenu>
</div>
`;