@dative-gpi/foundation-shared-components 0.0.161 → 0.0.165

package/components/fields/FSSearchField.vue

@@ -7,7 +7,7 @@
     v-bind="$attrs"
   >
     <template
-      v-for="(_, name) in $slots"
+      v-for="(_, name) in slots"
       v-slot:[name]="slotData"
     >
       <slot
@@ -56,6 +56,8 @@ import { computed, defineComponent, PropType, ref, watch } from "vue";
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 
+import { useSlots } from "../../composables";
+
 import FSTextField from "./FSTextField.vue";
 import FSButton from "../FSButton.vue";
 
@@ -120,6 +122,10 @@ export default defineComponent({
   emits: ["update:modelValue"],
   setup(props, { emit }) {
     const { $tr } = useTranslationsProvider();
+    const { slots } = useSlots();
+
+    delete slots["prepend-inner"];
+    delete slots.append;
 
     const innerValue = ref(props.modelValue);
 
@@ -148,6 +154,7 @@ export default defineComponent({
       buttonLabel,
       innerValue,
       ColorEnum,
+      slots,
       onSearch
     };
   }

package/components/fields/FSTagField.vue

@@ -15,7 +15,7 @@
       v-bind="$attrs"
     >
       <template
-        v-for="(_, name) in $slots"
+        v-for="(_, name) in slots"
         v-slot:[name]="slotData"
       >
         <slot
@@ -26,17 +26,16 @@
       <template
         #append-inner
       >
+        <FSButton
+          variant="icon"
+          icon="mdi-tag-outline"
+          :editable="$props.editable"
+          :color="ColorEnum.Dark"
+          @click="onAdd"
+        />
         <slot
           name="append-inner"
-        >
-          <FSButton
-            variant="icon"
-            icon="mdi-tag-outline"
-            :editable="$props.editable"
-            :color="ColorEnum.Dark"
-            @click="onAdd"
-          />
-        </slot>
+        />
       </template>
     </FSTextField>
     <FSTagGroup
@@ -52,8 +51,8 @@
 <script lang="ts">
 import { computed, defineComponent, PropType, ref } from "vue";
 
+import { useColors, useRules, useSlots } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-import { useColors, useRules } from "@dative-gpi/foundation-shared-components/composables";
 
 import FSTextField from "./FSTextField.vue";
 import FSTagGroup from "../FSTagGroup.vue";
@@ -119,6 +118,9 @@ export default defineComponent({
   setup(props, { emit }) {
     const {validateOn, getMessages} = useRules();
     const { getColors } = useColors();
+    const { slots } = useSlots();
+
+    delete slots["append-inner"];
 
     const errors = getColors(ColorEnum.Error);
     const lights = getColors(ColorEnum.Light);
@@ -170,6 +172,7 @@ export default defineComponent({
       validateOn,
       ColorEnum,
       messages,
+      slots,
       style,
       onRemove,
       onAdd

package/components/fields/FSTranslateField.vue

@@ -6,7 +6,7 @@
     v-bind="$attrs"
   >
     <template
-      v-for="(_, name) in $slots"
+      v-for="(_, name) in slots"
       v-slot:[name]="slotData"
     >
       <slot
@@ -89,7 +89,7 @@ import { computed, defineComponent, onMounted, PropType, ref } from "vue";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 import { useLanguages } from "@dative-gpi/foundation-shared-services/composables";
 
-import { useColors } from "../../composables";
+import { useColors, useSlots } from "../../composables";
 
 import FSDialogSubmit from "../FSDialogSubmit.vue";
 import FSTextField from "./FSTextField.vue";
@@ -159,6 +159,9 @@ export default defineComponent({
   setup(props, { emit }) {
     const { getMany: getManyLanguages, fetching: fetchingLanguages, entities: languages } = useLanguages();
     const { getColors } = useColors();
+    const { slots } = useSlots();
+
+    delete slots.append;
 
     const innerTranslations = ref(props.translations);
     const dialog = ref(false);
@@ -225,6 +228,7 @@ export default defineComponent({
       ColorEnum,
       languages,
       dialog,
+      slots,
       style,
       getTranslation,
       setTranslation,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.161",
+  "version": "0.0.165",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,27 +10,27 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.161",
-    "@dative-gpi/foundation-shared-services": "0.0.161",
-    "@fontsource/montserrat": "^5.0.16",
-    "@lexical/clipboard": "^0.12.5",
-    "@lexical/history": "^0.12.5",
-    "@lexical/link": "^0.12.5",
-    "@lexical/plain-text": "^0.12.5",
-    "@lexical/rich-text": "^0.12.5",
-    "@lexical/selection": "^0.12.5",
-    "@lexical/text": "^0.12.5",
-    "@lexical/utils": "^0.12.5",
-    "@mdi/font": "^7.4.47",
-    "blurhash": "^2.0.5",
-    "color": "^4.2.3",
-    "lexical": "^0.12.5",
-    "vue": "^3.4.23"
+    "@dative-gpi/foundation-shared-domain": "0.0.165",
+    "@dative-gpi/foundation-shared-services": "0.0.165",
+    "@fontsource/montserrat": "5.0.16",
+    "@lexical/clipboard": "0.12.5",
+    "@lexical/history": "0.12.5",
+    "@lexical/link": "0.12.5",
+    "@lexical/plain-text": "0.12.5",
+    "@lexical/rich-text": "0.12.5",
+    "@lexical/selection": "0.12.5",
+    "@lexical/text": "0.12.5",
+    "@lexical/utils": "0.12.5",
+    "@mdi/font": "7.4.47",
+    "blurhash": "2.0.5",
+    "color": "4.2.3",
+    "lexical": "0.12.5",
+    "vue": "3.4.23"
   },
   "devDependencies": {
-    "@types/color": "^3.0.6",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2"
+    "@types/color": "3.0.6",
+    "sass": "1.71.1",
+    "sass-loader": "13.3.2"
   },
-  "gitHead": "f6534cbfe0ebbaf134fd2734c7abd9ecad95fcc4"
+  "gitHead": "13beb068d8bdd9fd17bc91165916b6ed6d8c9a07"
 }