@gravitee/ui-components 3.27.0 → 3.27.1-pagination-34a0cc9

package/src/charts/gv-chart-histogram/gv-chart-histogram.js

@@ -0,0 +1,90 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import { ChartElement } from '../../mixins/chart-element';
+/**
+ * Histogram chart component
+ *
+ * ⚠️ This component is based on `highcharts`.
+ * To use this component in your project be sure the dependency is installed or
+ * install it with: `npm install highcharts --save`
+ *
+ * @attr {Array} series - The series to display on the histogram chart.
+ * @attr {Object} options - The list of options to display.
+ *
+ */
+export class GvChartHistogram extends ChartElement(LitElement) {
+    getOptions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let yAxis;
+            let title;
+            let subtitle;
+            let plotOptions;
+            if (this.options) {
+                yAxis = this.options.yAxis;
+                title = this.options.title;
+                subtitle = this.options.subtitle;
+                plotOptions = this.options.plotOptions;
+            }
+            if (this._series && this._series.values && this._series.values.length === 0) {
+                this._empty = true;
+            }
+            return {
+                chart: {
+                    type: 'column',
+                    backgroundColor: 'transparent',
+                },
+                title: {
+                    text: title,
+                    align: 'left',
+                    style: { fontSize: '12px', fontWeight: '700' },
+                },
+                subtitle: {
+                    text: subtitle,
+                    align: 'left',
+                    style: { fontSize: '11px', color: '#000000', opacity: '0.54' },
+                },
+                series: this._series.values,
+                xAxis: {
+                    type: 'datetime',
+                    dateTimeLabelFormats: {
+                        month: '%e. %b',
+                        year: '%b',
+                    },
+                },
+                legend: {
+                    enabled: false,
+                },
+                yAxis,
+                plotOptions,
+                tooltip: {
+                    pointFormat: 'Value: <b>{point.y}</b>',
+                },
+            };
+        });
+    }
+}
+window.customElements.define('gv-chart-histogram', GvChartHistogram);
+//# sourceMappingURL=gv-chart-histogram.js.map

package/src/charts/gv-chart-histogram/gv-chart-histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-histogram.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-histogram/gv-chart-histogram.js"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D;;;;;;;;;;GAUG;AACH,MAAM,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IACtD,UAAU;;YACd,IAAI,KAAK,CAAC;YACV,IAAI,KAAK,CAAC;YACV,IAAI,QAAQ,CAAC;YACb,IAAI,WAAW,CAAC;YAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC3B,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC3B,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACjC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;aACxC;YAED,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;aACpB;YAED,OAAO;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,QAAQ;oBACd,eAAe,EAAE,aAAa;iBAC/B;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;iBAC/C;gBACD,QAAQ,EAAE;oBACR,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC/D;gBACD,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;gBAC3B,KAAK,EAAE;oBACL,IAAI,EAAE,UAAU;oBAChB,oBAAoB,EAAE;wBACpB,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,IAAI;qBACX;iBACF;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,KAAK;iBACf;gBACD,KAAK;gBACL,WAAW;gBACX,OAAO,EAAE;oBACP,WAAW,EAAE,yBAAyB;iBACvC;aACF,CAAC;QACJ,CAAC;KAAA;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC"}

package/src/charts/gv-chart-histogram/gv-chart-histogram.stories.d.ts

@@ -0,0 +1,67 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+    namespace parameters {
+        namespace chromatic {
+            const disable: boolean;
+        }
+    }
+}
+export default _default;
+export const Basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/charts/gv-chart-histogram/gv-chart-histogram.stories.js

@@ -0,0 +1,81 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-chart-histogram';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+const series = {
+    values: [
+        {
+            name: '9ec7b0e2-a649-40a3-87b0-e2a649e0a377',
+            color: '#5cb85c',
+            data: [100.0, 80.0, 90.0, 100.0, 0, 0, 0, 20.0, 30.0, 50.0, 60.0, 70.0, 0, 90.0, 100.0, 0, 0, 0, 20.0, 30.0, 50.0, 60.0, 70.0, 0],
+        },
+    ],
+};
+const options = {
+    title: 'Global availability',
+    subtitle: 'Global availability including results of all health-checked endpoints (see below).',
+    yAxis: {
+        min: 0,
+        max: 100,
+        title: {
+            text: 'Availability',
+        },
+        labels: {
+            format: '{value}%',
+        },
+    },
+    plotOptions: {
+        series: {
+            pointInterval: 12500,
+            pointStart: 1620283750000,
+        },
+    },
+};
+export default {
+    title: 'charts/gv-chart-histogram',
+    component: 'gv-chart-histogram',
+    parameters: {
+        chromatic: { disable: true },
+    },
+};
+const conf = {
+    component: 'gv-chart-histogram',
+    css: `
+    gv-chart-histogram {
+      min-height: 200px;
+    }
+  `,
+};
+export const Basics = makeStory(conf, {
+    items: [{ series, options }],
+});
+export const Empty = makeStory(conf, {
+    items: [{ series: [], options }],
+});
+let seriesResolver;
+export const Loading = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.series = new Promise((resolve) => (seriesResolver = resolve));
+            component.options = options;
+        }),
+        storyWait(1500, () => {
+            seriesResolver(series);
+        }),
+    ],
+});
+//# sourceMappingURL=gv-chart-histogram.stories.js.map

