@enki-tek/fms-web-components 0.1.29 → 0.1.31

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. package/components/Sidebar/MenuGroup.svelte +0 -1
  2. package/components/Sidebar/MenuItem.svelte +0 -1
  3. package/components/Sidebar/SideBarMenu.svelte +2 -3
  4. package/components/Sidebar/Sidebar.scss +0 -1
  5. package/components/Sidebar/Sidebar.svelte +0 -1
  6. package/components/StatusCard/PlainCard.svelte +5 -2
  7. package/components/StatusCard/PlainCard.svelte.d.ts +2 -0
  8. package/components/WidgetCard/AlertFooter.svelte +1 -0
  9. package/components/WidgetCard/BadgeCard.svelte +1 -0
  10. package/components/WidgetCard/Card.scss +1 -0
  11. package/components/WidgetCard/SensorStatusCard.svelte +1 -0
  12. package/components/WidgetCard/SensorWidgetTitle.svelte +10 -9
  13. package/components/WidgetCard/StateCard.svelte +1 -0
  14. package/components/WidgetCard/WidgetCard.svelte +1 -0
  15. package/package.json +1 -1
package/components/Sidebar/MenuGroup.svelte CHANGED
@@ -109,5 +109,4 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
109
109
  #sidebarMenu {
110
110
  height: calc(100vh - 146px);
111
111
  overflow: auto;
112
- border-radius: 0.75rem;
113
112
  }</style>
package/components/Sidebar/MenuItem.svelte CHANGED
@@ -122,6 +122,5 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
122
122
  #sidebarMenu {
123
123
  height: calc(100vh - 146px);
124
124
  overflow: auto;
125
- border-radius: 0.75rem;
126
125
  }</style>
127
126
 
package/components/Sidebar/SideBarMenu.svelte CHANGED
@@ -5,9 +5,9 @@
5
5
  export let companyName = 'EnkiTek';
6
6
  </script>
7
7
 
8
- <div class="sidebar pe-0" >
8
+ <div class="sidebar pe-0">
9
9
  <div
10
- class="offcanvas-md offcanvas-end bg-white"
10
+ class="offcanvas-md offcanvas-end bg-white rounded-3"
11
11
  tabindex="-1"
12
12
  id="sidebarMenu"
13
13
  aria-labelledby="sidebarMenuLabel"
@@ -132,7 +132,6 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
132
132
  #sidebarMenu {
133
133
  height: calc(100vh - 146px);
134
134
  overflow: auto;
135
- border-radius: 0.75rem;
136
135
  }
