fixes #932 - move transformTag callback to be called before valitat…

…ion happens

README.md

@@ -971,7 +971,7 @@ editTags.*clicks*         | <sub>Number</sub>            | 2
 editTags.*keepInvalid*    | <sub>Boolean</sub>           | true                                        | keeps invalid edits as-is until `esc` is pressed while in focus
 templates                 | <sub>Object</sub>            | <sub>`wrapper`, `tag`, `dropdownItem`</sub> | Object consisting of functions which return template strings
 validate                  | <sub>Function</sub>          |                                             | If the `pattern` setting does not meet your needs, use this function, which recieves *tag data object* as an argument and should return `true` if validaiton passed or `false`/`string` of not. A *string* may be returned as the reason of the validation failure.
-transformTag              | <sub>Function</sub>          |                                             | Takes a tag data as argument and allows mutating it before a tag is created or edited.<br>Should not `return` anything, only **mutate**.
+transformTag              | <sub>Function</sub>          |                                             | Takes a tag data as argument and allows mutating it before a tag is created or edited and also before validation.<br>Should not `return` anything, only **mutate** the argument.
 keepInvalidTags           | <sub>Boolean</sub>           | false                                       | If `true`, do not remove tags which did not pass validation
 skipInvalid               | <sub>Boolean</sub>           | false                                       | If `true`, do not add invalid, temporary, tags before automatically removing them
 backspace                 | <sub>*</sub>                 | true                                        | On pressing backspace key:<br> `true` - remove last tag <br>`edit` - edit last tag<br>`false` - do nothing (useful for outside style)

src/tagify.js

@@ -1040,11 +1040,12 @@ Tagify.prototype = {
                 tagData = this.normalizeTags(preInterpolated)[0] || {value:preInterpolated}
             }
 
+            transformTag.call(this, tagData)
+
             if( !maxTagsReached   &&
                 s2.length > 1   &&
                 (!enforceWhitelist || this.isTagWhitelisted(tagData.value))   &&
                 !(!duplicates && this.isTagDuplicate(tagData.value)) ){
-                transformTag.call(this, tagData)
 
                 // in case "tagTextProp" setting is set to other than "value" and this tag does not have this prop
                 textProp = tagData[tagTextProp] ? tagTextProp : 'value'
@@ -1199,9 +1200,8 @@ Tagify.prototype = {
 
             // shallow-clone tagData so later modifications will not apply to the source
             tagData = Object.assign({}, originalData)
-            tagData.__isValid = this.hasMaxTags() || this.validateTag(tagData)
-
             _s.transformTag.call(this, tagData)
+            tagData.__isValid = this.hasMaxTags() || this.validateTag(tagData)
 
             if( tagData.__isValid !== true ){
                 if( skipInvalid )