@gravitee/ui-components 3.39.3 → 3.39.4

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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.d.ts +12 -4
  3. package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js +13 -20
  4. package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js.map +1 -1
  5. package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js +20 -0
  6. package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravitee/ui-components",
3
- "version": "3.39.3",
3
+ "version": "3.39.4",
4
4
  "description": "Gravitee.io UI Components library, based on Web Components",
5
5
  "repository": {
6
6
  "type": "git",
package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.d.ts CHANGED
@@ -11,9 +11,17 @@
11
11
  * @attr {Object} pane - The pane serves as a container for axes and backgrounds for circular gauges and polar charts.
12
12
  */
13
13
  export class GvChartGaugeProgress extends GvChartGauge {
14
- start(): void;
15
- startedAt: number | undefined;
16
- updateProgress(): void;
17
- updatePoint(playback: any): void;
14
+ static get properties(): {
15
+ value: {
16
+ type: NumberConstructor;
17
+ };
18
+ max: {
19
+ type: NumberConstructor;
20
+ };
21
+ series: {
22
+ type: ArrayConstructor;
23
+ };
24
+ };
25
+ shouldUpdate(changedProperties: any): any;
18
26
  }
19
27
  import { GvChartGauge } from "../gv-chart-gauge/gv-chart-gauge";
package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js CHANGED
@@ -36,28 +36,16 @@ import { GvChartGauge } from '../gv-chart-gauge';
36
36
  * @attr {Object} pane - The pane serves as a container for axes and backgrounds for circular gauges and polar charts.
37
37
  */
38
38
  export class GvChartGaugeProgress extends GvChartGauge {
39
- connectedCallback() {
40
- super.connectedCallback();
41
- this.start();
39
+ static get properties() {
40
+ return Object.assign(Object.assign({}, super.properties), { value: { type: Number } });
42
41
  }
43
- start() {
44
- this.startedAt = Date.now();
45
- this.updatePoint(0);
46
- requestAnimationFrame(this.updateProgress.bind(this));
47
- }
48
- updateProgress() {
49
- const elapsedTime = Date.now() - this.startedAt;
50
- this.updatePoint(elapsedTime);
51
- if (elapsedTime > 0 && elapsedTime < this.max) {
52
- // Queue the next frame
53
- requestAnimationFrame(this.updateProgress.bind(this));
54
- }
55
- }
56
- updatePoint(playback) {
57
- if (this._chart) {
42
+ shouldUpdate(changedProperties) {
43
+ if (changedProperties.has('value') && this._chart) {
58
44
  const point = this._chart.series[0].points[0];
59
- point.update(playback);
45
+ point.update(this.value);
46
+ return false;
60
47
  }
48
+ return super.shouldUpdate(changedProperties);
61
49
  }
62
50
  getOptions() {
63
51
  const _super = Object.create(null, {
@@ -76,7 +64,12 @@ export class GvChartGaugeProgress extends GvChartGauge {
76
64
  return `Done !`;
77
65
  }
78
66
  const remainingTime = Math.ceil((max - this.y) / 60000);
79
- return `${remainingTime} min remaining...`;
67
+ const prefix = `${remainingTime} min`;
68
+ const suffix = 'remaining...';
69
+ const spaces = Array(Math.round((suffix.length - prefix.length) / 2))
70
+ .fill('&nbsp;')
71
+ .join('');
72
+ return `${spaces}${prefix}<br/>${suffix}`;
80
73
  },
81
74
  borderWidth: 0,
82
75
  style: {
package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gv-chart-gauge-progress.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACpD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACpB,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,cAAc;QACZ,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAChD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC9B,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE;YAC7C,uBAAuB;YACvB,qBAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACvD;IACH,CAAC;IAED,WAAW,CAAC,QAAQ;QAClB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC9C,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SACxB;IACH,CAAC;IAEK,UAAU;;;;;YACd,MAAM,OAAO,GAAG,MAAM,OAAM,UAAU,WAAE,CAAC;YAEzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACrB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG;gBAC7B;oBACE,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,QAAQ;oBACf,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE;wBACT,IAAI,IAAI,CAAC,CAAC,IAAI,GAAG,EAAE;4BACjB,OAAO,QAAQ,CAAC;yBACjB;wBACD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;wBACxD,OAAO,GAAG,aAAa,mBAAmB,CAAC;oBAC7C,CAAC;oBACD,WAAW,EAAE,CAAC;oBACd,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;qBACjB;iBACF;aACF,CAAC;YAEF,OAAO,OAAO,CAAC;QACjB,CAAC;KAAA;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC"}
1
+ {"version":3,"file":"gv-chart-gauge-progress.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.js"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACpD,MAAM,KAAK,UAAU;QACnB,uCACK,KAAK,CAAC,UAAU,KACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IACvB;IACJ,CAAC;IAED,YAAY,CAAC,iBAAiB;QAC5B,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;YACjD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC9C,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,KAAK,CAAC;SACd;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC/C,CAAC;IAEK,UAAU;;;;;YACd,MAAM,OAAO,GAAG,MAAM,OAAM,UAAU,WAAE,CAAC;YAEzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACrB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG;gBAC7B;oBACE,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,QAAQ;oBACf,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE;wBACT,IAAI,IAAI,CAAC,CAAC,IAAI,GAAG,EAAE;4BACjB,OAAO,QAAQ,CAAC;yBACjB;wBACD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;wBACxD,MAAM,MAAM,GAAG,GAAG,aAAa,MAAM,CAAC;wBACtC,MAAM,MAAM,GAAG,cAAc,CAAC;wBAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;6BAClE,IAAI,CAAC,QAAQ,CAAC;6BACd,IAAI,CAAC,EAAE,CAAC,CAAC;wBACZ,OAAO,GAAG,MAAM,GAAG,MAAM,QAAQ,MAAM,EAAE,CAAC;oBAC5C,CAAC;oBACD,WAAW,EAAE,CAAC;oBACd,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;qBACjB;iBACF;aACF,CAAC;YAEF,OAAO,OAAO,CAAC;QACjB,CAAC;KAAA;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC"}
package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js CHANGED
@@ -1,3 +1,12 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
1
10
  /*
2
11
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
3
12
  *
@@ -46,5 +55,16 @@ const series = [
46
55
  ];
47
56
  export const Basics = makeStory(conf, {
48
57
  items: [{ series, max: 60 * 1000 }],
58
+ play: ({ component }) => __awaiter(void 0, void 0, void 0, function* () {
59
+ // console.log('component', component);
60
+ let value = 1000;
61
+ const interval = setInterval(() => {
62
+ value += 1000;
63
+ component.value = value;
64
+ if (component.value >= component.max) {
65
+ clearInterval(interval);
66
+ }
67
+ }, 1000);
68
+ }),
49
69
  });
50
70
  //# sourceMappingURL=gv-chart-gauge-progress.stories.js.map
package/src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gv-chart-gauge-progress.stories.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,MAAM,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAEzC,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,yBAAyB;IACpC,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,yBAAyB;IACpC,MAAM;IACN,GAAG,EAAE;;;;CAIN;CACA,CAAC;AAEF,MAAM,MAAM,GAAG;IACb;QACE,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,4BAA4B;gBACnC,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;gBAClB,CAAC,EAAE,CAAC;aACL;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;IACpC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;CACpC,CAAC,CAAC"}
1
+ {"version":3,"file":"gv-chart-gauge-progress.stories.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-gauge-progress/gv-chart-gauge-progress.stories.js"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,MAAM,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAEzC,eAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,yBAAyB;IACpC,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,yBAAyB;IACpC,MAAM;IACN,GAAG,EAAE;;;;CAIN;CACA,CAAC;AAEF,MAAM,MAAM,GAAG;IACb;QACE,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,4BAA4B;gBACnC,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;gBAClB,CAAC,EAAE,CAAC;aACL;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;IACpC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;IACnC,IAAI,EAAE,CAAO,EAAE,SAAS,EAAE,EAAE,EAAE;QAC5B,uCAAuC;QACvC,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,KAAK,IAAI,IAAI,CAAC;YACd,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;YACxB,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,GAAG,EAAE;gBACpC,aAAa,CAAC,QAAQ,CAAC,CAAC;aACzB;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAA;CACF,CAAC,CAAC"}