@omegagrid/plugin-charts 0.10.2 → 0.10.4

package/dist/ui/chart.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.style.js","sourceRoot":"","sources":["../../src/ui/chart.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmpCvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--og-highcharts-background-color);\n\t}\n\n\t#chart {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t}\n\n\t.highcharts-container {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: left;\n\t\tline-height: normal;\n\t\tz-index: 0; /* #1072 */\n\t\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tuser-select: none;\n\t\ttouch-action: manipulation;\n\t\toutline: none;\n\t}\n\n\t.highcharts-no-touch-action {\n\t\ttouch-action: none;\n\t}\n\n\t.highcharts-root {\n\t\tdisplay: block;\n\t}\n\n\t.highcharts-root text {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-strong {\n\t\tfont-weight: bold;\n\t}\n\n\t.highcharts-emphasized {\n\t\tfont-style: italic;\n\t}\n\n\t.highcharts-anchor {\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-background {\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-plot-border,\n\t.highcharts-plot-background {\n\t\tfill: none;\n\t}\n\n\t.highcharts-label-box {\n\t\tfill: none;\n\t}\n\n\t.highcharts-label text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-button-box {\n\t\tfill: inherit;\n\t}\n\n\t.highcharts-tracker-line {\n\t\tstroke-linejoin: round;\n\t\tstroke: rgba(192, 192, 192, 0.0001);\n\t\tstroke-width: 22;\n\t\tfill: none;\n\t}\n\n\t.highcharts-tracker-area {\n\t\tfill: rgba(192, 192, 192, 0.0001);\n\t\tstroke-width: 0;\n\t}\n\n\t/* Titles */\n\t.highcharts-title {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: var(--og-highcharts-title-font-size);\n\t\tfont-weight: bold;\n\t}\n\n\t.highcharts-subtitle {\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t\tfont-size: var(--og-highcharts-subtitle-font-size);\n\t}\n\n\t/* Axes */\n\t.highcharts-axis-line {\n\t\tfill: none;\n\t\tstroke: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-yaxis .highcharts-axis-line {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-axis-title {\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-axis-labels {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tcursor: default;\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-grid-line {\n\t\tfill: none;\n\t\tstroke: var(--og-highcharts-neutral-color-10);\n\t}\n\n\t.highcharts-xaxis-grid .highcharts-grid-line {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-tick {\n\t\tstroke: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-yaxis .highcharts-tick {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-minor-grid-line {\n\t\tstroke: var(--og-highcharts-neutral-color-5);\n\t}\n\n\t.highcharts-crosshair-thin {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t.highcharts-crosshair-category {\n\t\tstroke: var(--og-highcharts-highlight-color-20);\n\t\tstroke-opacity: 0.25;\n\t}\n\n\t/* Credits */\n\t.highcharts-credits {\n\t\tcursor: pointer;\n\t\tfill: var(--og-highcharts-neutral-color-40);\n\t\tfont-size: 0.6em;\n\t\ttransition: fill 250ms, font-size 250ms;\n\t}\n\n\t.highcharts-credits:hover {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tfont-size: 0.7em;\n\t}\n\n\t/* Tooltip */\n\t.highcharts-tooltip {\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t\twhite-space: nowrap;\n\t\ttransition: stroke 150ms;\n\t}\n\n\t.highcharts-tooltip .highcharts-tracker {\n\t\tfill: none;\n\t\tstroke: none;\n\t}\n\n\t.highcharts-tooltip text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-tooltip .highcharts-header {\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-tooltip-box {\n\t\tstroke-width: 1px;\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-tooltip-box {\n\t\tstroke-width: 0;\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-tooltip-box .highcharts-label-box {\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\tdiv.highcharts-tooltip {\n\t\tfilter: none;\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-selection-marker {\n\t\tfill: var(--og-highcharts-highlight-color-80);\n\t\tfill-opacity: 0.25;\n\t}\n\n\t.highcharts-graph {\n\t\tfill: none;\n\t\tstroke-width: 2px;\n\t\tstroke-linecap: round;\n\t\tstroke-linejoin: round;\n\t}\n\n\t.highcharts-empty-series {\n\t\tstroke-width: 1px;\n\t\tfill: none;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t.highcharts-state-hover .highcharts-graph {\n\t\tstroke-width: 3;\n\t}\n\n\t.highcharts-point-inactive {\n\t\topacity: 0.2;\n\t\ttransition: opacity 50ms; /* quick in */\n\t}\n\n\t.highcharts-series-inactive {\n\t\topacity: 0.2;\n\t\ttransition: opacity 50ms; /* quick in */\n\t}\n\n\t.highcharts-state-hover path {\n\t\ttransition: stroke-width 50ms; /* quick in */\n\t}\n\n\t.highcharts-state-normal path {\n\t\ttransition: stroke-width 250ms; /* slow out */\n\t}\n\n\t/* Legend hover affects points and series */\n\tg.highcharts-series,\n\t.highcharts-point,\n\t.highcharts-markers,\n\t.highcharts-data-labels {\n\t\ttransition: opacity 250ms;\n\t}\n\n\t.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),\n\t.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover, .highcharts-point-select),\n\t.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),\n\t.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {\n\t\topacity: 0.2;\n\t}\n\n\t/* Series options */\n\n\t/* Default colors */\n\t.highcharts-color-0 {\n\t\tfill: var(--og-highcharts-color-0);\n\t\tstroke: var(--og-highcharts-color-0);\n\t}\n\n\t.highcharts-color-1 {\n\t\tfill: var(--og-highcharts-color-1);\n\t\tstroke: var(--og-highcharts-color-1);\n\t}\n\n\t.highcharts-color-2 {\n\t\tfill: var(--og-highcharts-color-2);\n\t\tstroke: var(--og-highcharts-color-2);\n\t}\n\n\t.highcharts-color-3 {\n\t\tfill: var(--og-highcharts-color-3);\n\t\tstroke: var(--og-highcharts-color-3);\n\t}\n\n\t.highcharts-color-4 {\n\t\tfill: var(--og-highcharts-color-4);\n\t\tstroke: var(--og-highcharts-color-4);\n\t}\n\n\t.highcharts-color-5 {\n\t\tfill: var(--og-highcharts-color-5);\n\t\tstroke: var(--og-highcharts-color-5);\n\t}\n\n\t.highcharts-color-6 {\n\t\tfill: var(--og-highcharts-color-6);\n\t\tstroke: var(--og-highcharts-color-6);\n\t}\n\n\t.highcharts-color-7 {\n\t\tfill: var(--og-highcharts-color-7);\n\t\tstroke: var(--og-highcharts-color-7);\n\t}\n\n\t.highcharts-color-8 {\n\t\tfill: var(--og-highcharts-color-8);\n\t\tstroke: var(--og-highcharts-color-8);\n\t}\n\n\t.highcharts-color-9 {\n\t\tfill: var(--og-highcharts-color-9);\n\t\tstroke: var(--og-highcharts-color-9);\n\t}\n\n\t/* Various series-specific */\n\t.highcharts-area {\n\t\tfill-opacity: 0.75;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-markers {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover, .highcharts-a11y-marker-visible),\n\t.highcharts-a11y-marker-hidden {\n\t\topacity: 0;\n\t}\n\n\t.highcharts-point {\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-dense-data .highcharts-point {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-data-label text,\n\ttext.highcharts-data-label {\n\t\tfont-size: 0.7em;\n\t\tfont-weight: bold;\n\t}\n\n\t.highcharts-data-label-box {\n\t\tfill: none;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-data-label text,\n\ttext.highcharts-data-label {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-data-label-connector {\n\t\tfill: none;\n\t}\n\n\t.highcharts-data-label-hidden {\n\t\tpointer-events: none;\n\t}\n\n\t.highcharts-halo {\n\t\tfill-opacity: 0.25;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-series-label text {\n\t\tfill: inherit;\n\t\tfont-weight: bold;\n\t}\n\n\t.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,\n\t.highcharts-markers .highcharts-point-select {\n\t\tfill: var(--og-highcharts-neutral-color-20);\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t}\n\n\t.highcharts-column-series path.highcharts-point,\n\t.highcharts-bar-series path.highcharts-point {\n\t\t/* path to prevent stroke on 3D columns and bars */\n\t\tstroke: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-column-series .highcharts-point {\n\t\ttransition: fill-opacity 250ms;\n\t}\n\n\t.highcharts-column-series .highcharts-point-hover {\n\t\tfill-opacity: 0.75;\n\t\ttransition: fill-opacity 50ms;\n\t}\n\n\t.highcharts-pie-series .highcharts-point {\n\t\tstroke-linejoin: round;\n\t\tstroke: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-pie-series .highcharts-point-hover {\n\t\tfill-opacity: 0.75;\n\t\ttransition: fill-opacity 50ms;\n\t}\n\n\t.highcharts-funnel-series .highcharts-point {\n\t\tstroke-linejoin: round;\n\t\tstroke: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-funnel-series .highcharts-point-hover {\n\t\tfill-opacity: 0.75;\n\t\ttransition: fill-opacity 50ms;\n\t}\n\n\t.highcharts-funnel-series .highcharts-point-select {\n\t\tfill: inherit;\n\t\tstroke: inherit;\n\t}\n\n\t.highcharts-pyramid-series .highcharts-point {\n\t\tstroke-linejoin: round;\n\t\tstroke: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-pyramid-series .highcharts-point-hover {\n\t\tfill-opacity: 0.75;\n\t\ttransition: fill-opacity 50ms;\n\t}\n\n\t.highcharts-pyramid-series .highcharts-point-select {\n\t\tfill: inherit;\n\t\tstroke: inherit;\n\t}\n\n\t.highcharts-solidgauge-series .highcharts-point {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-treemap-series .highcharts-point {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-10);\n\t\ttransition: stroke 250ms, fill 250ms, fill-opacity 250ms;\n\t}\n\n\t.highcharts-treemap-series .highcharts-point-hover {\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t\ttransition: stroke 25ms, fill 25ms, fill-opacity 25ms;\n\t}\n\n\t.highcharts-treemap-series .highcharts-above-level {\n\t\tdisplay: none;\n\t}\n\n\t.highcharts-treemap-series .highcharts-internal-node {\n\t\tfill: none;\n\t}\n\n\t.highcharts-treemap-series .highcharts-internal-node-interactive {\n\t\tfill-opacity: 0.15;\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-treemap-series .highcharts-internal-node-interactive:hover {\n\t\tfill-opacity: 0.75;\n\t}\n\n\t.highcharts-vector-series .highcharts-point {\n\t\tfill: none;\n\t\tstroke-width: 2px;\n\t}\n\n\t.highcharts-windbarb-series .highcharts-point {\n\t\tfill: none;\n\t\tstroke-width: 2px;\n\t}\n\n\t.highcharts-lollipop-stem {\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t}\n\n\t.highcharts-focus-border {\n\t\tfill: none;\n\t\tstroke-width: 2px;\n\t}\n\n\t.highcharts-legend-item-hidden .highcharts-focus-border {\n\t\tfill: none !important;\n\t}\n\n\t/* Legend */\n\t.highcharts-legend-box {\n\t\tfill: none;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-legend-item > text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-weight: bold;\n\t\tfont-size: var(--og-font-size);\n\t\tcursor: pointer;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-legend-item:hover text {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t}\n\n\t.highcharts-legend-item-hidden * {\n\t\tfill: var(--og-highcharts-neutral-color-60) !important;\n\t\tstroke: var(--og-highcharts-neutral-color-60) !important;\n\t\ttransition: fill 250ms;\n\t\ttext-decoration: line-through;\n\t}\n\n\t.highcharts-legend-nav-active {\n\t\tfill: var(--og-highcharts-highlight-color-100);\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-legend-nav-inactive {\n\t\tfill: var(--og-highcharts-neutral-color-20);\n\t}\n\n\tcircle.highcharts-legend-nav-active,\n\tcircle.highcharts-legend-nav-inactive { /* tracker */\n\t\tfill: rgba(192, 192, 192, 0.0001);\n\t}\n\n\t.highcharts-legend-title-box {\n\t\tfill: none;\n\t\tstroke-width: 0;\n\t}\n\n\t/* Bubble legend */\n\t.highcharts-bubble-legend-symbol {\n\t\tstroke-width: 2;\n\t\tfill-opacity: 0.5;\n\t}\n\n\t.highcharts-bubble-legend-connectors {\n\t\tstroke-width: 1;\n\t}\n\n\t.highcharts-bubble-legend-labels {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: 0.7em;\n\t}\n\n\t/* Loading */\n\t.highcharts-loading {\n\t\tposition: absolute;\n\t\tbackground-color: var(--og-highcharts-background-color);\n\t\topacity: 0.5;\n\t\ttext-align: center;\n\t\tz-index: 10;\n\t\ttransition: opacity 250ms;\n\t}\n\n\t.highcharts-loading-hidden {\n\t\theight: 0 !important;\n\t\topacity: 0;\n\t\toverflow: hidden;\n\t\ttransition: opacity 250ms, height 250ms step-end;\n\t}\n\n\t.highcharts-loading-inner {\n\t\tfont-weight: bold;\n\t\tposition: relative;\n\t\ttop: 45%;\n\t}\n\n\t/* Plot bands and polar pane backgrounds */\n\t.highcharts-plot-band,\n\t.highcharts-pane {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tfill-opacity: 0.05;\n\t}\n\n\t.highcharts-plot-line {\n\t\tfill: none;\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-plot-line-label {\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t/* Highcharts More and modules */\n\t.highcharts-boxplot-box {\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-boxplot-median {\n\t\tstroke-width: 2px;\n\t}\n\n\t.highcharts-bubble-series .highcharts-point {\n\t\tfill-opacity: 0.5;\n\t}\n\n\t.highcharts-errorbar-series .highcharts-point {\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t}\n\n\t.highcharts-gauge-series .highcharts-data-label-box {\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-gauge-series .highcharts-dial {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-polygon-series .highcharts-graph {\n\t\tfill: inherit;\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-waterfall-series .highcharts-graph {\n\t\tstroke: var(--og-highcharts-neutral-color-80);\n\t\tstroke-dasharray: 1, 3;\n\t}\n\n\t.highcharts-sankey-series .highcharts-point {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-sankey-series .highcharts-link {\n\t\ttransition: fill 250ms, fill-opacity 250ms;\n\t\tfill-opacity: 0.5;\n\t}\n\n\t.highcharts-sankey-series .highcharts-point-hover.highcharts-link {\n\t\ttransition: fill 50ms, fill-opacity 50ms;\n\t\tfill-opacity: 1;\n\t}\n\n\t.highcharts-venn-series .highcharts-point {\n\t\tfill-opacity: 0.75;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\ttransition: stroke 250ms, fill-opacity 250ms;\n\t}\n\n\t.highcharts-venn-series .highcharts-point-hover {\n\t\tfill-opacity: 1;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t.highcharts-timeline-series .highcharts-graph {\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t/* Highstock */\n\t.highcharts-navigator-mask-outside {\n\t\tfill-opacity: 0;\n\t}\n\n\t.highcharts-navigator-mask-inside {\n\t\tfill: var(--og-highcharts-highlight-color-60); /* navigator.maskFill option */\n\t\tfill-opacity: 0.25;\n\t\tcursor: ew-resize;\n\t}\n\n\t.highcharts-navigator-outline {\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t\tfill: none;\n\t}\n\n\t.highcharts-navigator-handle {\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t\tfill: var(--og-highcharts-neutral-color-5);\n\t\tcursor: ew-resize;\n\t}\n\n\t.highcharts-navigator-series {\n\t\tfill: var(--og-highcharts-highlight-color-80);\n\t\tstroke: var(--og-highcharts-highlight-color-80);\n\t}\n\n\t.highcharts-navigator-series .highcharts-graph {\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-navigator-series .highcharts-area {\n\t\tfill-opacity: 0.05;\n\t}\n\n\t.highcharts-navigator-xaxis .highcharts-axis-line {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-navigator-xaxis .highcharts-grid-line {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-10);\n\t}\n\n\t.highcharts-navigator-xaxis.highcharts-axis-labels {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tfont-size: 0.7em;\n\t\topacity: 0.6;\n\t}\n\n\t.highcharts-navigator-yaxis .highcharts-grid-line {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-scrollbar-thumb {\n\t\tfill: var(--og-highcharts-neutral-color-20);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-scrollbar-button {\n\t\tfill: var(--og-highcharts-neutral-color-10);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-scrollbar-arrow {\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t}\n\n\t.highcharts-scrollbar-rifles {\n\t\tstroke: none;\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-scrollbar-track {\n\t\tfill: rgba(255, 255, 255, 0.001);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-button {\n\t\tfill: var(--og-highcharts-neutral-color-3);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tcursor: default;\n\t\tstroke-width: 1px;\n\t\ttransition: fill 250ms;\n\t}\n\n\t.highcharts-button text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-button-hover {\n\t\ttransition: fill 0ms;\n\t\tfill: var(--og-highcharts-neutral-color-10);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t.highcharts-button-hover text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-button-pressed {\n\t\tfont-weight: bold;\n\t\tfill: var(--og-highcharts-highlight-color-10);\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\t.highcharts-button-pressed text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-weight: bold;\n\t}\n\n\t.highcharts-button-disabled text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-range-selector-buttons .highcharts-button {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-range-label rect {\n\t\tfill: none;\n\t}\n\n\t.highcharts-range-label text {\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t}\n\n\t.highcharts-range-input rect {\n\t\tfill: none;\n\t}\n\n\t.highcharts-range-input text {\n\t\tfill: var(--og-highcharts-neutral-color-80);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t.highcharts-range-input {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t}\n\n\tinput.highcharts-range-selector {\n\t\tposition: absolute;\n\t\tborder: 0;\n\t\twidth: 1px; /* Chrome needs a pixel to see it */\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\t\tleft: -9em; /* #4798 */\n\t}\n\n\t.highcharts-crosshair-label text {\n\t\tfill: var(--og-highcharts-background-color);\n\t\tfont-size: 1.7em;\n\t}\n\n\t.highcharts-crosshair-label .highcharts-label-box {\n\t\tfill: inherit;\n\t}\n\n\t.highcharts-candlestick-series .highcharts-point {\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-candlestick-series .highcharts-point-up {\n\t\tfill: var(--og-highcharts-background-color);\n\t}\n\n\t.highcharts-hollowcandlestick-series .highcharts-point-down {\n\t\tfill: var(--og-highcharts-negative-color);\n\t\tstroke: var(--og-highcharts-negative-color);\n\t}\n\n\t.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {\n\t\tfill: var(--og-highcharts-positive-color);\n\t\tstroke: var(--og-highcharts-positive-color);\n\t}\n\n\t.highcharts-hollowcandlestick-series .highcharts-point-up {\n\t\tfill: transparent;\n\t\tstroke: var(--og-highcharts-positive-color);\n\t}\n\n\t.highcharts-ohlc-series .highcharts-point-hover {\n\t\tstroke-width: 3px;\n\t}\n\n\t.highcharts-flags-series .highcharts-point .highcharts-label-box {\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t\tfill: var(--og-highcharts-background-color);\n\t\ttransition: fill 250ms;\n\t}\n\n\t.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\tfill: var(--og-highcharts-highlight-color-20);\n\t}\n\n\t.highcharts-flags-series .highcharts-point text {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tfont-size: 0.9em;\n\t\tfont-weight: bold;\n\t}\n\n\t/* Highcharts Maps */\n\t.highcharts-map-series .highcharts-point {\n\t\ttransition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: inherit;\n\t}\n\n\t.highcharts-map-series .highcharts-point-hover {\n\t\ttransition: fill 0ms, fill-opacity 0ms;\n\t\tfill-opacity: 0.5;\n\t}\n\n\t.highcharts-mapline-series .highcharts-point {\n\t\tfill: none;\n\t}\n\n\t.highcharts-heatmap-series .highcharts-point {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-map-navigation {\n\t\tfont-size: 1.3em;\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t}\n\n\t.highcharts-map-navigation.highcharts-button {\n\t\tfill: var(--og-highcharts-background-color);\n\t\tstroke: var(--og-highcharts-neutral-color-10);\n\t}\n\n\t.highcharts-map-navigation.highcharts-button:hover {\n\t\tfill: var(--og-highcharts-neutral-color-10);\n\t}\n\n\t.highcharts-map-navigation.highcharts-button .highcharts-button-symbol {\n\t\tstroke-width: 2px;\n\t}\n\n\t.highcharts-mapview-inset-border {\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t\tfill: none;\n\t}\n\n\t.highcharts-coloraxis {\n\t\tstroke-width: 0;\n\t}\n\n\t.highcharts-coloraxis-marker {\n\t\tfill: var(--og-highcharts-neutral-color-40);\n\t}\n\n\t.highcharts-null-point {\n\t\tfill: var(--og-highcharts-neutral-color-3);\n\t}\n\n\t/* 3d charts */\n\t.highcharts-3d-frame {\n\t\tfill: transparent;\n\t}\n\n\t/* Exporting module */\n\t.highcharts-contextbutton {\n\t\t/* Fill is needed to capture hover */\n\t\tfill: var(--og-highcharts-background-color);\n\t\tstroke: none;\n\t\tstroke-linecap: round;\n\t}\n\n\t.highcharts-contextbutton:hover {\n\t\tfill: var(--og-highcharts-neutral-color-10);\n\t\tstroke: var(--og-highcharts-neutral-color-10);\n\t}\n\n\t.highcharts-button-symbol {\n\t\tstroke: var(--og-highcharts-neutral-color-60);\n\t\tstroke-width: 3px;\n\t}\n\n\t.highcharts-menu {\n\t\tborder: none;\n\t\tbackground: var(--og-highcharts-background-color);\n\t\tborder-radius: 3px;\n\t\tpadding: 0.5em;\n\t\tbox-shadow: 3px 3px 10px #888888;\n\t}\n\n\t.highcharts-menu-item {\n\t\tbackground: none;\n\t\tborder-radius: 3px;\n\t\tcolor: var(--og-highcharts-neutral-color-80);\n\t\tcursor: pointer;\n\t\tfont-size: var(--og-font-size);\n\t\tlist-style-type: none;\n\t\tpadding: 0.5em;\n\t\ttransition: background 250ms, color 250ms;\n\t}\n\n\t.highcharts-menu-item:hover {\n\t\tbackground: var(--og-highcharts-neutral-color-5);\n\t}\n\n\t/* Breadcrumbs */\n\t.highcharts-breadcrumbs-button {\n\t\tfill: none;\n\t\tstroke-width: 0;\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-breadcrumbs-separator {\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t}\n\n\t/* Drilldown module */\n\t.highcharts-drilldown-point {\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-drilldown-data-label text,\n\ttext.highcharts-drilldown-data-label,\n\t.highcharts-drilldown-axis-label {\n\t\tcursor: pointer;\n\t\tfill: var(--og-highcharts-highlight-color-100);\n\t\tfont-weight: bold;\n\t\ttext-decoration: underline;\n\t}\n\n\t/* No-data module */\n\t.highcharts-no-data text {\n\t\tfont-weight: bold;\n\t\tfont-size: var(--og-font-size);\n\t\tfill: var(--og-highcharts-neutral-color-60);\n\t}\n\n\t/* Drag-panes module */\n\t.highcharts-axis-resizer {\n\t\tcursor: ns-resize;\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\tstroke-width: 2px;\n\t}\n\n\t/* Bullet type series */\n\t.highcharts-bullet-target {\n\t\tstroke-width: 0;\n\t}\n\n\t/* Lineargauge type series */\n\t.highcharts-lineargauge-target {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t.highcharts-lineargauge-target-line {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-80);\n\t}\n\n\t/* Advanced annotations module */\n\t.highcharts-fibonacci-background-0,\n\t.highcharts-pitchfork-inner-background,\n\t.highcharts-measure-background {\n\t\tfill: var(--og-highcharts-annotation-color-0);\n\t}\n\n\t.highcharts-fibonacci-background-1 {\n\t\tfill: var(--og-highcharts-annotation-color-1);\n\t}\n\n\t.highcharts-fibonacci-background-2 {\n\t\tfill: var(--og-highcharts-annotation-color-2);\n\t}\n\n\t.highcharts-fibonacci-background-3,\n\t.highcharts-pitchfork-outer-background {\n\t\tfill: var(--og-highcharts-annotation-color-3);\n\t}\n\n\t.highcharts-fibonacci-background-4 {\n\t\tfill: var(--og-highcharts-annotation-color-4);\n\t}\n\n\t.highcharts-fibonacci-background-5 {\n\t\tfill: var(--og-highcharts-annotation-color-5);\n\t}\n\n\t.highcharts-fibonacci-line {\n\t\tstroke: var(--og-highcharts-neutral-color-40);\n\t}\n\n\t.highcharts-crooked-lines,\n\t.highcharts-tunnel-lines,\n\t.highcharts-infinity-lines,\n\t.highcharts-timecycles-lines,\n\t.highcharts-fibonacci-timezones-lines,\n\t.highcharts-pitchfork-lines,\n\t.highcharts-vertical-line,\n\t.highcharts-measure-crosshair-x,\n\t.highcharts-measure-crosshair-y {\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\tstroke-opacity: 0.75;\n\t\tfill: none;\n\t}\n\n\t.highcharts-measure-crosshair-x,\n\t.highcharts-measure-crosshair-y {\n\t\tstroke-dasharray: 1, 3;\n\t}\n\n\t.highcharts-tunnel-background {\n\t\tfill: var(--og-highcharts-color-0);\n\t}\n\n\t.highcharts-annotation-shapes {\n\t\tcursor: move;\n\t}\n\n\t.highcharts-basic-shape {\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\topacity: 0.74;\n\t}\n\n\t/* Annotations module */\n\n\t.highcharts-annotation-label-box {\n\t\tstroke-width: 1px;\n\t\tstroke: var(--og-highcharts-neutral-color-100);\n\t\tfill: var(--og-highcharts-neutral-color-100);\n\t\tfill-opacity: 0.75;\n\t}\n\n\t.highcharts-annotation-label text {\n\t\tfill: var(--og-highcharts-neutral-color-10);\n\t\tfont-size: var(--og-font-size);\n\t}\n\n\t/* A11y module */\n\t.highcharts-a11y-proxy-element {\n\t\tborder-width: 0;\n\t\tbackground-color: transparent;\n\t\tcursor: pointer;\n\t\toutline: none;\n\t\topacity: 0.001;\n\t\tz-index: 999;\n\t\toverflow: hidden;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t}\n\n\t.highcharts-a11y-proxy-group li {\n\t\tlist-style: none;\n\t}\n\n\t.highcharts-visually-hidden {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\tmargin-top: -3px;\n\t\topacity: 0.01;\n\t}\n\n\t.highcharts-a11y-invisible {\n\t\tvisibility: hidden;\n\t}\n\n\t.highcharts-a11y-proxy-container,\n\t.highcharts-a11y-proxy-container-before,\n\t.highcharts-a11y-proxy-container-after {\n\t\tposition: absolute;\n\t\twhite-space: nowrap;\n\t}\n\n\tg.highcharts-series,\n\t.highcharts-markers,\n\t.highcharts-point {\n\t\toutline: none;\n\t}\n\n\t/* Gantt */\n\t.highcharts-treegrid-node-collapsed,\n\t.highcharts-treegrid-node-expanded {\n\t\tcursor: pointer;\n\t}\n\n\t.highcharts-point-connecting-path {\n\t\tfill: none;\n\t}\n\n\t.highcharts-grid-axis .highcharts-tick {\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t}\n\n\t.highcharts-grid-axis .highcharts-axis-line {\n\t\tstroke: var(--og-highcharts-neutral-color-20);\n\t\tstroke-width: 1px;\n\t}\n`;\n"]}

