@enki-tek/fms-web-components 0.1.13 → 0.1.14
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/components/Layout/Page.svelte +2 -2
- package/components/StatusCard/GrayCard.svelte +57 -0
- package/components/StatusCard/GrayCard.svelte.d.ts +27 -0
- package/components/StatusCard/PlainCard.svelte +68 -0
- package/components/StatusCard/PlainCard.svelte.d.ts +29 -0
- package/components/StatusCard/StatusCard.scss +14 -0
- package/components/StatusCard/StatusCard.svelte +32 -2
- package/components/StatusCard/StatusCard.svelte.d.ts +4 -0
- package/components/StatusCard/StatusCardBody.svelte +14 -0
- package/components/StatusCard/StatusCardTitle.svelte +14 -0
- package/components/WidgetCard/AlertFooter.svelte +232 -0
- package/components/WidgetCard/AlertFooter.svelte.d.ts +31 -0
- package/components/WidgetCard/BadgeCard.svelte +206 -0
- package/components/WidgetCard/BadgeCard.svelte.d.ts +25 -0
- package/components/WidgetCard/Card.scss +189 -61
- package/components/WidgetCard/SensorStatusCard.svelte +113 -8
- package/components/WidgetCard/SensorWidgetBody.svelte +3 -0
- package/components/WidgetCard/SensorWidgetBody.svelte.d.ts +27 -0
- package/components/WidgetCard/SensorWidgetData.svelte +16 -0
- package/components/WidgetCard/SensorWidgetData.svelte.d.ts +25 -0
- package/components/WidgetCard/SensorWidgetFooter.svelte +3 -0
- package/components/WidgetCard/SensorWidgetFooter.svelte.d.ts +27 -0
- package/components/WidgetCard/SensorWidgetTitle.svelte +16 -0
- package/components/WidgetCard/SensorWidgetTitle.svelte.d.ts +29 -0
- package/components/WidgetCard/StateCard.svelte +113 -8
- package/components/WidgetCard/WidgetCard.svelte +113 -8
- package/index.d.ts +9 -1
- package/index.js +9 -1
- package/package.json +9 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} SensorWidgetDataProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} SensorWidgetDataEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} SensorWidgetDataSlots */
|
|
4
|
+
export default class SensorWidgetData extends SvelteComponentTyped<{
|
|
5
|
+
title: any;
|
|
6
|
+
subtitle: any;
|
|
7
|
+
}, {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
}, {}> {
|
|
10
|
+
}
|
|
11
|
+
export type SensorWidgetDataProps = typeof __propDef.props;
|
|
12
|
+
export type SensorWidgetDataEvents = typeof __propDef.events;
|
|
13
|
+
export type SensorWidgetDataSlots = typeof __propDef.slots;
|
|
14
|
+
import { SvelteComponentTyped } from "svelte";
|
|
15
|
+
declare const __propDef: {
|
|
16
|
+
props: {
|
|
17
|
+
title: any;
|
|
18
|
+
subtitle: any;
|
|
19
|
+
};
|
|
20
|
+
events: {
|
|
21
|
+
[evt: string]: CustomEvent<any>;
|
|
22
|
+
};
|
|
23
|
+
slots: {};
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} SensorWidgetFooterProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} SensorWidgetFooterEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} SensorWidgetFooterSlots */
|
|
4
|
+
export default class SensorWidgetFooter extends SvelteComponentTyped<{
|
|
5
|
+
[x: string]: never;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {
|
|
9
|
+
default: {};
|
|
10
|
+
}> {
|
|
11
|
+
}
|
|
12
|
+
export type SensorWidgetFooterProps = typeof __propDef.props;
|
|
13
|
+
export type SensorWidgetFooterEvents = typeof __propDef.events;
|
|
14
|
+
export type SensorWidgetFooterSlots = typeof __propDef.slots;
|
|
15
|
+
import { SvelteComponentTyped } from "svelte";
|
|
16
|
+
declare const __propDef: {
|
|
17
|
+
props: {
|
|
18
|
+
[x: string]: never;
|
|
19
|
+
};
|
|
20
|
+
events: {
|
|
21
|
+
[evt: string]: CustomEvent<any>;
|
|
22
|
+
};
|
|
23
|
+
slots: {
|
|
24
|
+
default: {};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import Icon from '../Icon/Icon.svelte';
|
|
3
|
+
import { Badge } from 'sveltestrap';
|
|
4
|
+
export let sensorName;
|
|
5
|
+
</script>
|
|
6
|
+
<div class="row align-items-center p-0">
|
|
7
|
+
<div class="col">
|
|
8
|
+
<div class="text-dark"><Icon iconName="house-fill" />{sensorName}</div>
|
|
9
|
+
<slot name='status' />
|
|
10
|
+
</div>
|
|
11
|
+
<div class="col p-0">
|
|
12
|
+
<div class="float-end p-0">
|
|
13
|
+
<slot name="menu" />
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/** @typedef {typeof __propDef.props} SensorWidgetTitleProps */
|
|
2
|
+
/** @typedef {typeof __propDef.events} SensorWidgetTitleEvents */
|
|
3
|
+
/** @typedef {typeof __propDef.slots} SensorWidgetTitleSlots */
|
|
4
|
+
export default class SensorWidgetTitle extends SvelteComponentTyped<{
|
|
5
|
+
sensorName: any;
|
|
6
|
+
}, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {
|
|
9
|
+
status: {};
|
|
10
|
+
menu: {};
|
|
11
|
+
}> {
|
|
12
|
+
}
|
|
13
|
+
export type SensorWidgetTitleProps = typeof __propDef.props;
|
|
14
|
+
export type SensorWidgetTitleEvents = typeof __propDef.events;
|
|
15
|
+
export type SensorWidgetTitleSlots = typeof __propDef.slots;
|
|
16
|
+
import { SvelteComponentTyped } from "svelte";
|
|
17
|
+
declare const __propDef: {
|
|
18
|
+
props: {
|
|
19
|
+
sensorName: any;
|
|
20
|
+
};
|
|
21
|
+
events: {
|
|
22
|
+
[evt: string]: CustomEvent<any>;
|
|
23
|
+
};
|
|
24
|
+
slots: {
|
|
25
|
+
status: {};
|
|
26
|
+
menu: {};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
@@ -47,6 +47,23 @@
|
|
|
47
47
|
border-color: transparent;
|
|
48
48
|
background-color: #E9ECEF !important;
|
|
49
49
|
}
|
|
50
|
+
.plain-card {
|
|
51
|
+
font-family: Roboto;
|
|
52
|
+
font-size: 16px;
|
|
53
|
+
border-radius: 0.75rem;
|
|
54
|
+
padding: 0.2rem;
|
|
55
|
+
width: fit-content;
|
|
56
|
+
display: flex;
|
|
57
|
+
}
|
|
58
|
+
.plain-color-card {
|
|
59
|
+
font-family: Roboto;
|
|
60
|
+
font-size: 12px;
|
|
61
|
+
border-radius: 0.75rem;
|
|
62
|
+
padding: 0.2rem;
|
|
63
|
+
width: fit-content;
|
|
64
|
+
background-color: antiquewhite;
|
|
65
|
+
display: flex;
|
|
66
|
+
}
|
|
50
67
|
.title {
|
|
51
68
|
font-size: 20px;
|
|
52
69
|
font-weight: 400;
|
|
@@ -75,21 +92,31 @@
|
|
|
75
92
|
float: left;
|
|
76
93
|
}
|
|
77
94
|
.completed-tag {
|
|
78
|
-
background-color: #
|
|
79
|
-
color: #
|
|
95
|
+
background-color: #E8F3EE;
|
|
96
|
+
color: #00750F;
|
|
97
|
+
border: 1px solid #C5E1D4;
|
|
80
98
|
padding: 5px 10px;
|
|
81
99
|
border-radius: 5px;
|
|
82
100
|
}
|
|
83
101
|
.overdue-tag {
|
|
84
|
-
background-color: #
|
|
85
|
-
color: #
|
|
102
|
+
background-color: #FFE9E8;
|
|
103
|
+
color: #FF4343;
|
|
104
|
+
border: 1px solid #FFC9C7;
|
|
86
105
|
padding: 5px 10px;
|
|
87
106
|
border-radius: 5px;
|
|
88
107
|
}
|
|
89
108
|
.progress-tag {
|
|
90
|
-
background-color: #
|
|
91
|
-
color: #
|
|
109
|
+
background-color: #FFF9E6;
|
|
110
|
+
color: #EA6D03;
|
|
111
|
+
padding: 5px 10px;
|
|
112
|
+
border: 1px solid #FFEFC1;
|
|
113
|
+
border-radius: 5px;
|
|
114
|
+
}
|
|
115
|
+
.inactive-tag {
|
|
116
|
+
background-color: #E9ECEF;
|
|
117
|
+
color: #6C757D;
|
|
92
118
|
padding: 5px 10px;
|
|
119
|
+
border: 1px solid #DEE2E6;
|
|
93
120
|
border-radius: 5px;
|
|
94
121
|
}
|
|
95
122
|
.statecardtitle {
|
|
@@ -110,14 +137,92 @@
|
|
|
110
137
|
width: max-content;
|
|
111
138
|
}
|
|
112
139
|
.activeStatus {
|
|
113
|
-
background-color: #c0e4c1;
|
|
140
|
+
background-color: #c0e4c1;
|
|
141
|
+
/* Green */
|
|
114
142
|
color: #4CAF50;
|
|
115
143
|
padding: 5px 10px;
|
|
116
144
|
border-radius: 5px;
|
|
117
145
|
}
|
|
118
146
|
.errorStatus {
|
|
119
|
-
background-color: #eba797;
|
|
147
|
+
background-color: #eba797;
|
|
148
|
+
/* Green */
|
|
120
149
|
color: #c9443a;
|
|
121
150
|
padding: 5px 10px;
|
|
122
151
|
border-radius: 5px;
|
|
152
|
+
}
|
|
153
|
+
.badge {
|
|
154
|
+
font-family: Roboto;
|
|
155
|
+
background-color: #f8f8f8;
|
|
156
|
+
border-radius: 0.2rem;
|
|
157
|
+
}
|
|
158
|
+
.warning-icon {
|
|
159
|
+
color: orange;
|
|
160
|
+
}
|
|
161
|
+
.warning-icon-medium {
|
|
162
|
+
font-size: medium;
|
|
163
|
+
}
|
|
164
|
+
.time-slot {
|
|
165
|
+
font-size: 12px;
|
|
166
|
+
font-weight: 400;
|
|
167
|
+
color: #6C757D;
|
|
168
|
+
}
|
|
169
|
+
/* Toggle switch container */
|
|
170
|
+
.switch {
|
|
171
|
+
position: relative;
|
|
172
|
+
display: inline-block;
|
|
173
|
+
width: 70px;
|
|
174
|
+
height: 34px;
|
|
175
|
+
}
|
|
176
|
+
/* Hide default HTML checkbox */
|
|
177
|
+
.switch input {
|
|
178
|
+
opacity: 0;
|
|
179
|
+
width: 0;
|
|
180
|
+
height: 0;
|
|
181
|
+
}
|
|
182
|
+
/* Slider */
|
|
183
|
+
.slider {
|
|
184
|
+
position: absolute;
|
|
185
|
+
cursor: pointer;
|
|
186
|
+
top: 0;
|
|
187
|
+
left: 0;
|
|
188
|
+
right: 0;
|
|
189
|
+
bottom: 0;
|
|
190
|
+
background-color: #ccc;
|
|
191
|
+
transition: 0.4s;
|
|
192
|
+
border-radius: 34px;
|
|
193
|
+
}
|
|
194
|
+
.slider:before {
|
|
195
|
+
position: absolute;
|
|
196
|
+
content: "OFF";
|
|
197
|
+
color: white;
|
|
198
|
+
font-size: 14px;
|
|
199
|
+
font-weight: bold;
|
|
200
|
+
text-align: center;
|
|
201
|
+
width: 100%;
|
|
202
|
+
line-height: 34px;
|
|
203
|
+
transition: 0.4s;
|
|
204
|
+
margin-left: 15px;
|
|
205
|
+
}
|
|
206
|
+
/* Circle (round icon) */
|
|
207
|
+
.slider:after {
|
|
208
|
+
position: absolute;
|
|
209
|
+
content: "";
|
|
210
|
+
height: 26px;
|
|
211
|
+
width: 26px;
|
|
212
|
+
left: 4px;
|
|
213
|
+
bottom: 4px;
|
|
214
|
+
background-color: white;
|
|
215
|
+
transition: 0.4s;
|
|
216
|
+
border-radius: 50%;
|
|
217
|
+
}
|
|
218
|
+
/* Checked state */
|
|
219
|
+
input:checked + .slider {
|
|
220
|
+
background-color: #4CAF50;
|
|
221
|
+
}
|
|
222
|
+
input:checked + .slider:before {
|
|
223
|
+
padding-right: 50px;
|
|
224
|
+
content: "ON";
|
|
225
|
+
}
|
|
226
|
+
input:checked + .slider:after {
|
|
227
|
+
transform: translateX(36px);
|
|
123
228
|
}</style>
|
|
@@ -68,6 +68,23 @@
|
|
|
68
68
|
border-color: transparent;
|
|
69
69
|
background-color: #E9ECEF !important;
|
|
70
70
|
}
|
|
71
|
+
.plain-card {
|
|
72
|
+
font-family: Roboto;
|
|
73
|
+
font-size: 16px;
|
|
74
|
+
border-radius: 0.75rem;
|
|
75
|
+
padding: 0.2rem;
|
|
76
|
+
width: fit-content;
|
|
77
|
+
display: flex;
|
|
78
|
+
}
|
|
79
|
+
.plain-color-card {
|
|
80
|
+
font-family: Roboto;
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
border-radius: 0.75rem;
|
|
83
|
+
padding: 0.2rem;
|
|
84
|
+
width: fit-content;
|
|
85
|
+
background-color: antiquewhite;
|
|
86
|
+
display: flex;
|
|
87
|
+
}
|
|
71
88
|
.title {
|
|
72
89
|
font-size: 20px;
|
|
73
90
|
font-weight: 400;
|
|
@@ -96,21 +113,31 @@
|
|
|
96
113
|
float: left;
|
|
97
114
|
}
|
|
98
115
|
.completed-tag {
|
|
99
|
-
background-color: #
|
|
100
|
-
color: #
|
|
116
|
+
background-color: #E8F3EE;
|
|
117
|
+
color: #00750F;
|
|
118
|
+
border: 1px solid #C5E1D4;
|
|
101
119
|
padding: 5px 10px;
|
|
102
120
|
border-radius: 5px;
|
|
103
121
|
}
|
|
104
122
|
.overdue-tag {
|
|
105
|
-
background-color: #
|
|
106
|
-
color: #
|
|
123
|
+
background-color: #FFE9E8;
|
|
124
|
+
color: #FF4343;
|
|
125
|
+
border: 1px solid #FFC9C7;
|
|
107
126
|
padding: 5px 10px;
|
|
108
127
|
border-radius: 5px;
|
|
109
128
|
}
|
|
110
129
|
.progress-tag {
|
|
111
|
-
background-color: #
|
|
112
|
-
color: #
|
|
130
|
+
background-color: #FFF9E6;
|
|
131
|
+
color: #EA6D03;
|
|
132
|
+
padding: 5px 10px;
|
|
133
|
+
border: 1px solid #FFEFC1;
|
|
134
|
+
border-radius: 5px;
|
|
135
|
+
}
|
|
136
|
+
.inactive-tag {
|
|
137
|
+
background-color: #E9ECEF;
|
|
138
|
+
color: #6C757D;
|
|
113
139
|
padding: 5px 10px;
|
|
140
|
+
border: 1px solid #DEE2E6;
|
|
114
141
|
border-radius: 5px;
|
|
115
142
|
}
|
|
116
143
|
.statecardtitle {
|
|
@@ -131,14 +158,92 @@
|
|
|
131
158
|
width: max-content;
|
|
132
159
|
}
|
|
133
160
|
.activeStatus {
|
|
134
|
-
background-color: #c0e4c1;
|
|
161
|
+
background-color: #c0e4c1;
|
|
162
|
+
/* Green */
|
|
135
163
|
color: #4CAF50;
|
|
136
164
|
padding: 5px 10px;
|
|
137
165
|
border-radius: 5px;
|
|
138
166
|
}
|
|
139
167
|
.errorStatus {
|
|
140
|
-
background-color: #eba797;
|
|
168
|
+
background-color: #eba797;
|
|
169
|
+
/* Green */
|
|
141
170
|
color: #c9443a;
|
|
142
171
|
padding: 5px 10px;
|
|
143
172
|
border-radius: 5px;
|
|
173
|
+
}
|
|
174
|
+
.badge {
|
|
175
|
+
font-family: Roboto;
|
|
176
|
+
background-color: #f8f8f8;
|
|
177
|
+
border-radius: 0.2rem;
|
|
178
|
+
}
|
|
179
|
+
.warning-icon {
|
|
180
|
+
color: orange;
|
|
181
|
+
}
|
|
182
|
+
.warning-icon-medium {
|
|
183
|
+
font-size: medium;
|
|
184
|
+
}
|
|
185
|
+
.time-slot {
|
|
186
|
+
font-size: 12px;
|
|
187
|
+
font-weight: 400;
|
|
188
|
+
color: #6C757D;
|
|
189
|
+
}
|
|
190
|
+
/* Toggle switch container */
|
|
191
|
+
.switch {
|
|
192
|
+
position: relative;
|
|
193
|
+
display: inline-block;
|
|
194
|
+
width: 70px;
|
|
195
|
+
height: 34px;
|
|
196
|
+
}
|
|
197
|
+
/* Hide default HTML checkbox */
|
|
198
|
+
.switch input {
|
|
199
|
+
opacity: 0;
|
|
200
|
+
width: 0;
|
|
201
|
+
height: 0;
|
|
202
|
+
}
|
|
203
|
+
/* Slider */
|
|
204
|
+
.slider {
|
|
205
|
+
position: absolute;
|
|
206
|
+
cursor: pointer;
|
|
207
|
+
top: 0;
|
|
208
|
+
left: 0;
|
|
209
|
+
right: 0;
|
|
210
|
+
bottom: 0;
|
|
211
|
+
background-color: #ccc;
|
|
212
|
+
transition: 0.4s;
|
|
213
|
+
border-radius: 34px;
|
|
214
|
+
}
|
|
215
|
+
.slider:before {
|
|
216
|
+
position: absolute;
|
|
217
|
+
content: "OFF";
|
|
218
|
+
color: white;
|
|
219
|
+
font-size: 14px;
|
|
220
|
+
font-weight: bold;
|
|
221
|
+
text-align: center;
|
|
222
|
+
width: 100%;
|
|
223
|
+
line-height: 34px;
|
|
224
|
+
transition: 0.4s;
|
|
225
|
+
margin-left: 15px;
|
|
226
|
+
}
|
|
227
|
+
/* Circle (round icon) */
|
|
228
|
+
.slider:after {
|
|
229
|
+
position: absolute;
|
|
230
|
+
content: "";
|
|
231
|
+
height: 26px;
|
|
232
|
+
width: 26px;
|
|
233
|
+
left: 4px;
|
|
234
|
+
bottom: 4px;
|
|
235
|
+
background-color: white;
|
|
236
|
+
transition: 0.4s;
|
|
237
|
+
border-radius: 50%;
|
|
238
|
+
}
|
|
239
|
+
/* Checked state */
|
|
240
|
+
input:checked + .slider {
|
|
241
|
+
background-color: #4CAF50;
|
|
242
|
+
}
|
|
243
|
+
input:checked + .slider:before {
|
|
244
|
+
padding-right: 50px;
|
|
245
|
+
content: "ON";
|
|
246
|
+
}
|
|
247
|
+
input:checked + .slider:after {
|
|
248
|
+
transform: translateX(36px);
|
|
144
249
|
}</style>
|
package/index.d.ts
CHANGED
|
@@ -75,5 +75,13 @@ import PieChart from './components/Charts/PieChart.svelte';
|
|
|
75
75
|
import BarChart from './components/Charts/Barchart.svelte';
|
|
76
76
|
import LineChart from './components/Charts/LineChart.svelte';
|
|
77
77
|
import StatusCardSubtitle from './components/StatusCard/StatusCardSubtitle.svelte';
|
|
78
|
-
|
|
78
|
+
import SensorWidgetBody from './components/WidgetCard/SensorWidgetBody.svelte';
|
|
79
|
+
import SensorWidgetTitle from './components/WidgetCard/SensorWidgetTitle.svelte';
|
|
80
|
+
import SensorWidgetData from './components/WidgetCard/SensorWidgetData.svelte';
|
|
81
|
+
import SensorWidgetFooter from './components/WidgetCard/SensorWidgetFooter.svelte';
|
|
82
|
+
import BadgeCard from './components/WidgetCard/BadgeCard.svelte';
|
|
83
|
+
import AlertFooter from './components/WidgetCard/AlertFooter.svelte';
|
|
84
|
+
import PlainCard from './components/StatusCard/PlainCard.svelte';
|
|
85
|
+
import GrayCard from './components/StatusCard/GrayCard.svelte';
|
|
86
|
+
export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StatusCardSubtitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, SensorWidgetBody, SensorWidgetTitle, SensorWidgetData, SensorWidgetFooter, BadgeCard, AlertFooter, PlainCard, GrayCard };
|
|
79
87
|
export default i18nInit;
|
package/index.js
CHANGED
|
@@ -76,5 +76,13 @@ import PieChart from './components/Charts/PieChart.svelte';
|
|
|
76
76
|
import BarChart from './components/Charts/Barchart.svelte';
|
|
77
77
|
import LineChart from './components/Charts/LineChart.svelte';
|
|
78
78
|
import StatusCardSubtitle from './components/StatusCard/StatusCardSubtitle.svelte';
|
|
79
|
-
|
|
79
|
+
import SensorWidgetBody from './components/WidgetCard/SensorWidgetBody.svelte';
|
|
80
|
+
import SensorWidgetTitle from './components/WidgetCard/SensorWidgetTitle.svelte';
|
|
81
|
+
import SensorWidgetData from './components/WidgetCard/SensorWidgetData.svelte';
|
|
82
|
+
import SensorWidgetFooter from './components/WidgetCard/SensorWidgetFooter.svelte';
|
|
83
|
+
import BadgeCard from './components/WidgetCard/BadgeCard.svelte';
|
|
84
|
+
import AlertFooter from './components/WidgetCard/AlertFooter.svelte';
|
|
85
|
+
import PlainCard from './components/StatusCard/PlainCard.svelte';
|
|
86
|
+
import GrayCard from './components/StatusCard/GrayCard.svelte';
|
|
87
|
+
export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StatusCardSubtitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, SensorWidgetBody, SensorWidgetTitle, SensorWidgetData, SensorWidgetFooter, BadgeCard, AlertFooter, PlainCard, GrayCard };
|
|
80
88
|
export default i18nInit;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@enki-tek/fms-web-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"devDependencies": {
|
|
5
5
|
"@storybook/addon-essentials": "^7.6.14",
|
|
6
6
|
"@storybook/addon-interactions": "^7.6.14",
|
|
@@ -155,6 +155,8 @@
|
|
|
155
155
|
"./components/Sidebar/Sidebar.scss": "./components/Sidebar/Sidebar.scss",
|
|
156
156
|
"./components/Sidebar/Sidebar.stories": "./components/Sidebar/Sidebar.stories.js",
|
|
157
157
|
"./components/Sidebar/Sidebar.svelte": "./components/Sidebar/Sidebar.svelte",
|
|
158
|
+
"./components/StatusCard/GrayCard.svelte": "./components/StatusCard/GrayCard.svelte",
|
|
159
|
+
"./components/StatusCard/PlainCard.svelte": "./components/StatusCard/PlainCard.svelte",
|
|
158
160
|
"./components/StatusCard/StatusCard.scss": "./components/StatusCard/StatusCard.scss",
|
|
159
161
|
"./components/StatusCard/StatusCard.svelte": "./components/StatusCard/StatusCard.svelte",
|
|
160
162
|
"./components/StatusCard/StatusCardBody.svelte": "./components/StatusCard/StatusCardBody.svelte",
|
|
@@ -179,8 +181,14 @@
|
|
|
179
181
|
"./components/Tooltip/Tooltip.scss": "./components/Tooltip/Tooltip.scss",
|
|
180
182
|
"./components/Tooltip/Tooltip.stories": "./components/Tooltip/Tooltip.stories.js",
|
|
181
183
|
"./components/Tooltip/Tooltip.svelte": "./components/Tooltip/Tooltip.svelte",
|
|
184
|
+
"./components/WidgetCard/AlertFooter.svelte": "./components/WidgetCard/AlertFooter.svelte",
|
|
185
|
+
"./components/WidgetCard/BadgeCard.svelte": "./components/WidgetCard/BadgeCard.svelte",
|
|
182
186
|
"./components/WidgetCard/Card.scss": "./components/WidgetCard/Card.scss",
|
|
183
187
|
"./components/WidgetCard/SensorStatusCard.svelte": "./components/WidgetCard/SensorStatusCard.svelte",
|
|
188
|
+
"./components/WidgetCard/SensorWidgetBody.svelte": "./components/WidgetCard/SensorWidgetBody.svelte",
|
|
189
|
+
"./components/WidgetCard/SensorWidgetData.svelte": "./components/WidgetCard/SensorWidgetData.svelte",
|
|
190
|
+
"./components/WidgetCard/SensorWidgetFooter.svelte": "./components/WidgetCard/SensorWidgetFooter.svelte",
|
|
191
|
+
"./components/WidgetCard/SensorWidgetTitle.svelte": "./components/WidgetCard/SensorWidgetTitle.svelte",
|
|
184
192
|
"./components/WidgetCard/StateCard.svelte": "./components/WidgetCard/StateCard.svelte",
|
|
185
193
|
"./components/WidgetCard/WidgetCard.svelte": "./components/WidgetCard/WidgetCard.svelte",
|
|
186
194
|
"./components/WidgetCard/WidgetCardBody.svelte": "./components/WidgetCard/WidgetCardBody.svelte",
|