@design.estate/dees-catalog 3.55.3 → 3.55.4

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

@@ -0,0 +1,224 @@
+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 { customElement, property, } from '@design.estate/dees-element';
+import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
+import { demoFunc } from './demo.js';
+import { gaugeStyles } from './styles.js';
+import { renderChartGauge } from './template.js';
+import { getEchartsSeriesColors, getThemeColors } from '../dees-chart-echarts-theme.js';
+let DeesChartGauge = (() => {
+    let _classDecorators = [customElement('dees-chart-gauge')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesChartEchartsBase;
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _min_decorators;
+    let _min_initializers = [];
+    let _min_extraInitializers = [];
+    let _max_decorators;
+    let _max_initializers = [];
+    let _max_extraInitializers = [];
+    let _unit_decorators;
+    let _unit_initializers = [];
+    let _unit_extraInitializers = [];
+    let _thresholds_decorators;
+    let _thresholds_initializers = [];
+    let _thresholds_extraInitializers = [];
+    let _showTicks_decorators;
+    let _showTicks_initializers = [];
+    let _showTicks_extraInitializers = [];
+    var DeesChartGauge = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({ type: Number })];
+            _min_decorators = [property({ type: Number })];
+            _max_decorators = [property({ type: Number })];
+            _unit_decorators = [property({ type: String })];
+            _thresholds_decorators = [property({ type: Array })];
+            _showTicks_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(this, null, _min_decorators, { kind: "accessor", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
+            __esDecorate(this, null, _max_decorators, { kind: "accessor", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
+            __esDecorate(this, null, _unit_decorators, { kind: "accessor", name: "unit", static: false, private: false, access: { has: obj => "unit" in obj, get: obj => obj.unit, set: (obj, value) => { obj.unit = value; } }, metadata: _metadata }, _unit_initializers, _unit_extraInitializers);
+            __esDecorate(this, null, _thresholds_decorators, { kind: "accessor", name: "thresholds", static: false, private: false, access: { has: obj => "thresholds" in obj, get: obj => obj.thresholds, set: (obj, value) => { obj.thresholds = value; } }, metadata: _metadata }, _thresholds_initializers, _thresholds_extraInitializers);
+            __esDecorate(this, null, _showTicks_decorators, { kind: "accessor", name: "showTicks", static: false, private: false, access: { has: obj => "showTicks" in obj, get: obj => obj.showTicks, set: (obj, value) => { obj.showTicks = value; } }, metadata: _metadata }, _showTicks_initializers, _showTicks_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesChartGauge = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Chart'];
+        #value_accessor_storage = __runInitializers(this, _value_initializers, 0);
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #min_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _min_initializers, 0));
+        get min() { return this.#min_accessor_storage; }
+        set min(value) { this.#min_accessor_storage = value; }
+        #max_accessor_storage = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, 100));
+        get max() { return this.#max_accessor_storage; }
+        set max(value) { this.#max_accessor_storage = value; }
+        #unit_accessor_storage = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _unit_initializers, '%'));
+        get unit() { return this.#unit_accessor_storage; }
+        set unit(value) { this.#unit_accessor_storage = value; }
+        #thresholds_accessor_storage = (__runInitializers(this, _unit_extraInitializers), __runInitializers(this, _thresholds_initializers, []));
+        get thresholds() { return this.#thresholds_accessor_storage; }
+        set thresholds(value) { this.#thresholds_accessor_storage = value; }
+        #showTicks_accessor_storage = (__runInitializers(this, _thresholds_extraInitializers), __runInitializers(this, _showTicks_initializers, true));
+        get showTicks() { return this.#showTicks_accessor_storage; }
+        set showTicks(value) { this.#showTicks_accessor_storage = value; }
+        static styles = gaugeStyles;
+        render() {
+            return renderChartGauge(this);
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            if (this.chartInstance &&
+                (changedProperties.has('value') ||
+                    changedProperties.has('min') ||
+                    changedProperties.has('max') ||
+                    changedProperties.has('unit') ||
+                    changedProperties.has('thresholds') ||
+                    changedProperties.has('showTicks'))) {
+                this.updateChart();
+            }
+        }
+        buildOption() {
+            const colors = getThemeColors(this.goBright);
+            const seriesColors = getEchartsSeriesColors(this.goBright);
+            const primaryColor = seriesColors[0];
+            // Build axis line color stops from thresholds
+            let axisLineColors;
+            if (this.thresholds.length > 0) {
+                const sorted = [...this.thresholds].sort((a, b) => a.value - b.value);
+                axisLineColors = sorted.map((t) => [
+                    (t.value - this.min) / (this.max - this.min),
+                    t.color,
+                ]);
+                // Ensure we end at 1
+                if (axisLineColors[axisLineColors.length - 1][0] < 1) {
+                    axisLineColors.push([1, sorted[sorted.length - 1].color]);
+                }
+            }
+            else {
+                axisLineColors = [[1, primaryColor]];
+            }
+            return {
+                series: [
+                    {
+                        type: 'gauge',
+                        min: this.min,
+                        max: this.max,
+                        startAngle: 220,
+                        endAngle: -40,
+                        progress: {
+                            show: true,
+                            width: 14,
+                            roundCap: true,
+                        },
+                        pointer: {
+                            show: true,
+                            length: '60%',
+                            width: 5,
+                            itemStyle: {
+                                color: 'auto',
+                            },
+                        },
+                        axisLine: {
+                            lineStyle: {
+                                width: 14,
+                                color: axisLineColors,
+                                opacity: 0.3,
+                            },
+                        },
+                        axisTick: {
+                            show: this.showTicks,
+                            distance: -20,
+                            length: 6,
+                            lineStyle: {
+                                color: colors.borderStrong,
+                                width: 1,
+                            },
+                        },
+                        splitLine: {
+                            show: this.showTicks,
+                            distance: -24,
+                            length: 10,
+                            lineStyle: {
+                                color: colors.textMuted,
+                                width: 2,
+                            },
+                        },
+                        axisLabel: {
+                            show: this.showTicks,
+                            distance: 30,
+                            color: colors.textMuted,
+                            fontSize: 11,
+                        },
+                        detail: {
+                            valueAnimation: true,
+                            fontSize: 28,
+                            fontWeight: 600,
+                            offsetCenter: [0, '65%'],
+                            color: colors.textPrimary,
+                            formatter: `{value}${this.unit}`,
+                        },
+                        title: {
+                            show: false,
+                        },
+                        data: [
+                            {
+                                value: this.value,
+                            },
+                        ],
+                    },
+                ],
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _showTicks_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesChartGauge = _classThis;
+})();
+export { DeesChartGauge };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1nYXVnZS9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7SUFjM0UsY0FBYzs0QkFEMUIsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNFLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFBNUIsU0FBUSxXQUFvQjs7OztpQ0FJckQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOytCQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7K0JBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3NDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7cUNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQWQ1QixvS0FBUyxLQUFLLDZCQUFMLEtBQUsscUZBQWE7WUFHM0IsOEpBQVMsR0FBRyw2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

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

@@ -0,0 +1,3 @@
+import '@design.estate/dees-wcctools/demotools';
+import './component.js';
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

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

@@ -0,0 +1,124 @@
+import { html, css, cssManager } from '@design.estate/dees-element';
+import '@design.estate/dees-wcctools/demotools';
+import './component.js';
+export const demoFunc = () => {
+    const defaultThresholds = [
+        { value: 60, color: 'hsl(142 76% 36%)' },
+        { value: 80, color: 'hsl(38 92% 50%)' },
+        { value: 100, color: 'hsl(0 72% 50%)' },
+    ];
+    return html `
+    <dees-demowrapper .runAfterRender=${async (elementArg) => {
+        const cpuGauge = elementArg.querySelector('#cpu-gauge');
+        const memGauge = elementArg.querySelector('#mem-gauge');
+        const slaGauge = elementArg.querySelector('#sla-gauge');
+        let animInterval = null;
+        const buttons = elementArg.querySelectorAll('dees-button');
+        buttons.forEach((button) => {
+            const text = button.text?.trim();
+            if (text === 'Animate') {
+                button.addEventListener('click', () => {
+                    if (animInterval)
+                        return;
+                    animInterval = window.setInterval(() => {
+                        cpuGauge.value = Math.round(30 + Math.random() * 60);
+                        memGauge.value = Math.round(40 + Math.random() * 50);
+                        slaGauge.value = Math.round((95 + Math.random() * 5) * 100) / 100;
+                    }, 2000);
+                });
+            }
+            else if (text === 'Stop') {
+                button.addEventListener('click', () => {
+                    if (animInterval) {
+                        window.clearInterval(animInterval);
+                        animInterval = null;
+                    }
+                });
+            }
+            else if (text === 'Spike') {
+                button.addEventListener('click', () => {
+                    cpuGauge.value = 95;
+                    memGauge.value = 88;
+                    slaGauge.value = 96.5;
+                });
+            }
+        });
+    }}>
+      <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;
+          }
+          .gaugeRow {
+            display: grid;
+            grid-template-columns: 1fr 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>Animate</dees-button>
+            <dees-button>Stop</dees-button>
+            <dees-button>Spike</dees-button>
+          </dees-button-group>
+        </div>
+
+        <div class="gaugeRow">
+          <dees-chart-gauge
+            id="cpu-gauge"
+            .label=${'CPU Usage'}
+            .value=${42}
+            .unit=${'%'}
+            .thresholds=${defaultThresholds}
+          ></dees-chart-gauge>
+
+          <dees-chart-gauge
+            id="mem-gauge"
+            .label=${'Memory Usage'}
+            .value=${67}
+            .unit=${'%'}
+            .thresholds=${defaultThresholds}
+          ></dees-chart-gauge>
+
+          <dees-chart-gauge
+            id="sla-gauge"
+            .label=${'SLA Uptime'}
+            .value=${99.8}
+            .min=${95}
+            .max=${100}
+            .unit=${'%'}
+            .showTicks=${true}
+          ></dees-chart-gauge>
+        </div>
+
+        <div class="info">
+          Gauge chart with animated value transitions and threshold coloring •
+          Click 'Animate' for live updates, 'Spike' to simulate high load
+        </div>
+      </div>
+    </dees-demowrapper>
+  `;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWNoYXJ0L2RlZXMtY2hhcnQtZ2F1Z2UvZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRSxPQUFPLHdDQUF3QyxDQUFDO0FBQ2hELE9BQU8sZ0JBQWdCLENBQUM7QUFFeEIsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRTtJQUMzQixNQUFNLGlCQUFpQixHQUFHO1FBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUU7UUFDeEMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRTtRQUN2QyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO0tBQ3hDLENBQUM7SUFFRixPQUFPLElBQUksQ0FBQTt3Q0FDMkIsS0FBSyxFQUFFLFVBQXVCLEVBQUUsRUFBRTtRQUNwRSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBbUIsQ0FBQztRQUMxRSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBbUIsQ0FBQztRQUMxRSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBbUIsQ0FBQztRQUUxRSxJQUFJLFlBQVksR0FBa0IsSUFBSSxDQUFDO1FBRXZDLE1BQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMzRCxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBVyxFQUFFLEVBQUU7WUFDOUIsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUNqQyxJQUFJLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDdkIsTUFBTSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7b0JBQ3BDLElBQUksWUFBWTt3QkFBRSxPQUFPO29CQUN6QixZQUFZLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxHQUFHLEVBQUU7d0JBQ3JDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO3dCQUNyRCxRQUFRLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQzt3QkFDckQsUUFBUSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUM7b0JBQ3BFLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFDWCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7aUJBQU0sSUFBSSxJQUFJLEtBQUssTUFBTSxFQUFFLENBQUM7Z0JBQzNCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFO29CQUNwQyxJQUFJLFlBQVksRUFBRSxDQUFDO3dCQUNqQixNQUFNLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO3dCQUNuQyxZQUFZLEdBQUcsSUFBSSxDQUFDO29CQUN0QixDQUFDO2dCQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztpQkFBTSxJQUFJLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztnQkFDNUIsTUFBTSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7b0JBQ3BDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO29CQUNwQixRQUFRLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztvQkFDcEIsUUFBUSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQ3hCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7VUFFSyxHQUFHLENBQUE7OzswQkFHYSxVQUFVLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxjQUFjLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FCQW9CeEQsVUFBVSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsRUFBRSxzQkFBc0IsQ0FBQzs7Ozs7O1NBTWhGOzs7Ozs7Ozs7Ozs7OztxQkFjWSxXQUFXO3FCQUNYLEVBQUU7b0JBQ0gsR0FBRzswQkFDRyxpQkFBaUI7Ozs7O3FCQUt0QixjQUFjO3FCQUNkLEVBQUU7b0JBQ0gsR0FBRzswQkFDRyxpQkFBaUI7Ozs7O3FCQUt0QixZQUFZO3FCQUNaLElBQUk7bUJBQ04sRUFBRTttQkFDRixHQUFHO29CQUNGLEdBQUc7eUJBQ0UsSUFBSTs7Ozs7Ozs7OztHQVUxQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { html } from '@design.estate/dees-element';
+export const renderChartGauge = (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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1jaGFydC9kZWVzLWNoYXJ0LWdhdWdlL3RlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFHeEUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxTQUF5QixFQUFrQixFQUFFO0lBQzVFLE9BQU8sSUFBSSxDQUFBOzs7bUNBR3NCLFNBQVMsQ0FBQyxLQUFLOzs7O0dBSS9DLENBQUM7QUFDSixDQUFDLENBQUMifQ==

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

@@ -0,0 +1,28 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
+export interface IRadarIndicator {
+    name: string;
+    max: number;
+}
+export interface IRadarSeriesItem {
+    name: string;
+    values: number[];
+    color?: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-chart-radar': DeesChartRadar;
+    }
+}
+export declare class DeesChartRadar extends DeesChartEchartsBase {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor indicators: IRadarIndicator[];
+    accessor series: IRadarSeriesItem[];
+    accessor showLegend: boolean;
+    accessor fillArea: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    updated(changedProperties: Map<string, any>): Promise<void>;
+    protected buildOption(): Record<string, any>;
+}

package/dist_ts_web/elements/00group-chart/dees-chart-radar/component.js

@@ -0,0 +1,176 @@
+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 { customElement, property, } from '@design.estate/dees-element';
+import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
+import { demoFunc } from './demo.js';
+import { radarStyles } from './styles.js';
+import { renderChartRadar } from './template.js';
+import { getEchartsSeriesColors, getThemeColors } from '../dees-chart-echarts-theme.js';
+let DeesChartRadar = (() => {
+    let _classDecorators = [customElement('dees-chart-radar')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesChartEchartsBase;
+    let _indicators_decorators;
+    let _indicators_initializers = [];
+    let _indicators_extraInitializers = [];
+    let _series_decorators;
+    let _series_initializers = [];
+    let _series_extraInitializers = [];
+    let _showLegend_decorators;
+    let _showLegend_initializers = [];
+    let _showLegend_extraInitializers = [];
+    let _fillArea_decorators;
+    let _fillArea_initializers = [];
+    let _fillArea_extraInitializers = [];
+    var DeesChartRadar = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _indicators_decorators = [property({ type: Array })];
+            _series_decorators = [property({ type: Array })];
+            _showLegend_decorators = [property({ type: Boolean })];
+            _fillArea_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _indicators_decorators, { kind: "accessor", name: "indicators", static: false, private: false, access: { has: obj => "indicators" in obj, get: obj => obj.indicators, set: (obj, value) => { obj.indicators = value; } }, metadata: _metadata }, _indicators_initializers, _indicators_extraInitializers);
+            __esDecorate(this, null, _series_decorators, { kind: "accessor", name: "series", static: false, private: false, access: { has: obj => "series" in obj, get: obj => obj.series, set: (obj, value) => { obj.series = value; } }, metadata: _metadata }, _series_initializers, _series_extraInitializers);
+            __esDecorate(this, null, _showLegend_decorators, { kind: "accessor", name: "showLegend", static: false, private: false, access: { has: obj => "showLegend" in obj, get: obj => obj.showLegend, set: (obj, value) => { obj.showLegend = value; } }, metadata: _metadata }, _showLegend_initializers, _showLegend_extraInitializers);
+            __esDecorate(this, null, _fillArea_decorators, { kind: "accessor", name: "fillArea", static: false, private: false, access: { has: obj => "fillArea" in obj, get: obj => obj.fillArea, set: (obj, value) => { obj.fillArea = value; } }, metadata: _metadata }, _fillArea_initializers, _fillArea_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesChartRadar = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Chart'];
+        #indicators_accessor_storage = __runInitializers(this, _indicators_initializers, []);
+        get indicators() { return this.#indicators_accessor_storage; }
+        set indicators(value) { this.#indicators_accessor_storage = value; }
+        #series_accessor_storage = (__runInitializers(this, _indicators_extraInitializers), __runInitializers(this, _series_initializers, []));
+        get series() { return this.#series_accessor_storage; }
+        set series(value) { this.#series_accessor_storage = value; }
+        #showLegend_accessor_storage = (__runInitializers(this, _series_extraInitializers), __runInitializers(this, _showLegend_initializers, true));
+        get showLegend() { return this.#showLegend_accessor_storage; }
+        set showLegend(value) { this.#showLegend_accessor_storage = value; }
+        #fillArea_accessor_storage = (__runInitializers(this, _showLegend_extraInitializers), __runInitializers(this, _fillArea_initializers, true));
+        get fillArea() { return this.#fillArea_accessor_storage; }
+        set fillArea(value) { this.#fillArea_accessor_storage = value; }
+        static styles = radarStyles;
+        render() {
+            return renderChartRadar(this);
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            if (this.chartInstance &&
+                (changedProperties.has('indicators') ||
+                    changedProperties.has('series') ||
+                    changedProperties.has('showLegend') ||
+                    changedProperties.has('fillArea'))) {
+                this.updateChart();
+            }
+        }
+        buildOption() {
+            const colors = getThemeColors(this.goBright);
+            const seriesColors = getEchartsSeriesColors(this.goBright);
+            const seriesData = this.series.map((s, index) => {
+                const color = s.color || seriesColors[index % seriesColors.length];
+                return {
+                    name: s.name,
+                    value: s.values,
+                    itemStyle: { color },
+                    lineStyle: { color, width: 2 },
+                    areaStyle: this.fillArea ? { color, opacity: 0.15 } : undefined,
+                    symbol: 'circle',
+                    symbolSize: 6,
+                };
+            });
+            return {
+                tooltip: {
+                    trigger: 'item',
+                },
+                legend: this.showLegend && this.series.length > 1
+                    ? { bottom: 8, itemWidth: 10, itemHeight: 10 }
+                    : { show: false },
+                radar: {
+                    indicator: this.indicators.map((ind) => ({
+                        name: ind.name,
+                        max: ind.max,
+                    })),
+                    shape: 'polygon',
+                    splitNumber: 4,
+                    axisName: {
+                        color: colors.textSecondary,
+                        fontSize: 11,
+                    },
+                    splitArea: {
+                        areaStyle: {
+                            color: [colors.bgTertiary, colors.bgSecondary],
+                        },
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            color: colors.borderDefault,
+                        },
+                    },
+                    axisLine: {
+                        lineStyle: {
+                            color: colors.borderDefault,
+                        },
+                    },
+                },
+                series: [
+                    {
+                        type: 'radar',
+                        data: seriesData,
+                        emphasis: {
+                            lineStyle: {
+                                width: 3,
+                            },
+                        },
+                    },
+                ],
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _fillArea_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesChartRadar = _classThis;
+})();
+export { DeesChartRadar };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1yYWRhci9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7SUFvQjNFLGNBQWM7NEJBRDFCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDRSxvQkFBb0I7Ozs7Ozs7Ozs7Ozs7OEJBQTVCLFNBQVEsV0FBb0I7Ozs7c0NBSXJELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztrQ0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO3NDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7b0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQVI1QixtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQXlCO1lBRzVDLHVLQUFTLE1BQU0sNkJBQU4sTUFBTSx1RkFBMEI7WUFHekMsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFpQjtZQUdwQyw2S0FBUyxRQUFRLDZCQUFSLFFBQVEsMkZBQWlCO1lBZHBDLDZLQW1H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

package/dist_ts_web/elements/00group-chart/dees-chart-radar/demo.d.ts

@@ -0,0 +1,3 @@
+import '@design.estate/dees-wcctools/demotools';
+import './component.js';
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;