@design.estate/dees-catalog 3.55.3 → 3.55.5

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.5',
     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,214 @@
+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, hexToRgba } 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 fillAlpha = this.goBright ? 0.15 : 0.25;
+            const borderRadius = this.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0];
+            const noBorderRadius = [0, 0, 0, 0];
+            const legendData = [];
+            const seriesData = this.series.map((s, index) => {
+                const color = s.color || seriesColors[index % seriesColors.length];
+                legendData.push({ name: s.name, itemStyle: { color } });
+                return {
+                    name: s.name,
+                    type: 'bar',
+                    data: s.data,
+                    stack: this.stacked ? 'total' : undefined,
+                    itemStyle: {
+                        color: hexToRgba(color, fillAlpha),
+                        borderColor: color,
+                        borderWidth: 1,
+                        borderRadius: this.stacked ? noBorderRadius : borderRadius,
+                    },
+                    barMaxWidth: 40,
+                    barGap: '20%',
+                    emphasis: {
+                        itemStyle: {
+                            color: hexToRgba(color, fillAlpha + 0.15),
+                            borderColor: color,
+                            borderWidth: 1.5,
+                        },
+                    },
+                };
+            });
+            // 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 = borderRadius;
+            }
+            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) {
+                            const solidColor = p.borderColor || p.color;
+                            const marker = `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${solidColor};"></span>`;
+                            result += `${marker}${p.seriesName}: <strong>${formatter(p.value)}</strong><br/>`;
+                        }
+                        return result;
+                    },
+                },
+                legend: this.showLegend && this.series.length > 1
+                    ? { bottom: 8, itemWidth: 10, itemHeight: 10, data: legendData }
+                    : { 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtY2hhcnQvZGVlcy1jaGFydC1iYXIvY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7SUFldEYsWUFBWTs0QkFEeEIsYUFBYSxDQUFDLGdCQUFnQixDQUFDOzs7O3NCQUNFLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs0QkFBNUIsU0FBUSxXQUFvQjs7OztzQ0FJbkQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO2tDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7c0NBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzttQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3NDQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7MENBRzNCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQWQvQixtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQWdCO1lBR25DLHVLQUFT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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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWNoYXJ0L2RlZXMtY2hhcnQtYmFyL2RlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFcEUsT0FBTyx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLGdCQUFnQixDQUFDO0FBRXhCLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUN0RyxNQUFNLGNBQWMsR0FBRztRQUNyQixFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1FBQ2xELEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLEVBQUU7UUFDaEQsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtLQUM5QyxDQUFDO0lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN2RSxNQUFNLFlBQVksR0FBRztRQUNuQixFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxF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

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>;
+}