@circutor/charts 0.1.0 → 0.3.0

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-_N-tWlJj.js');
+var index = require('./index-dJHivNOd.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["itic-chart.cjs",[[1,"itic-chart",{"groups":[1]},null,{"groups":[{"onGroupsChange":0}]}]]]], options);
+  return index.bootstrapLazy([["itic-chart.cjs",[[1,"itic-chart",{"groups":[1],"locale":[1],"timeZone":[1,"time-zone"]},null,{"groups":[{"onGroupsChange":0}],"locale":[{"onLocaleChange":0}],"timeZone":[{"onTimeZoneChange":0}]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/itic-chart/index.js

@@ -3,17 +3,42 @@ import * as echarts from "echarts/core";
 import { LineChart, ScatterChart } from "echarts/charts";
 import { GridComponent, LegendComponent, TooltipComponent } from "echarts/components";
 import { CanvasRenderer } from "echarts/renderers";
-import { buildChartOptions, parseGroups } from "./itic-chart.options";
+import { getMessages, normalizeLocale } from "./itic-chart.i18n";
+import { buildChartOptions, findClickedPoint, isValidTimeZone, parseGroups, } from "./itic-chart.options";
 // Register only what this chart uses, so bundles don't ship all of ECharts
 echarts.use([LineChart, ScatterChart, GridComponent, LegendComponent, TooltipComponent, CanvasRenderer]);
 export class IticChart {
+    constructor() {
+        /**
+         * Language of the texts, dates and numbers: `ca`, `de`, `en`, `es`, `fr` or `pt`. Only the language
+         * is used (`es-ES` → `es`); any other value falls back to `en`.
+         */
+        this.locale = 'en';
+        this.parsedGroups = [];
+    }
     onGroupsChange() {
         this.updateChart();
     }
+    onLocaleChange() {
+        this.updateAriaLabel();
+        this.updateChart();
+    }
+    onTimeZoneChange() {
+        this.validateTimeZone();
+        this.updateChart();
+    }
     connectedCallback() {
+        // The chart is a canvas: expose it as an image, labelled with `aria-label`, unless the consumer sets a role
+        if (!this.el.hasAttribute('role')) {
+            this.el.setAttribute('role', 'img');
+        }
+        this.updateAriaLabel();
         // componentDidLoad only fires once, so re-create the chart when the element is re-attached
         this.initChart();
     }
+    componentWillLoad() {
+        this.validateTimeZone();
+    }
     componentDidLoad() {
         this.initChart();
     }
@@ -24,11 +49,38 @@ export class IticChart {
         (_b = this.chart) === null || _b === void 0 ? void 0 : _b.dispose();
         this.chart = undefined;
     }
+    updateAriaLabel() {
+        const current = this.el.getAttribute('aria-label');
+        if (current !== null && current !== this.defaultAriaLabel) {
+            return;
+        }
+        this.defaultAriaLabel = getMessages(normalizeLocale(this.locale)).ariaLabel;
+        this.el.setAttribute('aria-label', this.defaultAriaLabel);
+    }
+    // Validated when it changes, not on every redraw, so an invalid value is only reported once
+    validateTimeZone() {
+        this.validTimeZone = undefined;
+        if (!this.timeZone) {
+            return;
+        }
+        if (isValidTimeZone(this.timeZone)) {
+            this.validTimeZone = this.timeZone;
+        }
+        else {
+            console.error(`[itic-chart] Invalid "timeZone" prop: "${this.timeZone}". Using the browser's time zone.`);
+        }
+    }
     initChart() {
         if (!this.container || this.chart) {
             return;
         }
         this.chart = echarts.init(this.container);
+        this.chart.on('click', params => {
+            const detail = findClickedPoint(this.parsedGroups, params);
+            if (detail) {
+                this.pointClick.emit(detail);
+            }
+        });
         if (typeof ResizeObserver !== 'undefined') {
             this.resizeObserver = new ResizeObserver(() => { var _a; return (_a = this.chart) === null || _a === void 0 ? void 0 : _a.resize(); });
             this.resizeObserver.observe(this.container);
@@ -39,17 +91,21 @@ export class IticChart {
         if (!this.chart) {
             return;
         }
-        let groups = [];
+        this.parsedGroups = [];
         try {
-            groups = parseGroups(this.groups);
+            this.parsedGroups = parseGroups(this.groups);
         }
         catch (error) {
             console.error('[itic-chart] Invalid "groups" prop:', error);
         }
-        this.chart.setOption(buildChartOptions(groups), { notMerge: true });
+        const options = buildChartOptions(this.parsedGroups, {
+            locale: normalizeLocale(this.locale),
+            timeZone: this.validTimeZone,
+        });
+        this.chart.setOption(options, { notMerge: true });
     }
     render() {
-        return h("div", { key: '98e14b7d6df922dc2a17dd09913bfad089ec4bf2', class: "chart", ref: el => (this.container = el) });
+        return h("div", { key: '2bb964d590a36c9c9501761c3f848ad364a29030', class: "chart", ref: el => (this.container = el) });
     }
     static get is() { return "itic-chart"; }
     static get encapsulation() { return "shadow"; }
@@ -84,19 +140,90 @@ export class IticChart {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "point groups"
+                    "text": "Point groups, as an array or a JSON string. Each group's `phase` code sets its name, color and order.\nExtra fields in groups and points are kept and passed back in `pointClick`."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "groups"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the texts, dates and numbers: `ca`, `de`, `en`, `es`, `fr` or `pt`. Only the language\nis used (`es-ES` \u2192 `es`); any other value falls back to `en`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "'en'"
+            },
+            "timeZone": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "IANA time zone of the dates in the tooltip (e.g. `Europe/Madrid`). Defaults to the browser's,\nwhich is also used, with a console error, when the value isn't valid."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "time-zone"
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "pointClick",
+                "name": "pointClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a clickable point is clicked (`clickable` isn't `false`). `detail` holds the original\npoint and group objects."
+                },
+                "complexType": {
+                    "original": "ITICPointClickDetail",
+                    "resolved": "{ point: ITICPoint; group: ITICChartMarks; }",
+                    "references": {
+                        "ITICPointClickDetail": {
+                            "location": "import",
+                            "path": "./itic-chart.options",
+                            "id": "src/components/itic-chart/itic-chart.options.ts::ITICPointClickDetail",
+                            "referenceLocation": "ITICPointClickDetail"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "groups",
                 "methodName": "onGroupsChange"
+            }, {
+                "propName": "locale",
+                "methodName": "onLocaleChange"
+            }, {
+                "propName": "timeZone",
+                "methodName": "onTimeZoneChange"
             }];
     }
 }

package/dist/collection/components/itic-chart/itic-chart.css

@@ -1,6 +1,11 @@
+/**
+ * @prop --itic-chart-background: Background behind the whole chart. Defaults to `transparent`.
+ */
 :host {
   display: block;
+  /* Default size; any rule on `itic-chart` in the page (height, min-height, flex) wins over `:host` */
   height: 400px;
+  background: var(--itic-chart-background, transparent);
 }
 
 .chart {

package/dist/collection/components/itic-chart/itic-chart.i18n.js

@@ -0,0 +1,26 @@
+import ca from "./i18n/ca.json";
+import de from "./i18n/de.json";
+import en from "./i18n/en.json";
+import es from "./i18n/es.json";
+import fr from "./i18n/fr.json";
+import pt from "./i18n/pt.json";
+export const LOCALES = ['ca', 'de', 'en', 'es', 'fr', 'pt'];
+export const DEFAULT_LOCALE = 'en';
+const MESSAGES = { ca, de, en, es, fr, pt };
+/** Keeps the language of a locale (`es-ES` → `es`), falling back to `en` when it isn't translated. */
+export function normalizeLocale(locale) {
+    const language = String(locale !== null && locale !== void 0 ? locale : '')
+        .split(/[-_]/)[0]
+        .toLowerCase();
+    return LOCALES.includes(language) ? language : DEFAULT_LOCALE;
+}
+export const getMessages = (locale) => MESSAGES[locale];
+const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key);
+/** Translated event type, or the code as is when it isn't in the catalog. */
+export function translateEventType(messages, code) {
+    return hasOwn(messages.eventTypes, code) ? messages.eventTypes[code] : code;
+}
+/** Translated name of a phase code that has one (`ALL`, `NONE`), or `undefined`. */
+export function translatePhase(messages, code) {
+    return hasOwn(messages.phases, code) ? messages.phases[code] : undefined;
+}

package/dist/collection/components/itic-chart/itic-chart.options.js

@@ -1,4 +1,6 @@
-import dayjs from "dayjs";
+import { DEFAULT_LOCALE, getMessages, translateEventType } from "./itic-chart.i18n";
+import { getPhase, sortGroups } from "./itic-chart.phases";
+export const DEFAULT_SETTINGS = { locale: DEFAULT_LOCALE };
 /**
  * Normalizes the `groups` prop, which arrives as an array from JS/React
  * or as a JSON string when set as an HTML attribute.
@@ -13,6 +15,15 @@ export function parseGroups(groups) {
     }
     return parsed;
 }
+export function isValidTimeZone(timeZone) {
+    try {
+        new Intl.DateTimeFormat('en', { timeZone });
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+}
 export function escapeHtml(value) {
     return value
         .replace(/&/g, '&')
@@ -21,36 +32,101 @@ export function escapeHtml(value) {
         .replace(/"/g, '"')
         .replace(/'/g, ''');
 }
-export function formatTooltip(groupName, [duration, voltage, ts]) {
-    const rows = {
-        phase: escapeHtml(groupName),
-        duration: `${duration} ms`,
-        voltage: `${Math.round(voltage * 10) / 10}%`,
-        ts: dayjs(ts).locale('en').format('DD MMM, HH:mm:ss.SSS'),
+const isBlank = (value) => value == null || value === '';
+/**
+ * Returns the tooltip HTML of a point: one row per field, in the chart's language. Rows without a value
+ * are left out, and every value is escaped, since it comes from the consumer's data.
+ */
+export function createTooltipFormatter({ locale, timeZone }) {
+    const messages = getMessages(locale);
+    const dateFormat = new Intl.DateTimeFormat(locale, {
+        day: '2-digit',
+        month: 'short',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        // Short events are milliseconds apart
+        fractionalSecondDigits: 3,
+        hourCycle: 'h23',
+        timeZone,
+    });
+    const durationFormat = new Intl.NumberFormat(locale, { style: 'unit', unit: 'millisecond', maximumFractionDigits: 3 });
+    const voltageFormat = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 });
+    // `volt` isn't a unit supported by Intl
+    const voltsFormat = new Intl.NumberFormat(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    const formatDate = (ts) => {
+        const date = new Date(ts);
+        return Number.isNaN(date.getTime()) ? String(ts !== null && ts !== void 0 ? ts : '') : dateFormat.format(date);
+    };
+    const formatVolts = (value) => (Number(value) ? `${voltsFormat.format(Number(value))} V` : undefined);
+    return (point, group) => {
+        const rows = [
+            ['asset', isBlank(group.assetName) ? undefined : String(group.assetName)],
+            ['date', formatDate(point.ts)],
+            ['eventType', isBlank(point.eventType) ? undefined : translateEventType(messages, String(point.eventType))],
+            ['duration', durationFormat.format(Number(point.duration))],
+            // The value is already in %
+            ['voltage', voltageFormat.format(Number(point.voltage) / 100)],
+            ['status', isBlank(point.status) ? undefined : String(point.status)],
+            ['phase', getPhase(group.phase, messages).name || '-'],
+            ['min', formatVolts(point.min)],
+            ['max', formatVolts(point.max)],
+        ];
+        return rows
+            .filter((row) => row[1] !== undefined)
+            .map(([key, value]) => ` <strong>${messages.tooltip[key]}</strong>: ${escapeHtml(value)}`)
+            .join('<br/>');
     };
-    return Object.entries(rows)
-        .map(([label, value]) => ` <strong>${label}</strong>: ${value}`)
-        .join('<br/>');
 }
-export function buildChartOptions(groups) {
-    return Object.assign(Object.assign({}, BASE_OPTIONS), { series: [
+/** Formats the axis labels in the chart's language; ECharts always uses English separators. */
+export function createAxisLabelFormatter(locale) {
+    const numberFormat = new Intl.NumberFormat(locale);
+    return value => numberFormat.format(value);
+}
+export const isClickable = (point) => point.clickable !== false;
+export function buildChartOptions(groups, settings = DEFAULT_SETTINGS) {
+    const messages = getMessages(settings.locale);
+    const formatTooltip = createTooltipFormatter(settings);
+    const axisLabel = { formatter: createAxisLabelFormatter(settings.locale) };
+    return Object.assign(Object.assign({}, BASE_OPTIONS), { xAxis: Object.assign(Object.assign({}, BASE_OPTIONS.xAxis), { name: messages.xAxisName, axisLabel }), yAxis: Object.assign(Object.assign({}, BASE_OPTIONS.yAxis), { name: messages.yAxisName, axisLabel }), series: [
             ...CURVE_SERIES,
-            ...groups.map(({ groupName, points, color }) => ({
-                type: 'scatter',
-                name: groupName,
-                data: points.map(point => [point.duration, point.voltage, point.ts]),
-                symbolSize: 12,
-                z: 4,
-                itemStyle: {
-                    color,
-                    opacity: 1,
-                },
-                tooltip: {
-                    formatter: params => formatTooltip(groupName, params.value),
-                },
-            })),
+            ...sortGroups(groups).map((group) => {
+                const { name, color } = getPhase(group.phase, messages);
+                return {
+                    type: 'scatter',
+                    name,
+                    // ECharts 6 reads `cursor` per data item, although its types only declare it per series
+                    data: group.points.map(point => ({
+                        value: [point.duration, point.voltage],
+                        cursor: isClickable(point) ? 'pointer' : 'default',
+                    })),
+                    symbolSize: 12,
+                    z: 4,
+                    // Phases without a color take the next one of the ECharts palette
+                    itemStyle: color ? { color, opacity: 1 } : { opacity: 1 },
+                    tooltip: {
+                        formatter: params => formatTooltip(group.points[params.dataIndex], group),
+                    },
+                };
+            }),
         ] });
 }
+/**
+ * Maps an ECharts click back to the original point and group. `buildChartOptions` draws the groups as
+ * scatter series after the ITIC curve series, sorted with `sortGroups`.
+ * Returns `undefined` for clicks outside the points and on points that aren't clickable.
+ */
+export function findClickedPoint(groups, { componentType, seriesIndex, dataIndex }) {
+    if (componentType !== 'series' || seriesIndex == null || dataIndex == null) {
+        return undefined;
+    }
+    const group = sortGroups(groups)[seriesIndex - CURVE_SERIES.length];
+    const point = group === null || group === void 0 ? void 0 : group.points[dataIndex];
+    if (!point || !isClickable(point)) {
+        return undefined;
+    }
+    return { point, group };
+}
 const ITIC_CURVE_PROHIBITED_REGION = [
     [0.167, 500],
     [1, 200],
@@ -69,23 +145,24 @@ const ITIC_CURVE_NODAMAGE_REGION = [
     [10000, 90],
     [100000, 90],
 ];
+// Fixed ranges, as in Scout: ECharts clips points outside them (duration < 1 ms or voltage > 200%)
 const BASE_OPTIONS = {
     animation: false,
     grid: {
-        right: '40px',
+        right: '20px',
         left: '60px',
     },
     // ECharts 6 moved the default legend to the bottom; keep it on top as in previous versions
     legend: { top: 0 },
-    tooltip: {},
+    // Outside the shadow root, so containers with `overflow: hidden` don't clip it. Its styles are inline.
+    tooltip: { appendTo: 'body' },
     textStyle: {
         fontFamily: 'CDS-Regular, Arial',
     },
     xAxis: {
         type: 'log',
-        min: 0.1,
+        min: 1,
         max: 100000,
-        name: 'Duration (ms)',
         nameGap: 30,
         nameLocation: 'middle',
         nameTextStyle: {
@@ -96,17 +173,17 @@ const BASE_OPTIONS = {
     yAxis: {
         type: 'value',
         min: 0,
-        max: 500,
+        max: 200,
         nameTextStyle: {
             fontSize: 16,
             fontWeight: 'bold',
         },
-        name: 'Voltage (% of nominal voltage)',
         nameRotate: 90,
         nameGap: 40,
         nameLocation: 'middle',
     },
 };
+// `silent`: the curve doesn't react to the mouse (no tooltip, cursor or click)
 const CURVE_SERIES = [
     {
         type: 'line',
@@ -118,6 +195,7 @@ const CURVE_SERIES = [
         lineStyle: {
             color: '#000',
         },
+        silent: true,
         showSymbol: false,
         emphasis: {
             disabled: true,
@@ -130,6 +208,7 @@ const CURVE_SERIES = [
             origin: 'start',
             color: '#FFF5DF',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -145,6 +224,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -160,6 +240,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -178,6 +259,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: 'transparent',
@@ -196,6 +278,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: 'transparent',

package/dist/collection/components/itic-chart/itic-chart.phases.js

@@ -0,0 +1,55 @@
+import { translatePhase } from "./itic-chart.i18n";
+const L1 = '#a67c52';
+const L2 = '#20262C';
+const L3 = '#B9BDC0';
+const THREE_PHASE = '#00B388';
+// Same catalog as Scout. Names that change with the language (`ALL`, `NONE`) are in the i18n JSON files.
+const PHASES = {
+    AN: { name: 'L1', color: L1 },
+    BN: { name: 'L2', color: L2 },
+    CN: { name: 'L3', color: L3 },
+    AB: { name: 'L1', color: L1 },
+    BC: { name: 'L2', color: L2 },
+    CA: { name: 'L3', color: L3 },
+    'AN,BN,CN': { name: 'L1,L2,L3', color: THREE_PHASE },
+    'AB,BC,CA': { name: 'L1,L2,L3', color: THREE_PHASE },
+    ALL: { name: '', color: '#4C5CC5' },
+    A: { name: 'L1' },
+    B: { name: 'L2' },
+    C: { name: 'L3' },
+    'AN,BN': { name: 'L1,L2' },
+    'AN,CN': { name: 'L1,L3' },
+    'BN,CN': { name: 'L2,L3' },
+    'AB,BC': { name: 'L1,L2' },
+    'AB,CA': { name: 'L1,L3' },
+    'BC,CA': { name: 'L2,L3' },
+    NONE: { name: '' },
+};
+const phaseCode = (phase) => (phase == null ? '' : String(phase));
+// Unknown codes keep the code as name and have no color
+const catalogPhase = (code) => Object.prototype.hasOwnProperty.call(PHASES, code) ? PHASES[code] : { name: code };
+/** Name, in the given language, and color of a phase code. */
+export function getPhase(phase, messages) {
+    var _a;
+    const code = phaseCode(phase);
+    const known = catalogPhase(code);
+    return Object.assign(Object.assign({}, known), { name: (_a = translatePhase(messages, code)) !== null && _a !== void 0 ? _a : known.name });
+}
+// `NONE` (no name) goes after the named phases and `ALL` always last. Only these two names are translated,
+// so ranking them by code keeps the order the same in every language.
+const rank = (code) => (code === 'ALL' ? 2 : code === 'NONE' ? 1 : 0);
+/**
+ * Sorts groups by phase name, then by code (e.g. `AN` and `AB` are both "L1"), with `NONE` and `ALL` last.
+ * Compares characters, not with a locale's rules, so the legend is the same in every language.
+ * Returns a new array with the same group objects; groups with the same code keep their order.
+ */
+export function sortGroups(groups) {
+    const keyed = groups.map(group => {
+        const code = phaseCode(group.phase);
+        return { group, code, rank: rank(code), name: catalogPhase(code).name };
+    });
+    return keyed
+        .sort((a, b) => a.rank - b.rank || compare(a.name, b.name) || compare(a.code, b.code))
+        .map(({ group }) => group);
+}
+const compare = (a, b) => (a < b ? -1 : a > b ? 1 : 0);

package/dist/components/index.js

@@ -1 +1 @@
-function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],s=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);s&&Object.defineProperty(e,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>(0,console.error)(t,e),s=new Map,i="undefined"!=typeof window?window:{},r=i.HTMLElement||class{},c={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),u=!!f&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),a=!1,d=[],h=[],p=()=>{var t;return(null==(t=i.document)?void 0:t.hidden)?setTimeout($,16):c.raf($)},m=(t,e)=>n=>{t.push(n),a||(a=!0,e&&4&c.i?v($):p())},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},$=()=>{b(d),b(h),(a=d.length>0)&&p()},v=t=>Promise.resolve(void 0).then(t),y=m(h,!0),w=t=>{const e=new URL(t,c.u);return e.origin!==i.location.origin?e.href:e.pathname},j=t=>c.u=t;function g(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(u?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var O,S=new WeakMap,k=t=>"sc-"+t.h,M=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,s=null,i=!1,r=!1;const c=[],f=e=>{for(let n=0;n<e.length;n++)if(o=e[n],Array.isArray(o))f(o);else if(null!=o&&"boolean"!=typeof o){if(i="function"!=typeof t&&!M(o))o+="";else if("function"!=typeof t&&void 0===o.i){l("Invalid vNode child");continue}i&&r?c[c.length-1].p+=o:c.push(i?C(null,o):o),r=i}};if(f(n),e){e.key&&(s=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=C(t,null);return u.m=e,c.length>0&&(u.$=c),u.v=s,u},C=(t,e)=>({i:0,j:t,p:null!=e?e:null,O:null,$:null,m:null,v:null}),L={},_=t=>{if(!t)return;const e=Object.keys(t);if(0===e.length)return;let n=!1;for(const o of e){if(n)break;for(const e of t[o])if("string"==typeof e){n=!0;break}}if(!n)return t;const o={};for(const n of e)o[n]=t[n].map((t=>"string"==typeof t?{[t]:0}:t));return o},x=(t,e)=>null==t||M(t)?t:1&e?t+"":t,A=(t,e,n,o)=>{if(n!==o)if(e.toLowerCase(),"class"===e){const e=t.classList,l=H(n);let s=H(o);{let t=l.filter((t=>t&&!s.includes(t)));e.remove(...t),e.add(...s.filter((t=>t&&!l.includes(t))))}}else"key"===e||"ref"===e&&o&&I(o,t)},D=/\s/,H=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(D):[]),N=(t,e)=>{const n=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},l=e.m||{};for(const t of P(Object.keys(o)))t in l||A(n,t,o[t],void 0);for(const t of P(Object.keys(l)))A(n,t,o[t],l[t])};function P(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var U=[],W=[],R=(t,e,n)=>{const o=e.$[n];let l,s,r=0;if(!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=i.document.createElement(o.j),N(null,o),o.$){const e="template"===o.j?l.content:l;for(r=0;r<o.$.length;++r)s=R(t,o,r),s&&e.appendChild(s)}return l["s-hn"]=O,l},T=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);l<=s;++l)o[l]&&(i=R(null,n,l),i&&(o[l].O=i,Y(r,i,e)))},V=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;z(e),t&&t.remove()}}},q=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.v&&e.v&&(t.v=e.v),!0):t.v===e.v),F=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,s=e.$;N(t,e),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],b=o[p];const $="template"===n.j?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==b)b=o[--p];else if(q(d,m,l))F(d,m,l),d=e[++r],m=o[++c];else if(q(h,b,l))F(h,b,l),h=e[--a],b=o[--p];else if(q(d,b,l))F(d,b,l),Y($,d.O,h.O.nextSibling),d=e[++r],b=o[--p];else if(q(h,m,l))F(h,m,l),Y($,h.O,d.O),h=e[--a],m=o[++c];else{for(f=-1,u=r;u<=a;++u)if(e[u]&&null!==e[u].v&&e[u].v===m.v){f=u;break}f>=0?(i=e[f],i.j!==m.j?s=R(e&&e[c],n,c):(F(i,m,l),e[f]=void 0,s=i.O),m=o[++c]):(s=R(e&&e[c],n,c),m=o[++c]),s&&Y(d.O.parentNode,s,d.O)}r>a?T(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&V(e,r,a)})(o,l,e,s,n):null!==s?T(o,null,e,s,0,s.length-1):!n&&null!==l&&V(l,0,l.length-1)},z=t=>{t.m&&t.m.ref&&U.push((()=>t.m.ref(null))),t.$&&t.$.map(z)},I=(t,e)=>{W.push((()=>t(e)))},Y=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),B=(t,e,n=!1)=>{const o=t.$hostElement$,l=t.S||C(null,null),s=(t=>t&&t.j===L)(e)?e:E(null,null,e);if(O=o.tagName,n&&s.m)for(const t of Object.keys(s.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.m[t]=o[t]);s.j=null,s.i|=4,t.S=s,s.O=l.O=o.shadowRoot||o,F(l,s,n),U.forEach((t=>t())),U.length=0,W.forEach((t=>t())),W.length=0},G=(t,e)=>{if(e&&!t.k&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.k=()=>{e["s-p"].splice(n-1,1),o()})))}},J=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);G(t,t.M);const n=()=>K(t,e);if(!e)return y(n);queueMicrotask((()=>{n()}))},K=(t,e)=>{const n=t.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=ot(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=Q(l,(()=>ot(o,"componentWillRender",void 0,n))),Q(l,(()=>Z(t,o,e)))},Q=(t,e)=>X(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),X=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Z=async(t,e,n)=>{var o;const l=t.$hostElement$,r=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.i,l=((t,e)=>{var n,o,l;const r=k(e),a=s.get(r);if(!i.document)return r;if(t=11===t.nodeType?t:i.document,a)if("string"==typeof a){let l,s=S.get(t=t.head||t);if(s||S.set(t,s=new Set),!s.has(r)){l=i.document.createElement("style"),l.textContent=a;const d=null!=(n=c.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=i.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&l.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(a),u?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=a+e.textContent:t.prepend(l)}else t.append(l);1&e.i&&t.insertBefore(l,null),4&e.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(r)}}else{let e=S.get(t);if(e||S.set(t,e=new Set),!e.has(r)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(a.constructor===n.CSSStyleSheet)o=a;else{o=new n.CSSStyleSheet;for(let t=0;t<a.cssRules.length;t++)o.insertRule(a.cssRules[t].cssText,t)}u?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);tt(t,e,l,n),r&&(r.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>et(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},tt=(t,e,n,o)=>{try{e=e.render(),t.i&=-17,t.i|=2,B(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},et=t=>{const e=t.$hostElement$,n=e,o=t.M;ot(n,"componentDidRender",void 0,e),64&t.i?ot(n,"componentDidUpdate",void 0,e):(t.i|=64,lt(e),ot(n,"componentDidLoad",void 0,e),t.L(e),o||nt()),t.k&&(t.k(),t.k=void 0),512&t.i&&v((()=>J(t,!1))),t.i&=-517},nt=()=>{v((()=>(t=>{const e=c.ce("appload",{detail:{namespace:"charts"}});return t.dispatchEvent(e),e})(i)))},ot=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},lt=t=>t.classList.add("hydrated"),st=(t,e,n,s)=>{const i=o(t);if(!i)return;const r=t,c=i.l.get(e),f=i.i,u=r;if(!((n=x(n,s.t[e][0]))===c||Number.isNaN(c)&&Number.isNaN(n))){if(i.l.set(e,n),s._){const t=s._[e];t&&t.map((t=>{try{const[[o,l]]=Object.entries(t);(128&f||1&l)&&(u?u[o](n,c,e):i.A.push((()=>{i.D[o](n,c,e)})))}catch(t){l(t,r)}}))}if(2&f){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,c,e)&&!(16&f))return;16&f||J(i,!1)}}},it=(e,n)=>{var l,s;const i=e.prototype;{e.watchers&&!n._&&(n._=_(e.watchers)),e.deserializers&&!n.H&&(n.H=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(l=n.t)?l:{});r.map((([e,[l]])=>{if(31&l||32&l){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):((t,e)=>o(this).l.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=o(this);if(s){if(r)return void 0===(32&l?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),r.call(this,x(t,l)),void st(this,e,t=32&l?this[e]:s.$hostElement$[e],n);st(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,l,s){c.jmp((()=>{var c;const f=t.get(e),u=o(this);if(this.hasOwnProperty(f),i.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==s)return;if(null==f){const t=null==u?void 0:u.i;if(u&&t&&!(8&t)&&s!==l){const o=this,i=null==(c=n._)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=o[i]&&(128&t||1&r)&&o[i].call(o,s,l,e)}))}return}const a=r.find((([t])=>t===f)),d=4&(a?a[1][0]:0),h=d&&null===s&&void 0===this[f];d&&(s=null!==s&&"false"!==s);const p=Object.getOwnPropertyDescriptor(i,f);h||s==this[f]||p.get&&!p.set||(this[f]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n._)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},rt=async(t,e,n)=>{let o;try{if(!(32&e.i)&&(e.i|=32,e.i&=-1025,o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const e=k(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.i)),o()}}const l=e.M,i=()=>J(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()}catch(n){l(n,t),e.k&&(e.k(),e.k=void 0),!e.L||1024&e.i||e.L(t)}},ct=(t,e)=>{const s={i:e[0],h:e[1]};try{s.t=e[2],s._=_(t._),s.H=t.H,s.N=t.N;const l=t.prototype.connectedCallback,i=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const o={i:0,$hostElement$:t,o:e,l:new Map,P:new Map};o.U=new Promise((t=>o.L=t)),t["s-p"]=[],t["s-rc"]=[];const l=o;t.__stencil__getHostRef=()=>l,512&e.i&&n(t,o)})(this,s)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!o(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&c.i)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.i)(null==e?void 0:e.D)||(1024&e.i?setTimeout((()=>rt(t,e,n)),1e3):(null==e?void 0:e.U)&&e.U.then((()=>{})));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){G(e,e.M=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),rt(t,e,n)}l()}})(this),l&&l.call(this)},disconnectedCallback(){(async t=>{S.has(t)&&S.delete(t),t.shadowRoot&&S.has(t.shadowRoot)&&S.delete(t.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else g.call(this,s)}}),Object.defineProperty(t,"is",{value:s.h,configurable:!0}),it(t,s)}catch(e){return l(e),t}},ft=t=>c.C=t,ut=t=>Object.assign(c,t),at=new WeakMap;function dt(t,e){let n=at.get(e);n||(n={i:0,o:{i:0,h:e.tagName},$hostElement$:e},at.set(e,n)),B(n,t)}function ht(t){return t}export{r as H,w as getAssetPath,E as h,ct as p,dt as render,j as setAssetPath,ft as setNonce,ut as setPlatformOptions,ht as t}
+function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],s=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);s&&Object.defineProperty(e,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>(0,console.error)(t,e),s=new Map,i="undefined"!=typeof window?window:{},r=i.HTMLElement||class{},c={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},u=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),f=!!u&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),a=!1,d=[],h=[],p=()=>{var t;return(null==(t=i.document)?void 0:t.hidden)?setTimeout($,16):c.raf($)},m=(t,e)=>n=>{t.push(n),a||(a=!0,e&&4&c.i?v($):p())},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},$=()=>{b(d),b(h),(a=d.length>0)&&p()},v=t=>Promise.resolve(void 0).then(t),y=m(h,!0),w=t=>{const e=new URL(t,c.u);return e.origin!==i.location.origin?e.href:e.pathname},j=t=>c.u=t;function g(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(f?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var O,S=new WeakMap,k=t=>"sc-"+t.h,M=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,s=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)if(o=e[n],Array.isArray(o))u(o);else if(null!=o&&"boolean"!=typeof o){if(i="function"!=typeof t&&!M(o))o+="";else if("function"!=typeof t&&void 0===o.i){l("Invalid vNode child");continue}i&&r?c[c.length-1].p+=o:c.push(i?C(null,o):o),r=i}};if(u(n),e){e.key&&(s=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const f=C(t,null);return f.m=e,c.length>0&&(f.$=c),f.v=s,f},C=(t,e)=>({i:0,j:t,p:null!=e?e:null,O:null,$:null,m:null,v:null}),L={},_=t=>{if(!t)return;const e=Object.keys(t);if(0===e.length)return;let n=!1;for(const o of e){if(n)break;for(const e of t[o])if("string"==typeof e){n=!0;break}}if(!n)return t;const o={};for(const n of e)o[n]=t[n].map((t=>"string"==typeof t?{[t]:0}:t));return o},x=(t,e)=>null==t||M(t)?t:1&e?t+"":t,A=(t,e)=>{const n=t;return{emit:t=>D(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},D=(t,e,n)=>{const o=c.ce(e,n);return t.dispatchEvent(o),o},H=(t,e,n,o)=>{if(n!==o)if(e.toLowerCase(),"class"===e){const e=t.classList,l=P(n);let s=P(o);{let t=l.filter((t=>t&&!s.includes(t)));e.remove(...t),e.add(...s.filter((t=>t&&!l.includes(t))))}}else"key"===e||"ref"===e&&o&&B(o,t)},N=/\s/,P=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(N):[]),U=(t,e)=>{const n=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},l=e.m||{};for(const t of W(Object.keys(o)))t in l||H(n,t,o[t],void 0);for(const t of W(Object.keys(l)))H(n,t,o[t],l[t])};function W(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var R=[],T=[],V=(t,e,n)=>{const o=e.$[n];let l,s,r=0;if(!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=i.document.createElement(o.j),U(null,o),o.$){const e="template"===o.j?l.content:l;for(r=0;r<o.$.length;++r)s=V(t,o,r),s&&e.appendChild(s)}return l["s-hn"]=O,l},q=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);l<=s;++l)o[l]&&(i=V(null,n,l),i&&(o[l].O=i,G(r,i,e)))},F=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;Y(e),t&&t.remove()}}},z=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.v&&e.v&&(t.v=e.v),!0):t.v===e.v),I=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,s=e.$;U(t,e),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],b=o[p];const $="template"===n.j?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==b)b=o[--p];else if(z(d,m,l))I(d,m,l),d=e[++r],m=o[++c];else if(z(h,b,l))I(h,b,l),h=e[--a],b=o[--p];else if(z(d,b,l))I(d,b,l),G($,d.O,h.O.nextSibling),d=e[++r],b=o[--p];else if(z(h,m,l))I(h,m,l),G($,h.O,d.O),h=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].v&&e[f].v===m.v){u=f;break}u>=0?(i=e[u],i.j!==m.j?s=V(e&&e[c],n,c):(I(i,m,l),e[u]=void 0,s=i.O),m=o[++c]):(s=V(e&&e[c],n,c),m=o[++c]),s&&G(d.O.parentNode,s,d.O)}r>a?q(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&F(e,r,a)})(o,l,e,s,n):null!==s?q(o,null,e,s,0,s.length-1):!n&&null!==l&&F(l,0,l.length-1)},Y=t=>{t.m&&t.m.ref&&R.push((()=>t.m.ref(null))),t.$&&t.$.map(Y)},B=(t,e)=>{T.push((()=>t(e)))},G=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),J=(t,e,n=!1)=>{const o=t.$hostElement$,l=t.S||C(null,null),s=(t=>t&&t.j===L)(e)?e:E(null,null,e);if(O=o.tagName,n&&s.m)for(const t of Object.keys(s.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.m[t]=o[t]);s.j=null,s.i|=4,t.S=s,s.O=l.O=o.shadowRoot||o,I(l,s,n),R.forEach((t=>t())),R.length=0,T.forEach((t=>t())),T.length=0},K=(t,e)=>{if(e&&!t.k&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.k=()=>{e["s-p"].splice(n-1,1),o()})))}},Q=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);K(t,t.M);const n=()=>X(t,e);if(!e)return y(n);queueMicrotask((()=>{n()}))},X=(t,e)=>{const n=t.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=st(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=Z(l,(()=>st(o,"componentWillRender",void 0,n))),Z(l,(()=>et(t,o,e)))},Z=(t,e)=>tt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),tt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,et=async(t,e,n)=>{var o;const l=t.$hostElement$,r=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.i,l=((t,e)=>{var n,o,l;const r=k(e),a=s.get(r);if(!i.document)return r;if(t=11===t.nodeType?t:i.document,a)if("string"==typeof a){let l,s=S.get(t=t.head||t);if(s||S.set(t,s=new Set),!s.has(r)){l=i.document.createElement("style"),l.textContent=a;const d=null!=(n=c.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=i.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&l.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(u){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(a),f?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=a+e.textContent:t.prepend(l)}else t.append(l);1&e.i&&t.insertBefore(l,null),4&e.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(r)}}else{let e=S.get(t);if(e||S.set(t,e=new Set),!e.has(r)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(a.constructor===n.CSSStyleSheet)o=a;else{o=new n.CSSStyleSheet;for(let t=0;t<a.cssRules.length;t++)o.insertRule(a.cssRules[t].cssText,t)}f?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);nt(t,e,l,n),r&&(r.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ot(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},nt=(t,e,n,o)=>{try{e=e.render(),t.i&=-17,t.i|=2,J(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},ot=t=>{const e=t.$hostElement$,n=e,o=t.M;st(n,"componentDidRender",void 0,e),64&t.i?st(n,"componentDidUpdate",void 0,e):(t.i|=64,it(e),st(n,"componentDidLoad",void 0,e),t.L(e),o||lt()),t.k&&(t.k(),t.k=void 0),512&t.i&&v((()=>Q(t,!1))),t.i&=-517},lt=()=>{v((()=>D(i,"appload",{detail:{namespace:"charts"}})))},st=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},it=t=>t.classList.add("hydrated"),rt=(t,e,n,s)=>{const i=o(t);if(!i)return;const r=t,c=i.l.get(e),u=i.i,f=r;if(!((n=x(n,s.t[e][0]))===c||Number.isNaN(c)&&Number.isNaN(n))){if(i.l.set(e,n),s._){const t=s._[e];t&&t.map((t=>{try{const[[o,l]]=Object.entries(t);(128&u||1&l)&&(f?f[o](n,c,e):i.A.push((()=>{i.D[o](n,c,e)})))}catch(t){l(t,r)}}))}if(2&u){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(n,c,e)&&!(16&u))return;16&u||Q(i,!1)}}},ct=(e,n)=>{var l,s;const i=e.prototype;{e.watchers&&!n._&&(n._=_(e.watchers)),e.deserializers&&!n.H&&(n.H=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(l=n.t)?l:{});r.map((([e,[l]])=>{if(31&l||32&l){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):((t,e)=>o(this).l.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=o(this);if(s){if(r)return void 0===(32&l?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),r.call(this,x(t,l)),void rt(this,e,t=32&l?this[e]:s.$hostElement$[e],n);rt(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,l,s){c.jmp((()=>{var c;const u=t.get(e),f=o(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==f?void 0:f.i;if(f&&t&&!(8&t)&&s!==l){const o=this,i=null==(c=n._)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=o[i]&&(128&t||1&r)&&o[i].call(o,s,l,e)}))}return}const a=r.find((([t])=>t===u)),d=4&(a?a[1][0]:0),h=d&&null===s&&void 0===this[u];d&&(s=null!==s&&"false"!==s);const p=Object.getOwnPropertyDescriptor(i,u);h||s==this[u]||p.get&&!p.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n._)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},ut=async(t,e,n)=>{let o;try{if(!(32&e.i)&&(e.i|=32,e.i&=-1025,o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const e=k(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);u&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.i)),o()}}const l=e.M,i=()=>Q(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()}catch(n){l(n,t),e.k&&(e.k(),e.k=void 0),!e.L||1024&e.i||e.L(t)}},ft=(t,e)=>{const s={i:e[0],h:e[1]};try{s.t=e[2],s._=_(t._),s.H=t.H,s.N=t.N;const l=t.prototype.connectedCallback,i=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const o={i:0,$hostElement$:t,o:e,l:new Map,P:new Map};o.U=new Promise((t=>o.L=t)),t["s-p"]=[],t["s-rc"]=[];const l=o;t.__stencil__getHostRef=()=>l,512&e.i&&n(t,o)})(this,s)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!o(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&c.i)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.i)(null==e?void 0:e.D)||(1024&e.i?setTimeout((()=>ut(t,e,n)),1e3):(null==e?void 0:e.U)&&e.U.then((()=>{})));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(e,e.M=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),ut(t,e,n)}l()}})(this),l&&l.call(this)},disconnectedCallback(){(async t=>{S.has(t)&&S.delete(t),t.shadowRoot&&S.has(t.shadowRoot)&&S.delete(t.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else g.call(this,s)}}),Object.defineProperty(t,"is",{value:s.h,configurable:!0}),ct(t,s)}catch(e){return l(e),t}},at=t=>c.C=t,dt=t=>Object.assign(c,t),ht=new WeakMap;function pt(t,e){let n=ht.get(e);n||(n={i:0,o:{i:0,h:e.tagName},$hostElement$:e},ht.set(e,n)),J(n,t)}function mt(t){return t}export{r as H,A as c,w as getAssetPath,E as h,ft as p,pt as render,j as setAssetPath,at as setNonce,dt as setPlatformOptions,mt as t}