@enki-tek/fms-web-components 0.1.35 → 0.1.37

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 (5) hide show
  1. package/components/Charts/chartColors.js +10 -35
  2. package/components/StatusCard/StatusCardBody.svelte +11 -5
  3. package/components/WidgetCard/AlertFooter.svelte +2 -2
  4. package/components/WidgetCard/SensorWidgetTitle.svelte +1 -1
  5. package/package.json +1 -1
package/components/Charts/chartColors.js CHANGED
@@ -1,42 +1,17 @@
1
1
  const colors = [
2
- "#D12771",
3
- "#CB459E",
4
- "#FA72C9",
5
- "#750E13",
6
- "#A2191F",
7
- "#DA1E28",
8
- "#FA4D56",
9
- "#FF8389",
10
- "#FFB3B8",
11
- "#003A6D",
12
- "#00539A",
13
- "#0072C3",
14
- "#1192E8",
15
- "#33B1FF",
16
- "#82CFFF",
17
- "#491D8B",
18
- "#6929C4",
19
- "#8A3FFC",
20
- "#A56EFF",
21
- "#BE95FF",
22
- "#D4BBFF",
23
- "#004144",
24
- "#005D5D",
25
- "#007D79",
26
- "#009D9A",
27
- "#08BDBA",
28
- "#3DDBD9",
29
- "#C18300",
30
- "#D79200",
31
- "#ECA206",
32
- "#F8B21E",
33
- "#FAC045",
34
- "#FFD16D",
35
- "#8BBC05",
36
- "#99CE08"
2
+ "#E02899",
3
+ "#FF8800",
4
+ "#93E028",
5
+ "#70B6F8",
6
+ "#7821F1",
7
+ "#F1C721"
37
8
  ];
38
9
 
39
10
  export const getChartColors = (number = 1) => {
11
+ if (number > 5) {
12
+ return colors;
13
+ }
14
+
40
15
  return colors.slice(0, number);
41
16
  }
42
17
 
package/components/StatusCard/StatusCardBody.svelte CHANGED
@@ -8,12 +8,18 @@
8
8
  <div class="mt-1">
9
9
  <Row>
10
10
  <Col>
11
- <div class={Number(index) > 0 ? 'box1 mb-1' : 'box2 mb-1'}>
12
- <div class={Number(index) > 0 ? 'p-1 px-2 text-success' : 'p-1 px-2 text-danger'}>
13
- <i class="material-icons index">{Number(index) > 0 ? 'call_made' : 'call_received'}</i>
14
- {Number(index) > 0 ? '+' + index : index}
11
+ {#if index === false}
12
+ <div class="box1 mb-1">
13
+ <div class="p-1 px-2 text-danger">NA</div>
15
14
  </div>
16
- </div>
15
+ {:else}
16
+ <div class={Number(index) > 0 ? 'box1 mb-1' : 'box2 mb-1'}>
17
+ <div class={Number(index) > 0 ? 'p-1 px-2 text-success' : 'p-1 px-2 text-danger'}>
18
+ <i class="material-icons index">{Number(index) > 0 ? 'call_made' : 'call_received'}</i>
19
+ {Number(index) > 0 ? '+' + index : index}
20
+ </div>
21
+ </div>
22
+ {/if}
17
23
  <div class="text fw-normal">{text}</div></Col
18
24
  >
19
25
  <Col><div class="float-end value fw-bold">{value}</div></Col>
package/components/WidgetCard/AlertFooter.svelte CHANGED
@@ -8,14 +8,14 @@
8
8
  </script>
9
9
 
10
10
  <Row class="mt-2">
11
- <Col
11
+ <Col class="col-12"
12
12
  ><div class={color ? 'plain-color-card' : 'plain-card'}>
13
13
  <div>
14
14
  <i class="material-icons px-1 pe-2 pt-1 warning-icon {color ? 'warning-icon-medium' : ''}"
15
15
  >{icon}</i
16
16
  >
17
17
  </div>
18
- <div class="pe-2 pt-1">{text}</div>
18
+ <div class="pe-2 pt-1 text-break">{text}</div>
19
19
  </div>
20
20
  </Col>
21
21
  <Col md="3">
package/components/WidgetCard/SensorWidgetTitle.svelte CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  <div class="row-flex align-items-center p-0">
8
8
  <div class="col">
9
- <div class="text-dark h6"><Icon iconName={icon} />{sensorName}</div>
9
+ <div class="text-dark text-break h6"><Icon iconName={icon} />{sensorName}</div>
10
10
  <slot name="status" />
11
11
  </div>
12
12
  <div class="col p-0">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.35",
3
+ "version": "0.1.37",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",