package/dist/ui/chartForm.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { ChartModel } from '../model';
+import { DropdownList, Input } from '@omegagrid/core';
+export declare class RuleForm extends LitElement {
+    static styles: import("lit").CSSResult[];
+    model: ChartModel;
+    editTitle: boolean;
+    titleInput: Input;
+    typeList: DropdownList;
+    dataRangeInput: Input;
+    seriesRangeInput: Input;
+    categoryRangeInput: Input;
+    private types;
+    constructor();
+    getTypeIndex(model: ChartModel): number;
+    updateModel(): void;
+    updated(): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=chartForm.d.ts.map

package/dist/ui/chartForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartForm.d.ts","sourceRoot":"","sources":["../../src/ui/chartForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,iBAAiB,CAAC;AAa9D,qBACa,QAAS,SAAQ,UAAU;IAEvC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,UAAU,CAAC;IAGlB,SAAS,UAAS;IAGlB,UAAU,EAAE,KAAK,CAAC;IAGlB,QAAQ,EAAE,YAAY,CAAC;IAGvB,cAAc,EAAE,KAAK,CAAC;IAGtB,gBAAgB,EAAE,KAAK,CAAC;IAGxB,kBAAkB,EAAE,KAAK,CAAC;IAG1B,OAAO,CAAC,KAAK,CAAmB;;IAOhC,YAAY,CAAC,KAAK,EAAE,UAAU;IAK9B,WAAW;IAcL,OAAO;IAQb,MAAM,6CAiEG;CACT"}

package/dist/ui/chartForm.js

@@ -0,0 +1,146 @@
+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 { customElement, property, query, state } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import { msg } from '@omegagrid/localize';
+import { style } from './chartForm.style';
+import { events } from '@omegagrid/core';
+import { CellRange } from '@omegagrid/grid';
+const getChartTypes = () => [
+    { type: 'column', name: `${msg('Column')} - ${msg('clustered')}`, grouping: 'standard', icon: 'chart-column' },
+    { type: 'column', name: `${msg('Column')} - ${msg('stacked')}`, grouping: 'stacked', icon: 'chart-column' },
+    { type: 'bar', name: `${msg('Bar')} - ${msg('clustered')}`, grouping: 'standard', icon: 'chart-bar' },
+    { type: 'bar', name: `${msg('Bar')} - ${msg('stacked')}`, grouping: 'stacked', icon: 'chart-bar' },
+    { type: 'line', name: `${msg('Line')}`, grouping: 'standard', icon: 'chart-line' },
+    { type: 'pie', name: `${msg('Pie')}`, grouping: 'standard', icon: 'chart-pie' },
+];
+let RuleForm = class RuleForm extends LitElement {
+    constructor() {
+        super();
+        this.editTitle = false;
+        this.types = getChartTypes();
+        this.render = () => this.model ? html `
+		<og-panel icon="chart-column">
+			<div slot="header">
+				${this.editTitle ? html `
+					<og-input 
+						id="title"
+						.value=${this.model?.title} 
+						@blur=${() => this.updateModel()}
+						style="line-height: 16px">
+					</og-input>	
+				` : this.model.title}
+
+				<og-button 
+					icon="pen" 
+					style="padding: 0; line-height: 16px" 
+					color="transparent"
+					@click="${() => this.editTitle = true}">
+				</og-button>
+			</div>
+
+			<div slot="body">
+				${this.model ? html `
+					<div class="row">
+						<label>${msg('Type')}</label>
+						<og-dropdown-list
+							id="type"
+							@change="${() => this.updateModel()}"
+							.value="${this.getTypeIndex(this.model)}"
+							.items="${this.types.map((item, i) => ({
+            key: i,
+            value: item.name,
+            icon: item.icon,
+        }))}">
+						</og-dropdown-list>
+					</div>
+
+					<div class="row">
+						<label>${msg('Data range')}</label>
+						<og-input
+							id="dataRange"
+							@change="${() => this.updateModel()}"
+							.value="${this.model.dataRange.A1}">
+						</og-input>
+					</div>
+
+					<div class="row">
+						<label>${msg('Series range')}</label>
+						<og-input
+							id="seriesRange"
+							@change="${() => this.updateModel()}"
+							.value="${this.model.seriesRange ? this.model.seriesRange.A1 : ''}">
+						</og-input>
+					</div>
+
+					<div class="row">
+						<label>${msg('Category range')}</label>
+						<og-input
+							id="categoryRange"
+							@change="${() => this.updateModel()}"
+							.value="${this.model.categoriesRange ? this.model.categoriesRange.A1 : ''}">
+						</og-input>
+					</div>
+				` : null}
+			</div>
+		</og-panel>
+	` : null;
+        this.addEventListener('mousedown', (e) => e.stopPropagation());
+    }
+    getTypeIndex(model) {
+        const index = this.types.findIndex(t => t.type == model.type && t.grouping == (model.grouping || 'standard'));
+        return index > -1 ? index : null;
+    }
+    updateModel() {
+        this.editTitle = false;
+        if (!this.model)
+            return;
+        if (this.titleInput)
+            this.model.title = this.titleInput.value;
+        const type = this.types[this.typeList.value];
+        this.model.type = type.type;
+        this.model.grouping = type.grouping;
+        this.model.categoriesRange = this.categoryRangeInput?.value ? CellRange.fromA1(this.categoryRangeInput.value) : null;
+        this.model.seriesRange = this.seriesRangeInput?.value ? CellRange.fromA1(this.seriesRangeInput.value) : null;
+        this.model.dataRange = CellRange.fromA1(this.dataRangeInput.value);
+        this.dispatchEvent(new events.ChangeEvent({ value: this.model }));
+    }
+    async updated() {
+        if (this.editTitle && this.titleInput) {
+            await this.titleInput.updateComplete;
+            this.titleInput.focus();
+            this.titleInput.selectAll();
+        }
+    }
+};
+RuleForm.styles = [style];
+__decorate([
+    property({ type: Object })
+], RuleForm.prototype, "model", void 0);
+__decorate([
+    state()
+], RuleForm.prototype, "editTitle", void 0);
+__decorate([
+    query('#title')
+], RuleForm.prototype, "titleInput", void 0);
+__decorate([
+    query('#type')
+], RuleForm.prototype, "typeList", void 0);
+__decorate([
+    query('#dataRange')
+], RuleForm.prototype, "dataRangeInput", void 0);
+__decorate([
+    query('#seriesRange')
+], RuleForm.prototype, "seriesRangeInput", void 0);
+__decorate([
+    query('#categoryRange')
+], RuleForm.prototype, "categoryRangeInput", void 0);
+RuleForm = __decorate([
+    customElement('og-plugin-chart-form')
+], RuleForm);
+export { RuleForm };
+//# sourceMappingURL=chartForm.js.map

