11window . _formsjs_trigger_onchange_function = function ( event ) {
2- let _method = event . target . getAttribute ( ' data-formsjs-onchange' ) ;
2+ let _method = event . target . getAttribute ( " data-formsjs-onchange" ) ;
33
44 if ( ! _method ) {
5- _method = event . target . closest ( ' form' ) . getAttribute ( ' data-formsjs-onchange' ) ;
5+ _method = event . target . closest ( " form" ) . getAttribute ( " data-formsjs-onchange" ) ;
66 }
77
8- _method = _method . replace ( ' (event)' , '' ) ;
8+ _method = _method . replace ( " (event)" , "" ) ;
99
1010 window [ _method ] ( event ) ;
11- }
11+ } ;
1212
1313window . _formsjs_trigger_onkeydown_function = function ( event ) {
14- let _method = event . target . getAttribute ( ' data-formsjs-onkeydown' ) ;
14+ let _method = event . target . getAttribute ( " data-formsjs-onkeydown" ) ;
1515
1616 if ( ! _method ) {
17- _method = event . target . closest ( ' form' ) . getAttribute ( ' data-formsjs-onkeydown' ) ;
17+ _method = event . target . closest ( " form" ) . getAttribute ( " data-formsjs-onkeydown" ) ;
1818 }
1919
20- _method = _method . replace ( ' (event)' , '' ) ;
20+ _method = _method . replace ( " (event)" , "" ) ;
2121
2222 window [ _method ] ( event ) ;
23- }
23+ } ;
2424
2525window . _formsjs_trigger_onclick_function = function ( event ) {
2626 event . preventDefault ( ) ;
2727
2828 let _form = event . target . form ;
29- let _method = event . target . getAttribute ( ' data-formsjs-onclick' ) ;
29+ let _method = event . target . getAttribute ( " data-formsjs-onclick" ) ;
3030
3131 if ( ! _method ) {
3232 _form = event . target . parentNode . form ;
33- _method = event . target . parentNode . getAttribute ( ' data-formsjs-onclick' ) ;
33+ _method = event . target . parentNode . getAttribute ( " data-formsjs-onclick" ) ;
3434 }
3535
3636 if ( _method ) {
37- _method = _method . replace ( ' (event)' , '' ) ;
38- _method = _method . replace ( ' return ' , '' ) ;
39- _method = _method . replace ( ' window.' , '' ) ;
37+ _method = _method . replace ( " (event)" , "" ) ;
38+ _method = _method . replace ( " return " , "" ) ;
39+ _method = _method . replace ( " window." , "" ) ;
4040
41- if ( _method . includes ( ' FormsJS_validate_submission' ) ) {
42- window . FormsJS_validate_submission ( _form , ' <i class=\"spinner-border spinner-border-sm\"></i>' ) ;
43- } else if ( _method . includes ( ' FormsJS_disableOnSubmit' ) ) {
41+ if ( _method . includes ( " FormsJS_validate_submission" ) ) {
42+ window . FormsJS_validate_submission ( _form , " <i class=\"spinner-border spinner-border-sm\"></i>" ) ;
43+ } else if ( _method . includes ( " FormsJS_disableOnSubmit" ) ) {
4444 window . FormsJS_disableOnSubmit ( event ) ;
45- } else if ( _method . includes ( '.' ) ) {
46- let _path = _method . split ( '.' ) ;
45+ } else if ( _method . includes ( "." ) ) {
46+ let _path = _method . split ( "." ) ;
4747 if ( _path . length == 2 ) {
4848 window [ _path [ 0 ] ] [ _path [ 1 ] ] ( event ) ;
4949 }
@@ -53,48 +53,48 @@ window._formsjs_trigger_onclick_function = function (event) {
5353 }
5454
5555 if ( _path . length == 4 ) {
56- throw new Error ( ' Method nesting is too deep. Max of 3!' ) ;
56+ throw new Error ( " Method nesting is too deep. Max of 3!" ) ;
5757 }
58- } else if ( typeof window [ _method ] === ' function' ) {
58+ } else if ( typeof window [ _method ] === " function" ) {
5959 window [ _method ] ( event ) ;
6060 }
6161 }
62- }
62+ } ;
6363
6464window . _formsjs_set_bindings = function ( ) {
65- document . querySelectorAll ( ' [data-formsjs-onload]' ) . forEach ( function ( element ) {
66- if ( ! element . hasAttribute ( ' data-formsjs-rendered' ) ) {
67- let _method = element . getAttribute ( ' data-formsjs-onload' ) ;
65+ document . querySelectorAll ( " [data-formsjs-onload]" ) . forEach ( function ( element ) {
66+ if ( ! element . hasAttribute ( " data-formsjs-rendered" ) ) {
67+ let _method = element . getAttribute ( " data-formsjs-onload" ) ;
6868 window [ _method ] ( element ) ;
69- element . setAttribute ( ' data-formsjs-rendered' , true ) ;
69+ element . setAttribute ( " data-formsjs-rendered" , true ) ;
7070 }
7171 } ) ;
7272
73- document . querySelectorAll ( ' [data-formsjs-onchange]' ) . forEach ( function ( element ) {
74- if ( ! element . hasAttribute ( ' data-formsjs-rendered' ) ) {
75- element . addEventListener ( ' change' , _formsjs_trigger_onchange_function ) ;
76- element . addEventListener ( ' input' , _formsjs_trigger_onchange_function ) ;
77- element . setAttribute ( ' data-formsjs-rendered' , true ) ;
73+ document . querySelectorAll ( " [data-formsjs-onchange]" ) . forEach ( function ( element ) {
74+ if ( ! element . hasAttribute ( " data-formsjs-rendered" ) ) {
75+ element . addEventListener ( " change" , _formsjs_trigger_onchange_function ) ;
76+ element . addEventListener ( " input" , _formsjs_trigger_onchange_function ) ;
77+ element . setAttribute ( " data-formsjs-rendered" , true ) ;
7878 }
7979 } ) ;
8080
81- document . querySelectorAll ( ' [data-formsjs-onkeydown]' ) . forEach ( function ( element ) {
82- if ( ! element . hasAttribute ( ' data-formsjs-rendered' ) ) {
83- element . addEventListener ( ' keydown' , _formsjs_trigger_onkeydown_function ) ;
84- element . setAttribute ( ' data-formsjs-rendered' , true ) ;
81+ document . querySelectorAll ( " [data-formsjs-onkeydown]" ) . forEach ( function ( element ) {
82+ if ( ! element . hasAttribute ( " data-formsjs-rendered" ) ) {
83+ element . addEventListener ( " keydown" , _formsjs_trigger_onkeydown_function ) ;
84+ element . setAttribute ( " data-formsjs-rendered" , true ) ;
8585 }
8686 } ) ;
8787
88- document . querySelectorAll ( ' [data-formsjs-onclick]' ) . forEach ( function ( element ) {
89- if ( ! element . hasAttribute ( ' data-formsjs-rendered' ) ) {
88+ document . querySelectorAll ( " [data-formsjs-onclick]" ) . forEach ( function ( element ) {
89+ if ( ! element . hasAttribute ( " data-formsjs-rendered" ) ) {
9090 let _newElement = element . cloneNode ( true ) ;
91- // I don' t like this but it works
91+ // I don" t like this but it works
9292 // It resolves a potential issue with Livewire
9393 element . parentNode . replaceChild ( _newElement , element ) ;
94- _newElement . addEventListener ( ' click' , _formsjs_trigger_onclick_function ) ;
95- _newElement . setAttribute ( ' data-formsjs-rendered' , true ) ;
94+ _newElement . addEventListener ( " click" , _formsjs_trigger_onclick_function ) ;
95+ _newElement . setAttribute ( " data-formsjs-rendered" , true ) ;
9696 }
9797 } ) ;
98- }
98+ } ;
9999
100100window . _formsjs_set_bindings ( ) ;
0 commit comments