How would you set minimum & maximum of items?

[GalinhaLX]

Hi

I thought about min and max items in a list:
Wouldn't it be nice to have such a feature?
Something like mv-list-min="1" mv-list-max="5"

I tried to do it with expressions, but my brain get inside a horrible loop :(
Do we have a demo somewhere with this use case?
or how would you set it?

[DmitrySharabin]

Will something I use in the Interactive carousel widget help? There, I limited the maximum number of images in the carousel by hiding the Add button.

[GalinhaLX]

Oh, you're absolutly right !

I'm using mv-delete, mv-add, and mv-move for item's bar
and mv-add-item for bottom add button

I forgot [ and ] around the expression 😱, that's why all my attemps where not working

Thank you @DmitrySharabin , it really helps: I also need more coffee maybe 😁

[DmitrySharabin]

😂 You are always welcome!

[GalinhaLX]

Oh
I see you've been doing a codepen also :)

Better than mine! so I'll take yours if you don't mind

Except I changed a little thing >= instead of just >, otherwise you'll have 2 delete buttons on first item (after adding a few items)
mv-if="count(item.$all) >= min_count"

Also saw that user can add 1 extra item, due to the way mavo is done:

• if you reach maximum items, you still can delete the content of item text (by pressing delete keyboard)
• if you just delete the content, without deleting the item itself: you'll see the '+ add' button appearing

is there a way for mavo to make a test of an empty value?

[DmitrySharabin]

so I'll take yours if you don't mind

Of course, I don't mind! :)

is there a way for mavo to make a test of an empty value

If I'm not mistaken, all properties without values get the mv-empty class you can use as a hook in your CSS.

[GalinhaLX]

Super cool ! Thanks a lot @DmitrySharabin

Sharing the updated codepen