package/dist/ui/chartForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartForm.js","sourceRoot":"","sources":["../../src/ui/chartForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property, query, state } from 'lit/decorators.js';\nimport { html, LitElement } from 'lit';\nimport { msg } from '@omegagrid/localize';\nimport { ChartModel } from '../model';\nimport { style } from './chartForm.style';\nimport { DropdownList, Input, events } from '@omegagrid/core';\nimport { ChartGrouping, ChartType } from '../types';\nimport { CellRange } from '@omegagrid/grid';\n\nconst getChartTypes = (): {type: ChartType, name: string, grouping: ChartGrouping, icon: string}[] => [\n\t{type: 'column', name: `${msg('Column')} - ${msg('clustered')}`, grouping: 'standard', icon: 'chart-column'},\n\t{type: 'column', name: `${msg('Column')} - ${msg('stacked')}`, grouping: 'stacked', icon: 'chart-column'},\n\t{type: 'bar', name: `${msg('Bar')} - ${msg('clustered')}`, grouping: 'standard', icon: 'chart-bar'},\n\t{type: 'bar', name: `${msg('Bar')} - ${msg('stacked')}`, grouping: 'stacked', icon: 'chart-bar'},\n\t{type: 'line', name: `${msg('Line')}`, grouping: 'standard', icon: 'chart-line'},\n\t{type: 'pie', name: `${msg('Pie')}`, grouping: 'standard', icon: 'chart-pie'},\n];\n\n@customElement('og-plugin-chart-form')\nexport class RuleForm extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Object})\n\tmodel: ChartModel;\n\n\t@state()\n\teditTitle = false;\n\n\t@query('#title')\n\ttitleInput: Input;\n\n\t@query('#type')\n\ttypeList: DropdownList;\n\n\t@query('#dataRange')\n\tdataRangeInput: Input;\n\n\t@query('#seriesRange')\n\tseriesRangeInput: Input;\n\n\t@query('#categoryRange')\n\tcategoryRangeInput: Input;\n\t\n\n\tprivate types = getChartTypes();\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t}\n\n\tgetTypeIndex(model: ChartModel) {\n\t\tconst index = this.types.findIndex(t => t.type == model.type && t.grouping == (model.grouping || 'standard'));\n\t\treturn index > -1 ? index : null;\n\t}\n\n\tupdateModel() {\n\t\tthis.editTitle = false;\n\t\tif (!this.model) return;\n\t\tif (this.titleInput) this.model.title = this.titleInput.value;\n\n\t\tconst type = this.types[this.typeList.value as number];\n\t\tthis.model.type = type.type;\n\t\tthis.model.grouping = type.grouping\n\t\tthis.model.categoriesRange = this.categoryRangeInput?.value ? CellRange.fromA1(this.categoryRangeInput.value) : null;\n\t\tthis.model.seriesRange = this.seriesRangeInput?.value ? CellRange.fromA1(this.seriesRangeInput.value) : null;\n\t\tthis.model.dataRange = CellRange.fromA1(this.dataRangeInput.value);\n\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.model}));\n\t}\n\n\tasync updated() {\n\t\tif (this.editTitle && this.titleInput) {\n\t\t\tawait this.titleInput.updateComplete;\n\t\t\tthis.titleInput.focus();\n\t\t\tthis.titleInput.selectAll();\n\t\t}\n\t}\n\n\trender = () => this.model ? html`\n\t\t<og-panel icon=\"chart-column\">\n\t\t\t<div slot=\"header\">\n\t\t\t\t${this.editTitle ? html`\n\t\t\t\t\t<og-input \n\t\t\t\t\t\tid=\"title\"\n\t\t\t\t\t\t.value=${this.model?.title} \n\t\t\t\t\t\t@blur=${() => this.updateModel()}\n\t\t\t\t\t\tstyle=\"line-height: 16px\">\n\t\t\t\t\t</og-input>\t\n\t\t\t\t` : this.model.title}\n\n\t\t\t\t<og-button \n\t\t\t\t\ticon=\"pen\" \n\t\t\t\t\tstyle=\"padding: 0; line-height: 16px\" \n\t\t\t\t\tcolor=\"transparent\"\n\t\t\t\t\t@click=\"${() => this.editTitle = true}\">\n\t\t\t\t</og-button>\n\t\t\t</div>\n\n\t\t\t<div slot=\"body\">\n\t\t\t\t${this.model ? html`\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<label>${msg('Type')}</label>\n\t\t\t\t\t\t<og-dropdown-list\n\t\t\t\t\t\t\tid=\"type\"\n\t\t\t\t\t\t\t@change=\"${() => this.updateModel()}\"\n\t\t\t\t\t\t\t.value=\"${this.getTypeIndex(this.model)}\"\n\t\t\t\t\t\t\t.items=\"${this.types.map((item, i) => ({\n\t\t\t\t\t\t\t\tkey: i,\n\t\t\t\t\t\t\t\tvalue: item.name,\n\t\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\t}))}\">\n\t\t\t\t\t\t</og-dropdown-list>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<label>${msg('Data range')}</label>\n\t\t\t\t\t\t<og-input\n\t\t\t\t\t\t\tid=\"dataRange\"\n\t\t\t\t\t\t\t@change=\"${() => this.updateModel()}\"\n\t\t\t\t\t\t\t.value=\"${this.model.dataRange.A1}\">\n\t\t\t\t\t\t</og-input>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<label>${msg('Series range')}</label>\n\t\t\t\t\t\t<og-input\n\t\t\t\t\t\t\tid=\"seriesRange\"\n\t\t\t\t\t\t\t@change=\"${() => this.updateModel()}\"\n\t\t\t\t\t\t\t.value=\"${this.model.seriesRange ? this.model.seriesRange.A1 : ''}\">\n\t\t\t\t\t\t</og-input>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<label>${msg('Category range')}</label>\n\t\t\t\t\t\t<og-input\n\t\t\t\t\t\t\tid=\"categoryRange\"\n\t\t\t\t\t\t\t@change=\"${() => this.updateModel()}\"\n\t\t\t\t\t\t\t.value=\"${this.model.categoriesRange ? this.model.categoriesRange.A1 : ''}\">\n\t\t\t\t\t\t</og-input>\n\t\t\t\t\t</div>\n\t\t\t\t` : null}\n\t\t\t</div>\n\t\t</og-panel>\n\t` : null;\n}\n"]}

