@dative-gpi/foundation-shared-components 1.1.7 → 1.1.8

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.
@@ -54,7 +54,6 @@ export default defineComponent({
54
54
  FSText,
55
55
  FSRow
56
56
  },
57
- inheritAttrs: false,
58
57
  props: {
59
58
  label: {
60
59
  type: String as PropType<string>,
@@ -6,6 +6,34 @@
6
6
  <template
7
7
  #append-info
8
8
  >
9
+ <FSRow
10
+ v-if="$props.groupingLabel && $props.groupingIcon"
11
+ align="center-left"
12
+ :wrap="false"
13
+ >
14
+ <FSColor
15
+ height="24px"
16
+ :color="$props.groupingColor"
17
+ :border="false"
18
+ variant="standard"
19
+ >
20
+ <FSRow
21
+ align="center-center"
22
+ width="24px"
23
+ >
24
+ <FSIcon
25
+ size="16px"
26
+ >
27
+ {{ $props.groupingIcon }}
28
+ </FSIcon>
29
+ </FSRow>
30
+ </FSColor>
31
+ <FSSpan
32
+ font="text-overline"
33
+ >
34
+ {{ $props.groupingLabel }}
35
+ </FSSpan>
36
+ </FSRow>
9
37
  <FSEntityCountBadge
10
38
  :label="$tr('ui.common.devices', 'Devices')"
11
39
  :count="$props.deviceOrganisationsCount ?? 0"
@@ -16,20 +44,43 @@
16
44
  </template>
17
45
 
18
46
  <script lang="ts">
19
- import { defineComponent } from "vue";
47
+ import { defineComponent, type PropType } from "vue";
20
48
 
21
- import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
49
+ import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
22
50
 
23
51
  import FSEntityCountBadge from "./FSEntityCountBadge.vue";
24
52
  import FSSimpleTileUI from './FSSimpleTileUI.vue';
53
+ import FSColor from "../FSColor.vue";
54
+ import FSIcon from "../FSIcon.vue";
55
+ import FSSpan from "../FSSpan.vue";
56
+ import FSRow from "../FSRow.vue";
25
57
 
26
58
  export default defineComponent({
27
59
  name: "FSSubgroupingTileUI",
28
60
  components: {
61
+ FSEntityCountBadge,
29
62
  FSSimpleTileUI,
30
- FSEntityCountBadge
63
+ FSColor,
64
+ FSIcon,
65
+ FSSpan,
66
+ FSRow
31
67
  },
32
68
  props: {
69
+ groupingLabel: {
70
+ type: String as PropType<string | null>,
71
+ required: false,
72
+ default: null
73
+ },
74
+ groupingIcon: {
75
+ type: String as PropType<string | null>,
76
+ required: false,
77
+ default: null
78
+ },
79
+ groupingColor: {
80
+ type: String as PropType<ColorBase>,
81
+ required: false,
82
+ default: ColorEnum.Dark
83
+ },
33
84
  deviceOrganisationsCount: {
34
85
  type: Number,
35
86
  required: false,
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
5
5
  },
6
6
  "sideEffects": false,
7
- "version": "1.1.7",
7
+ "version": "1.1.8",
8
8
  "description": "",
9
9
  "publishConfig": {
10
10
  "access": "public"
@@ -13,8 +13,8 @@
13
13
  "author": "",
14
14
  "license": "ISC",
15
15
  "dependencies": {
16
- "@dative-gpi/foundation-shared-domain": "1.1.7",
17
- "@dative-gpi/foundation-shared-services": "1.1.7"
16
+ "@dative-gpi/foundation-shared-domain": "1.1.8",
17
+ "@dative-gpi/foundation-shared-services": "1.1.8"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@dative-gpi/bones-ui": "^1.0.0",
@@ -38,5 +38,5 @@
38
38
  "sass": "1.71.1",
39
39
  "sass-loader": "13.3.2"
40
40
  },
41
- "gitHead": "8bfcfdfce4573e79b5bbdb127f10622f4384bc50"
41
+ "gitHead": "d3acfab8c634278f1fe3794747580d0b00f10d0a"
42
42
  }