add imask.js masking options to input field

[simonbuehler]

hi,

first shot at the integration of imask.js ( https://imask.js.org/ ) into the input field, works for me

Input::make('datemasked')->maskOptions(
                "{mask: Date, lazy: false}"
            )

Input::make('Masktest', 'masktest')->rules('required')->maskOptions(
                    "{mask: '(00)00-00-00',  lazy: false,  placeholderChar: 'x' }"
                ),

possible enhancements:

• Get either the masked or unmasked value back from the imask object and not the input value
• make including js configurabe
• add docs ;)

[tanthammar]

This is a nice idea but I would not want to add this to the Input but make it as a new field.

[simonbuehler]

i see the point, first implementation was its own MaskedInput but then there was all the icon, suffix etc handling in the blade file and component misisng so i switched to the input fields as it seems to avoid duplication.

[tanthammar]

I understand but I don't want to require an external Js for a simple input.

[tanthammar]

@simonbuehler
I think I read on Discord that there is an issue with json_encoding things like:

mask.updateOptions({
  mask: Number,
  min: 0,
  max: 100
});

Is it fixed?

I can't see where you are json_encoding/decoding the options.

[simonbuehler]

@tanthammar its using a plain string to pass the maskoptions so no need for json en/decoding

[tanthammar]

I only have one comment.
With this change it is impossible to manually add x-data to the input.