@enki-tek/fms-web-components 0.1.14 → 0.1.16

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,26 +3,21 @@
3
3
  </script>
4
4
 
5
5
  <div class="main-content">
6
- <div
7
- class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 mb-3
8
- "
9
- >
10
- <div class="d-flex flex-column px-0" style="width:100%">
11
- <Col md="7">
12
- <header>
13
- <div class="d-flex flex-row justify-content-start title">
14
- <slot name="title" />
15
- </div>
16
- </header>
17
- </Col>
18
- <Col class="mt-1">
19
- <slot name="actions" />
20
- </Col>
21
- </div>
22
- <Row>
23
- <slot name="widget" />
24
- </Row>
6
+ <div class="d-flex justify-content-between flex-wrap align-items-top mt-3 pb-2 px-0 flex-fill">
7
+ <Col md="7">
8
+ <header>
9
+ <div class="d-flex flex-row justify-content-start title">
10
+ <slot name="title" />
11
+ </div>
12
+ </header>
13
+ </Col>
14
+ <Col class="mt-1">
15
+ <slot name="actions" />
16
+ </Col>
25
17
  </div>
18
+ <Row>
19
+ <slot name="widget" />
20
+ </Row>
26
21
  <div>
27
22
  <slot name="statuscard" />
28
23
  </div>
@@ -1,11 +1,11 @@
1
1
  <script>
2
2
  import Icon from '../Icon/Icon.svelte';
3
- import { Badge } from 'sveltestrap';
4
3
  export let sensorName;
4
+ export let icon="house-fill";
5
5
  </script>
6
6
  <div class="row align-items-center p-0">
7
7
  <div class="col">
8
- <div class="text-dark"><Icon iconName="house-fill" />{sensorName}</div>
8
+ <div class="text-dark"><Icon iconName="{icon}" />{sensorName}</div>
9
9
  <slot name='status' />
10
10
  </div>
11
11
  <div class="col p-0">
@@ -3,6 +3,7 @@
3
3
  /** @typedef {typeof __propDef.slots} SensorWidgetTitleSlots */
4
4
  export default class SensorWidgetTitle extends SvelteComponentTyped<{
5
5
  sensorName: any;
6
+ icon?: string | undefined;
6
7
  }, {
7
8
  [evt: string]: CustomEvent<any>;
8
9
  }, {
@@ -17,6 +18,7 @@ import { SvelteComponentTyped } from "svelte";
17
18
  declare const __propDef: {
18
19
  props: {
19
20
  sensorName: any;
21
+ icon?: string | undefined;
20
22
  };
21
23
  events: {
22
24
  [evt: string]: CustomEvent<any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.14",
3
+ "version": "0.1.16",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",