diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 4b732219..4baa6ccb 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2429,6 +2429,7 @@ export interface MultiSelectItem { | selectedIds | let | Yes | MultiSelectItemId[] | [] | Set the selected ids | | items | let | Yes | MultiSelectItem[] | [] | Set the multiselect items | | itemToString | let | No | (item: MultiSelectItem) => any | (item) => item.text || item.id | Override the display of a multiselect item | +| itemToInput | let | No | (item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; } | (item) => {} | Override the item name, title, labelText passed to the checkbox input | | size | let | No | "sm" | "lg" | "xl" | undefined | Set the size of the combobox | | type | let | No | "default" | "inline" | "default" | Specify the type of multiselect | | direction | let | No | "bottom" | "top" | "bottom" | Specify the direction of the multiselect dropdown menu | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 2c1a7b6a..d490911b 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -6446,6 +6446,17 @@ "constant": false, "reactive": false }, + { + "name": "itemToInput", + "kind": "let", + "description": "Override the item name, title, labelText passed to the checkbox input", + "type": "(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }", + "value": "(item) => {}", + "isFunction": true, + "isFunctionDeclaration": false, + "constant": false, + "reactive": false + }, { "name": "selectedIds", "kind": "let", diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte index 0d6130af..98eaff54 100644 --- a/src/MultiSelect/MultiSelect.svelte +++ b/src/MultiSelect/MultiSelect.svelte @@ -23,6 +23,12 @@ */ export let itemToString = (item) => item.text || item.id; + /** + * Override the item name, title, labelText passed to the checkbox input + * @type {(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }} + */ + export let itemToInput = (item) => {}; + /** * Set the selected ids * @type {MultiSelectItemId[]} @@ -478,12 +484,13 @@ }}" >