feat(dees-chart-area): add full page toggle control for chart area

This commit is contained in:
2026-04-03 12:59:10 +00:00
parent 0d7f68086d
commit 10b67adfe1
5 changed files with 70 additions and 2 deletions

View File

@@ -1,9 +1,16 @@
import { html, type TemplateResult } from '@design.estate/dees-element';
import type { DeesChartArea } from './component.js';
import '../../00group-utility/dees-icon/dees-icon.js';
export const renderChartArea = (component: DeesChartArea): TemplateResult => {
return html`
<dees-tile .heading=${component.label}>
<dees-tile>
<div slot="header" class="chartHeader">
<span class="chartLabel">${component.label}</span>
<button class="expandBtn" @click=${() => component.toggleFullPage()} title="${component.isFullPage ? 'Exit full page' : 'Full page'}">
<dees-icon .icon=${component.isFullPage ? 'lucide:Minimize2' : 'lucide:Maximize2'} .iconSize=${14}></dees-icon>
</button>
</div>
<div class="chartContainer"></div>
${component.seriesStats.length > 0 ? html`
<div slot="footer" class="statsBar">