udp-stencil-component-library 25.18.2-beta.8 → 25.18.2

package/dist/components/udp-xy-chart2.js

@@ -1,230 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import * as am4charts from '@amcharts/amcharts4/charts';
-import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, a as setXYChartDefaultSettings, b as addXYValueAxis, c as addXYDateAxis, d as addXYCategoryAxis, e as addXYSeries, f as addXYLegend } from './chartUtils.js';
-import { d as defineCustomElement$8 } from './chart-container2.js';
-import { d as defineCustomElement$7 } from './chart-kpi2.js';
-import { d as defineCustomElement$6 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$5 } from './udp-adornment2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-card2.js';
-import { d as defineCustomElement$3 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$2 } from './udp-badge2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpXyChartCss = ":host{display:block}";
-
-const UdpXyChart = /*@__PURE__*/ proxyCustomElement(class UdpXyChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.data = undefined;
-        this.valueField = '';
-        this.labelField = '';
-        this.title = undefined;
-        this.subheader = undefined;
-        this.hideLegend = false;
-        this.customCardStyle = {};
-        this.kpisPosition = 'left';
-        this.kpis = undefined;
-        this.xAxisLabel = undefined;
-        this.yAxisLabel = undefined;
-        this.hideAdornment = false;
-        this.ignoreZeroValues = false;
-        this.hideBorder = false;
-        this.getColor = undefined;
-        this.showBullets = false;
-        this.barWidth = undefined;
-        this.xDataType = undefined;
-        this.yDataType = undefined;
-        this.distBetweenGridLines = 0;
-        this.chartType = undefined;
-        this.removePadding = false;
-        this.chartId = 'udp-xy-chart'; //maybe this cause issue when we use a couple of them
-    }
-    async renderChart() {
-        const attemptToRender = async () => {
-            var _a, _b, _c;
-            const chartContainer = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.chartId);
-            if (!chartContainer) {
-                // Use a Promise-based delay to maintain control flow
-                await new Promise(resolve => setTimeout(resolve, 50));
-                return attemptToRender(); // Retry
-            }
-            // Proceed with rendering the chart once the container is available
-            if (!this.valueField || !this.labelField || !this.xDataType || !this.yDataType)
-                return;
-            if (this.chart) {
-                this.chart.dispose();
-            }
-            this.chart = am4core.create(chartContainer, am4charts.XYChart);
-            // Apply chart settings and series
-            setChartDefaultSettings(this.chart, chartContainer, this.enableExport);
-            setXYChartDefaultSettings(this.chart);
-            let xAxis;
-            let yAxis;
-            switch (this.xDataType) {
-                case undefined:
-                case null:
-                case 'string':
-                    xAxis = addXYCategoryAxis(this.chart, 'X', this.labelField, [this.xAxisLabel], 'X', this.distBetweenGridLines);
-                    break;
-                case 'date':
-                    xAxis = addXYDateAxis(this.chart, 'X', [this.xAxisLabel], 'X', this.distBetweenGridLines);
-                    break;
-                default:
-                    xAxis = addXYValueAxis(this.chart, 'X', [this.xAxisLabel], 'X');
-                    break;
-            }
-            switch (this.yDataType) {
-                case undefined:
-                case null:
-                case 'number':
-                    yAxis = addXYValueAxis(this.chart, 'Y', [this.yAxisLabel], 'Y');
-                    break;
-                case 'date':
-                    yAxis = addXYDateAxis(this.chart, 'Y', [this.yAxisLabel], 'Y', this.distBetweenGridLines);
-                    break;
-                default:
-                    yAxis = addXYCategoryAxis(this.chart, 'Y', this.valueField, [this.yAxisLabel], 'Y', this.distBetweenGridLines);
-                    break;
-            }
-            addXYSeries(this.chart, 'Series 1', this.chartType, xAxis, this.labelField, yAxis, this.valueField);
-            if (!this.hideLegend) {
-                addXYLegend(this.chart);
-            }
-            this.chart.data = (_c = this.data) !== null && _c !== void 0 ? _c : [];
-        };
-        await attemptToRender();
-    }
-    disconnectedCallback() {
-        // Clean up chart instance on component removal
-        if (this.chart) {
-            this.chart.dispose();
-        }
-    }
-    componentDidLoad() {
-        this.renderChart();
-    }
-    render() {
-        return (h("chart-container", { key: '2b8fc3e63fd4b0a0a64dd409053f8f95a440ac9d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "data": ["renderChart"],
-        "xAxisLabel": ["renderChart"],
-        "yAxisLabel": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xDataType": ["renderChart"],
-        "yDataType": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartType": ["renderChart"],
-        "chartId": ["renderChart"]
-    }; }
-    static get style() { return udpXyChartCss; }
-}, [257, "udp-xy-chart", {
-        "data": [16],
-        "valueField": [1, "value-field"],
-        "labelField": [1, "label-field"],
-        "title": [1],
-        "subheader": [1],
-        "hideLegend": [4, "hide-legend"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "customCardStyle": [16],
-        "kpisPosition": [1, "kpis-position"],
-        "kpis": [16],
-        "xAxisLabel": [1, "x-axis-label"],
-        "yAxisLabel": [1, "y-axis-label"],
-        "hideAdornment": [4, "hide-adornment"],
-        "ignoreZeroValues": [4, "ignore-zero-values"],
-        "hideBorder": [4, "hide-border"],
-        "colorList": [16],
-        "getColor": [16],
-        "showBullets": [4, "show-bullets"],
-        "barWidth": [2, "bar-width"],
-        "xDataType": [1, "x-data-type"],
-        "yDataType": [1, "y-data-type"],
-        "distBetweenGridLines": [2, "dist-between-grid-lines"],
-        "chartType": [1, "chart-type"],
-        "enableExport": [4, "enable-export"],
-        "removePadding": [4, "remove-padding"],
-        "chartId": [1, "chart-id"]
-    }, undefined, {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "data": ["renderChart"],
-        "xAxisLabel": ["renderChart"],
-        "yAxisLabel": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xDataType": ["renderChart"],
-        "yDataType": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartType": ["renderChart"],
-        "chartId": ["renderChart"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-xy-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-xy-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpXyChart);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpXyChart as U, defineCustomElement as d };
-//# sourceMappingURL=udp-xy-chart2.js.map
-
-//# sourceMappingURL=udp-xy-chart2.js.map
+import{p as t,H as e,h as s,t as i}from"./index2.js";import*as a from"@amcharts/amcharts4/charts";import*as r from"@amcharts/amcharts4/core";import{s as h,a as d,b as o,c as n,d as c,e as l,f as m}from"./chartUtils.js";import{d as u}from"./chart-container2.js";import{d as p}from"./chart-kpi2.js";import{d as b}from"./stencil-icon-button2.js";import{d as y}from"./udp-adornment2.js";import{d as C}from"./udp-ambient-card2.js";import{d as v}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-badge2.js";import{d as x}from"./unity-typography2.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.removePadding=!1,this.chartId="udp-xy-chart"}async renderChart(){const t=async()=>{var e,s,i;const u=null===(s=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.getElementById(this.chartId);if(!u)return await new Promise((t=>setTimeout(t,50))),t();if(!(this.valueField&&this.labelField&&this.xDataType&&this.yDataType))return;let p,b;switch(this.chart&&this.chart.dispose(),this.chart=r.create(u,a.XYChart),h(this.chart,u,this.enableExport),d(this.chart),this.xDataType){case void 0:case null:case"string":p=c(this.chart,"X",this.labelField,[this.xAxisLabel],"X",this.distBetweenGridLines);break;case"date":p=n(this.chart,"X",[this.xAxisLabel],"X",this.distBetweenGridLines);break;default:p=o(this.chart,"X",[this.xAxisLabel],"X")}switch(this.yDataType){case void 0:case null:case"number":b=o(this.chart,"Y",[this.yAxisLabel],"Y");break;case"date":b=n(this.chart,"Y",[this.yAxisLabel],"Y",this.distBetweenGridLines);break;default:b=c(this.chart,"Y",this.valueField,[this.yAxisLabel],"Y",this.distBetweenGridLines)}l(this.chart,"Series 1",this.chartType,p,this.labelField,b,this.valueField),this.hideLegend||m(this.chart),this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"2b8fc3e63fd4b0a0a64dd409053f8f95a440ac9d",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],data:[{renderChart:0}],xAxisLabel:[{renderChart:0}],yAxisLabel:[{renderChart:0}],showBullets:[{renderChart:0}],xDataType:[{renderChart:0}],yDataType:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartType:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],labelField:[{renderChart:0}],data:[{renderChart:0}],xAxisLabel:[{renderChart:0}],yAxisLabel:[{renderChart:0}],showBullets:[{renderChart:0}],xDataType:[{renderChart:0}],yDataType:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartType:[{renderChart:0}],chartId:[{renderChart:0}]}]);function k(){"undefined"!=typeof customElements&&["udp-xy-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-chart":customElements.get(i(t))||customElements.define(i(t),g);break;case"chart-container":customElements.get(i(t))||u();break;case"chart-kpi":customElements.get(i(t))||p();break;case"stencil-icon-button":customElements.get(i(t))||b();break;case"udp-adornment":customElements.get(i(t))||y();break;case"udp-ambient-card":customElements.get(i(t))||C();break;case"udp-ambient-tool-tip":customElements.get(i(t))||v();break;case"udp-badge":customElements.get(i(t))||f();break;case"unity-typography":customElements.get(i(t))||x()}}))}export{g as U,k as d}

