@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/chart/box-plot.js

@@ -1,321 +1,6 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './box-plot.class.js';
+import { LyraBoxPlot } from './box-plot.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { nextId, srOnly } from '../../internal/a11y.js';
-import { loadChartJs } from './chart-loader.js';
-import { styles } from './box-plot.styles.js';
-import '../skeleton/skeleton.js';
-// Defensive JS-side fallbacks for themeColors() below, mirroring the
-// light-mode default of each `--lyra-chart-*` token's own fallback chain
-// (see box-plot.styles.ts) — only reached if getComputedStyle somehow can't
-// resolve the custom property at all (e.g. host detached from the document).
-// Same values as chart.ts's own fallbacks, since both default to the same
-// semantic tokens.
-const FALLBACK_GRID_COLOR = '#8a8a90';
-const FALLBACK_TICK_COLOR = '#6b7280';
-const FALLBACK_LEGEND_COLOR = '#1a1a1a';
-const FALLBACK_TOOLTIP_BG = '#fff';
-const FALLBACK_TOOLTIP_TEXT = '#1a1a1a';
-let boxPlotPlugin;
-/**
- * Lazily loads `@sgratzl/chartjs-chart-boxplot` and registers its controller
- * only when a `<lyra-box-plot>` connects — kept separate from the base
- * `chart-loader.ts` so importing `lyra-chart.js` alone never pulls this in.
- */
-function loadBoxPlotPlugin() {
-    if (!boxPlotPlugin) {
-        boxPlotPlugin = Promise.all([loadChartJs(), import('@sgratzl/chartjs-chart-boxplot')])
-            .then(([chartMod, boxMod]) => {
-            if (!chartMod)
-                return null;
-            chartMod.Chart.register(boxMod.BoxPlotController, boxMod.BoxAndWiskers);
-            return boxMod;
-        })
-            .catch(() => {
-            console.warn('<lyra-box-plot> needs the optional peer dependency `@sgratzl/chartjs-chart-boxplot` ' +
-                '— install it with `pnpm add @sgratzl/chartjs-chart-boxplot`.');
-            return null;
-        });
-    }
-    return boxPlotPlugin;
-}
-/**
- * `<lyra-box-plot>` — a box-and-whisker chart from precomputed five-number
- * summaries (no raw sample data is shipped to the browser). Beyond Web
- * Awesome's chart set — useful for summarizing distributions.
- *
- * @customElement lyra-box-plot
- * @csspart base - The chart wrapper.
- * @csspart canvas - The box-plot canvas.
- * @csspart description - The accessible box-plot summary.
- * @csspart data-table - The optional generated or slotted data table.
- * @slot data-table - An optional consumer-provided accessible table alternative.
- */
-export class LyraBoxPlot extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.labels = [];
-        this.boxes = [];
-        this.legend = false;
-        this.height = '280px';
-        this.yLabel = '';
-        this.beginAtZero = true;
-        /** Accessible name applied to the canvas. Falls back to the box labels. */
-        this.accessibleLabel = '';
-        /** Accessible description for the canvas. When unset, a five-number summary is generated. */
-        this.accessibleDescription = '';
-        /** Makes the generated data table visible; it remains screen-reader available when false. */
-        this.showDataTable = false;
-        /**
-         * True until the lazy-loaded `chart.js` + `@sgratzl/chartjs-chart-boxplot`
-         * peer dependencies have settled (success or failure) — mirrors
-         * `LyraChart`'s `loading` state.
-         */
-        this.loading = true;
-        this.visible = true;
-        this.descriptionId = nextId('box-plot-description');
-    }
-    static { this.styles = [LyraElement.styles, styles, srOnly]; }
-    connectedCallback() {
-        super.connectedCallback();
-        void loadBoxPlotPlugin().then((boxMod) => this.onBoxPlotPluginLoaded(boxMod));
-        if (typeof IntersectionObserver !== 'undefined') {
-            this.intersectionObserver = new IntersectionObserver((entries) => {
-                const wasVisible = this.visible;
-                this.visible = entries[0]?.isIntersecting ?? true;
-                if (this.visible && !wasVisible)
-                    this.draw();
-            });
-            this.intersectionObserver.observe(this);
-        }
-    }
-    // Split out from `connectedCallback()` so the partial-peer-dependency-
-    // failure path (chart.js loads fine, `@sgratzl/chartjs-chart-boxplot`
-    // doesn't) is directly testable: `loadBoxPlotPlugin()` resolves to `null`
-    // without ever registering `BoxPlotController`/`BoxAndWiskers` in that
-    // case, so this must gate on its resolved value — mirroring the correct,
-    // established pattern in `LyraChart.connectedCallback()` — instead of
-    // unconditionally re-awaiting the already-cached `loadChartJs()` promise.
-    //
-    // Also guards against a disconnect while either lazy peer import is still
-    // in flight: `this.isConnected` is re-checked after each `await` gap, so a
-    // `<lyra-box-plot>` removed before the load settles never constructs a
-    // `Chart` bound to a (possibly detached) canvas.
-    async onBoxPlotPluginLoaded(boxMod) {
-        if (!this.isConnected)
-            return;
-        this.loading = false;
-        if (!boxMod)
-            return;
-        const chartMod = await loadChartJs();
-        if (!this.isConnected)
-            return;
-        this.chartJsModule = chartMod ?? undefined;
-        this.draw();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.chart?.destroy();
-        this.chart = undefined;
-        this.intersectionObserver?.disconnect();
-    }
-    updated(changed) {
-        if (this.loading)
-            this.setAttribute('aria-busy', 'true');
-        else
-            this.removeAttribute('aria-busy');
-        // `--lyra-chart-height` is read by `:host`'s `block-size` in
-        // `chart.styles.ts` (shared with `lyra-chart`). Custom properties only
-        // cascade downward (host -> shadow tree), so this must be set on the
-        // host element itself, not on the `[part="base"]` div inside the shadow
-        // root.
-        if (changed.has('height')) {
-            this.style.setProperty('--lyra-chart-height', this.height);
-        }
-        if (this.loading)
-            return;
-        if (!this.visible)
-            return; // becoming visible again triggers its own draw() via the observer above
-        const contentChanged = ['labels', 'boxes', 'legend', 'height', 'yLabel', 'beginAtZero', 'loading'].some((name) => changed.has(name));
-        if (!contentChanged)
-            return;
-        this.draw();
-    }
-    /**
-     * Resolves the `--lyra-chart-*` theme tokens (declared in
-     * `box-plot.styles.ts`, each layered over an existing semantic token) via
-     * `getComputedStyle`. Chart.js renders to canvas, not the DOM, so it can't
-     * consume CSS `var()` directly — same constraint `chart.ts`'s
-     * `themeColors()` documents — so this is called fresh from `buildConfig()`
-     * on every draw rather than cached.
-     */
-    themeColors() {
-        const cs = getComputedStyle(this);
-        return {
-            grid: cs.getPropertyValue('--lyra-chart-grid-color').trim() || FALLBACK_GRID_COLOR,
-            tick: cs.getPropertyValue('--lyra-chart-tick-color').trim() || FALLBACK_TICK_COLOR,
-            legend: cs.getPropertyValue('--lyra-chart-legend-color').trim() || FALLBACK_LEGEND_COLOR,
-            tooltipBg: cs.getPropertyValue('--lyra-chart-tooltip-bg').trim() || FALLBACK_TOOLTIP_BG,
-            tooltipText: cs.getPropertyValue('--lyra-chart-tooltip-text').trim() || FALLBACK_TOOLTIP_TEXT,
-        };
-    }
-    buildConfig() {
-        const theme = this.themeColors();
-        return {
-            // boxplot isn't in chart.js's static ChartType union — same cast the seed uses.
-            type: 'boxplot',
-            data: {
-                labels: this.labels,
-                datasets: this.boxes.map((s) => ({
-                    label: s.label,
-                    data: s.data,
-                    backgroundColor: s.color,
-                    borderColor: s.color,
-                })),
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { legend: { display: this.legend, labels: { color: theme.legend } } },
-                scales: {
-                    y: {
-                        beginAtZero: this.beginAtZero,
-                        title: { display: !!this.yLabel, text: this.yLabel },
-                        ticks: { color: theme.tick },
-                        grid: { color: theme.grid },
-                    },
-                },
-            },
-        };
-    }
-    // Mirrors `LyraChart.draw()`'s reuse-existing-instance-when-possible
-    // pattern: an update that doesn't need a new Chart.js instance (e.g. a
-    // bare `height` change, or new `boxes`/`labels` data) mutates the existing
-    // chart and does an incremental `.update('none')` instead of tearing down
-    // and rebuilding the whole canvas/instance on every reactive update. Unlike
-    // `LyraChart`, `LyraBoxPlot` has no raw `config` passthrough that could
-    // change the effective Chart.js type out from under `this.type`, so
-    // reusing whenever a chart already exists is always safe here.
-    draw() {
-        if (!this.chartJsModule || !this.canvasEl)
-            return;
-        const config = this.buildConfig();
-        if (this.chart) {
-            this.chart.data = config.data;
-            this.chart.options = config.options ?? {};
-            this.chart.update('none');
-            return;
-        }
-        this.chart = new this.chartJsModule.Chart(this.canvasEl, config);
-    }
-    boxPlotDescription() {
-        if (this.accessibleDescription)
-            return this.accessibleDescription;
-        const summaries = this.boxes.map((series) => {
-            if (!series.data.length)
-                return `${series.label}: no data`;
-            const medians = series.data.map((point) => point.median);
-            const first = medians[0];
-            const last = medians[medians.length - 1];
-            const trend = last > first ? 'increasing' : last < first ? 'decreasing' : 'flat';
-            return `${series.label}: ${series.data.length} distributions, median range ${Math.min(...medians)} to ${Math.max(...medians)}, ${trend} median trend`;
-        });
-        return `Box plot${summaries.length ? `. ${summaries.join('. ')}` : ' with no data'}.`;
-    }
-    renderDataTable() {
-        return html `
-      <table class=${this.showDataTable ? '' : 'sr-only'}>
-        <caption>${this.accessibleLabel || 'Box plot data'}</caption>
-        <thead>
-          <tr>
-            <th scope="col">Category</th>
-            <th scope="col">Series</th>
-            <th scope="col">Min</th>
-            <th scope="col">Q1</th>
-            <th scope="col">Median</th>
-            <th scope="col">Q3</th>
-            <th scope="col">Max</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${this.boxes.flatMap((series) => series.data.map((point, index) => html `
-                <tr>
-                  <th scope="row">${this.labels[index] ?? `Point ${index + 1}`}</th>
-                  <td>${series.label}</td>
-                  <td>${point.min}</td>
-                  <td>${point.q1}</td>
-                  <td>${point.median}</td>
-                  <td>${point.q3}</td>
-                  <td>${point.max}</td>
-                </tr>
-              `))}
-        </tbody>
-      </table>
-    `;
-    }
-    render() {
-        if (this.loading) {
-            return html `
-        <div part="base">
-          <lyra-skeleton variant="rect"></lyra-skeleton>
-        </div>
-      `;
-        }
-        const label = this.accessibleLabel || this.boxes.map((b) => b.label).join(', ') || 'Box plot';
-        const description = this.boxPlotDescription();
-        return html `
-      <div part="base">
-        <canvas part="canvas" role="img" aria-label=${label} aria-describedby=${this.descriptionId}></canvas>
-        <p part="description" id=${this.descriptionId} class="sr-only">${description}</p>
-        <div part="data-table">
-          <slot name="data-table"></slot>
-          ${this.renderDataTable()}
-        </div>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ attribute: false })
-], LyraBoxPlot.prototype, "labels", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraBoxPlot.prototype, "boxes", void 0);
-__decorate([
-    property({ type: Boolean })
-], LyraBoxPlot.prototype, "legend", void 0);
-__decorate([
-    property()
-], LyraBoxPlot.prototype, "height", void 0);
-__decorate([
-    property({ attribute: 'y-label' })
-], LyraBoxPlot.prototype, "yLabel", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'begin-at-zero' })
-], LyraBoxPlot.prototype, "beginAtZero", void 0);
-__decorate([
-    property({ attribute: 'accessible-label' })
-], LyraBoxPlot.prototype, "accessibleLabel", void 0);
-__decorate([
-    property({ attribute: 'accessible-description' })
-], LyraBoxPlot.prototype, "accessibleDescription", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'show-data-table' })
-], LyraBoxPlot.prototype, "showDataTable", void 0);
-__decorate([
-    state()
-], LyraBoxPlot.prototype, "loading", void 0);
-__decorate([
-    state()
-], LyraBoxPlot.prototype, "visible", void 0);
-__decorate([
-    query('canvas')
-], LyraBoxPlot.prototype, "canvasEl", void 0);
+import "../skeleton/skeleton.js";
 defineElement('box-plot', LyraBoxPlot);
+//# sourceMappingURL=box-plot.js.map

package/dist/components/chart/box-plot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-plot.js","sourceRoot":"","sources":["../../../src/components/chart/box-plot.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,yBAAyB,CAAC;AACjC,aAAa,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/chart/box-plot.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=box-plot.styles.d.ts.map

package/dist/components/chart/box-plot.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-plot.styles.d.ts","sourceRoot":"","sources":["../../../src/components/chart/box-plot.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,yBAgClB,CAAC"}

package/dist/components/chart/box-plot.styles.js

@@ -8,7 +8,7 @@ export const styles = css `
   :host {
     display: block;
     position: relative;
-    block-size: var(--lyra-chart-height, 280px);
+    block-size: var(--lyra-chart-height, var(--lyra-size-280px));
     /* Same theme tokens as chart.styles.ts's :host — Chart.js renders to
        canvas, not the DOM, so it can't consume CSS var() directly;
        box-plot.ts's themeColors() resolves these once per draw() via
@@ -37,3 +37,4 @@ export const styles = css `
     block-size: 100% !important;
   }
 `;
+//# sourceMappingURL=box-plot.styles.js.map

package/dist/components/chart/box-plot.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-plot.styles.js","sourceRoot":"","sources":["../../../src/components/chart/box-plot.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,kEAAkE;AAClE,2EAA2E;AAC3E,wEAAwE;AACxE,mEAAmE;AACnE,8CAA8C;AAC9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC"}

package/dist/components/chart/bubble-chart.class.d.ts

@@ -0,0 +1,19 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-bubble-chart>` — `<lyra-chart>` with `type` locked to `"bubble"`. Feed
+ * points via `Series.points`, each needing an `x`/`y`/`r` (radius) triple —
+ * cast the array through `as unknown as Series['points']` (or a local
+ * `BubblePoint` type) when constructing it, since `Series.points` itself is
+ * typed as `{ x; y; label? }[]` with no `r` field.
+ *
+ * @customElement lyra-bubble-chart
+ */
+export declare class LyraBubbleChart extends LyraChart {
+    type: 'bubble';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-bubble-chart': LyraBubbleChart;
+    }
+}
+//# sourceMappingURL=bubble-chart.class.d.ts.map

package/dist/components/chart/bubble-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bubble-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;;;;;GAQG;AACH,qBAAa,eAAgB,SAAQ,SAAS;IACpC,IAAI,EAAE,QAAQ,CAAC;CACxB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/chart/bubble-chart.class.js

@@ -0,0 +1,14 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-bubble-chart>` — `<lyra-chart>` with `type` locked to `"bubble"`. Feed
+ * points via `Series.points`, each needing an `x`/`y`/`r` (radius) triple —
+ * cast the array through `as unknown as Series['points']` (or a local
+ * `BubblePoint` type) when constructing it, since `Series.points` itself is
+ * typed as `{ x; y; label? }[]` with no `r` field.
+ *
+ * @customElement lyra-bubble-chart
+ */
+export class LyraBubbleChart extends LyraChart {
+}
+lockChartType(LyraBubbleChart, 'bubble');
+//# sourceMappingURL=bubble-chart.class.js.map

package/dist/components/chart/bubble-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/bubble-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,OAAO,eAAgB,SAAQ,SAAS;CAE7C;AAED,aAAa,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC"}

package/dist/components/chart/bubble-chart.d.ts

@@ -1,18 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-bubble-chart>` — `<lyra-chart>` with `type` locked to `"bubble"`. Feed
- * points via `Series.points`, each needing an `x`/`y`/`r` (radius) triple —
- * cast the array through `as unknown as Series['points']` (or a local
- * `BubblePoint` type) when constructing it, since `Series.points` itself is
- * typed as `{ x; y; label? }[]` with no `r` field.
- *
- * @customElement lyra-bubble-chart
- */
-export declare class LyraBubbleChart extends LyraChart {
-    type: 'bubble';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-bubble-chart': LyraBubbleChart;
-    }
-}
+export * from './bubble-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=bubble-chart.d.ts.map

