@design.estate/dees-catalog 3.55.3 → 3.55.4

package/dist_ts_web/elements/00group-chart/dees-chart-donut/demo.js

@@ -0,0 +1,122 @@
+import { html, css, cssManager } from '@design.estate/dees-element';
+import '@design.estate/dees-wcctools/demotools';
+import './component.js';
+export const demoFunc = () => {
+    const diskData = [
+        { name: 'Documents', value: 42 },
+        { name: 'Media', value: 28 },
+        { name: 'Applications', value: 15 },
+        { name: 'System', value: 10 },
+        { name: 'Other', value: 5 },
+    ];
+    const statusData = [
+        { name: 'Healthy', value: 156 },
+        { name: 'Warning', value: 23 },
+        { name: 'Critical', value: 8 },
+        { name: 'Unknown', value: 3 },
+    ];
+    const trafficData = [
+        { name: 'API', value: 45200 },
+        { name: 'Static Assets', value: 23100 },
+        { name: 'WebSocket', value: 12800 },
+        { name: 'GraphQL', value: 8900 },
+    ];
+    return html `
+    <dees-demowrapper .runAfterRender=${async (elementArg) => {
+        const diskChart = elementArg.querySelector('#disk-chart');
+        const statusChart = elementArg.querySelector('#status-chart');
+        const trafficChart = elementArg.querySelector('#traffic-chart');
+        // Wire up buttons
+        const buttons = elementArg.querySelectorAll('dees-button');
+        buttons.forEach((button) => {
+            const text = button.text?.trim();
+            if (text === 'Randomize') {
+                button.addEventListener('click', () => {
+                    diskChart.data = diskData.map((d) => ({
+                        ...d,
+                        value: Math.round(d.value * (0.5 + Math.random())),
+                    }));
+                    statusChart.data = statusData.map((d) => ({
+                        ...d,
+                        value: Math.round(d.value * (0.3 + Math.random() * 1.4)),
+                    }));
+                    trafficChart.data = trafficData.map((d) => ({
+                        ...d,
+                        value: Math.round(d.value * (0.5 + Math.random())),
+                    }));
+                });
+            }
+        });
+    }}>
+      <style>
+        ${css `
+          .demoBox {
+            position: relative;
+            background: ${cssManager.bdTheme('hsl(0 0% 95%)', 'hsl(0 0% 9%)')};
+            height: 100%;
+            width: 100%;
+            padding: 40px;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+          }
+          .chartRow {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+          }
+          .controls {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 8px;
+          }
+          .info {
+            color: ${cssManager.bdTheme('hsl(215.4 16.3% 56.9%)', 'hsl(215 20.2% 55.1%)')};
+            font-size: 12px;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Geist Sans', sans-serif;
+            text-align: center;
+            margin-top: 8px;
+          }
+        `}
+      </style>
+      <div class="demoBox">
+        <div class="controls">
+          <dees-button-group label="Actions:">
+            <dees-button>Randomize</dees-button>
+          </dees-button-group>
+        </div>
+
+        <div class="chartRow">
+          <dees-chart-donut
+            id="disk-chart"
+            .label=${'Disk Usage (GB)'}
+            .data=${diskData}
+            .valueFormatter=${(val) => `${val} GB`}
+          ></dees-chart-donut>
+
+          <dees-chart-donut
+            id="status-chart"
+            .label=${'Service Status'}
+            .data=${statusData}
+            .valueFormatter=${(val) => `${val} services`}
+            .innerRadiusPercent=${'0%'}
+          ></dees-chart-donut>
+        </div>
+
+        <dees-chart-donut
+          id="traffic-chart"
+          .label=${'Traffic Distribution'}
+          .data=${trafficData}
+          .valueFormatter=${(val) => `${(val / 1000).toFixed(1)}k req`}
+        ></dees-chart-donut>
+
+        <div class="info">
+          Donut chart with configurable inner radius (set to 0% for full pie) •
+          Click 'Randomize' to update data with animation
+        </div>
+      </div>
+    </dees-demowrapper>
+  `;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWNoYXJ0L2RlZXMtY2hhcnQtZG9udXQvZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRSxPQUFPLHdDQUF3QyxDQUFDO0FBQ2hELE9BQU8sZ0JBQWdCLENBQUM7QUFFeEIsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRTtJQUMzQixNQUFNLFFBQVEsR0FBRztRQUNmLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ2hDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQzVCLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQ25DLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1FBQzdCLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO0tBQzVCLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRztRQUNqQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtRQUMvQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtRQUM5QixFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtRQUM5QixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtLQUM5QixDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUc7UUFDbEIsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUU7UUFDN0IsRUFB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

package/dist_ts_web/elements/00group-chart/dees-chart-donut/index.d.ts

@@ -0,0 +1 @@
+export * from './component.js';

package/dist_ts_web/elements/00group-chart/dees-chart-donut/index.js

@@ -0,0 +1,2 @@
+export * from './component.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1jaGFydC9kZWVzLWNoYXJ0LWRvbnV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUMifQ==

package/dist_ts_web/elements/00group-chart/dees-chart-donut/styles.d.ts

@@ -0,0 +1 @@
+export declare const donutStyles: import("@design.estate/dees-element").CSSResult[];

package/dist_ts_web/elements/00group-chart/dees-chart-donut/styles.js

@@ -0,0 +1,11 @@
+import { css, cssManager } from '@design.estate/dees-element';
+import { echartsBaseStyles } from '../dees-chart-echarts-styles.js';
+export const donutStyles = [
+    ...echartsBaseStyles,
+    css `
+    :host {
+      height: 360px;
+    }
+  `,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1kb251dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVwRSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsR0FBRyxpQkFBaUI7SUFDcEIsR0FBRyxDQUFBOzs7O0dBSUY7Q0FDRixDQUFDIn0=

package/dist_ts_web/elements/00group-chart/dees-chart-donut/template.d.ts

@@ -0,0 +1,3 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import type { DeesChartDonut } from './component.js';
+export declare const renderChartDonut: (component: DeesChartDonut) => TemplateResult;

package/dist_ts_web/elements/00group-chart/dees-chart-donut/template.js

@@ -0,0 +1,12 @@
+import { html } from '@design.estate/dees-element';
+export const renderChartDonut = (component) => {
+    return html `
+    <dees-tile>
+      <div slot="header" class="chartHeader">
+        <span class="chartLabel">${component.label}</span>
+      </div>
+      <div class="chartContainer"></div>
+    </dees-tile>
+  `;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1jaGFydC9kZWVzLWNoYXJ0LWRvbnV0L3RlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFHeEUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxTQUF5QixFQUFrQixFQUFFO0lBQzVFLE9BQU8sSUFBSSxDQUFBOzs7bUNBR3NCLFNBQVMsQ0FBQyxLQUFLOzs7O0dBSS9DLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-base.d.ts

@@ -0,0 +1,22 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import { type IEchartsBundle, type IEchartsInstance } from '../../services/index.js';
+import '../00group-layout/dees-tile/dees-tile.js';
+/**
+ * Abstract base class for ECharts-based chart components.
+ * Handles library loading, chart lifecycle, resize observation, and theme switching.
+ * Subclasses implement `buildOption()` to define their chart configuration.
+ */
+export declare abstract class DeesChartEchartsBase extends DeesElement {
+    accessor label: string;
+    protected chartInstance: IEchartsInstance | null;
+    protected echartsBundle: IEchartsBundle | null;
+    private resizeObserver;
+    constructor();
+    render(): TemplateResult;
+    firstUpdated(): Promise<void>;
+    updated(changedProperties: Map<string, any>): Promise<void>;
+    protected abstract buildOption(): Record<string, any>;
+    protected updateChart(): void;
+    protected applyTheme(): void;
+    forceResize(): Promise<void>;
+}

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-base.js

@@ -0,0 +1,140 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import { DeesServiceLibLoader } from '../../services/index.js';
+import { getEchartsThemeOptions } from './dees-chart-echarts-theme.js';
+import '../00group-layout/dees-tile/dees-tile.js';
+/**
+ * Abstract base class for ECharts-based chart components.
+ * Handles library loading, chart lifecycle, resize observation, and theme switching.
+ * Subclasses implement `buildOption()` to define their chart configuration.
+ */
+let DeesChartEchartsBase = (() => {
+    let _classSuper = DeesElement;
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    return class DeesChartEchartsBase extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _label_decorators = [property()];
+            __esDecorate(this, null, _label_decorators, { kind: "accessor", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #label_accessor_storage = __runInitializers(this, _label_initializers, 'Untitled Chart');
+        get label() { return this.#label_accessor_storage; }
+        set label(value) { this.#label_accessor_storage = value; }
+        chartInstance = (__runInitializers(this, _label_extraInitializers), null);
+        echartsBundle = null;
+        resizeObserver = null;
+        constructor() {
+            super();
+            domtools.elementBasic.setup();
+            this.registerGarbageFunction(async () => {
+                if (this.resizeObserver) {
+                    this.resizeObserver.disconnect();
+                    this.resizeObserver = null;
+                }
+                if (this.chartInstance) {
+                    try {
+                        this.chartInstance.dispose();
+                        this.chartInstance = null;
+                    }
+                    catch (e) {
+                        console.error('Error disposing ECharts instance:', e);
+                    }
+                }
+            });
+        }
+        render() {
+            return html `
+      <dees-tile>
+        <div slot="header" class="chartHeader">
+          <span class="chartLabel">${this.label}</span>
+        </div>
+        <div class="chartContainer"></div>
+      </dees-tile>
+    `;
+        }
+        async firstUpdated() {
+            await this.domtoolsPromise;
+            this.echartsBundle = await DeesServiceLibLoader.getInstance().loadEcharts();
+            await new Promise(resolve => requestAnimationFrame(resolve));
+            const chartContainer = this.shadowRoot.querySelector('.chartContainer');
+            if (!chartContainer)
+                return;
+            try {
+                this.chartInstance = this.echartsBundle.init(chartContainer);
+                this.updateChart();
+                this.resizeObserver = new ResizeObserver(() => {
+                    this.chartInstance?.resize();
+                });
+                this.resizeObserver.observe(chartContainer);
+            }
+            catch (error) {
+                console.error('Failed to initialize ECharts:', error);
+            }
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            if (changedProperties.has('goBright') && this.chartInstance) {
+                this.applyTheme();
+            }
+        }
+        updateChart() {
+            if (!this.chartInstance)
+                return;
+            const themeOptions = getEchartsThemeOptions(this.goBright);
+            const chartOption = this.buildOption();
+            // Merge theme defaults with chart-specific options
+            const merged = {
+                ...themeOptions,
+                ...chartOption,
+                textStyle: { ...themeOptions.textStyle, ...(chartOption.textStyle || {}) },
+                tooltip: { ...themeOptions.tooltip, ...(chartOption.tooltip || {}) },
+            };
+            this.chartInstance.setOption(merged, true);
+        }
+        applyTheme() {
+            this.updateChart();
+        }
+        async forceResize() {
+            this.chartInstance?.resize();
+        }
+    };
+})();
+export { DeesChartEchartsBase };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGFydC1lY2hhcnRzLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1jaGFydC9kZWVzLWNoYXJ0LWVjaGFydHMtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxHQUVMLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQThDLE1BQU0seUJBQXlCLENBQUM7QUFDM0csT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdkUsT0FBTywwQ0FBMEMsQ0FBQztBQUVsRDs7OztHQUlHO0lBQ21CLG9CQUFvQjtzQkFBUyxXQUFXOzs7O2lCQUF4QyxvQkFBcUIsU0FBUSxXQUFXOzs7aUNBQzNELFFBQVEsRUFBRTtZQUNYLG9LQUFTLEtBQUssNkJBQUwsS0FBSyxxRkFBNEI7OztRQUExQyx1RUFBeUIsZ0JBQWdCLEVBQUM7UUFBMUMsSUFBUyxLQUFLLDJDQUE0QjtRQUExQyxJQUFTLEtBQUssaURBQTRCO1FBRWhDLGFBQWEsdURBQTRCLElBQUksRUFBQztRQUM5QyxhQUFhLEdBQTBCLElBQUksQ0FBQztRQUM5QyxjQUFjLEdBQTBCLElBQUksQ0FBQztRQUVyRDtZQUNFLEtBQUssRUFBRSxDQUFDO1lBQ1IsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsdUJBQXVCLENBQUMsS0FBSyxJQUFJLEVBQUU7Z0JBQ3RDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO29CQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO29CQUNqQyxJQUFJLENBQUMsY0FBYyxH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

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-styles.d.ts

@@ -0,0 +1 @@
+export declare const echartsBaseStyles: import("@design.estate/dees-element").CSSResult[];

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-styles.js

@@ -0,0 +1,36 @@
+import { css, cssManager } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../00theme.js';
+export const echartsBaseStyles = [
+    themeDefaultStyles,
+    cssManager.defaultStyles,
+    css `
+    :host {
+      display: block;
+      height: 400px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+      color: var(--dees-color-text-primary);
+      font-size: 14px;
+    }
+    dees-tile {
+      height: 100%;
+    }
+    .chartHeader {
+      display: flex;
+      align-items: center;
+      height: 32px;
+      padding: 0 8px 0 16px;
+    }
+    .chartLabel {
+      flex: 1;
+      font-size: 14px;
+      font-weight: 500;
+      letter-spacing: -0.01em;
+      color: var(--dees-color-text-secondary);
+    }
+    .chartContainer {
+      position: absolute;
+      inset: 0;
+    }
+  `,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGFydC1lY2hhcnRzLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWNoYXJ0L2RlZXMtY2hhcnQtZWNoYXJ0cy1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0Isa0JBQWtCO0lBQ2xCLFVBQVUsQ0FBQyxhQUFhO0lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCRjtDQUNGLENBQUMifQ==

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-theme.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Shared theme utilities for ECharts-based chart components.
+ * Uses the centralized themeDefaults tokens so chart colors stay in sync
+ * with the rest of the dees-catalog design system.
+ *
+ * ECharts renders on <canvas> and cannot read CSS custom properties,
+ * so we reference the TypeScript source-of-truth (themeDefaults) directly.
+ */
+export declare function getEchartsSeriesColors(goBright: boolean): string[];
+export declare function getEchartsThemeOptions(goBright: boolean): Record<string, any>;
+/**
+ * Helper to get the resolved theme colors object for use in buildOption().
+ * Components can use this instead of hardcoding dark/light color values.
+ */
+export declare function getThemeColors(goBright: boolean): import("../00theme.js").IThemeColors;

package/dist_ts_web/elements/00group-chart/dees-chart-echarts-theme.js

@@ -0,0 +1,67 @@
+/**
+ * Shared theme utilities for ECharts-based chart components.
+ * Uses the centralized themeDefaults tokens so chart colors stay in sync
+ * with the rest of the dees-catalog design system.
+ *
+ * ECharts renders on <canvas> and cannot read CSS custom properties,
+ * so we reference the TypeScript source-of-truth (themeDefaults) directly.
+ */
+import { themeDefaults } from '../00theme.js';
+const light = themeDefaults.colors.light;
+const dark = themeDefaults.colors.dark;
+const SERIES_COLORS = {
+    dark: [
+        dark.accentPrimary, // blue
+        'hsl(173.4 80.4% 40%)', // teal (no token yet)
+        'hsl(280.3 87.4% 66.7%)', // purple (no token yet)
+        dark.accentWarning, // orange/amber
+        dark.accentSuccess, // green
+        dark.accentError, // rose/red
+    ],
+    light: [
+        light.accentPrimary,
+        'hsl(142.1 76.2% 36.3%)', // teal (no token yet)
+        'hsl(280.3 47.7% 50.2%)', // purple (no token yet)
+        light.accentWarning,
+        light.accentSuccess,
+        light.accentError,
+    ],
+};
+export function getEchartsSeriesColors(goBright) {
+    return goBright ? SERIES_COLORS.light : SERIES_COLORS.dark;
+}
+export function getEchartsThemeOptions(goBright) {
+    const colors = goBright ? light : dark;
+    return {
+        backgroundColor: 'transparent',
+        textStyle: {
+            color: colors.textSecondary,
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+            fontSize: 12,
+        },
+        color: goBright ? SERIES_COLORS.light : SERIES_COLORS.dark,
+        tooltip: {
+            backgroundColor: colors.bgPrimary,
+            borderColor: colors.borderDefault,
+            textStyle: {
+                color: colors.textPrimary,
+                fontSize: 12,
+            },
+            confine: true,
+        },
+        legend: {
+            textStyle: {
+                color: colors.textSecondary,
+                fontSize: 12,
+            },
+        },
+    };
+}
+/**
+ * Helper to get the resolved theme colors object for use in buildOption().
+ * Components can use this instead of hardcoding dark/light color values.
+ */
+export function getThemeColors(goBright) {
+    return goBright ? light : dark;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGFydC1lY2hhcnRzLXRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1lY2hhcnRzLXRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7O0dBT0c7QUFFSCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlDLE1BQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO0FBQ3pDLE1BQU0sSUFBSSxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO0FBRXZDLE1BQU0sYUFBYSxHQUFHO0lBQ3BCLElBQUksRUFBRTtRQUNKLElBQUksQ0FBQyxhQUFhLEVBQVEsT0FBTztRQUNqQyxzQkFBc0IsRUFBSSxzQkFBc0I7UUFDaEQsd0JBQXdCLEVBQUUsd0JBQXdCO1FBQ2xELElBQUksQ0FBQyxhQUFhLEVBQVEsZUFBZTtRQUN6QyxJQUFJLENBQUMsYUFBYSxFQUFRLFFBQVE7UUFDbEMsSUFBSSxDQUFDLFdBQVcsRUFBVSxXQUFXO0tBQ3RDO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsS0FBSyxDQUFDLGFBQWE7UUFDbkIsd0JBQXdCLEVBQUcsc0JBQXNCO1FBQ2pELHdCQUF3QixFQUFHLHdCQUF3QjtRQUNuRCxLQUFLLENBQUMsYUFBYTtRQUNuQixLQUFLLENBQUMsYUFBYTtRQUNuQixLQUFLLENBQUMsV0FBVztLQUNsQjtDQUNGLENBQUM7QUFFRixNQUFNLFVBQVUsc0JBQXNCLENBQUMsUUFBaUI7SUFDdEQsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7QUFDN0QsQ0FBQztBQUVELE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxRQUFpQjtJQUN0RCxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3ZDLE9BQU87UUFDTCxlQUFlLEVBQUUsYUFBYTtRQUM5QixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDM0IsVUFBVSxFQUFFLDJEQUEyRDtZQUN2RSxRQUFRLEVBQUUsRUFBRTtTQUNiO1FBQ0QsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUk7UUFDMUQsT0FBTyxFQUFFO1lBQ1AsZUFBZSxFQUFFLE1BQU0sQ0FBQyxTQUFTO1lBQ2pDLFdBQVcsRUFBRSxNQUFNLENBQUMsYUFBYTtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxXQUFXO2dCQUN6QixRQUFRLEVBQUUsRUFBRTthQUNiO1lBQ0QsT0FBTyxFQUFFLElBQUk7U0FDZDtRQUNELE1BQU0sRUFBRTtZQUNOLFNBQVMsRUFBRTtnQkFDVCxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7Z0JBQzNCLFFBQVEsRUFBRSxFQUFFO2FBQ2I7U0FDRjtLQUNGLENBQUM7QUFDSixDQUFDO0FBRUQ7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLGNBQWMsQ0FBQyxRQUFpQjtJQUM5QyxPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDakMsQ0FBQyJ9

package/dist_ts_web/elements/00group-chart/dees-chart-gauge/component.d.ts

@@ -0,0 +1,25 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
+export interface IGaugeThreshold {
+    value: number;
+    color: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-chart-gauge': DeesChartGauge;
+    }
+}
+export declare class DeesChartGauge extends DeesChartEchartsBase {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor value: number;
+    accessor min: number;
+    accessor max: number;
+    accessor unit: string;
+    accessor thresholds: IGaugeThreshold[];
+    accessor showTicks: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    updated(changedProperties: Map<string, any>): Promise<void>;
+    protected buildOption(): Record<string, any>;
+}