package/dist/ui/chartForm.style.d.ts

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

package/dist/ui/chartForm.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartForm.style.d.ts","sourceRoot":"","sources":["../../src/ui/chartForm.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAqDjB,CAAC"}

package/dist/ui/chartForm.style.js

@@ -0,0 +1,56 @@
+import { css } from 'lit';
+export const style = css `
+	.row {
+		line-height: 22px;
+		max-height: 22px;
+		display: flex;
+		flex-direction: row;
+		padding: 2px 4px;
+		gap: 2px;
+	}
+
+	.row > label {
+		flex: 0 0 100px;
+		text-align: right;
+	}
+
+	.row > og-dropdown-list {
+		flex: 1;
+	}
+
+	og-input {
+		display: block;
+	}
+
+	.item-content {
+		height: 100%;
+		display: flex;
+		flex-direction: row;
+	}
+
+	.item-form {
+		flex: 1;
+	}
+
+	.item-controls {
+		flex: 0;
+		padding: 0 2px;
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+	}
+	
+	.item-controls og-button {
+		width: 24px;
+		display: block;
+	}
+
+	og-panel > div[slot="header"] {
+		height: 25px;
+		display: flex;
+		align-items: center;
+		gap: 2px;
+	}
+
+`;
+//# sourceMappingURL=chartForm.style.js.map