package/dist/components/chart/bubble-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bubble-chart.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AAGxC,OAAO,YAAY,CAAC"}

package/dist/components/chart/bubble-chart.js

@@ -1,15 +1,6 @@
-import { LyraChart, lockChartType } from './chart.js';
+export * from './bubble-chart.class.js';
+import { LyraBubbleChart } from './bubble-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-bubble-chart>` — `<lyra-chart>` with `type` locked to `"bubble"`. Feed
- * points via `Series.points`, each needing an `x`/`y`/`r` (radius) triple —
- * cast the array through `as unknown as Series['points']` (or a local
- * `BubblePoint` type) when constructing it, since `Series.points` itself is
- * typed as `{ x; y; label? }[]` with no `r` field.
- *
- * @customElement lyra-bubble-chart
- */
-export class LyraBubbleChart extends LyraChart {
-}
-lockChartType(LyraBubbleChart, 'bubble');
+import "./chart.js";
 defineElement('bubble-chart', LyraBubbleChart);
+//# sourceMappingURL=bubble-chart.js.map

package/dist/components/chart/bubble-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.js","sourceRoot":"","sources":["../../../src/components/chart/bubble-chart.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC"}

package/dist/components/chart/chart-loader.d.ts

@@ -1,5 +1,6 @@
-import type * as ChartJsModule from 'chart.js';
-import type ZoomPlugin from 'chartjs-plugin-zoom';
+import type { OptionalPeerApi } from '../../internal/optional-peer-types.js';
+type ChartJsModule = OptionalPeerApi;
+type ZoomPlugin = OptionalPeerApi;
 /**
  * Independently loads the mandatory `chart.js` peer dependency and, only
  * when `needsZoom` is true, the opt-in `chartjs-plugin-zoom` peer dependency
@@ -13,11 +14,11 @@ import type ZoomPlugin from 'chartjs-plugin-zoom';
  * error each one logs — are directly testable without needing to actually
  * uninstall either package.
  */