package/src/charts/gv-chart-histogram/gv-chart-histogram.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-histogram.stories.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-histogram/gv-chart-histogram.stories.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN;YACE,IAAI,EAAE,sCAAsC;YAC5C,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAClI;KACF;CACF,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,oFAAoF;IAC9F,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,GAAG;QACR,KAAK,EAAE;YACL,IAAI,EAAE,cAAc;SACrB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,UAAU;SACnB;KACF;IACD,WAAW,EAAE;QACX,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,aAAa;SAC1B;KACF;CACF,CAAC;AAEF,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,oBAAoB;IAC/B,GAAG,EAAE;;;;GAIJ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;IACpC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC;CACjC,CAAC,CAAC;AAEH,IAAI,cAAc,CAAC;AACnB,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE;QACX,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC3B,SAAS,CAAC,MAAM,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;YACxE,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC,CAAC;QAEF,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE;YACnB,cAAc,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC;KACH;CACF,CAAC,CAAC"}

package/src/charts/gv-chart-histogram/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-chart-histogram';

package/src/charts/gv-chart-histogram/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-chart-histogram';
+//# sourceMappingURL=index.js.map

package/src/charts/gv-chart-histogram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-histogram/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,sBAAsB,CAAC"}

package/src/charts/gv-chart-line/gv-chart-line.js

