@design.estate/dees-catalog 3.55.3 → 3.55.4

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.55.3',
+    version: '3.55.4',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

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

@@ -0,0 +1,26 @@
+import { type TemplateResult } from '@design.estate/dees-element';
+import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
+export interface IBarSeriesItem {
+    name: string;
+    data: number[];
+    color?: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-chart-bar': DeesChartBar;
+    }
+}
+export declare class DeesChartBar extends DeesChartEchartsBase {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor categories: string[];
+    accessor series: IBarSeriesItem[];
+    accessor horizontal: boolean;
+    accessor stacked: boolean;
+    accessor showLegend: boolean;
+    accessor valueFormatter: (value: number) => string;
+    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-bar/component.js

@@ -0,0 +1,200 @@
+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 { barStyles } from './styles.js';
+import { renderChartBar } from './template.js';
+import { getEchartsSeriesColors, getThemeColors } from '../dees-chart-echarts-theme.js';
+let DeesChartBar = (() => {
+    let _classDecorators = [customElement('dees-chart-bar')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesChartEchartsBase;
+    let _categories_decorators;
+    let _categories_initializers = [];
+    let _categories_extraInitializers = [];
+    let _series_decorators;
+    let _series_initializers = [];
+    let _series_extraInitializers = [];
+    let _horizontal_decorators;
+    let _horizontal_initializers = [];
+    let _horizontal_extraInitializers = [];
+    let _stacked_decorators;
+    let _stacked_initializers = [];
+    let _stacked_extraInitializers = [];
+    let _showLegend_decorators;
+    let _showLegend_initializers = [];
+    let _showLegend_extraInitializers = [];
+    let _valueFormatter_decorators;
+    let _valueFormatter_initializers = [];
+    let _valueFormatter_extraInitializers = [];
+    var DeesChartBar = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _categories_decorators = [property({ type: Array })];
+            _series_decorators = [property({ type: Array })];
+            _horizontal_decorators = [property({ type: Boolean })];
+            _stacked_decorators = [property({ type: Boolean })];
+            _showLegend_decorators = [property({ type: Boolean })];
+            _valueFormatter_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _categories_decorators, { kind: "accessor", name: "categories", static: false, private: false, access: { has: obj => "categories" in obj, get: obj => obj.categories, set: (obj, value) => { obj.categories = value; } }, metadata: _metadata }, _categories_initializers, _categories_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, _horizontal_decorators, { kind: "accessor", name: "horizontal", static: false, private: false, access: { has: obj => "horizontal" in obj, get: obj => obj.horizontal, set: (obj, value) => { obj.horizontal = value; } }, metadata: _metadata }, _horizontal_initializers, _horizontal_extraInitializers);
+            __esDecorate(this, null, _stacked_decorators, { kind: "accessor", name: "stacked", static: false, private: false, access: { has: obj => "stacked" in obj, get: obj => obj.stacked, set: (obj, value) => { obj.stacked = value; } }, metadata: _metadata }, _stacked_initializers, _stacked_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, _valueFormatter_decorators, { kind: "accessor", name: "valueFormatter", static: false, private: false, access: { has: obj => "valueFormatter" in obj, get: obj => obj.valueFormatter, set: (obj, value) => { obj.valueFormatter = value; } }, metadata: _metadata }, _valueFormatter_initializers, _valueFormatter_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesChartBar = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Chart'];
+        #categories_accessor_storage = __runInitializers(this, _categories_initializers, []);
+        get categories() { return this.#categories_accessor_storage; }
+        set categories(value) { this.#categories_accessor_storage = value; }
+        #series_accessor_storage = (__runInitializers(this, _categories_extraInitializers), __runInitializers(this, _series_initializers, []));
+        get series() { return this.#series_accessor_storage; }
+        set series(value) { this.#series_accessor_storage = value; }
+        #horizontal_accessor_storage = (__runInitializers(this, _series_extraInitializers), __runInitializers(this, _horizontal_initializers, false));
+        get horizontal() { return this.#horizontal_accessor_storage; }
+        set horizontal(value) { this.#horizontal_accessor_storage = value; }
+        #stacked_accessor_storage = (__runInitializers(this, _horizontal_extraInitializers), __runInitializers(this, _stacked_initializers, false));
+        get stacked() { return this.#stacked_accessor_storage; }
+        set stacked(value) { this.#stacked_accessor_storage = value; }
+        #showLegend_accessor_storage = (__runInitializers(this, _stacked_extraInitializers), __runInitializers(this, _showLegend_initializers, true));
+        get showLegend() { return this.#showLegend_accessor_storage; }
+        set showLegend(value) { this.#showLegend_accessor_storage = value; }
+        #valueFormatter_accessor_storage = (__runInitializers(this, _showLegend_extraInitializers), __runInitializers(this, _valueFormatter_initializers, (val) => `${val}`));
+        get valueFormatter() { return this.#valueFormatter_accessor_storage; }
+        set valueFormatter(value) { this.#valueFormatter_accessor_storage = value; }
+        static styles = barStyles;
+        render() {
+            return renderChartBar(this);
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            if (this.chartInstance &&
+                (changedProperties.has('categories') ||
+                    changedProperties.has('series') ||
+                    changedProperties.has('horizontal') ||
+                    changedProperties.has('stacked') ||
+                    changedProperties.has('showLegend'))) {
+                this.updateChart();
+            }
+        }
+        buildOption() {
+            const colors = getThemeColors(this.goBright);
+            const seriesColors = getEchartsSeriesColors(this.goBright);
+            const formatter = this.valueFormatter;
+            const categoryAxis = {
+                type: 'category',
+                data: this.categories,
+                axisLine: { lineStyle: { color: colors.borderStrong } },
+                axisLabel: { color: colors.textMuted },
+            };
+            const valueAxis = {
+                type: 'value',
+                axisLine: { show: false },
+                axisLabel: {
+                    color: colors.textMuted,
+                    formatter: (val) => formatter(val),
+                },
+                splitLine: { lineStyle: { color: colors.borderSubtle } },
+            };
+            const seriesData = this.series.map((s, index) => ({
+                name: s.name,
+                type: 'bar',
+                data: s.data,
+                stack: this.stacked ? 'total' : undefined,
+                itemStyle: {
+                    color: s.color || seriesColors[index % seriesColors.length],
+                    borderRadius: this.stacked ? [0, 0, 0, 0] : this.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],
+                },
+                barMaxWidth: 40,
+                emphasis: {
+                    itemStyle: {
+                        shadowBlur: 6,
+                        shadowColor: 'rgba(0, 0, 0, 0.15)',
+                    },
+                },
+            }));
+            // For stacked bars, round the top corners of the last visible series
+            if (this.stacked && seriesData.length > 0) {
+                const last = seriesData[seriesData.length - 1];
+                last.itemStyle.borderRadius = this.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0];
+            }
+            return {
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: { type: 'shadow' },
+                    formatter: (params) => {
+                        const items = Array.isArray(params) ? params : [params];
+                        let result = `<strong>${items[0].axisValueLabel}</strong><br/>`;
+                        for (const p of items) {
+                            result += `${p.marker} ${p.seriesName}: <strong>${formatter(p.value)}</strong><br/>`;
+                        }
+                        return result;
+                    },
+                },
+                legend: this.showLegend && this.series.length > 1
+                    ? { bottom: 8, itemWidth: 10, itemHeight: 10 }
+                    : { show: false },
+                grid: {
+                    left: 16,
+                    right: 16,
+                    top: 16,
+                    bottom: this.showLegend && this.series.length > 1 ? 40 : 16,
+                    containLabel: true,
+                },
+                xAxis: this.horizontal ? valueAxis : categoryAxis,
+                yAxis: this.horizontal ? categoryAxis : valueAxis,
+                series: seriesData,
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _valueFormatter_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesChartBar = _classThis;
+})();
+export { DeesChartBar };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1iYXIvY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztJQWUzRSxZQUFZOzRCQUR4QixhQUFhLENBQUMsZ0JBQWdCLENBQUM7Ozs7c0JBQ0Usb0JBQW9COzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQUE1QixTQUFRLFdBQW9COzs7O3NDQUluRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7a0NBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztzQ0FHekIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO21DQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7c0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzswQ0FHM0IsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBZC9CLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBZ0I7WUFHbkMsdUtBQVMsTUFBTSw2QkFB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

package/dist_ts_web/elements/00group-chart/dees-chart-bar/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-bar/demo.js

@@ -0,0 +1,116 @@
+import { html, css, cssManager } from '@design.estate/dees-element';
+import '@design.estate/dees-wcctools/demotools';
+import './component.js';
+export const demoFunc = () => {
+    const endpointCategories = ['/api/users', '/api/orders', '/api/products', '/api/auth', '/api/search'];
+    const endpointSeries = [
+        { name: 'GET', data: [1240, 890, 720, 2100, 560] },
+        { name: 'POST', data: [320, 450, 180, 890, 40] },
+        { name: 'PUT', data: [90, 210, 150, 30, 10] },
+    ];
+    const regionCategories = ['US-East', 'US-West', 'EU', 'Asia', 'Other'];
+    const regionSeries = [
+        { name: 'Requests', data: [4500, 3200, 2800, 1900, 600] },
+    ];
+    return html `
+    <dees-demowrapper .runAfterRender=${async (elementArg) => {
+        const vertChart = elementArg.querySelector('#vert-chart');
+        const horizChart = elementArg.querySelector('#horiz-chart');
+        const stackChart = elementArg.querySelector('#stack-chart');
+        const buttons = elementArg.querySelectorAll('dees-button');
+        buttons.forEach((button) => {
+            const text = button.text?.trim();
+            if (text === 'Randomize') {
+                button.addEventListener('click', () => {
+                    vertChart.series = endpointSeries.map((s) => ({
+                        ...s,
+                        data: s.data.map((v) => Math.round(v * (0.5 + Math.random()))),
+                    }));
+                    horizChart.series = regionSeries.map((s) => ({
+                        ...s,
+                        data: s.data.map((v) => Math.round(v * (0.5 + Math.random()))),
+                    }));
+                    stackChart.series = endpointSeries.map((s) => ({
+                        ...s,
+                        data: s.data.map((v) => Math.round(v * (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-bar
+            id="vert-chart"
+            .label=${'Requests by Endpoint'}
+            .categories=${endpointCategories}
+            .series=${endpointSeries}
+            .valueFormatter=${(val) => `${val} req`}
+          ></dees-chart-bar>
+
+          <dees-chart-bar
+            id="horiz-chart"
+            .label=${'Traffic by Region'}
+            .categories=${regionCategories}
+            .series=${regionSeries}
+            .horizontal=${true}
+            .valueFormatter=${(val) => `${(val / 1000).toFixed(1)}k`}
+          ></dees-chart-bar>
+        </div>
+
+        <dees-chart-bar
+          id="stack-chart"
+          .label=${'Stacked: Requests by Endpoint'}
+          .categories=${endpointCategories}
+          .series=${endpointSeries}
+          .stacked=${true}
+          .valueFormatter=${(val) => `${val} req`}
+        ></dees-chart-bar>
+
+        <div class="info">
+          Bar chart with vertical, horizontal, and stacked modes •
+          Click 'Randomize' to update data with animation
+        </div>
+      </div>
+    </dees-demowrapper>
+  `;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWNoYXJ0L2RlZXMtY2hhcnQtYmFyL2RlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFcEUsT0FBTyx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLGdCQUFnQixDQUFDO0FBRXhCLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUN0RyxNQUFNLGNBQWMsR0FBRztRQUNyQixFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1FBQ2xELEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLEVBQUU7UUFDaEQsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtLQUM5QyxDQUFDO0lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN2RSxNQUFNLFlBQVksR0FBRztRQUNuQixFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO0tBQzFELENBQUM7SUFFRixPQUFPLElBQUksQ0FBQTt3Q0FDMkIsS0FBSyxFQUFFLFVBQXVCLEVBQUUsRUFBRTtRQUNwRSxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBaUIsQ0FBQztRQUMxRSxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBaUIsQ0FBQztRQUM1RSxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBaUIsQ0FBQztRQUU1RSxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0QsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQVcsRUFBRSxFQUFFO1lBQzlCLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDakMsSUFBSSxJQUFJLEtBQUssV0FBVyxFQUFFLENBQUM7Z0JBQ3pCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFO29CQUNwQyxTQUFTLENBQUMsTUFBTSxHQUFHLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7d0JBQzVDLEdBQUcsQ0FBQzt3QkFDSixJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUM7cUJBQy9ELENBQUMsQ0FBQyxDQUFDO29CQUNKLFVBQVUsQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzt3QkFDM0MsR0FBRyxDQUFDO3dCQUNKLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztxQkFDL0QsQ0FBQyxDQUFDLENBQUM7b0JBQ0osVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO3dCQUM3QyxHQUFHLENBQUM7d0JBQ0osSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO3FCQUMvRCxDQUFDLENBQUMsQ0FBQztnQkFDTixDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O1VBRUssR0FBRyxDQUFBOzs7MEJBR2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFvQnhELFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUsc0JBQXNCLENBQUM7Ozs7OztTQU1oRjs7Ozs7Ozs7Ozs7O3FCQVlZLHNCQUFzQjswQkFDakIsa0JBQWtCO3NCQUN0QixjQUFjOzhCQUNOLENBQUMsR0FBVyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBTTs7Ozs7cUJBS3RDLG1CQUFtQjswQkFDZCxnQkFBZ0I7c0JBQ3BCLFlBQVk7MEJBQ1IsSUFBSTs4QkFDQSxDQUFDLEdBQVcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUc7Ozs7OzttQkFNekQsK0JBQStCO3dCQUMxQixrQkFBa0I7b0JBQ3RCLGNBQWM7cUJBQ2IsSUFBSTs0QkFDRyxDQUFDLEdBQVcsRUFBRSxFQUFFLENBQUMsR0FBRyxHQUFHLE1BQU07Ozs7Ozs7OztHQVN0RCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { css } from '@design.estate/dees-element';
+import { echartsBaseStyles } from '../dees-chart-echarts-styles.js';
+export const barStyles = [
+    ...echartsBaseStyles,
+    css ``,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1iYXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVwRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsR0FBRyxpQkFBaUI7SUFDcEIsR0FBRyxDQUFBLEVBQUU7Q0FDTixDQUFDIn0=

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

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

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

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

package/dist_ts_web/elements/00group-chart/dees-chart-donut/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 IDonutDataItem {
+    name: string;
+    value: number;
+    color?: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-chart-donut': DeesChartDonut;
+    }
+}
+export declare class DeesChartDonut extends DeesChartEchartsBase {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor data: IDonutDataItem[];
+    accessor showLegend: boolean;
+    accessor showLabels: boolean;
+    accessor innerRadiusPercent: string;
+    accessor valueFormatter: (value: number) => string;
+    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-donut/component.js

@@ -0,0 +1,188 @@
+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 { donutStyles } from './styles.js';
+import { renderChartDonut } from './template.js';
+import { getEchartsSeriesColors, getThemeColors } from '../dees-chart-echarts-theme.js';
+let DeesChartDonut = (() => {
+    let _classDecorators = [customElement('dees-chart-donut')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesChartEchartsBase;
+    let _data_decorators;
+    let _data_initializers = [];
+    let _data_extraInitializers = [];
+    let _showLegend_decorators;
+    let _showLegend_initializers = [];
+    let _showLegend_extraInitializers = [];
+    let _showLabels_decorators;
+    let _showLabels_initializers = [];
+    let _showLabels_extraInitializers = [];
+    let _innerRadiusPercent_decorators;
+    let _innerRadiusPercent_initializers = [];
+    let _innerRadiusPercent_extraInitializers = [];
+    let _valueFormatter_decorators;
+    let _valueFormatter_initializers = [];
+    let _valueFormatter_extraInitializers = [];
+    var DeesChartDonut = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _data_decorators = [property({ type: Array })];
+            _showLegend_decorators = [property({ type: Boolean })];
+            _showLabels_decorators = [property({ type: Boolean })];
+            _innerRadiusPercent_decorators = [property({ type: String })];
+            _valueFormatter_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _data_decorators, { kind: "accessor", name: "data", static: false, private: false, access: { has: obj => "data" in obj, get: obj => obj.data, set: (obj, value) => { obj.data = value; } }, metadata: _metadata }, _data_initializers, _data_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, _showLabels_decorators, { kind: "accessor", name: "showLabels", static: false, private: false, access: { has: obj => "showLabels" in obj, get: obj => obj.showLabels, set: (obj, value) => { obj.showLabels = value; } }, metadata: _metadata }, _showLabels_initializers, _showLabels_extraInitializers);
+            __esDecorate(this, null, _innerRadiusPercent_decorators, { kind: "accessor", name: "innerRadiusPercent", static: false, private: false, access: { has: obj => "innerRadiusPercent" in obj, get: obj => obj.innerRadiusPercent, set: (obj, value) => { obj.innerRadiusPercent = value; } }, metadata: _metadata }, _innerRadiusPercent_initializers, _innerRadiusPercent_extraInitializers);
+            __esDecorate(this, null, _valueFormatter_decorators, { kind: "accessor", name: "valueFormatter", static: false, private: false, access: { has: obj => "valueFormatter" in obj, get: obj => obj.valueFormatter, set: (obj, value) => { obj.valueFormatter = value; } }, metadata: _metadata }, _valueFormatter_initializers, _valueFormatter_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesChartDonut = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Chart'];
+        #data_accessor_storage = __runInitializers(this, _data_initializers, []);
+        get data() { return this.#data_accessor_storage; }
+        set data(value) { this.#data_accessor_storage = value; }
+        #showLegend_accessor_storage = (__runInitializers(this, _data_extraInitializers), __runInitializers(this, _showLegend_initializers, true));
+        get showLegend() { return this.#showLegend_accessor_storage; }
+        set showLegend(value) { this.#showLegend_accessor_storage = value; }
+        #showLabels_accessor_storage = (__runInitializers(this, _showLegend_extraInitializers), __runInitializers(this, _showLabels_initializers, true));
+        get showLabels() { return this.#showLabels_accessor_storage; }
+        set showLabels(value) { this.#showLabels_accessor_storage = value; }
+        #innerRadiusPercent_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _innerRadiusPercent_initializers, '55%'));
+        get innerRadiusPercent() { return this.#innerRadiusPercent_accessor_storage; }
+        set innerRadiusPercent(value) { this.#innerRadiusPercent_accessor_storage = value; }
+        #valueFormatter_accessor_storage = (__runInitializers(this, _innerRadiusPercent_extraInitializers), __runInitializers(this, _valueFormatter_initializers, (val) => `${val}`));
+        get valueFormatter() { return this.#valueFormatter_accessor_storage; }
+        set valueFormatter(value) { this.#valueFormatter_accessor_storage = value; }
+        static styles = donutStyles;
+        render() {
+            return renderChartDonut(this);
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            if (this.chartInstance &&
+                (changedProperties.has('data') ||
+                    changedProperties.has('showLegend') ||
+                    changedProperties.has('showLabels') ||
+                    changedProperties.has('innerRadiusPercent'))) {
+                this.updateChart();
+            }
+        }
+        buildOption() {
+            const colors = getThemeColors(this.goBright);
+            const seriesColors = getEchartsSeriesColors(this.goBright);
+            const data = this.data.map((item, index) => ({
+                name: item.name,
+                value: item.value,
+                itemStyle: item.color ? { color: item.color } : { color: seriesColors[index % seriesColors.length] },
+            }));
+            const formatter = this.valueFormatter;
+            return {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: (params) => {
+                        return `${params.marker} ${params.name}: <strong>${formatter(params.value)}</strong> (${params.percent}%)`;
+                    },
+                },
+                legend: this.showLegend
+                    ? {
+                        orient: 'vertical',
+                        right: 16,
+                        top: 'center',
+                        itemWidth: 10,
+                        itemHeight: 10,
+                        itemGap: 12,
+                        formatter: (name) => {
+                            const item = this.data.find((d) => d.name === name);
+                            return item ? `${name}  ${formatter(item.value)}` : name;
+                        },
+                    }
+                    : { show: false },
+                series: [
+                    {
+                        type: 'pie',
+                        radius: [this.innerRadiusPercent, '85%'],
+                        center: this.showLegend ? ['35%', '50%'] : ['50%', '50%'],
+                        avoidLabelOverlap: true,
+                        itemStyle: {
+                            borderRadius: 4,
+                            borderColor: 'transparent',
+                            borderWidth: 2,
+                        },
+                        label: this.showLabels
+                            ? {
+                                show: true,
+                                formatter: '{b}: {d}%',
+                                fontSize: 11,
+                                color: colors.textSecondary,
+                                textBorderColor: 'transparent',
+                            }
+                            : { show: false },
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.2)',
+                            },
+                            label: {
+                                show: true,
+                                fontWeight: 'bold',
+                            },
+                        },
+                        data,
+                    },
+                ],
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _valueFormatter_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesChartDonut = _classThis;
+})();
+export { DeesChartDonut };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1kb251dC9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7SUFlM0UsY0FBYzs0QkFEMUIsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNFLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFBNUIsU0FBUSxXQUFvQjs7OztnQ0FJckQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO3NDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7c0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzs4Q0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzBDQUcxQixRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFYL0IsaUtBQVMsSUFBSSw2QkFBSixJQUFJLG1GQUF3QjtZQUdyQyxtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQWlCO1lBR3BDLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFB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

package/dist_ts_web/elements/00group-chart/dees-chart-donut/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>;