Add <slot name="user-msg">

[janosh]

This slot is displayed when allowUserOptions && searchText is truthy.

Has prop msg that will be duplicateOptionMsg if !duplicates && textInputIsDuplicate (i.e. duplicates are not allowed and the user-entered searchText is a duplicate) else createOptionMsg.

Details

{@const textInputIsDuplicate = selected.map(get_label).includes(searchText)}
{@const msg =
  !duplicates && textInputIsDuplicate ? duplicateOptionMsg : createOptionMsg}
{#if allowUserOptions && searchText && msg}
  <li
    on:mousedown|stopPropagation
    on:mouseup|stopPropagation={(event) => add(searchText, event)}
    title={createOptionMsg}
    class:active={option_msg_is_active}
    on:mouseover={() => (option_msg_is_active = true)}
    on:focus={() => (option_msg_is_active = true)}
    on:mouseout={() => (option_msg_is_active = false)}
    on:blur={() => (option_msg_is_active = false)}
    role="option"
    aria-selected="false"
    class="user-msg"
  >
    <slot
      name="user-msg"
      {duplicateOptionMsg}
      {createOptionMsg}
      {textInputIsDuplicate}
      {searchText}
      {msg}
    >
      {msg}
    </slot>
  </li>

```</details>