@enki-tek/fms-web-components 0.1.13 → 0.1.14
Sign up to get free protection for your applications and to get access to all the features.
- 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",
|