package/dist/ui/chartForm.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartForm.style.js","sourceRoot":"","sources":["../../src/ui/chartForm.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t.row {\n\t\tline-height: 22px;\n\t\tmax-height: 22px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding: 2px 4px;\n\t\tgap: 2px;\n\t}\n\n\t.row > label {\n\t\tflex: 0 0 100px;\n\t\ttext-align: right;\n\t}\n\n\t.row > og-dropdown-list {\n\t\tflex: 1;\n\t}\n\n\tog-input {\n\t\tdisplay: block;\n\t}\n\n\t.item-content {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.item-form {\n\t\tflex: 1;\n\t}\n\n\t.item-controls {\n\t\tflex: 0;\n\t\tpadding: 0 2px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t}\n\t\n\t.item-controls og-button {\n\t\twidth: 24px;\n\t\tdisplay: block;\n\t}\n\n\tog-panel > div[slot=\"header\"] {\n\t\theight: 25px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 2px;\n\t}\n\n`;"]}

package/dist/ui/chartList.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from "lit";
+import { Input, List } from "@omegagrid/core";
+import { Grid } from "@omegagrid/grid";
+import { ChartGridPlugin } from "../gridPlugin";
+import { ChartModel } from "../model";
+export declare class ChartList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    grid: Grid;
+    searchInput: Input;
+    list: List;
+    filter: string;
+    items: ChartModel[];
+    get plugin(): ChartGridPlugin;
+    constructor();
+    addChart(): void;
+    _itemRenderer: (_div: HTMLDivElement, index: number) => import("lit-html").TemplateResult<1>;
+    _onApplyClick: () => void;
+    _onSearchInput: () => void;
+    willUpdate(_props: Map<string, unknown>): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=chartList.d.ts.map