package/dist/components/udp-xy-multi-series-chart.js

@@ -1,230 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { s as setChartDefaultSettings, a as setXYChartDefaultSettings, b as addXYValueAxis, c as addXYDateAxis, d as addXYCategoryAxis, e as addXYSeries, k as addXYSeriesBullets } from './chartUtils.js';
-import * as am4charts from '@amcharts/amcharts4/charts';
-import * as am4core from '@amcharts/amcharts4/core';
-import { v4 } from 'uuid';
-import { d as defineCustomElement$9 } from './chart-container2.js';
-import { d as defineCustomElement$8 } from './chart-kpi2.js';
-import { d as defineCustomElement$7 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$6 } from './udp-adornment2.js';
-import { d as defineCustomElement$5 } from './udp-ambient-card2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$3 } from './udp-badge2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-const udpXyMultiSeriesChartCss = ":host{display:block}";
-
-const UdpXyMultiSeriesChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpXyMultiSeriesChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.data = undefined;
-        this.title = undefined;
-        this.subheader = undefined;
-        this.hideLegend = false;
-        this.customCardStyle = {};
-        this.kpisPosition = 'left';
-        this.kpis = undefined;
-        this.hideAdornment = false;
-        this.ignoreZeroValues = false;
-        this.hideBorder = false;
-        this.removePadding = false;
-        this.getColor = undefined;
-        this.showBullets = false;
-        this.barWidth = undefined;
-        this.xDataType = undefined;
-        this.yDataType = undefined;
-        this.distBetweenGridLines = 0;
-        this.chartType = undefined;
-        this.xAxes = [];
-        this.yAxes = [];
-        this.series = [];
-        this.chartId = v4();
-    }
-    async renderChart() {
-        const attemptToRender = async () => {
-            var _a, _b, _c;
-            const chartContainer = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.chartId);
-            if (!chartContainer) {
-                // Use a Promise-based delay to maintain control flow
-                await new Promise(resolve => setTimeout(resolve, 50));
-                return attemptToRender(); // Retry
-            }
-            if (this.xAxes.length === 0 || this.yAxes.length === 0 || this.series.length === 0)
-                return;
-            if (this.chart) {
-                this.chart.dispose();
-            }
-            this.chart = am4core.create(chartContainer, am4charts.XYChart);
-            // Apply chart settings and series
-            setChartDefaultSettings(this.chart, chartContainer);
-            setXYChartDefaultSettings(this.chart);
-            for (let i = 0; i < this.xAxes.length; i++) {
-                switch (this.xAxes[i].dataType) {
-                    case undefined:
-                    case null:
-                    case 'string':
-                        const firstMatchingSeries = this.series.find(s => s.xAxisId === this.xAxes[i].id); // Category axes need the property name specified so find the first series that uses this axis to get the property name.
-                        addXYCategoryAxis(this.chart, this.xAxes[i].id, firstMatchingSeries ? firstMatchingSeries.xAxisPropertyName : '', this.xAxes[i].titles, this.xAxes[i].position, this.distBetweenGridLines);
-                        break;
-                    case 'date':
-                        addXYDateAxis(this.chart, this.xAxes[i].id, this.xAxes[i].titles, this.xAxes[i].position, this.distBetweenGridLines);
-                        break;
-                    default:
-                        addXYValueAxis(this.chart, this.xAxes[i].id, this.xAxes[i].titles, this.xAxes[i].position);
-                        break;
-                }
-            }
-            for (let i = 0; i < this.yAxes.length; i++) {
-                switch (this.yAxes[i].dataType) {
-                    case undefined:
-                    case null:
-                    case 'number':
-                        addXYValueAxis(this.chart, this.yAxes[i].id, this.yAxes[i].titles, this.yAxes[i].position);
-                        break;
-                    case 'date':
-                        addXYDateAxis(this.chart, this.yAxes[i].id, this.yAxes[i].titles, this.yAxes[i].position, this.distBetweenGridLines);
-                        break;
-                    default:
-                        const firstMatchingSeries = this.series.find(s => s.yAxisId === this.yAxes[i].id); // Category axes need the property name specified so find the first series that uses this axis to get the property name.
-                        addXYCategoryAxis(this.chart, this.yAxes[i].id, firstMatchingSeries ? firstMatchingSeries.yAxisPropertyName : '', this.yAxes[i].titles, this.yAxes[i].position, this.distBetweenGridLines);
-                        break;
-                }
-            }
-            for (let i = 0; i < this.series.length; i++) {
-                const xAxis = this.chart.xAxes.values.find(x => x.id === this.series[i].xAxisId);
-                const yAxis = this.chart.yAxes.values.find(y => y.id === this.series[i].yAxisId);
-                if (xAxis && yAxis) {
-                    const newSeries = addXYSeries(this.chart, this.series[i].name, this.series[i].type, xAxis, this.series[i].xAxisPropertyName, yAxis, this.series[i].yAxisPropertyName);
-                    addXYSeriesBullets(this.chart, newSeries, this.series[i].type);
-                }
-            }
-            this.chart.data = (_c = this.data) !== null && _c !== void 0 ? _c : [];
-        };
-        await attemptToRender();
-    }
-    disconnectedCallback() {
-        // Clean up chart instance on component removal
-        if (this.chart) {
-            this.chart.dispose();
-        }
-    }
-    componentDidLoad() {
-        this.renderChart();
-    }
-    render() {
-        return (h("chart-container", { key: 'c64eea5b4d9d999c2326f599d0a7149697f59408', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "data": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xAxes": ["renderChart"],
-        "yAxes": ["renderChart"],
-        "series": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartId": ["renderChart"]
-    }; }
-    static get style() { return udpXyMultiSeriesChartCss; }
-}, [257, "udp-xy-multi-series-chart", {
-        "data": [16],
-        "title": [1],
-        "subheader": [1],
-        "hideLegend": [4, "hide-legend"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "customCardStyle": [16],
-        "kpisPosition": [1, "kpis-position"],
-        "kpis": [16],
-        "hideAdornment": [4, "hide-adornment"],
-        "ignoreZeroValues": [4, "ignore-zero-values"],
-        "hideBorder": [4, "hide-border"],
-        "removePadding": [4, "remove-padding"],
-        "colorList": [16],
-        "getColor": [16],
-        "showBullets": [4, "show-bullets"],
-        "barWidth": [2, "bar-width"],
-        "xDataType": [1, "x-data-type"],
-        "yDataType": [1, "y-data-type"],
-        "distBetweenGridLines": [2, "dist-between-grid-lines"],
-        "chartType": [1, "chart-type"],
-        "xAxes": [16],
-        "yAxes": [16],
-        "series": [16],
-        "chartId": [1, "chart-id"]
-    }, undefined, {
-        "data": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xAxes": ["renderChart"],
-        "yAxes": ["renderChart"],
-        "series": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartId": ["renderChart"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-xy-multi-series-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-xy-multi-series-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpXyMultiSeriesChart$1);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpXyMultiSeriesChart = UdpXyMultiSeriesChart$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpXyMultiSeriesChart, defineCustomElement };
-//# sourceMappingURL=udp-xy-multi-series-chart.js.map
-
-//# sourceMappingURL=udp-xy-multi-series-chart.js.map
+import{p as t,H as s,h as e,t as i}from"./index2.js";import{s as r,a as h,b as a,c as d,d as o,e as n,k as c}from"./chartUtils.js";import*as m from"@amcharts/amcharts4/charts";import*as u from"@amcharts/amcharts4/core";import{v4 as l}from"uuid";import{d as p}from"./chart-container2.js";import{d as b}from"./chart-kpi2.js";import{d as y}from"./stencil-icon-button2.js";import{d as f}from"./udp-adornment2.js";import{d as g}from"./udp-ambient-card2.js";import{d as k}from"./udp-ambient-tool-tip2.js";import{d as v}from"./udp-badge2.js";import{d as C}from"./unity-typography2.js";const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.xAxes=[],this.yAxes=[],this.series=[],this.chartId=l()}async renderChart(){const t=async()=>{var s,e,i;const l=null===(e=null===(s=this.el)||void 0===s?void 0:s.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!l)return await new Promise((t=>setTimeout(t,50))),t();if(0!==this.xAxes.length&&0!==this.yAxes.length&&0!==this.series.length){this.chart&&this.chart.dispose(),this.chart=u.create(l,m.XYChart),r(this.chart,l),h(this.chart);for(let t=0;t<this.xAxes.length;t++)switch(this.xAxes[t].dataType){case void 0:case null:case"string":const s=this.series.find((s=>s.xAxisId===this.xAxes[t].id));o(this.chart,this.xAxes[t].id,s?s.xAxisPropertyName:"",this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;case"date":d(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;default:a(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position)}for(let t=0;t<this.yAxes.length;t++)switch(this.yAxes[t].dataType){case void 0:case null:case"number":a(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position);break;case"date":d(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break;default:const s=this.series.find((s=>s.yAxisId===this.yAxes[t].id));o(this.chart,this.yAxes[t].id,s?s.yAxisPropertyName:"",this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines)}for(let t=0;t<this.series.length;t++){const s=this.chart.xAxes.values.find((s=>s.id===this.series[t].xAxisId)),e=this.chart.yAxes.values.find((s=>s.id===this.series[t].yAxisId));if(s&&e){const i=n(this.chart,this.series[t].name,this.series[t].type,s,this.series[t].xAxisPropertyName,e,this.series[t].yAxisPropertyName);c(this.chart,i,this.series[t].type)}}this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]}};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return e("chart-container",{key:"c64eea5b4d9d999c2326f599d0a7149697f59408",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartWidth:this.customWidth,chartHeight:this.customHeight,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-multi-series-chart",{data:[16],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],xAxes:[16],yAxes:[16],series:[16],chartId:[1,"chart-id"]},void 0,{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}]),x=w,E=function(){"undefined"!=typeof customElements&&["udp-xy-multi-series-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-multi-series-chart":customElements.get(i(t))||customElements.define(i(t),w);break;case"chart-container":customElements.get(i(t))||p();break;case"chart-kpi":customElements.get(i(t))||b();break;case"stencil-icon-button":customElements.get(i(t))||y();break;case"udp-adornment":customElements.get(i(t))||f();break;case"udp-ambient-card":customElements.get(i(t))||g();break;case"udp-ambient-tool-tip":customElements.get(i(t))||k();break;case"udp-badge":customElements.get(i(t))||v();break;case"unity-typography":customElements.get(i(t))||C()}}))};export{x as UdpXyMultiSeriesChart,E as defineCustomElement}

package/dist/components/unity-typography.js

@@ -1,9 +1 @@
-import { t as typography, d as defineCustomElement$1 } from './unity-typography2.js';
-
-const UnityTypography = typography;
-const defineCustomElement = defineCustomElement$1;
-
-export { UnityTypography, defineCustomElement };
-//# sourceMappingURL=unity-typography.js.map
-
-//# sourceMappingURL=unity-typography.js.map
+import{t,d as o}from"./unity-typography2.js";const p=t,r=o;export{p as UnityTypography,r as defineCustomElement}

package/dist/components/unity-typography2.js

@@ -1,85 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const unityTypographyCss = "body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";
-
-const typography = /*@__PURE__*/ proxyCustomElement(class typography extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.variant = 'body';
-        this.gutterBottom = false;
-        this.bold = false;
-        this.color = 'main';
-    }
-    getClasses(baseClass) {
-        return {
-            [baseClass]: true,
-            'bold': this.bold,
-            [`color-${this.color}`]: true
-        };
-    }
-    render() {
-        if (this.variant === 'body') {
-            return h("span", { class: this.getClasses('body') }, h("slot", null));
-        }
-        switch (this.variant) {
-            case 'h1':
-                return h("h1", { class: this.getClasses('h1') }, h("slot", null));
-            case 'h2':
-                return h("h2", { class: this.getClasses('h2') }, h("slot", null));
-            case 'h3':
-                return h("h3", { class: this.getClasses('h3') }, h("slot", null));
-            case 'h4':
-                return h("h4", { class: this.getClasses('h4') }, h("slot", null));
-            case 'h5':
-                return h("h5", { class: this.getClasses('h5') }, h("slot", null));
-            case 'h6':
-                return h("h6", { class: this.getClasses('h6') }, h("slot", null));
-            case 'body1':
-                return h("p", { class: this.getClasses('body1') }, h("slot", null));
-            case 'body2':
-                return h("p", { class: this.getClasses('body2') }, h("slot", null));
-            case 'caption-text':
-                return h("span", { class: this.getClasses('caption-text') }, h("slot", null));
-            case 'data-display-one':
-                return h("span", { class: this.getClasses('data-display-one') }, h("slot", null));
-            case 'data-display-two':
-                return h("span", { class: this.getClasses('data-display-two') }, h("slot", null));
-            case 'data-display-three':
-                return h("span", { class: this.getClasses('data-display-three') }, h("slot", null));
-            case 'data-display-four':
-                return h("span", { class: this.getClasses('data-display-four') }, h("slot", null));
-            case 'button':
-                return h("span", { class: this.getClasses('button') }, h("slot", null));
-            default:
-                return h("p", { class: this.getClasses('body1') }, h("slot", null));
-        }
-    }
-    static get style() { return unityTypographyCss; }
-}, [257, "unity-typography", {
-        "variant": [1],
-        "gutterBottom": [4, "gutter-bottom"],
-        "bold": [4],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, typography);
-            }
-            break;
-    } });
-}
-
-export { defineCustomElement as d, typography as t };
-//# sourceMappingURL=unity-typography2.js.map
-
-//# sourceMappingURL=unity-typography2.js.map
+import{p as t,H as o,h as a,t as i}from"./index2.js";const e=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="body",this.gutterBottom=!1,this.bold=!1,this.color="main"}getClasses(t){return{[t]:!0,bold:this.bold,[`color-${this.color}`]:!0}}render(){if("body"===this.variant)return a("span",{class:this.getClasses("body")},a("slot",null));switch(this.variant){case"h1":return a("h1",{class:this.getClasses("h1")},a("slot",null));case"h2":return a("h2",{class:this.getClasses("h2")},a("slot",null));case"h3":return a("h3",{class:this.getClasses("h3")},a("slot",null));case"h4":return a("h4",{class:this.getClasses("h4")},a("slot",null));case"h5":return a("h5",{class:this.getClasses("h5")},a("slot",null));case"h6":return a("h6",{class:this.getClasses("h6")},a("slot",null));case"body1":default:return a("p",{class:this.getClasses("body1")},a("slot",null));case"body2":return a("p",{class:this.getClasses("body2")},a("slot",null));case"caption-text":return a("span",{class:this.getClasses("caption-text")},a("slot",null));case"data-display-one":return a("span",{class:this.getClasses("data-display-one")},a("slot",null));case"data-display-two":return a("span",{class:this.getClasses("data-display-two")},a("slot",null));case"data-display-three":return a("span",{class:this.getClasses("data-display-three")},a("slot",null));case"data-display-four":return a("span",{class:this.getClasses("data-display-four")},a("slot",null));case"button":return a("span",{class:this.getClasses("button")},a("slot",null))}}static get style(){return"body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}"}},[257,"unity-typography",{variant:[1],gutterBottom:[4,"gutter-bottom"],bold:[4],color:[1]}]);function n(){"undefined"!=typeof customElements&&["unity-typography"].forEach((t=>{"unity-typography"===t&&(customElements.get(i(t))||customElements.define(i(t),e))}))}export{n as d,e as t}

package/dist/components/upd-alert-banner.js

@@ -1,9 +1 @@
-import { U as UpdAlertBanner$1, d as defineCustomElement$1 } from './upd-alert-banner2.js';
-
-const UpdAlertBanner = UpdAlertBanner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UpdAlertBanner, defineCustomElement };
-//# sourceMappingURL=upd-alert-banner.js.map
-
-//# sourceMappingURL=upd-alert-banner.js.map
+import{U as r,d as a}from"./upd-alert-banner2.js";const o=r,s=a;export{o as UpdAlertBanner,s as defineCustomElement}