adjustments

CHANGELOG.md

@@ -1,6 +1,7 @@
 # 5.3.0
 
 - Added `multiple` prop to `c-select`, allowing for the selection of multiple models.
+- `c-select-many-to-many` is now based on `c-select` rather than `v-autocomplete`. As a result, it has gained support for all of the props and slots of `c-select`.
 
 # 5.2.1
 

docs/stacks/vue/coalesce-vue-vuetify/components/c-select.md

@@ -167,8 +167,8 @@ createMethods = {
 
 ## Slots
 
-`#item="{ item, search }"` - Slot used to customize the text of both items inside the list, as well as the text of selected items. By default, items are rendered with [c-display](/stacks/vue/coalesce-vue-vuetify/components/c-display.md). Slot is passed a parameter `item` containing a [model instance](/stacks/vue/layers/models.md), and `search` containing the current search query.
+`#item="{ item: TModel, search: string }"` - Slot used to customize the text of both items inside the list, as well as the text of selected items. By default, items are rendered with [c-display](/stacks/vue/coalesce-vue-vuetify/components/c-display.md). Slot is passed a parameter `item` containing a [model instance](/stacks/vue/layers/models.md), and `search` containing the current search query.
 
-`#list-item="{ item, search }"` - Slot used to customize the text of items inside the list. If not provided, falls back to the `item` slot.
+`#list-item="{ item: TModel, search: string, selected: boolean }"` - Slot used to customize the text of items inside the list. If not provided, falls back to the `item` slot. Contents are wrapped in a `v-list-item-title`.
 
-`#selected-item="{ item, search }"` - Slot used to customize the text of selected items. If not provided, falls back to the `item` slot.
+`#selected-item="{ item: TModel, search: string, remove: () => void }"` - Slot used to customize the text of selected items. If not provided, falls back to the `item` slot. The `remove` function will deselect the item and is only valid when using multi-select.

src/coalesce-vue-vuetify3/src/components/input/c-select.vue

@@ -30,7 +30,12 @@
           v-for="item in internalModelValue"
           :key="item[modelObjectMeta.keyProp.name]"
         >
-          <slot name="selected-item" :item="item" :search="search">
+          <slot
+            name="selected-item"
+            :item="item"
+            :search="search"
+            :remove="() => onInput(item)"
+          >
             <slot name="item" :item="item" :search="search">
               <v-chip
                 v-if="effectiveMultiple"
@@ -400,6 +405,8 @@ defineSlots<{
   ["selected-item"]?(props: {
     item: SelectedModelTypeSingle;
     search: string | null;
+    /** Remove/unselect the item. Only applicable for multiselect/multiple mode. */
+    remove: () => void;
   }): any;
   ["list-item"]?(props: {
     item: SelectedModelTypeSingle;