-export declare function loadChartAndZoom(importChart?: () => Promise<typeof ChartJsModule>, importZoom?: () => Promise<{
-    default: typeof ZoomPlugin;
+export declare function loadChartAndZoom(importChart?: () => Promise<ChartJsModule>, importZoom?: () => Promise<{
+    default: ZoomPlugin;
 }>, needsZoom?: boolean): Promise<{
-    mod: typeof ChartJsModule;
-    zoomPlugin: typeof ZoomPlugin | undefined;
+    mod: ChartJsModule;
+    zoomPlugin: ZoomPlugin | undefined;
 } | null>;
 /**
  * Lazily loads the optional peer dependency `chart.js` once per page,
@@ -26,7 +27,7 @@ export declare function loadChartAndZoom(importChart?: () => Promise<typeof Char
  * below, which any chart that actually sets `zoom` should call instead.
  * Resolves to `null` if chart.js isn't installed.
  */
-export declare function loadChartJs(): Promise<typeof ChartJsModule | null>;
+export declare function loadChartJs(): Promise<ChartJsModule | null>;
 /**
  * Loads `chart.js` (reusing the cached load above) plus `chartjs-plugin-zoom`,
  * on first actual demand — most charts never set `zoom`, and the plugin has
@@ -52,5 +53,7 @@ export declare function loadChartJs(): Promise<typeof ChartJsModule | null>;
  * actually uninstall the package.
  */
 export declare function loadChartJsWithZoom(importZoom?: () => Promise<{
-    default: typeof ZoomPlugin;
-}>): Promise<typeof ChartJsModule | null>;
+    default: ZoomPlugin;
+}>): Promise<ChartJsModule | null>;
+export {};
+//# sourceMappingURL=chart-loader.d.ts.map