package/dist/ui/chartList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartList.d.ts","sourceRoot":"","sources":["../../src/ui/chartList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAgB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,IAAI,CAAC;IAGX,WAAW,EAAE,KAAK,CAAC;IAGnB,IAAI,EAAE,IAAI,CAAC;IAGX,MAAM,EAAE,MAAM,CAAC;IAGf,KAAK,EAAE,UAAU,EAAE,CAAC;IAEpB,IAAI,MAAM,IAAwD,eAAe,CAAE;;IAOnF,QAAQ;IAwBR,aAAa,GAAI,MAAM,cAAc,EAAE,OAAO,MAAM,0CAKlD;IAEF,aAAa,aAGZ;IAED,cAAc,aAEb;IAED,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASvC,MAAM,6CAyBJ;CAEF"}

package/dist/ui/chartList.js

@@ -0,0 +1,108 @@
+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 { LitElement, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { events } from "@omegagrid/core";
+import { msg } from "@omegagrid/localize";
+import { style } from "./chartList.style";
+import { debounce } from "ts-debounce";
+const DEFAULT_CHART_SIZE = { w: 300, h: 200 };
+let ChartList = class ChartList extends LitElement {
+    get plugin() { return this.grid?.plugins.plugins.get('charts'); }
+    constructor() {
+        super();
+        this._itemRenderer = (_div, index) => html `
+		<og-plugin-chart-form
+			@change="${(e) => this.dispatchEvent(new events.ChangeEvent({ value: e.value }))}"
+			.model="${this.items[index]}">
+		</og-plugin-chart-form>
+	`;
+        this._onApplyClick = () => {
+            // this.model.clearCalculatedStyles();
+            // this.grid.rendering.render(false);
+        };
+        this._onSearchInput = () => {
+            this.filter = this.searchInput.value;
+        };
+        this.render = () => html `
+		<div class="controls p">
+			<og-button text="+" @click="${() => this.addChart()}"></og-button>
+			<!--<og-button @click="${this._onApplyClick}">
+				<div slot="content"><og-icon icon="refresh"></og-icon> ${msg('Apply')}</div>
+			</og-button>-->
+		</div>
+		<div class="controls search-bar">
+			<og-icon icon="magnifying-glass" style="flex: 0"></og-icon>
+			<og-input 
+				id="search"
+				.value="${this.filter}"
+				@input="${debounce(this._onSearchInput, 100)}">
+			</og-input>
+		</div>
+		<div class="body">
+			<og-list
+				disabledSelect
+				dynamicItemHeight
+				nativeHeight
+				itemHeight="130"
+				.itemRenderer="${this._itemRenderer}"
+				.size="${this.items.length}">
+			</og-list>
+		</div>
+	`;
+        this.addEventListener('mousedown', (e) => e.stopPropagation());
+    }
+    addChart() {
+        const grid = this.grid;
+        if (!grid)
+            return;
+        const range = grid.selection.range;
+        const cell = range.bounds[1][0];
+        const location = grid.model.calculateCellOffset(cell);
+        location.y += grid.model.rows[cell.r1].height;
+        const sourceData = {
+            type: 'column',
+            grouping: 'standard',
+            dataRange: range.A1,
+            size: DEFAULT_CHART_SIZE,
+            location: location,
+        };
+        const model = this.plugin.addModel(sourceData);
+        const items = [...this.items, model];
+        this.items = items;
+        this.filter = model.title;
+        this.dispatchEvent(new events.AddEvent({ value: model }));
+    }
+    willUpdate(_props) {
+        // if (props.has('filter') || this.items == null) {
+        this.items = Array.from(this.plugin.models).filter(m => !this.filter || m.title.toLowerCase().includes(this.filter.toLowerCase()));
+        // }
+        if (_props.has('filter'))
+            this.list?.renderItems(true);
+    }
+};
+ChartList.styles = [style];
+__decorate([
+    property({ type: Object })
+], ChartList.prototype, "grid", void 0);
+__decorate([
+    query('og-input#search')
+], ChartList.prototype, "searchInput", void 0);
+__decorate([
+    query('og-list')
+], ChartList.prototype, "list", void 0);
+__decorate([
+    property({ type: String })
+], ChartList.prototype, "filter", void 0);
+__decorate([
+    property({ type: Array })
+], ChartList.prototype, "items", void 0);
+ChartList = __decorate([
+    customElement("og-plugin-chart-list")
+], ChartList);
+export { ChartList };
+//# sourceMappingURL=chartList.js.map

package/dist/ui/chartList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartList.js","sourceRoot":"","sources":["../../src/ui/chartList.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { Input, List, Size, events } from \"@omegagrid/core\";\nimport { msg } from \"@omegagrid/localize\";\nimport { Grid } from \"@omegagrid/grid\";\nimport { ChartGridPlugin } from \"../gridPlugin\";\nimport { style } from \"./chartList.style\";\nimport { debounce } from \"ts-debounce\";\nimport { ChartModel } from \"../model\";\nimport { ChartSource } from \"../types\";\n\nconst DEFAULT_CHART_SIZE: Size = {w: 300, h: 200};\n\n@customElement(\"og-plugin-chart-list\")\nexport class ChartList extends LitElement {\n\t\n\tstatic styles = [style];\n\n\t@property({type: Object})\n\tgrid: Grid;\n\n\t@query('og-input#search')\n\tsearchInput: Input;\n\n\t@query('og-list')\n\tlist: List;\n\n\t@property({type: String})\n\tfilter: string;\n\n\t@property({type: Array})\n\titems: ChartModel[];\n\n\tget plugin() { return this.grid?.plugins.plugins.get('charts') as ChartGridPlugin }\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t}\n\n\taddChart() {\n\t\tconst grid = this.grid;\n\t\tif (!grid) return;\n\n\t\tconst range = grid.selection.range;\n\t\tconst cell = range.bounds[1][0];\n\t\tconst location = grid.model.calculateCellOffset(cell);\n\t\tlocation.y += grid.model.rows[cell.r1].height;\n\n\t\tconst sourceData: ChartSource = {\n\t\t\ttype: 'column',\n\t\t\tgrouping: 'standard',\n\t\t\tdataRange: range.A1,\n\t\t\tsize: DEFAULT_CHART_SIZE,\n\t\t\tlocation: location,\n\t\t};\n\n\t\tconst model = this.plugin.addModel(sourceData);\n\t\tconst items = [...this.items, model];\n\t\tthis.items = items;\n\t\tthis.filter = model.title;\n\t\tthis.dispatchEvent(new events.AddEvent({value: model}));\n\t}\n\n\t_itemRenderer = (_div: HTMLDivElement, index: number) => html`\n\t\t<og-plugin-chart-form\n\t\t\t@change=\"${(e: events.ChangeEvent) => this.dispatchEvent(new events.ChangeEvent({value: e.value}))}\"\n\t\t\t.model=\"${this.items[index]}\">\n\t\t</og-plugin-chart-form>\n\t`;\n\n\t_onApplyClick = () => {\n\t\t// this.model.clearCalculatedStyles();\n\t\t// this.grid.rendering.render(false);\n\t}\n\n\t_onSearchInput = () => {\n\t\tthis.filter = this.searchInput.value;\n\t}\n\n\twillUpdate(_props: Map<string, unknown>) {\n\t\t// if (props.has('filter') || this.items == null) {\n\t\t\tthis.items = Array.from(this.plugin.models).filter(\n\t\t\t\tm => !this.filter || m.title.toLowerCase().includes(this.filter.toLowerCase())\n\t\t\t);\n\t\t// }\n\t\tif (_props.has('filter')) this.list?.renderItems(true);\n\t}\n\t\n\trender = () => html`\n\t\t<div class=\"controls p\">\n\t\t\t<og-button text=\"+\" @click=\"${() => this.addChart()}\"></og-button>\n\t\t\t<!--<og-button @click=\"${this._onApplyClick}\">\n\t\t\t\t<div slot=\"content\"><og-icon icon=\"refresh\"></og-icon> ${msg('Apply')}</div>\n\t\t\t</og-button>-->\n\t\t</div>\n\t\t<div class=\"controls search-bar\">\n\t\t\t<og-icon icon=\"magnifying-glass\" style=\"flex: 0\"></og-icon>\n\t\t\t<og-input \n\t\t\t\tid=\"search\"\n\t\t\t\t.value=\"${this.filter}\"\n\t\t\t\t@input=\"${debounce(this._onSearchInput, 100)}\">\n\t\t\t</og-input>\n\t\t</div>\n\t\t<div class=\"body\">\n\t\t\t<og-list\n\t\t\t\tdisabledSelect\n\t\t\t\tdynamicItemHeight\n\t\t\t\tnativeHeight\n\t\t\t\titemHeight=\"130\"\n\t\t\t\t.itemRenderer=\"${this._itemRenderer}\"\n\t\t\t\t.size=\"${this.items.length}\">\n\t\t\t</og-list>\n\t\t</div>\n\t`;\n\n}"]}