137
136
  @media (min-width: 768px) {
138
137
  .sidebar .offcanvas-lg {
package/components/Sidebar/Sidebar.scss CHANGED
@@ -153,5 +153,4 @@ ul {
153
153
  #sidebarMenu {
154
154
  height: calc(100vh - 146px);
155
155
  overflow: auto;
156
- border-radius: .75rem;
157
156
  }
package/components/Sidebar/Sidebar.svelte CHANGED
@@ -185,7 +185,6 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
185
185
  #sidebarMenu {
186
186
  height: calc(100vh - 146px);
187
187
  overflow: auto;
188
- border-radius: 0.75rem;
189
188
  }
190
189
  :global(.ebg-none) {
191
190
  background-color: #ffffff !important;
package/components/StatusCard/PlainCard.svelte CHANGED
@@ -1,10 +1,13 @@
1
1
  <script>
2
+ import SensorWidgetTitle from '../WidgetCard/SensorWidgetTitle.svelte';
3
+
2
4
  export let title = 'Sensor Alert and Notification';
5
+ export let icon = 'null';
3
6
  </script>
4
7
 
5
8
  <div class=" m-2 card">
6
- <div class="row">
7
- <div class="col plain-card-title">{title}</div>
9
+ <div class="row-flex">
10
+ <SensorWidgetTitle sensorName={title} {icon} />
8
11
  <div class="col">
9
12
  <div class="float-end">
10
13
  <slot name="activity" />
package/components/StatusCard/PlainCard.svelte.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  /** @typedef {typeof __propDef.events} PlainCardEvents */
3
3
  /** @typedef {typeof __propDef.slots} PlainCardSlots */
4
4
  export default class PlainCard extends SvelteComponentTyped<{
5
+ icon?: string | undefined;
5
6
  title?: string | undefined;
6
7
  }, {
7
8
  [evt: string]: CustomEvent<any>;
@@ -16,6 +17,7 @@ export type PlainCardSlots = typeof __propDef.slots;
16
17
  import { SvelteComponentTyped } from "svelte";
17
18
  declare const __propDef: {
18
19
  props: {
20
+ icon?: string | undefined;
19
21
  title?: string | undefined;
20
22
  };
21
23
  events: {
package/components/WidgetCard/AlertFooter.svelte CHANGED
@@ -158,6 +158,7 @@
158
158
  font-family: Roboto;
159
159
  background-color: #f8f8f8;
160
160
  border-radius: 0.2rem;
161
+ height: fit-content;
161
162
  }
162
163
  .warning-icon {
163
164
  color: orange;
package/components/WidgetCard/BadgeCard.svelte CHANGED
@@ -132,6 +132,7 @@
132
132
  font-family: Roboto;
133
133
  background-color: #f8f8f8;
134
134
  border-radius: 0.2rem;
135
+ height: fit-content;
135
136
  }
136
137
  .warning-icon {
137
138
  color: orange;
package/components/WidgetCard/Card.scss CHANGED
@@ -141,6 +141,7 @@
141
141
  font-family: $bodyFonts;
142
142
  background-color: #f8f8f8;
143
143
  border-radius: calc((.2*$rem));
144
+ height: fit-content;
144
145
  }
145
146
 
146
147
  .warning-icon {
package/components/WidgetCard/SensorStatusCard.svelte CHANGED
@@ -151,6 +151,7 @@
151
151
  font-family: Roboto;
152
152
  background-color: #f8f8f8;
153
153
  border-radius: 0.2rem;
154
+ height: fit-content;
154
155
  }
155
156
  .warning-icon {
156
157
  color: orange;
package/components/WidgetCard/SensorWidgetTitle.svelte CHANGED
@@ -1,16 +1,17 @@
1
1
  <script>
2
2
  import Icon from '../Icon/Icon.svelte';
3
3
  export let sensorName;
4
- export let icon="house-fill";
4
+ export let icon = 'house-fill';
5
5
  </script>
6
- <div class="row align-items-center p-0">
7
- <div class="col">
8
- <div class="text-dark h6"><Icon iconName="{icon}" />{sensorName}</div>
9
- <slot name='status' />
10
- </div>
11
- <div class="col p-0">
12
- <div class="float-end p-0">
6
+
7
+ <div class="row-flex align-items-center p-0">
8
+ <div class="col">
9
+ <div class="text-dark h6"><Icon iconName={icon} />{sensorName}</div>
10
+ <slot name="status" />
11
+ </div>
12
+ <div class="col p-0">
13
+ <div class="float-end p-0">
13
14
  <slot name="menu" />
14
- </div>
15
15
  </div>
16
16
  </div>
17
+ </div>
package/components/WidgetCard/StateCard.svelte CHANGED
@@ -154,6 +154,7 @@
154
154
  font-family: Roboto;
155
155
  background-color: #f8f8f8;
156
156
  border-radius: 0.2rem;
157
+ height: fit-content;
157
158
  }
158
159
  .warning-icon {
159
160
  color: orange;
package/components/WidgetCard/WidgetCard.svelte CHANGED
@@ -175,6 +175,7 @@
175
175
  font-family: Roboto;
176
176
  background-color: #f8f8f8;
177
177
  border-radius: 0.2rem;
178
+ height: fit-content;
178
179
  }
179
180
  .warning-icon {
180
181
  color: orange;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",