From 1588161325077b6a0034f931a1a591ca96718c2b Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 3 May 2022 19:34:19 -0700
Subject: [PATCH] fix(multi-select): ListBoxField and ListBoxSelection have
 different `translateWithId` props

---
 src/MultiSelect/MultiSelect.svelte | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 05fbd066..c7d369de 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -100,6 +100,18 @@
    */
   export let translateWithId = undefined;
 
+  /**
+   * Override the default translation ids for the menu
+   * @type {(id: any) => string}
+   */
+  export let translateWithIdMenu = undefined;
+
+  /**
+   * Override the default translation ids for the input
+   * @type {(id: any) => string}
+   */
+  export let translateWithIdInput = undefined;
+
   /** Specify the title text */
   export let titleText = "";
 
@@ -361,7 +373,7 @@
       }}"
       id="{id}"
       disabled="{disabled}"
-      translateWithId="{translateWithId}"
+      translateWithId="{translateWithIdMenu}"
     >
       {#if checked.length > 0}
         <ListBoxSelection
@@ -374,7 +386,7 @@
             }));
             if (fieldRef) fieldRef.blur();
           }}"
-          translateWithId="{translateWithId}"
+          translateWithId="{translateWithIdInput}"
           disabled="{disabled}"
         />
       {/if}
@@ -439,7 +451,7 @@
               inputValue = '';
               open = false;
             }}"
-            translateWithId="{translateWithId}"
+            translateWithId="{translateWithIdInput}"
             disabled="{disabled}"
             open="{open}"
           />