package/dist/ui/chartList.style.d.ts

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

package/dist/ui/chartList.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartList.style.d.ts","sourceRoot":"","sources":["../../src/ui/chartList.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAiCjB,CAAC"}

package/dist/ui/chartList.style.js

@@ -0,0 +1,36 @@
+import { css } from "lit";
+export const style = css `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		height: 100%;
+	}
+
+	.controls {
+		flex: 0;
+		display: flex;
+		flex-direction: row;
+		gap: 2px;
+		padding: 2px;
+	}
+
+	.controls > * {
+		flex: 1;
+		text-align: center;
+	}
+
+	.body {
+		flex: 1;
+		overflow: hidden;
+	}
+
+	og-list {
+		height: 100%;
+	}
+`;
+//# sourceMappingURL=chartList.style.js.map

package/dist/ui/chartList.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartList.style.js","sourceRoot":"","sources":["../../src/ui/chartList.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.controls {\n\t\tflex: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 2px;\n\t\tpadding: 2px;\n\t}\n\n\t.controls > * {\n\t\tflex: 1;\n\t\ttext-align: center;\n\t}\n\n\t.body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t}\n\n\tog-list {\n\t\theight: 100%;\n\t}\n`;\n"]}

package/dist/ui/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chart';
+export * from './chartList';
+export * from './chartForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,4 @@
+export * from './chart';
+export * from './chartList';
+export * from './chartForm';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC","sourcesContent":["export * from './chart';\nexport * from './chartList';\nexport * from './chartForm';"]}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import type Highcharts from 'highcharts/highcharts';
+import { ChartModel } from './model';
+export declare function createChartOptions(model: ChartModel): Promise<Highcharts.Options>;
+export declare function renderChart(model: ChartModel, container: HTMLElement): Promise<Highcharts.Chart>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AASrC,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAI,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAqBxF;AAED,wBAAsB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAStG"}

package/dist/utils.js

@@ -0,0 +1,39 @@
+import { HighchartsLoader } from './loader';
+const DEFAULT_OPTIONS = {
+    chart: {
+        styledMode: true
+    }
+};
+export async function createChartOptions(model) {
+    const hc = await HighchartsLoader.get();
+    const options = {
+        chart: {
+            type: 'column',
+            reflow: false
+        },
+        title: {
+            text: model.title
+        },
+        series: [{
+                type: 'column',
+                name: 'Corn',
+                data: [387749, 280000, 129000, 64300, 54000, 34300]
+            }, {
+                type: 'column',
+                name: 'Wheat',
+                data: [45321, 140000, 10000, 140500, 19500, 113500]
+            }]
+    };
+    return hc.merge(options, model.getOptions());
+}
+export async function renderChart(model, container) {
+    const hc = await HighchartsLoader.get();
+    const options = await createChartOptions(model);
+    return hc.chart(container, hc.merge(options, DEFAULT_OPTIONS, {
+        chart: {
+        // width: container.clientWidth,
+        // height: container.clientHeight
+        }
+    }));
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,eAAe,GAAoC;IACxD,KAAK,EAAE;QACN,UAAU,EAAE,IAAI;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,KAAiB;IACzD,MAAM,EAAE,GAAG,MAAM,gBAAgB,CAAC,GAAG,EAAE,CAAC;IACxC,MAAM,OAAO,GAAuB;QACnC,KAAK,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,KAAK;SACb;QACD,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,CAAC,KAAK;SACjB;QACD,MAAM,EAAE,CAAC;gBACR,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;aACnD,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;aACnD,CAAC;KACF,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAiB,EAAE,SAAsB;IAC1E,MAAM,EAAE,GAAG,MAAM,gBAAgB,CAAC,GAAG,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,MAAM,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,eAAe,EAAE;QAC7D,KAAK,EAAE;QACN,gCAAgC;QAChC,iCAAiC;SACjC;KACD,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { DeepPartial } from '@omegagrid/core';\nimport type Highcharts from 'highcharts/highcharts';\nimport { ChartModel } from './model';\nimport { HighchartsLoader } from './loader';\n\nconst DEFAULT_OPTIONS: DeepPartial<Highcharts.Options> = {\n\tchart: {\n\t\tstyledMode: true\n\t}\n};\n\nexport async function createChartOptions(model: ChartModel) : Promise<Highcharts.Options> {\n\tconst hc = await HighchartsLoader.get();\n\tconst options: Highcharts.Options = {\n\t\tchart: {\n\t\t\ttype: 'column',\n\t\t\treflow: false\n\t\t},\n\t\ttitle: {\n\t\t\ttext: model.title\n\t\t},\n\t\tseries: [{\n\t\t\ttype: 'column',\n\t\t\tname: 'Corn',\n\t\t\tdata: [387749, 280000, 129000, 64300, 54000, 34300]\n\t\t}, {\n\t\t\ttype: 'column',\n\t\t\tname: 'Wheat',\n\t\t\tdata: [45321, 140000, 10000, 140500, 19500, 113500]\n\t\t}]\n\t};\n\treturn hc.merge(options, model.getOptions());\n}\n\nexport async function renderChart(model: ChartModel, container: HTMLElement): Promise<Highcharts.Chart> {\n\tconst hc = await HighchartsLoader.get();\n\tconst options = await createChartOptions(model);\n\treturn hc.chart(container, hc.merge(options, DEFAULT_OPTIONS, {\n\t\tchart: {\n\t\t\t// width: container.clientWidth,\n\t\t\t// height: container.clientHeight\n\t\t}\n\t}));\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/plugin-charts",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "license": "UNLICENSED",
   "description": "Xlsx import/export plugin",
   "main": "./dist/index.js",
@@ -27,10 +27,10 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/core": "^0.10.2",
-    "@omegagrid/editor": "^0.10.2",
-    "@omegagrid/grid": "^0.10.2",
-    "@omegagrid/localize": "^0.10.2",
+    "@omegagrid/core": "^0.10.4",
+    "@omegagrid/editor": "^0.10.4",
+    "@omegagrid/grid": "^0.10.4",
+    "@omegagrid/localize": "^0.10.4",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",
     "ts-debounce": "^4.0.0"