@dative-gpi/foundation-shared-components 0.0.225 → 0.0.227

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.
@@ -22,6 +22,7 @@
22
22
  </FSIcon>
23
23
  <FSSpan
24
24
  class="fs-accordion-panel-title"
25
+ :lineClamp="$props.lineClampTitle"
25
26
  >
26
27
  {{ $props.title }}
27
28
  </FSSpan>
@@ -35,23 +36,29 @@
35
36
  name="content"
36
37
  >
37
38
  <FSText
39
+ v-if="$props.variant === 'standard'"
38
40
  :lineClamp="$props.lineClampContent"
39
41
  >
40
42
  {{ $props.content }}
41
43
  </FSText>
44
+ <FSRichTextField
45
+ v-else-if="$props.variant === 'rich-text'"
46
+ variant="readonly"
47
+ :modelValue="$props.content"
48
+ />
42
49
  </slot>
43
50
  </template>
44
51
  </v-expansion-panel>
45
52
  </template>
46
53
 
47
54
  <script lang="ts">
48
- import type { PropType } from "vue";
49
- import { computed, defineComponent } from "vue";
55
+ import { computed, defineComponent, type PropType } from "vue";
50
56
 
51
57
  import { useColors } from "@dative-gpi/foundation-shared-components/composables";
52
58
  import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
53
59
  import { sizeToVar } from "@dative-gpi/foundation-shared-components/utils";
54
60
 
61
+ import FSRichTextField from "./fields/FSRichTextField.vue";
55
62
  import FSIcon from "./FSIcon.vue";
56
63
  import FSSpan from "./FSSpan.vue";
57
64
  import FSText from "./FSText.vue";
@@ -60,6 +67,7 @@ import FSRow from "./FSRow.vue";
60
67
  export default defineComponent({
61
68
  name: "FSAccordionPanel",
62
69
  components: {
70
+ FSRichTextField,
63
71
  FSIcon,
64
72
  FSSpan,
65
73
  FSText,
@@ -91,6 +99,11 @@ export default defineComponent({
91
99
  required: false,
92
100
  default: "16px"
93
101
  },
102
+ lineClampTitle: {
103
+ type: Number,
104
+ required: false,
105
+ default: 2
106
+ },
94
107
  lineClampContent: {
95
108
  type: Number,
96
109
  required: false,
@@ -110,6 +123,11 @@ export default defineComponent({
110
123
  type: String,
111
124
  required: false,
112
125
  default: ""
126
+ },
127
+ variant: {
128
+ type: String as PropType<"standard" | "rich-text">,
129
+ required: false,
130
+ default: "standard"
113
131
  }
114
132
  },
115
133
  setup(props) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-shared-components",
3
3
  "sideEffects": false,
4
- "version": "0.0.225",
4
+ "version": "0.0.227",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,8 +10,8 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-shared-domain": "0.0.225",
14
- "@dative-gpi/foundation-shared-services": "0.0.225"
13
+ "@dative-gpi/foundation-shared-domain": "0.0.227",
14
+ "@dative-gpi/foundation-shared-services": "0.0.227"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "@dative-gpi/bones-ui": "^0.0.75",
@@ -35,5 +35,5 @@
35
35
  "sass": "1.71.1",
36
36
  "sass-loader": "13.3.2"
37
37
  },
38
- "gitHead": "cbc2dac809c719bd2daf3b5fe166f51ae9b97fec"
38
+ "gitHead": "7447614dcabf82822076a6ef4e221de23f996ecb"
39
39
  }