@@ -0,0 +1,223 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '../../atoms/gv-button';
+import '../../atoms/gv-tag';
+import Highcharts from 'highcharts';
+import { ChartElement } from '../../mixins/chart-element';
+import { dispatchCustomEvent } from '../../lib/events';
+import { getLanguage } from '../../lib/i18n';
+/**
+ * Line chart component
+ *
+ * ⚠️ This component is based on `highcharts`.
+ * To use this component in your project be sure the dependency is installed or
+ * install it with: `npm install highcharts --save`
+ *
+ * @fires gv-chart-line:zoom - Custom event with zoomed timeframe
+ * @fires gv-chart-line:select - Custom event with selected value
+ *
+ * @attr {Array} series - The series to display on the line chart.
+ * @attr {Array} options - The list of options to display.
+ *
+ */
+export class GvChartLine extends ChartElement(LitElement) {
+    getOptions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._series && this._series.values && this._series.values[0] && this._series.values[0].buckets) {
+                const values = this._series.values[0].buckets.slice();
+                const metadata = this._series.values[0].metadata;
+                values.forEach((bucket, i) => {
+                    this._series.values[i] = Object.assign(Object.assign({}, bucket), this.options.data[0]);
+                    let isFieldRequest = this.options.request.aggs && this.options.request.aggs.startsWith('field:');
+                    if (bucket.name === '1' || bucket.name.match('^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$')) {
+                        isFieldRequest = false;
+                    }
+                    let label = this.options.labels ? this.options.labels[0] : '';
+                    if (!label && metadata && metadata[bucket.name]) {
+                        label = metadata[bucket.name].name;
+                    }
+                    if (isFieldRequest) {
+                        this._series.values[i].name = bucket.name;
+                        this._series.values[i].labelPrefix = label;
+                        this._series.values[i].value = bucket.name;
+                    }
+                    else {
+                        this._series.values[i].name = label;
+                        this._series.values[i].labelPrefix = '';
+                        this._series.values[i].value = bucket.name;
+                    }
+                });
+            }
+            this.options.plotLines = this.options.plotLines
+                ? this.options.plotLines.map((line) => {
+                    return Object.assign(Object.assign({}, line), { events: {
+                            mouseover: function () {
+                                this.label.element.firstElementChild.style.visibility = 'visible';
+                            },
+                            mouseout: function () {
+                                this.label.element.firstElementChild.style.visibility = 'hidden';
+                            },
+                        } });
+                })
+                : [];
+            return {
+                chart: {
+                    type: 'areaspline',
+                    zoomType: 'x',
+                    events: {
+                        selection: (event) => {
+                            event.preventDefault();
+                            dispatchCustomEvent(this, 'zoom', {
+                                from: Math.floor(event.xAxis[0].min),
+                                to: Math.round(event.xAxis[0].max),
+                            });
+                        },
+                    },
+                },
+                tooltip: {
+                    formatter: function () {
+                        const nbCol = Math.trunc(this.points.filter((p) => p.y).length / 10);
+                        let s = '<div><b>' + new Date(this.x).toLocaleString(getLanguage()) + '</b></div>';
+                        s += '<div class="' + (nbCol >= 2 ? 'tooltip tooltip-' + (nbCol > 5 ? 5 : nbCol) : '') + '">';
+                        if (this.points.filter((point) => {
+                            return point.y !== 0;
+                        }).length) {
+                            let i = 0;
+                            this.points.forEach((point) => {
+                                if (point.y) {
+                                    const name = ' ' + (point.series.options.labelPrefix ? point.series.options.labelPrefix + ' ' + point.series.name : point.series.name);
+                                    if (nbCol < 2 && i++ > 0) {
+                                        s += '<br />';
+                                    }
+                                    s +=
+                                        '<span style="margin: 1px 5px;"><span style="color:' +
+                                            point.color +
+                                            '">\u25CF</span>' +
+                                            name +
+                                            ': <b>' +
+                                            (point.series.options.decimalFormat ? Highcharts.numberFormat(point.y, 2) : point.y) +
+                                            (point.series.options.labelSuffix ? point.series.options.labelSuffix : '') +
+                                            '</b></span>';
+                                }
+                            });
+                        }
+                        s += '</div>';
+                        return s;
+                    },
+                    shared: true,
+                    useHTML: true,
+                },
+                plotOptions: {
+                    line: {
+                        allowPointSelect: true,
+                        cursor: 'pointer',
+                        dataLabels: {
+                            enabled: true,
+                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
+                        },
+                    },
+                    series: Object.assign(Object.assign(Object.assign({}, this.options), {
+                        marker: {
+                            enabled: false,
+                        },
+                        fillOpacity: 0.1,
+                    }), { events: {
+                            legendItemClick: (event) => {
+                                event.preventDefault();
+                                dispatchCustomEvent(this, 'select', event.target);
+                            },
+                        } }),
+                },
+                xAxis: {
+                    type: 'datetime',
+                    dateTimeLabelFormats: {
+                        month: '%e. %b',
+                        year: '%b',
+                    },
+                    crosshair: true,
+                    plotLines: [...this.options.plotLines],
+                },
+                yAxis: { title: { text: '' } },
+            };
+        });
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('options')) {
+            this.getOptions().then((options) => {
+                this._additionalOptions = options;
+            });
+        }
+    }
+    firstUpdated() {
+        this.shadowRoot.addEventListener('mousemove', (e) => {
+            let chart, i, event, points;
+            for (i = 0; i < Highcharts.charts.length; i++) {
+                chart = Highcharts.charts[i];
+                if (chart && chart.pointer) {
+                    if (e.originalEvent) {
+                        event = chart.pointer.normalize(e.originalEvent);
+                    }
+                    else {
+                        event = chart.pointer.normalize(e);
+                    }
+                    points = chart.series.map((serie) => {
+                        return serie.searchPoint(event, true);
+                    });
+                    points = points.filter((point) => {
+                        return point;
+                    });
+                    e.points = points;
+                    if (points.length && points[0] && points[0].series.area) {
+                        points[0].highlight(e);
+                    }
+                }
+            }
+        });
+        Highcharts.Pointer.prototype.reset = function () {
+            let chart;
+            for (let i = 0; i < Highcharts.charts.length; i++) {
+                chart = Highcharts.charts[i];
+                if (chart) {
+                    if (chart.tooltip) {
+                        chart.tooltip.hide(this);
+                    }
+                    if (chart.xAxis[0]) {
+                        chart.xAxis[0].hideCrosshair();
+                    }
+                }
+            }
+        };
+        Highcharts.Point.prototype.highlight = function (event) {
+            if (event.points.length) {
+                this.series.chart.tooltip.refresh(event.points);
+                this.series.chart.xAxis[0].drawCrosshair(event, this);
+            }
+        };
+    }
+}
+window.customElements.define('gv-chart-line', GvChartLine);
+//# sourceMappingURL=gv-chart-line.js.map

package/src/charts/gv-chart-line/gv-chart-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-line.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-line/gv-chart-line.js"],"names":[],"mappings":"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"}

package/src/charts/gv-chart-line/gv-chart-line.stories.d.ts

@@ -0,0 +1,124 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+    namespace parameters {
+        namespace chromatic {
+            const disable: boolean;
+        }
+    }
+}
+export default _default;
+export const Basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Synchronized: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const MoreData: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const LoadingAndError: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};