feat: add slot and flag to be able to toggle the clear icon, such that for …

[jbirtel]

…empty input one can see that icon and for given input we see the x icon to clear the input

I want to be able to see a magnifying glass/lens instead of the x icon when there is no input. As soon as the user gives any input, i would like to see the x again to be able to clear the input.
Therefore, I created a flag which enables this as well as added a slot such that one can input any <img> or <svg> tag or the like. Further, the slot allows to attach a function to the toggleIcon such that I can e.g. trigger a search functionality or so.

[mskocik]

Isn't this use-case doable wit the latest slot added? Something like this?
REPL

Because I see this as very specific use-case and I would like to avoid everything that's doable on "user" side

[jbirtel]

Hmm this is not quite what I need.
Can I access the input or at least the input length anyhow from the lately added slot?
So when I have e.g. a variable that stores the values (I think it is called readValues?), is this updated as soon as the first char is given, such that I can react to the first given char directly and not only to the first value selected by the autocompletion?
I really would like to switch the icons as soon as there is any input given by the user.

[mskocik]

Input text or it's length is not accessible from the outside. You could (probably) access the input only by attaching mutation observer to it and going from there... maybe some css class for Control would be enough for your use-case?

[mskocik]

Take a look at latest release, or slot example. Should be fine for your use case I would say with additional properties for clear-icon slot

[jbirtel]

Thank you!