@gravitee/ui-components 3.24.5-renovate-github-markdown-css-5-x-6cd8067 → 3.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/github-markdown-css/github-markdown.css +545 -500
- package/assets/i18n/en.json +3 -0
- package/assets/i18n/fr.json +3 -0
- package/assets/icons/design.svg +1 -1
- package/package.json +2 -9
- package/src/atoms/gv-autocomplete.js +132 -156
- package/src/atoms/gv-button.js +73 -248
- package/src/atoms/gv-checkbox.js +45 -103
- package/src/atoms/gv-date-picker-calendar.js +312 -393
- package/src/atoms/gv-date-picker-cell.js +57 -81
- package/src/atoms/gv-date-picker.js +180 -319
- package/src/atoms/gv-file-upload.js +85 -195
- package/src/atoms/gv-icon.js +13 -34
- package/src/atoms/gv-image.js +31 -66
- package/src/atoms/gv-input-message.js +12 -37
- package/src/atoms/gv-input.js +117 -148
- package/src/atoms/gv-link.js +47 -125
- package/src/atoms/gv-message.js +18 -69
- package/src/atoms/gv-metric.js +19 -68
- package/src/atoms/gv-relative-time.js +67 -38
- package/src/atoms/gv-select-native.js +96 -215
- package/src/atoms/gv-select.js +110 -230
- package/src/atoms/gv-spinner.js +5 -26
- package/src/atoms/gv-state.js +25 -66
- package/src/atoms/gv-switch.js +40 -160
- package/src/atoms/gv-tag.js +26 -78
- package/src/atoms/gv-text.js +22 -83
- package/src/charts/gv-chart-bar.js +22 -18
- package/src/charts/gv-chart-gauge.js +28 -31
- package/src/charts/gv-chart-histogram.js +18 -10
- package/src/charts/gv-chart-line.js +70 -59
- package/src/charts/gv-chart-map.js +44 -42
- package/src/charts/gv-chart-pie.js +18 -14
- package/src/index.js +1 -0
- package/src/lib/cron-expression.js +40 -35
- package/src/lib/date.js +10 -1
- package/src/lib/events.js +3 -1
- package/src/lib/http-client-schema-form.js +13 -12
- package/src/lib/http.js +57 -56
- package/src/lib/i18n.js +30 -22
- package/src/lib/item.js +13 -12
- package/src/lib/properties.js +77 -42
- package/src/lib/schema-form.js +4 -5
- package/src/lib/studio.js +13 -60
- package/src/lib/style.js +8 -8
- package/src/lib/text-format.js +14 -7
- package/src/lib/theme.js +8 -5
- package/src/lib/utils.js +17 -18
- package/src/mixins/chart-element.js +31 -54
- package/src/mixins/input-element.js +60 -47
- package/src/mixins/item-resource.js +34 -32
- package/src/mixins/keyboard-element.js +6 -5
- package/src/mixins/update-after-browser.js +4 -1
- package/src/mixins/with-resize-observer.js +23 -13
- package/src/mixins/with-skeleton-attribute.js +54 -48
- package/src/molecules/gv-card-full.js +26 -147
- package/src/molecules/gv-card-list.js +13 -42
- package/src/molecules/gv-card.js +17 -91
- package/src/molecules/gv-category-list.js +6 -17
- package/src/molecules/gv-category.js +23 -103
- package/src/molecules/gv-code.js +81 -143
- package/src/molecules/gv-confirm.js +41 -71
- package/src/molecules/gv-cron-editor.js +143 -389
- package/src/molecules/gv-dropdown-menu.js +14 -46
- package/src/molecules/gv-expandable.js +31 -59
- package/src/molecules/gv-expression-language.js +176 -138
- package/src/molecules/gv-identity-picture.js +42 -65
- package/src/molecules/gv-list.js +42 -134
- package/src/molecules/gv-metrics.js +37 -49
- package/src/molecules/gv-modal.js +28 -95
- package/src/molecules/gv-nav.js +49 -75
- package/src/molecules/gv-option.js +57 -130
- package/src/molecules/gv-plans.js +86 -209
- package/src/molecules/gv-popover.js +57 -177
- package/src/molecules/gv-promote.js +28 -146
- package/src/molecules/gv-rating-list.js +69 -195
- package/src/molecules/gv-rating.js +52 -105
- package/src/molecules/gv-row-expandable.js +5 -11
- package/src/molecules/gv-row.js +21 -147
- package/src/molecules/gv-stats.js +23 -48
- package/src/molecules/gv-stepper.js +43 -187
- package/src/molecules/gv-table.js +199 -309
- package/src/molecules/gv-tree.js +33 -156
- package/src/organisms/gv-documentation.js +45 -128
- package/src/organisms/gv-header.js +37 -195
- package/src/organisms/gv-http-client.js +32 -168
- package/src/organisms/gv-menu.js +37 -158
- package/src/organisms/gv-newsletter-subscription.js +48 -189
- package/src/organisms/gv-pagination.js +49 -77
- package/src/organisms/gv-properties.js +271 -492
- package/src/organisms/gv-resizable-views.js +41 -259
- package/src/organisms/gv-resources.js +168 -275
- package/src/organisms/gv-schema-form-array.js +49 -159
- package/src/organisms/gv-schema-form-control-object.js +59 -73
- package/src/organisms/gv-schema-form-control.js +107 -134
- package/src/organisms/gv-schema-form.js +219 -280
- package/src/organisms/gv-tabs.js +66 -98
- package/src/organisms/gv-user-menu.js +36 -201
- package/src/organisms/gv-vertical-menu.js +20 -61
- package/src/policy-studio/gv-flow-step.js +106 -245
- package/src/policy-studio/gv-flow.js +125 -304
- package/src/policy-studio/gv-policy-studio-menu.js +157 -471
- package/src/policy-studio/gv-policy-studio.js +714 -760
- package/src/styles/empty.js +3 -20
- package/src/styles/input.js +3 -247
- package/src/styles/link.js +3 -16
- package/src/styles/shapes.js +1 -0
- package/src/styles/skeleton.js +3 -37
- package/src/styles/zoom.js +3 -24
- package/src/theme/gv-theme.js +21 -60
- package/CHANGELOG.md +0 -1260
- package/LICENSE.txt +0 -202
- package/README.md +0 -195
- package/src/.eslintrc.js +0 -19
- package/src/theme/definition.json +0 -1762
package/src/atoms/gv-text.js
CHANGED
|
@@ -19,7 +19,6 @@ import { LitElement, css, html } from 'lit';
|
|
|
19
19
|
import { skeleton } from '../styles/skeleton';
|
|
20
20
|
import { dispatchCustomEvent } from '../lib/events';
|
|
21
21
|
import { InputElement } from '../mixins/input-element';
|
|
22
|
-
|
|
23
22
|
/**
|
|
24
23
|
* A wrapper of a <text> component.
|
|
25
24
|
*
|
|
@@ -45,68 +44,28 @@ import { InputElement } from '../mixins/input-element';
|
|
|
45
44
|
* @cssprop {Length} [--gv-text--fz=var(--gv-theme-font-size-m, 14px)] - Font size
|
|
46
45
|
* @cssprop {Length} [--gv-text--lh=var(--gv-theme-font-size-m, 14px)] - Line height
|
|
47
46
|
*/
|
|
47
|
+
|
|
48
48
|
export class GvText extends InputElement(LitElement) {
|
|
49
49
|
static get properties() {
|
|
50
50
|
return {
|
|
51
|
-
rows: {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
rows: {
|
|
52
|
+
type: Number
|
|
53
|
+
},
|
|
54
|
+
minlength: {
|
|
55
|
+
type: Number
|
|
56
|
+
},
|
|
57
|
+
maxlength: {
|
|
58
|
+
type: Number
|
|
59
|
+
},
|
|
60
|
+
autosize: {
|
|
61
|
+
type: Boolean
|
|
62
|
+
}
|
|
55
63
|
};
|
|
56
64
|
}
|
|
57
65
|
|
|
58
66
|
static get styles() {
|
|
59
|
-
return [
|
|
60
|
-
|
|
61
|
-
skeleton,
|
|
62
|
-
// language=CSS
|
|
63
|
-
css`
|
|
64
|
-
.box {
|
|
65
|
-
position: relative;
|
|
66
|
-
line-height: 0;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
/* BASE */
|
|
70
|
-
.textarea {
|
|
71
|
-
--fz: var(--gv-text--fz, var(--gv-theme-font-size-m, 14px));
|
|
72
|
-
--tmp: var(--gv-text--lh, var(--gv-theme-font-size-m, 14px));
|
|
73
|
-
--lh: calc(var(--tmp) + 3px);
|
|
74
|
-
border: 1px solid var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
|
|
75
|
-
box-sizing: border-box;
|
|
76
|
-
border-radius: 4px;
|
|
77
|
-
outline: none;
|
|
78
|
-
padding: 10px 5px;
|
|
79
|
-
width: 100%;
|
|
80
|
-
resize: none;
|
|
81
|
-
font-size: var(--fz);
|
|
82
|
-
line-height: var(--lh);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
div.textarea {
|
|
86
|
-
white-space: pre;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
textarea:disabled {
|
|
90
|
-
cursor: default;
|
|
91
|
-
opacity: 0.5;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
textarea:required {
|
|
95
|
-
box-shadow: none;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
label {
|
|
99
|
-
display: block;
|
|
100
|
-
line-height: 15px;
|
|
101
|
-
padding: 0 0 0.2rem 0;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/* Hack for FF */
|
|
105
|
-
textarea {
|
|
106
|
-
font-family: inherit;
|
|
107
|
-
}
|
|
108
|
-
`,
|
|
109
|
-
];
|
|
67
|
+
return [...super.styles, skeleton, // language=CSS
|
|
68
|
+
css`.box{position:relative;line-height:0}.textarea{--fz:var(--gv-text--fz, var(--gv-theme-font-size-m, 14px));--tmp:var(--gv-text--lh, var(--gv-theme-font-size-m, 14px));--lh:calc(var(--tmp) + 3px);border:1px solid var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));box-sizing:border-box;border-radius:4px;outline:0;padding:10px 5px;width:100%;resize:none;font-size:var(--fz);line-height:var(--lh)}div.textarea{white-space:pre}textarea:disabled{cursor:default;opacity:.5}textarea:required{box-shadow:none}label{display:block;line-height:15px;padding:0 0 .2rem 0}textarea{font-family:inherit}`];
|
|
110
69
|
}
|
|
111
70
|
|
|
112
71
|
constructor() {
|
|
@@ -128,41 +87,21 @@ export class GvText extends InputElement(LitElement) {
|
|
|
128
87
|
const classes = {
|
|
129
88
|
skeleton: this.skeleton,
|
|
130
89
|
required: this.required,
|
|
131
|
-
textarea: true
|
|
90
|
+
textarea: true
|
|
132
91
|
};
|
|
133
92
|
|
|
134
93
|
if (this.readonly) {
|
|
135
94
|
if (this.value || this.value.trim() !== '') {
|
|
136
|
-
return html`
|
|
137
|
-
${this.renderLabel()}
|
|
138
|
-
<div class="${classMap(classes)}" .title=${ifDefined(this.title || this.label)}>${ifDefined(this.value)}</div>
|
|
139
|
-
`;
|
|
95
|
+
return html` ${this.renderLabel()} <div class="${classMap(classes)}" .title="${ifDefined(this.title || this.label)}">${ifDefined(this.value)}</div> `;
|
|
140
96
|
}
|
|
97
|
+
|
|
141
98
|
return '';
|
|
142
99
|
}
|
|
100
|
+
|
|
143
101
|
const rows = this.autosize && this.value ? this.value.split('\n').length : this.rows;
|
|
144
|
-
return html`
|
|
145
|
-
<div class="box">
|
|
146
|
-
${this.renderLabel()}
|
|
147
|
-
<textarea
|
|
148
|
-
class="${classMap(classes)}"
|
|
149
|
-
id=${this._id}
|
|
150
|
-
.name=${ifDefined(this.name)}
|
|
151
|
-
.title=${ifDefined(this.title || this.label)}
|
|
152
|
-
.required=${this.required}
|
|
153
|
-
?readonly="${this.readonly}"
|
|
154
|
-
maxlength="${this.maxlength}"
|
|
155
|
-
minlength="${this.minlength}"
|
|
156
|
-
aria-required=${!!this.required}
|
|
157
|
-
?disabled=${this.disabled || this.skeleton}
|
|
158
|
-
.placeholder=${ifDefined(this.placeholder)}
|
|
159
|
-
.value=${ifDefined(this.value)}
|
|
160
|
-
rows="${this.rows < rows ? rows : this.rows}"
|
|
161
|
-
@input=${this._onInput}
|
|
162
|
-
></textarea>
|
|
163
|
-
</div>
|
|
164
|
-
`;
|
|
102
|
+
return html` <div class="box"> ${this.renderLabel()} <textarea class="${classMap(classes)}" id="${this._id}" .name="${ifDefined(this.name)}" .title="${ifDefined(this.title || this.label)}" .required="${this.required}" ?readonly="${this.readonly}" maxlength="${this.maxlength}" minlength="${this.minlength}" aria-required="${!!this.required}" ?disabled="${this.disabled || this.skeleton}" .placeholder="${ifDefined(this.placeholder)}" .value="${ifDefined(this.value)}" rows="${this.rows < rows ? rows : this.rows}" @input="${this._onInput}"></textarea> </div> `;
|
|
165
103
|
}
|
|
166
|
-
}
|
|
167
104
|
|
|
105
|
+
}
|
|
168
106
|
window.customElements.define('gv-text', GvText);
|
|
107
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXRleHQuanMiXSwibmFtZXMiOlsiY2xhc3NNYXAiLCJpZkRlZmluZWQiLCJMaXRFbGVtZW50IiwiY3NzIiwiaHRtbCIsInNrZWxldG9uIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIklucHV0RWxlbWVudCIsIkd2VGV4dCIsInByb3BlcnRpZXMiLCJyb3dzIiwidHlwZSIsIk51bWJlciIsIm1pbmxlbmd0aCIsIm1heGxlbmd0aCIsImF1dG9zaXplIiwiQm9vbGVhbiIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiZ2V0SW5wdXRFbGVtZW50Iiwic2hhZG93Um9vdCIsInF1ZXJ5U2VsZWN0b3IiLCJfb25JbnB1dCIsImUiLCJ1cGRhdGVTdGF0ZSIsInRhcmdldCIsInZhbHVlIiwicmVuZGVyIiwiY2xhc3NlcyIsInJlcXVpcmVkIiwidGV4dGFyZWEiLCJyZWFkb25seSIsInRyaW0iLCJyZW5kZXJMYWJlbCIsInRpdGxlIiwibGFiZWwiLCJzcGxpdCIsImxlbmd0aCIsIl9pZCIsIm5hbWUiLCJkaXNhYmxlZCIsInBsYWNlaG9sZGVyIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxHQUFyQixFQUEwQkMsSUFBMUIsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBQ0EsU0FBU0MsWUFBVCxRQUE2Qix5QkFBN0I7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNB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LEdBQVlBLElBQVosR0FBbUJBLElBQW5CLEdBQTBCLEtBQUtBLElBaEJsQyxhQWlCSSxLQUFLWSxRQWpCVCx1QkFBWDtBQXFCRDs7QUFySGtEO0FBd0hyRG9CLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsU0FBN0IsRUFBd0NwQyxNQUF4QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBpZkRlZmluZWQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9pZi1kZWZpbmVkJztcbmltcG9ydCB7IExpdEVsZW1lbnQsIGNzcywgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvaW5wdXQtZWxlbWVudCc7XG5cbi8qKlxuICogQSB3cmFwcGVyIG9mIGEgPHRleHQ+IGNvbXBvbmVudC5cbiAqXG4gKiAjIyBEZXRhaWxzXG4gKiAqIGhhcyBAdGhlbWUgZmFjZXRcbiAqXG4gKiBAZmlyZXMgZ3YtdGV4dDppbnB1dCAtIG1pcnJvcnMgbmF0aXZlIHRleHRhcmVhIGV2ZW50cyB3aXRoIHRoZSBgdmFsdWVgIG9uIGBkZXRhaWxgXG4gKlxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gc2FtZSBhcyBuYXRpdmUgdGV4dCBlbGVtZW50IGBkaXNhYmxlZGAgYXR0cmlidXRlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gcmVxdWlyZWQgLSBzYW1lIGFzIG5hdGl2ZSB0ZXh0IGVsZW1lbnQgYHJlcXVpcmVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge1N0cmluZ30gdmFsdWUgLSB0aGUgdmFsdWUgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IHRpdGxlIC0gdGl0bGUgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IG5hbWUgLSBuYW1lIG9mIHRoZSB0ZXh0XG4gKiBAYXR0ciB7U3RyaW5nfSBwbGFjZWhvbGRlciAtIGFuIGV4YW1wbGUgdmFsdWUgdG8gZGlzcGxheSBpbiB0aGUgdGV4dCB3aGVuIGVtcHR5XG4gKiBAYXR0ciB7TGVuZ3RofSByb3dzIC0gbnVtYmVyIG9mIHJvd3Mgb2YgdGhlIHRleHQgZWxlbWVudFxuICogQGF0dHIge0Jvb2xlYW59IGF1dG9mb2N1cyAtIHRydWUgdG8gcHV0IHRoZSBmb2N1cyBvbiB0aGUgaW5wdXRcbiAqIEBhdHRyIHtCb29sZWFufSBbcmVhZG9ubHk9ZmFsc2VdIC0gdHJ1ZSBpZiBmaWVsZCBpcyByZWFkb25seSBtb2RlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gW2F1dG9zaXplPWZhbHNlXSAtIHRydWUgaWYgZmllbGQgYXV0byByZXNpemUgd2hlbiBjb250ZW50IGNoYW5nZVxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtaW5wdXQtLWJkYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpXSAtIEJvcmRlciBjb2xvclxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGV4dC0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpXSAtIEZvbnQgc2l6ZVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGV4dC0tbGg9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpXSAtIExpbmUgaGVpZ2h0XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlRleHQgZXh0ZW5kcyBJbnB1dEVsZW1lbnQoTGl0RWxlbWVudCkge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHJvd3M6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBtaW5sZW5ndGg6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBtYXhsZW5ndGg6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBhdXRvc2l6ZTogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5zdXBlci5zdHlsZXMsXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICAuYm94IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAvKiBCQVNFICovXG4gICAgICAgIC50ZXh0YXJlYSB7XG4gICAgICAgICAgLS1mejogdmFyKC0tZ3YtdGV4dC0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1tLCAxNHB4KSk7XG4gICAgICAgICAgLS10bXA6IHZhcigtLWd2LXRleHQtLWxoLCB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtbSwgMTRweCkpO1xuICAgICAgICAgIC0tbGg6IGNhbGModmFyKC0tdG1wKSArIDNweCk7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZ3YtaW5wdXQtLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nOiAxMHB4IDVweDtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICByZXNpemU6IG5vbmU7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi50ZXh0YXJlYSB7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRleHRhcmVhOmRpc2FibGVkIHtcbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG5cbiAgICAgICAgdGV4dGFyZWE6cmVxdWlyZWQge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgICAgcGFkZGluZzogMCAwIDAuMnJlbSAwO1xuICAgICAgICB9XG5cbiAgICAgICAgLyogSGFjayBmb3IgRkYgKi9cbiAgICAgICAgdGV4dGFyZWEge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMucm93cyA9IDEwO1xuICB9XG5cbiAgZ2V0SW5wdXRFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcigndGV4dGFyZWEnKTtcbiAgfVxuXG4gIF9vbklucHV0KGUpIHtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICB0aGlzLnZhbHVlID0gZS50YXJnZXQudmFsdWU7XG4gICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnaW5wdXQnLCB0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBjbGFzc2VzID0ge1xuICAgICAgc2tlbGV0b246IHRoaXMuc2tlbGV0b24sXG4gICAgICByZXF1aXJlZDogdGhpcy5yZXF1aXJlZCxcbiAgICAgIHRleHRhcmVhOiB0cnVlLFxuICAgIH07XG5cbiAgICBpZiAodGhpcy5yZWFkb25seSkge1xuICAgICAgaWYgKHRoaXMudmFsdWUgfHwgdGhpcy52YWx1ZS50cmltKCkgIT09ICcnKSB7XG4gICAgICAgIHJldHVybiBodG1sYFxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMYWJlbCgpfVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKGNsYXNzZXMpfVwiIC50aXRsZT0ke2lmRGVmaW5lZCh0aGlzLnRpdGxlIHx8IHRoaXMubGFiZWwpfT4ke2lmRGVmaW5lZCh0aGlzLnZhbHVlKX08L2Rpdj5cbiAgICAgICAgYDtcbiAgICAgIH1cbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgY29uc3Qgcm93cyA9IHRoaXMuYXV0b3NpemUgJiYgdGhpcy52YWx1ZSA/IHRoaXMudmFsdWUuc3BsaXQoJ1xcbicpLmxlbmd0aCA6IHRoaXMucm93cztcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxhYmVsKCl9XG4gICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgIGNsYXNzPVwiJHtjbGFzc01hcChjbGFzc2VzKX1cIlxuICAgICAgICAgIGlkPSR7dGhpcy5faWR9XG4gICAgICAgICAgLm5hbWU9JHtpZkRlZmluZWQodGhpcy5uYW1lKX1cbiAgICAgICAgICAudGl0bGU9JHtpZkRlZmluZWQodGhpcy50aXRsZSB8fCB0aGlzLmxhYmVsKX1cbiAgICAgICAgICAucmVxdWlyZWQ9JHt0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgID9yZWFkb25seT1cIiR7dGhpcy5yZWFkb25seX1cIlxuICAgICAgICAgIG1heGxlbmd0aD1cIiR7dGhpcy5tYXhsZW5ndGh9XCJcbiAgICAgICAgICBtaW5sZW5ndGg9XCIke3RoaXMubWlubGVuZ3RofVwiXG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD0keyEhdGhpcy5yZXF1aXJlZH1cbiAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuc2tlbGV0b259XG4gICAgICAgICAgLnBsYWNlaG9sZGVyPSR7aWZEZWZpbmVkKHRoaXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgIC52YWx1ZT0ke2lmRGVmaW5lZCh0aGlzLnZhbHVlKX1cbiAgICAgICAgICByb3dzPVwiJHt0aGlzLnJvd3MgPCByb3dzID8gcm93cyA6IHRoaXMucm93c31cIlxuICAgICAgICAgIEBpbnB1dD0ke3RoaXMuX29uSW5wdXR9XG4gICAgICAgID48L3RleHRhcmVhPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi10ZXh0JywgR3ZUZXh0KTtcbiJdfQ==
|
|
@@ -18,7 +18,6 @@ import '../atoms/gv-button';
|
|
|
18
18
|
import '../atoms/gv-tag';
|
|
19
19
|
import { ChartElement } from '../mixins/chart-element';
|
|
20
20
|
import { dispatchCustomEvent } from '../lib/events';
|
|
21
|
-
|
|
22
21
|
/**
|
|
23
22
|
* Bar chart component
|
|
24
23
|
*
|
|
@@ -32,58 +31,62 @@ import { dispatchCustomEvent } from '../lib/events';
|
|
|
32
31
|
* @attr {Array} options - The list of options to display.
|
|
33
32
|
*
|
|
34
33
|
*/
|
|
34
|
+
|
|
35
35
|
export class GvChartBar extends ChartElement(LitElement) {
|
|
36
36
|
async getOptions() {
|
|
37
37
|
let total = 0;
|
|
38
38
|
const categories = [];
|
|
39
|
+
|
|
39
40
|
if (this._series && this._series.values) {
|
|
40
41
|
this.options.data.forEach((data, i) => {
|
|
41
42
|
data.y = this._series.values[this.options.data[i].name] || 0;
|
|
42
43
|
categories.push(data.name);
|
|
43
44
|
});
|
|
44
|
-
this.options.data.forEach(
|
|
45
|
+
this.options.data.forEach(d => {
|
|
45
46
|
total += d.y;
|
|
46
47
|
});
|
|
47
48
|
}
|
|
49
|
+
|
|
48
50
|
if (!total) {
|
|
49
51
|
this._empty = true;
|
|
50
52
|
}
|
|
53
|
+
|
|
51
54
|
return {
|
|
52
55
|
chart: {
|
|
53
|
-
type: 'bar'
|
|
56
|
+
type: 'bar'
|
|
54
57
|
},
|
|
55
58
|
series: total === 0 ? [] : [this.options],
|
|
56
59
|
xAxis: {
|
|
57
|
-
categories: categories
|
|
60
|
+
categories: categories
|
|
58
61
|
},
|
|
59
62
|
legend: {
|
|
60
|
-
enabled: false
|
|
63
|
+
enabled: false
|
|
61
64
|
},
|
|
62
65
|
yAxis: {
|
|
63
66
|
allowDecimals: false,
|
|
64
67
|
title: {
|
|
65
|
-
text: null
|
|
68
|
+
text: null
|
|
66
69
|
},
|
|
67
|
-
min: 0
|
|
70
|
+
min: 0
|
|
68
71
|
},
|
|
69
72
|
plotOptions: {
|
|
70
73
|
bar: {
|
|
71
74
|
dataLabels: {
|
|
72
|
-
enabled: true
|
|
73
|
-
}
|
|
75
|
+
enabled: true
|
|
76
|
+
}
|
|
74
77
|
},
|
|
75
78
|
series: {
|
|
76
79
|
animation: false,
|
|
77
80
|
events: {
|
|
78
|
-
click:
|
|
81
|
+
click: event => {
|
|
79
82
|
event.preventDefault();
|
|
80
83
|
dispatchCustomEvent(this, 'select', event.point.options);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
84
87
|
},
|
|
85
88
|
tooltip: {
|
|
86
|
-
pointFormat: 'Nb hits: <b>{point.y}</b>'
|
|
89
|
+
pointFormat: 'Nb hits: <b>{point.y}</b>'
|
|
87
90
|
},
|
|
88
91
|
title: {
|
|
89
92
|
text: 'Total: ' + total,
|
|
@@ -93,11 +96,12 @@ export class GvChartBar extends ChartElement(LitElement) {
|
|
|
93
96
|
y: 10,
|
|
94
97
|
style: {
|
|
95
98
|
fontSize: '12px',
|
|
96
|
-
fontWeight: 'bold'
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
+
fontWeight: 'bold'
|
|
100
|
+
}
|
|
101
|
+
}
|
|
99
102
|
};
|
|
100
103
|
}
|
|
101
|
-
}
|
|
102
104
|
|
|
105
|
+
}
|
|
103
106
|
window.customElements.define('gv-chart-bar', GvChartBar);
|
|
107
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2NoYXJ0cy9ndi1jaGFydC1iYXIuanMiXSwibmFtZXMiOlsiTGl0RWxlbWVudCIsIkNoYXJ0RWxlbWVudCIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJHdkNoYXJ0QmFyIiwiZ2V0T3B0aW9ucyIsInRvdGFsIiwiY2F0ZWdvcmllcyIsIl9zZXJpZXMiLCJ2YWx1ZXMiLCJvcHRpb25zIiwiZGF0YSIsImZvckVhY2giLCJpIiwieSIsIm5hbWUiLCJwdXNoIiwiZCIsIl9lbXB0eSIsImNoYXJ0IiwidHlwZSIsInNlcmllcyIsInhBeGlzIiwibGVnZW5kIiwiZW5hYmxlZCIsInlBeGlzIiwiYWxsb3dEZWNpbWFscyIsInRpdGxlIiwidGV4dCIsIm1pbiIsInBsb3RPcHRpb25zIiwiYmFyIiwiZGF0YUxhYmVscyIsImFuaW1hdGlvbiIsImV2ZW50cyIsImNsaWNrIiwiZXZlbnQiLCJwcmV2ZW50RGVmYXVsdCIsInBvaW50IiwidG9vbHRpcCIsInBvaW50Rm9ybWF0IiwidXNlSFRNTCIsImFsaWduIiwidmVydGljYWxBbGlnbiIsInN0eWxlIiwiZm9udFNpemUiLCJmb250V2VpZ2h0Iiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFVBQVQsUUFBMkIsS0FBM0I7QUFDQSxPQUFPLG9CQUFQO0FBQ0EsT0FBTyxpQkFBUDtBQUNBLFNBQVNDLFlBQVQsUUFBNkIseUJBQTdCO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLFVBQU4sU0FBeUJGLFlBQVksQ0FBQ0QsVUFBRCxDQUFyQyxDQUFrRDtBQUN2QyxRQUFWSSxVQUFVLEdBQUc7QUFDakIsUUFBSUMsS0FBSyxHQUFHLENBQVo7QUFDQSxVQUFNQyxVQUFVLEdBQUcsRUFBbkI7O0FBQ0EsUUFBSSxLQUFLQyxPQUFMLElBQWdCLEtBQUtBLE9BQUwsQ0FBYUMsTUFBakMsRUFBeUM7QUFDdkMsV0FBS0MsT0FBTCxDQUFhQyxJQUFiLENBQWtCQyxPQUFsQixDQUEwQixDQUFDRCxJQUFELEVBQU9FLENBQVAsS0FBYTtBQUNyQ0YsUUFBQUEsSUFBSSxDQUFDRyxDQUFMLEdBQVMsS0FBS04sT0FBTCxDQUFhQyxNQUFiLENBQW9CLEtBQUtDLE9BQUwsQ0FBYUMsSUFBYixDQUFrQkUsQ0FBbEIsRUFBcUJFLElBQXpDLEtBQWtELENBQTNEO0FBQ0FSLFFBQUFBLFVBQVUsQ0FBQ1MsSUFBWCxDQUFnQkwsSUFBSSxDQUFDSSxJQUFyQjtBQUNELE9BSEQ7QUFJQSxXQUFLTCxPQUFMLENBQWFDLElBQWIsQ0FBa0JDLE9BQWxCLENBQTJCSyxDQUFELElBQU87QUFDL0JYLFFBQUFBLEtBQUssSUFBSVcsQ0FBQyxDQUFDSCxDQUFYO0FBQ0QsT0FGRDtBQUdEOztBQUNELFFBQUksQ0FBQ1IsS0FBTCxFQUFZO0FBQ1YsV0FBS1ksTUFBTCxHQUFjLElBQWQ7QUFDRDs7QUFDRCxXQUFPO0FBQ0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMQyxRQUFBQSxJQUFJLEVBQUU7QUFERCxPQURGO0FBSUxDLE1BQUFBLE1BQU0sRUFBRWYsS0FBSyxLQUFLLENBQVYsR0FBYyxFQUFkLEdBQW1CLENBQUMsS0FBS0ksT0FBTixDQUp0QjtBQUtMWSxNQUFBQSxLQUFLLEVBQUU7QUFDTGYsUUFBQUEsVUFBVSxFQUFFQTtBQURQLE9BTEY7QUFRTGdCLE1BQUFBLE1BQU0sRUFBRTtBQUNOQyxRQUFBQSxPQUFPLEVBQUU7QUFESCxPQVJIO0FBV0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMQyxRQUFBQSxhQUFhLEVBQUUsS0FEVjtBQUVMQyxRQUFBQSxLQUFLLEVBQUU7QUFDTEMsVUFBQUEsSUFBSSxFQUFFO0FBREQsU0FGRjtBQUtMQyxRQUFBQSxHQUFHLEVBQUU7QUFMQSxPQVhGO0FBa0JMQyxNQUFBQSxXQUFXLEVBQUU7QUFDWEMsUUFBQUEsR0FBRyxFQUFFO0FBQ0hDLFVBQUFBLFVBQVUsRUFBRTtBQUNWUixZQUFBQSxPQUFPLEVBQUU7QUFEQztBQURULFNBRE07QUFNWEgsUUFBQUEsTUFBTSxFQUFFO0FBQ05ZLFVBQUFBLFNBQVMsRUFBRSxLQURMO0FBRU5DLFVBQUFBLE1BQU0sRUFBRTtBQUNOQyxZQUFBQSxLQUFLLEVBQUdDLEtBQUQsSUFBVztBQUNoQkEsY0FBQUEsS0FBSyxDQUFDQyxjQUFOO0FBQ0FsQyxjQUFBQSxtQkFBbUIsQ0FBQyxJQUFELEVBQU8sUUFBUCxFQUFpQmlDLEtBQUssQ0FBQ0UsS0FBTixDQUFZNUIsT0FBN0IsQ0FBbkI7QUFDRDtBQUpLO0FBRkY7QUFORyxPQWxCUjtBQWtDTDZCLE1BQUFBLE9BQU8sRUFBRTtBQUNQQyxRQUFBQSxXQUFXLEVBQUU7QUFETixPQWxDSjtBQXFDTGIsTUFBQUEsS0FBSyxFQUFFO0FBQ0xDLFFBQUFBLElBQUksRUFBRSxZQUFZdEIsS0FEYjtBQUVMbUMsUUFBQUEsT0FBTyxFQUFFLElBRko7QUFHTEMsUUFBQUEsS0FBSyxFQUFFLE1BSEY7QUFJTEMsUUFBQUEsYUFBYSxFQUFFLFFBSlY7QUFLTDdCLFFBQUFBLENBQUMsRUFBRSxFQUxFO0FBTUw4QixRQUFBQSxLQUFLLEVBQUU7QUFDTEMsVUFBQUEsUUFBUSxFQUFFLE1BREw7QUFFTEMsVUFBQUEsVUFBVSxFQUFFO0FBRlA7QUFORjtBQXJDRixLQUFQO0FBaUREOztBQWpFc0Q7QUFvRXpEQyxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGNBQTdCLEVBQTZDN0MsVUFBN0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWJ1dHRvbic7XG5pbXBvcnQgJy4uL2F0b21zL2d2LXRhZyc7XG5pbXBvcnQgeyBDaGFydEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvY2hhcnQtZWxlbWVudCc7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5cbi8qKlxuICogQmFyIGNoYXJ0IGNvbXBvbmVudFxuICpcbiAqIOKaoO+4jyBUaGlzIGNvbXBvbmVudCBpcyBiYXNlZCBvbiBgaGlnaGNoYXJ0c2AuXG4gKiBUbyB1c2UgdGhpcyBjb21wb25lbnQgaW4geW91ciBwcm9qZWN0IGJlIHN1cmUgdGhlIGRlcGVuZGVuY3kgaXMgaW5zdGFsbGVkIG9yXG4gKiBpbnN0YWxsIGl0IHdpdGg6IGBucG0gaW5zdGFsbCBoaWdoY2hhcnRzIC0tc2F2ZWBcbiAqXG4gKiBAZmlyZXMgZ3YtY2hhcnQtYmFyOnNlbGVjdCAtIEN1c3RvbSBldmVudCB3aXRoIHNlbGVjdGVkIHZhbHVlXG4gKlxuICogQGF0dHIge0FycmF5fSBzZXJpZXMgLSBUaGUgc2VyaWVzIHRvIGRpc3BsYXkgb24gdGhlIGJhciBjaGFydC5cbiAqIEBhdHRyIHtBcnJheX0gb3B0aW9ucyAtIFRoZSBsaXN0IG9mIG9wdGlvbnMgdG8gZGlzcGxheS5cbiAqXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNoYXJ0QmFyIGV4dGVuZHMgQ2hhcnRFbGVtZW50KExpdEVsZW1lbnQpIHtcbiAgYXN5bmMgZ2V0T3B0aW9ucygpIHtcbiAgICBsZXQgdG90YWwgPSAwO1xuICAgIGNvbnN0IGNhdGVnb3JpZXMgPSBbXTtcbiAgICBpZiAodGhpcy5fc2VyaWVzICYmIHRoaXMuX3Nlcmllcy52YWx1ZXMpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5kYXRhLmZvckVhY2goKGRhdGEsIGkpID0+IHtcbiAgICAgICAgZGF0YS55ID0gdGhpcy5fc2VyaWVzLnZhbHVlc1t0aGlzLm9wdGlvbnMuZGF0YVtpXS5uYW1lXSB8fCAwO1xuICAgICAgICBjYXRlZ29yaWVzLnB1c2goZGF0YS5uYW1lKTtcbiAgICAgIH0pO1xuICAgICAgdGhpcy5vcHRpb25zLmRhdGEuZm9yRWFjaCgoZCkgPT4ge1xuICAgICAgICB0b3RhbCArPSBkLnk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgaWYgKCF0b3RhbCkge1xuICAgICAgdGhpcy5fZW1wdHkgPSB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgY2hhcnQ6IHtcbiAgICAgICAgdHlwZTogJ2JhcicsXG4gICAgICB9LFxuICAgICAgc2VyaWVzOiB0b3RhbCA9PT0gMCA/IFtdIDogW3RoaXMub3B0aW9uc10sXG4gICAgICB4QXhpczoge1xuICAgICAgICBjYXRlZ29yaWVzOiBjYXRlZ29yaWVzLFxuICAgICAgfSxcbiAgICAgIGxlZ2VuZDoge1xuICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgIH0sXG4gICAgICB5QXhpczoge1xuICAgICAgICBhbGxvd0RlY2ltYWxzOiBmYWxzZSxcbiAgICAgICAgdGl0bGU6IHtcbiAgICAgICAgICB0ZXh0OiBudWxsLFxuICAgICAgICB9LFxuICAgICAgICBtaW46IDAsXG4gICAgICB9LFxuICAgICAgcGxvdE9wdGlvbnM6IHtcbiAgICAgICAgYmFyOiB7XG4gICAgICAgICAgZGF0YUxhYmVsczoge1xuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBzZXJpZXM6IHtcbiAgICAgICAgICBhbmltYXRpb246IGZhbHNlLFxuICAgICAgICAgIGV2ZW50czoge1xuICAgICAgICAgICAgY2xpY2s6IChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdzZWxlY3QnLCBldmVudC5wb2ludC5vcHRpb25zKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICB0b29sdGlwOiB7XG4gICAgICAgIHBvaW50Rm9ybWF0OiAnTmIgaGl0czogPGI+e3BvaW50Lnl9PC9iPicsXG4gICAgICB9LFxuICAgICAgdGl0bGU6IHtcbiAgICAgICAgdGV4dDogJ1RvdGFsOiAnICsgdG90YWwsXG4gICAgICAgIHVzZUhUTUw6IHRydWUsXG4gICAgICAgIGFsaWduOiAnbGVmdCcsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246ICdib3R0b20nLFxuICAgICAgICB5OiAxMCxcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBmb250U2l6ZTogJzEycHgnLFxuICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1jaGFydC1iYXInLCBHdkNoYXJ0QmFyKTtcbiJdfQ==
|
|
@@ -18,7 +18,6 @@ import { ChartElement } from '../mixins/chart-element';
|
|
|
18
18
|
import ChartModuleMore from 'highcharts/highcharts-more';
|
|
19
19
|
import Highcharts from 'highcharts';
|
|
20
20
|
import HCSolidGauge from 'highcharts/modules/solid-gauge';
|
|
21
|
-
|
|
22
21
|
/**
|
|
23
22
|
* Gauge chart component
|
|
24
23
|
*
|
|
@@ -31,6 +30,7 @@ import HCSolidGauge from 'highcharts/modules/solid-gauge';
|
|
|
31
30
|
* @attr {Object} tooltip - The list of tooltip attributes to overwrite.
|
|
32
31
|
* @attr {Object} pane - The pane serves as a container for axes and backgrounds for circular gauges and polar charts.
|
|
33
32
|
*/
|
|
33
|
+
|
|
34
34
|
export class GvChartGauge extends ChartElement(LitElement) {
|
|
35
35
|
constructor() {
|
|
36
36
|
super();
|
|
@@ -41,8 +41,12 @@ export class GvChartGauge extends ChartElement(LitElement) {
|
|
|
41
41
|
static get properties() {
|
|
42
42
|
return {
|
|
43
43
|
/** @required */
|
|
44
|
-
max: {
|
|
45
|
-
|
|
44
|
+
max: {
|
|
45
|
+
type: Number
|
|
46
|
+
},
|
|
47
|
+
series: {
|
|
48
|
+
type: Array
|
|
49
|
+
}
|
|
46
50
|
};
|
|
47
51
|
}
|
|
48
52
|
|
|
@@ -51,50 +55,43 @@ export class GvChartGauge extends ChartElement(LitElement) {
|
|
|
51
55
|
return {
|
|
52
56
|
chart: {
|
|
53
57
|
type: 'solidgauge',
|
|
54
|
-
backgroundColor: 'transparent'
|
|
58
|
+
backgroundColor: 'transparent'
|
|
55
59
|
},
|
|
56
60
|
tooltip: {
|
|
57
61
|
enabled: false,
|
|
58
|
-
...this.tooltip
|
|
62
|
+
...this.tooltip
|
|
59
63
|
},
|
|
60
|
-
|
|
61
64
|
pane: {
|
|
62
65
|
startAngle: 0,
|
|
63
66
|
endAngle: 360,
|
|
64
|
-
background: [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
],
|
|
72
|
-
...this.pane,
|
|
67
|
+
background: [{
|
|
68
|
+
outerRadius: '112%',
|
|
69
|
+
innerRadius: '88%',
|
|
70
|
+
backgroundColor: 'transparent',
|
|
71
|
+
borderWidth: 0
|
|
72
|
+
}],
|
|
73
|
+
...this.pane
|
|
73
74
|
},
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
tickPositions: [],
|
|
81
|
-
},
|
|
82
|
-
],
|
|
83
|
-
|
|
75
|
+
yAxis: [{
|
|
76
|
+
min: 0,
|
|
77
|
+
max: this.max,
|
|
78
|
+
lineWidth: 0,
|
|
79
|
+
tickPositions: []
|
|
80
|
+
}],
|
|
84
81
|
plotOptions: {
|
|
85
82
|
solidgauge: {
|
|
86
83
|
dataLabels: {
|
|
87
|
-
enabled: true
|
|
84
|
+
enabled: true
|
|
88
85
|
},
|
|
89
86
|
linecap: 'round',
|
|
90
87
|
stickyTracking: false,
|
|
91
|
-
rounded: true
|
|
92
|
-
}
|
|
88
|
+
rounded: true
|
|
89
|
+
}
|
|
93
90
|
},
|
|
94
|
-
|
|
95
|
-
series: this.series,
|
|
91
|
+
series: this.series
|
|
96
92
|
};
|
|
97
93
|
}
|
|
98
|
-
}
|
|
99
94
|
|
|
95
|
+
}
|
|
100
96
|
window.customElements.define('gv-chart-gauge', GvChartGauge);
|
|
97
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2NoYXJ0cy9ndi1jaGFydC1nYXVnZS5qcyJdLCJuYW1lcyI6WyJMaXRFbGVtZW50IiwiQ2hhcnRFbGVtZW50IiwiQ2hhcnRNb2R1bGVNb3JlIiwiSGlnaGNoYXJ0cyIsIkhDU29saWRHYXVnZSIsIkd2Q2hhcnRHYXVnZSIsImNvbnN0cnVjdG9yIiwicHJvcGVydGllcyIsIm1heCIsInR5cGUiLCJOdW1iZXIiLCJzZXJpZXMiLCJBcnJheSIsImdldE9wdGlvbnMiLCJfZW1wdHkiLCJjaGFydCIsImJhY2tncm91bmRDb2xvciIsInRvb2x0aXAiLCJlbmFibGVkIiwicGFuZSIsInN0YXJ0QW5nbGUiLCJlbmRBbmdsZSIsImJhY2tncm91bmQiLCJvdXRlclJhZGl1cyIsImlubmVyUmFkaXVzIiwiYm9yZGVyV2lkdGgiLCJ5QXhpcyIsIm1pbiIsImxpbmVXaWR0aCIsInRpY2tQb3NpdGlvbnMiLCJwbG90T3B0aW9ucyIsInNvbGlkZ2F1Z2UiLCJkYXRhTGFiZWxzIiwibGluZWNhcCIsInN0aWNreVRyYWNraW5nIiwicm91bmRlZCIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxVQUFULFFBQTJCLEtBQTNCO0FBQ0EsU0FBU0MsWUFBVCxRQUE2Qix5QkFBN0I7QUFDQSxPQUFPQyxlQUFQLE1BQTRCLDRCQUE1QjtBQUNBLE9BQU9DLFVBQVAsTUFBdUIsWUFBdkI7QUFDQSxPQUFPQyxZQUFQLE1BQXlCLGdDQUF6QjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLFlBQU4sU0FBMkJKLFlBQVksQ0FBQ0QsVUFBRCxDQUF2QyxDQUFvRDtBQUN6RE0sRUFBQUEsV0FBVyxHQUFHO0FBQ1o7QUFDQUosSUFBQUEsZUFBZSxDQUFDQyxVQUFELENBQWY7QUFDQUMsSUFBQUEsWUFBWSxDQUFDRCxVQUFELENBQVo7QUFDRDs7QUFFb0IsYUFBVkksVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTDtBQUNBQyxNQUFBQSxHQUFHLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BRkE7QUFHTEMsTUFBQUEsTUFBTSxFQUFFO0FBQUVGLFFBQUFBLElBQUksRUFBRUc7QUFBUjtBQUhILEtBQVA7QUFLRDs7QUFFZSxRQUFWQyxVQUFVLEdBQUc7QUFDakIsU0FBS0MsTUFBTCxHQUFjLEtBQWQ7QUFDQSxXQUFPO0FBQ0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMTixRQUFBQSxJQUFJLEVBQUUsWUFERDtBQUVMTyxRQUFBQSxlQUFlLEVBQUU7QUFGWixPQURGO0FBS0xDLE1BQUFBLE9BQU8sRUFBRTtBQUNQQyxRQUFBQSxPQUFPLEVBQUUsS0FERjtBQUVQLFdBQUcsS0FBS0Q7QUFGRCxPQUxKO0FBVUxFLE1BQUFBLElBQUksRUFBRTtBQUNKQyxRQUFBQSxVQUFVLEVBQUUsQ0FEUjtBQUVKQyxRQUFBQSxRQUFRLEVBQUUsR0FGTjtBQUdKQyxRQUFBQSxVQUFVLEVBQUUsQ0FDVjtBQUNFQyxVQUFBQSxXQUFXLEVBQUUsTUFEZjtBQUVFQyxVQUFBQSxXQUFXLEVBQUUsS0FGZjtBQUdFUixVQUFBQSxlQUFlLEVBQUUsYUFIbkI7QUFJRVMsVUFBQUEsV0FBVyxFQUFFO0FBSmYsU0FEVSxDQUhSO0FBV0osV0FBRyxLQUFLTjtBQVhKLE9BVkQ7QUF3QkxPLE1BQUFBLEtBQUssRUFBRSxDQUNMO0FBQ0VDLFFBQUFBLEdBQUcsRUFBRSxDQURQO0FBRUVuQixRQUFBQSxHQUFHLEVBQUUsS0FBS0EsR0FGWjtBQUdFb0IsUUFBQUEsU0FBUyxFQUFFLENBSGI7QUFJRUMsUUFBQUEsYUFBYSxFQUFFO0FBSmpCLE9BREssQ0F4QkY7QUFpQ0xDLE1BQUFBLFdBQVcsRUFBRTtBQUNYQyxRQUFBQSxVQUFVLEVBQUU7QUFDVkMsVUFBQUEsVUFBVSxFQUFFO0FBQ1ZkLFlBQUFBLE9BQU8sRUFBRTtBQURDLFdBREY7QUFJVmUsVUFBQUEsT0FBTyxFQUFFLE9BSkM7QUFLVkMsVUFBQUEsY0FBYyxFQUFFLEtBTE47QUFNVkMsVUFBQUEsT0FBTyxFQUFFO0FBTkM7QUFERCxPQWpDUjtBQTRDTHhCLE1BQUFBLE1BQU0sRUFBRSxLQUFLQTtBQTVDUixLQUFQO0FBOENEOztBQS9Ed0Q7QUFrRTNEeUIsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixnQkFBN0IsRUFBK0NqQyxZQUEvQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IENoYXJ0RWxlbWVudCB9IGZyb20gJy4uL21peGlucy9jaGFydC1lbGVtZW50JztcbmltcG9ydCBDaGFydE1vZHVsZU1vcmUgZnJvbSAnaGlnaGNoYXJ0cy9oaWdoY2hhcnRzLW1vcmUnO1xuaW1wb3J0IEhpZ2hjaGFydHMgZnJvbSAnaGlnaGNoYXJ0cyc7XG5pbXBvcnQgSENTb2xpZEdhdWdlIGZyb20gJ2hpZ2hjaGFydHMvbW9kdWxlcy9zb2xpZC1nYXVnZSc7XG5cbi8qKlxuICogR2F1Z2UgY2hhcnQgY29tcG9uZW50XG4gKlxuICog4pqg77iPIFRoaXMgY29tcG9uZW50IGlzIGJhc2VkIG9uIGBoaWdoY2hhcnRzYC5cbiAqIFRvIHVzZSB0aGlzIGNvbXBvbmVudCBpbiB5b3VyIHByb2plY3QgYmUgc3VyZSB0aGUgZGVwZW5kZW5jeSBpcyBpbnN0YWxsZWQgb3JcbiAqIGluc3RhbGwgaXQgd2l0aDogYG5wbSBpbnN0YWxsIGhpZ2hjaGFydHMgLS1zYXZlYFxuICpcbiAqIEBhdHRyIHtudW1iZXJ9IG1heCAtIFRoZSBtYXhpbXVtIHZhbHVlIG9mIHRoZSBnYXVnZS5cbiAqIEBhdHRyIHtBcnJheX0gc2VyaWVzIC0gQXJyYXkgb2YgdGhlIHNlcmllcyB0byBkaXNwbGF5LlxuICogQGF0dHIge09iamVjdH0gdG9vbHRpcCAtIFRoZSBsaXN0IG9mIHRvb2x0aXAgYXR0cmlidXRlcyB0byBvdmVyd3JpdGUuXG4gKiBAYXR0ciB7T2JqZWN0fSBwYW5lIC0gVGhlIHBhbmUgc2VydmVzIGFzIGEgY29udGFpbmVyIGZvciBheGVzIGFuZCBiYWNrZ3JvdW5kcyBmb3IgY2lyY3VsYXIgZ2F1Z2VzIGFuZCBwb2xhciBjaGFydHMuXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNoYXJ0R2F1Z2UgZXh0ZW5kcyBDaGFydEVsZW1lbnQoTGl0RWxlbWVudCkge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIENoYXJ0TW9kdWxlTW9yZShIaWdoY2hhcnRzKTtcbiAgICBIQ1NvbGlkR2F1Z2UoSGlnaGNoYXJ0cyk7XG4gIH1cblxuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIC8qKiBAcmVxdWlyZWQgKi9cbiAgICAgIG1heDogeyB0eXBlOiBOdW1iZXIgfSxcbiAgICAgIHNlcmllczogeyB0eXBlOiBBcnJheSB9LFxuICAgIH07XG4gIH1cblxuICBhc3luYyBnZXRPcHRpb25zKCkge1xuICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNoYXJ0OiB7XG4gICAgICAgIHR5cGU6ICdzb2xpZGdhdWdlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSxcbiAgICAgIHRvb2x0aXA6IHtcbiAgICAgICAgZW5hYmxlZDogZmFsc2UsXG4gICAgICAgIC4uLnRoaXMudG9vbHRpcCxcbiAgICAgIH0sXG5cbiAgICAgIHBhbmU6IHtcbiAgICAgICAgc3RhcnRBbmdsZTogMCxcbiAgICAgICAgZW5kQW5nbGU6IDM2MCxcbiAgICAgICAgYmFja2dyb3VuZDogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIG91dGVyUmFkaXVzOiAnMTEyJScsXG4gICAgICAgICAgICBpbm5lclJhZGl1czogJzg4JScsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgICAuLi50aGlzLnBhbmUsXG4gICAgICB9LFxuXG4gICAgICB5QXhpczogW1xuICAgICAgICB7XG4gICAgICAgICAgbWluOiAwLFxuICAgICAgICAgIG1heDogdGhpcy5tYXgsXG4gICAgICAgICAgbGluZVdpZHRoOiAwLFxuICAgICAgICAgIHRpY2tQb3NpdGlvbnM6IFtdLFxuICAgICAgICB9LFxuICAgICAgXSxcblxuICAgICAgcGxvdE9wdGlvbnM6IHtcbiAgICAgICAgc29saWRnYXVnZToge1xuICAgICAgICAgIGRhdGFMYWJlbHM6IHtcbiAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBsaW5lY2FwOiAncm91bmQnLFxuICAgICAgICAgIHN0aWNreVRyYWNraW5nOiBmYWxzZSxcbiAgICAgICAgICByb3VuZGVkOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgc2VyaWVzOiB0aGlzLnNlcmllcyxcbiAgICB9O1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LWNoYXJ0LWdhdWdlJywgR3ZDaGFydEdhdWdlKTtcbiJdfQ==
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
*/
|
|
16
16
|
import { LitElement } from 'lit';
|
|
17
17
|
import { ChartElement } from '../mixins/chart-element';
|
|
18
|
-
|
|
19
18
|
/**
|
|
20
19
|
* Histogram chart component
|
|
21
20
|
*
|
|
@@ -27,6 +26,7 @@ import { ChartElement } from '../mixins/chart-element';
|
|
|
27
26
|
* @attr {Object} options - The list of options to display.
|
|
28
27
|
*
|
|
29
28
|
*/
|
|
29
|
+
|
|
30
30
|
export class GvChartHistogram extends ChartElement(LitElement) {
|
|
31
31
|
async getOptions() {
|
|
32
32
|
let yAxis;
|
|
@@ -48,36 +48,44 @@ export class GvChartHistogram extends ChartElement(LitElement) {
|
|
|
48
48
|
return {
|
|
49
49
|
chart: {
|
|
50
50
|
type: 'column',
|
|
51
|
-
backgroundColor: 'transparent'
|
|
51
|
+
backgroundColor: 'transparent'
|
|
52
52
|
},
|
|
53
53
|
title: {
|
|
54
54
|
text: title,
|
|
55
55
|
align: 'left',
|
|
56
|
-
style: {
|
|
56
|
+
style: {
|
|
57
|
+
fontSize: '12px',
|
|
58
|
+
fontWeight: '700'
|
|
59
|
+
}
|
|
57
60
|
},
|
|
58
61
|
subtitle: {
|
|
59
62
|
text: subtitle,
|
|
60
63
|
align: 'left',
|
|
61
|
-
style: {
|
|
64
|
+
style: {
|
|
65
|
+
fontSize: '11px',
|
|
66
|
+
color: '#000000',
|
|
67
|
+
opacity: '0.54'
|
|
68
|
+
}
|
|
62
69
|
},
|
|
63
70
|
series: this._series.values,
|
|
64
71
|
xAxis: {
|
|
65
72
|
type: 'datetime',
|
|
66
73
|
dateTimeLabelFormats: {
|
|
67
74
|
month: '%e. %b',
|
|
68
|
-
year: '%b'
|
|
69
|
-
}
|
|
75
|
+
year: '%b'
|
|
76
|
+
}
|
|
70
77
|
},
|
|
71
78
|
legend: {
|
|
72
|
-
enabled: false
|
|
79
|
+
enabled: false
|
|
73
80
|
},
|
|
74
81
|
yAxis,
|
|
75
82
|
plotOptions,
|
|
76
83
|
tooltip: {
|
|
77
|
-
pointFormat: 'Value: <b>{point.y}</b>'
|
|
78
|
-
}
|
|
84
|
+
pointFormat: 'Value: <b>{point.y}</b>'
|
|
85
|
+
}
|
|
79
86
|
};
|
|
80
87
|
}
|
|
81
|
-
}
|
|
82
88
|
|
|
89
|
+
}
|
|
83
90
|
window.customElements.define('gv-chart-histogram', GvChartHistogram);
|
|
91
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2NoYXJ0cy9ndi1jaGFydC1oaXN0b2dyYW0uanMiXSwibmFtZXMiOlsiTGl0RWxlbWVudCIsIkNoYXJ0RWxlbWVudCIsIkd2Q2hhcnRIaXN0b2dyYW0iLCJnZXRPcHRpb25zIiwieUF4aXMiLCJ0aXRsZSIsInN1YnRpdGxlIiwicGxvdE9wdGlvbnMiLCJvcHRpb25zIiwiX3NlcmllcyIsInZhbHVlcyIsImxlbmd0aCIsIl9lbXB0eSIsImNoYXJ0IiwidHlwZSIsImJhY2tncm91bmRDb2xvciIsInRleHQiLCJhbGlnbiIsInN0eWxlIiwiZm9udFNpemUiLCJmb250V2VpZ2h0IiwiY29sb3IiLCJvcGFjaXR5Iiwic2VyaWVzIiwieEF4aXMiLCJkYXRlVGltZUxhYmVsRm9ybWF0cyIsIm1vbnRoIiwieWVhciIsImxlZ2VuZCIsImVuYWJsZWQiLCJ0b29sdGlwIiwicG9pbnRGb3JtYXQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsVUFBVCxRQUEyQixLQUEzQjtBQUNBLFNBQVNDLFlBQVQsUUFBNkIseUJBQTdCO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLGdCQUFOLFNBQStCRCxZQUFZLENBQUNELFVBQUQsQ0FBM0MsQ0FBd0Q7QUFDN0MsUUFBVkcsVUFBVSxHQUFHO0FBQ2pCLFFBQUlDLEtBQUo7QUFDQSxRQUFJQyxLQUFKO0FBQ0EsUUFBSUMsUUFBSjtBQUNBLFFBQUlDLFdBQUo7O0FBRUEsUUFBSSxLQUFLQyxPQUFULEVBQWtCO0FBQ2hCSixNQUFBQSxLQUFLLEdBQUcsS0FBS0ksT0FBTCxDQUFhSixLQUFyQjtBQUNBQyxNQUFBQSxLQUFLLEdBQUcsS0FBS0csT0FBTCxDQUFhSCxLQUFyQjtBQUNBQyxNQUFBQSxRQUFRLEdBQUcsS0FBS0UsT0FBTCxDQUFhRixRQUF4QjtBQUNBQyxNQUFBQSxXQUFXLEdBQUcsS0FBS0MsT0FBTCxDQUFhRCxXQUEzQjtBQUNEOztBQUVELFFBQUksS0FBS0UsT0FBTCxJQUFnQixLQUFLQSxPQUFMLENBQWFDLE1BQTdCLElBQXVDLEtBQUtELE9BQUwsQ0FBYUMsTUFBYixDQUFvQkMsTUFBcEIsS0FBK0IsQ0FBMUUsRUFBNkU7QUFDM0UsV0FBS0MsTUFBTCxHQUFjLElBQWQ7QUFDRDs7QUFFRCxXQUFPO0FBQ0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMQyxRQUFBQSxJQUFJLEVBQUUsUUFERDtBQUVMQyxRQUFBQSxlQUFlLEVBQUU7QUFGWixPQURGO0FBS0xWLE1BQUFBLEtBQUssRUFBRTtBQUNMVyxRQUFBQSxJQUFJLEVBQUVYLEtBREQ7QUFFTFksUUFBQUEsS0FBSyxFQUFFLE1BRkY7QUFHTEMsUUFBQUEsS0FBSyxFQUFFO0FBQUVDLFVBQUFBLFFBQVEsRUFBRSxNQUFaO0FBQW9CQyxVQUFBQSxVQUFVLEVBQUU7QUFBaEM7QUFIRixPQUxGO0FBVUxkLE1BQUFBLFFBQVEsRUFBRTtBQUNSVSxRQUFBQSxJQUFJLEVBQUVWLFFBREU7QUFFUlcsUUFBQUEsS0FBSyxFQUFFLE1BRkM7QUFHUkMsUUFBQUEsS0FBSyxFQUFFO0FBQUVDLFVBQUFBLFFBQVEsRUFBRSxNQUFaO0FBQW9CRSxVQUFBQSxLQUFLLEVBQUUsU0FBM0I7QUFBc0NDLFVBQUFBLE9BQU8sRUFBRTtBQUEvQztBQUhDLE9BVkw7QUFlTEMsTUFBQUEsTUFBTSxFQUFFLEtBQUtkLE9BQUwsQ0FBYUMsTUFmaEI7QUFnQkxjLE1BQUFBLEtBQUssRUFBRTtBQUNMVixRQUFBQSxJQUFJLEVBQUUsVUFERDtBQUVMVyxRQUFBQSxvQkFBb0IsRUFBRTtBQUNwQkMsVUFBQUEsS0FBSyxFQUFFLFFBRGE7QUFFcEJDLFVBQUFBLElBQUksRUFBRTtBQUZjO0FBRmpCLE9BaEJGO0FBdUJMQyxNQUFBQSxNQUFNLEVBQUU7QUFDTkMsUUFBQUEsT0FBTyxFQUFFO0FBREgsT0F2Qkg7QUEwQkx6QixNQUFBQSxLQTFCSztBQTJCTEcsTUFBQUEsV0EzQks7QUE0Qkx1QixNQUFBQSxPQUFPLEVBQUU7QUFDUEMsUUFBQUEsV0FBVyxFQUFFO0FBRE47QUE1QkosS0FBUDtBQWdDRDs7QUFsRDREO0FBcUQvREMsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixvQkFBN0IsRUFBbURoQyxnQkFBbkQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBDaGFydEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvY2hhcnQtZWxlbWVudCc7XG5cbi8qKlxuICogSGlzdG9ncmFtIGNoYXJ0IGNvbXBvbmVudFxuICpcbiAqIOKaoO+4jyBUaGlzIGNvbXBvbmVudCBpcyBiYXNlZCBvbiBgaGlnaGNoYXJ0c2AuXG4gKiBUbyB1c2UgdGhpcyBjb21wb25lbnQgaW4geW91ciBwcm9qZWN0IGJlIHN1cmUgdGhlIGRlcGVuZGVuY3kgaXMgaW5zdGFsbGVkIG9yXG4gKiBpbnN0YWxsIGl0IHdpdGg6IGBucG0gaW5zdGFsbCBoaWdoY2hhcnRzIC0tc2F2ZWBcbiAqXG4gKiBAYXR0ciB7QXJyYXl9IHNlcmllcyAtIFRoZSBzZXJpZXMgdG8gZGlzcGxheSBvbiB0aGUgaGlzdG9ncmFtIGNoYXJ0LlxuICogQGF0dHIge09iamVjdH0gb3B0aW9ucyAtIFRoZSBsaXN0IG9mIG9wdGlvbnMgdG8gZGlzcGxheS5cbiAqXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNoYXJ0SGlzdG9ncmFtIGV4dGVuZHMgQ2hhcnRFbGVtZW50KExpdEVsZW1lbnQpIHtcbiAgYXN5bmMgZ2V0T3B0aW9ucygpIHtcbiAgICBsZXQgeUF4aXM7XG4gICAgbGV0IHRpdGxlO1xuICAgIGxldCBzdWJ0aXRsZTtcbiAgICBsZXQgcGxvdE9wdGlvbnM7XG5cbiAgICBpZiAodGhpcy5vcHRpb25zKSB7XG4gICAgICB5QXhpcyA9IHRoaXMub3B0aW9ucy55QXhpcztcbiAgICAgIHRpdGxlID0gdGhpcy5vcHRpb25zLnRpdGxlO1xuICAgICAgc3VidGl0bGUgPSB0aGlzLm9wdGlvbnMuc3VidGl0bGU7XG4gICAgICBwbG90T3B0aW9ucyA9IHRoaXMub3B0aW9ucy5wbG90T3B0aW9ucztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5fc2VyaWVzICYmIHRoaXMuX3Nlcmllcy52YWx1ZXMgJiYgdGhpcy5fc2VyaWVzLnZhbHVlcy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuX2VtcHR5ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgY2hhcnQ6IHtcbiAgICAgICAgdHlwZTogJ2NvbHVtbicsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgIH0sXG4gICAgICB0aXRsZToge1xuICAgICAgICB0ZXh0OiB0aXRsZSxcbiAgICAgICAgYWxpZ246ICdsZWZ0JyxcbiAgICAgICAgc3R5bGU6IHsgZm9udFNpemU6ICcxMnB4JywgZm9udFdlaWdodDogJzcwMCcgfSxcbiAgICAgIH0sXG4gICAgICBzdWJ0aXRsZToge1xuICAgICAgICB0ZXh0OiBzdWJ0aXRsZSxcbiAgICAgICAgYWxpZ246ICdsZWZ0JyxcbiAgICAgICAgc3R5bGU6IHsgZm9udFNpemU6ICcxMXB4JywgY29sb3I6ICcjMDAwMDAwJywgb3BhY2l0eTogJzAuNTQnIH0sXG4gICAgICB9LFxuICAgICAgc2VyaWVzOiB0aGlzLl9zZXJpZXMudmFsdWVzLFxuICAgICAgeEF4aXM6IHtcbiAgICAgICAgdHlwZTogJ2RhdGV0aW1lJyxcbiAgICAgICAgZGF0ZVRpbWVMYWJlbEZvcm1hdHM6IHtcbiAgICAgICAgICBtb250aDogJyVlLiAlYicsXG4gICAgICAgICAgeWVhcjogJyViJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBsZWdlbmQ6IHtcbiAgICAgICAgZW5hYmxlZDogZmFsc2UsXG4gICAgICB9LFxuICAgICAgeUF4aXMsXG4gICAgICBwbG90T3B0aW9ucyxcbiAgICAgIHRvb2x0aXA6IHtcbiAgICAgICAgcG9pbnRGb3JtYXQ6ICdWYWx1ZTogPGI+e3BvaW50Lnl9PC9iPicsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtY2hhcnQtaGlzdG9ncmFtJywgR3ZDaGFydEhpc3RvZ3JhbSk7XG4iXX0=
|