package/dist/components/chart/chart-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-loader.d.ts","sourceRoot":"","sources":["../../../src/components/chart/chart-loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7E,KAAK,aAAa,GAAG,eAAe,CAAC;AACrC,KAAK,UAAU,GAAG,eAAe,CAAC;AAMlC;;;;;;;;;;;;GAYG;AACH,wBAAsB,gBAAgB,CACpC,WAAW,GAAE,MAAM,OAAO,CAAC,aAAa,CAAsD,EAC9F,UAAU,GAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CACkB,EACnE,SAAS,UAAQ,GAChB,OAAO,CAAC;IAAE,GAAG,EAAE,aAAa,CAAC;IAAC,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,CA0B5E;AA2BD;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAS3D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,GAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CACkB,GAClE,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAY/B"}

package/dist/components/chart/chart-loader.js

@@ -98,3 +98,4 @@ export function loadChartJsWithZoom(importZoom = () => import('chartjs-plugin-zo
     }
     return zoomLoad;
 }
+//# sourceMappingURL=chart-loader.js.map

package/dist/components/chart/chart-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-loader.js","sourceRoot":"","sources":["../../../src/components/chart/chart-loader.ts"],"names":[],"mappings":"AAKA,IAAI,OAAkD,CAAC;AACvD,IAAI,QAAmD,CAAC;AACxD,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,WAAW,GAAiC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAA2B,EAC9F,UAAU,GAA2C,GAAG,EAAE,CACxD,MAAM,CAAC,qBAAqB,CAAqC,EACnE,SAAS,GAAG,KAAK;IAEjB,IAAI,GAAkB,CAAC;IACvB,IAAI,CAAC;QACH,GAAG,GAAG,MAAM,WAAW,EAAE,CAAC;IAC5B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CACV,mGAAmG,EACnG,GAAG,CACJ,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;IAEtD,IAAI,UAAkC,CAAC;IACvC,IAAI,CAAC;QACH,UAAU,GAAG,CAAC,MAAM,UAAU,EAAE,CAAC,CAAC,OAAO,CAAC;IAC5C,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CACV,uFAAuF;YACrF,qFAAqF;YACrF,gDAAgD,EAClD,GAAG,CACJ,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,YAAY,CAAC,GAAkB;IACtC,IAAI,UAAU;QAAE,OAAO;IACvB,GAAG,CAAC,KAAK,CAAC,QAAQ,CAChB,GAAG,CAAC,cAAc,EAClB,GAAG,CAAC,aAAa,EACjB,GAAG,CAAC,iBAAiB,EACrB,GAAG,CAAC,kBAAkB,EACtB,GAAG,CAAC,aAAa,EACjB,GAAG,CAAC,eAAe,EACnB,GAAG,CAAC,mBAAmB,EACvB,GAAG,CAAC,gBAAgB,EACpB,GAAG,CAAC,WAAW,EACf,GAAG,CAAC,YAAY,EAChB,GAAG,CAAC,UAAU,EACd,GAAG,CAAC,UAAU,EACd,GAAG,CAAC,WAAW,EACf,GAAG,CAAC,aAAa,EACjB,GAAG,CAAC,iBAAiB,EACrB,GAAG,CAAC,MAAM,EACV,GAAG,CAAC,OAAO,EACX,GAAG,CAAC,MAAM,CACX,CAAC;IACF,UAAU,GAAG,IAAI,CAAC;AACpB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW;IACzB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3C,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACzB,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAU,GAA2C,GAAG,EAAE,CACxD,MAAM,CAAC,qBAAqB,CAAqC;IAEnE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,QAAQ,GAAG,WAAW,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC1C,IAAI,CAAC,GAAG;gBAAE,OAAO,IAAI,CAAC;YACtB,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;YACpF,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;gBACvB,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;YACD,OAAO,GAAG,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}