{"version":3,"sources":["js/webform-validate.js"],"names":["$","Drupal","drupalSettings","behaviors","cvJqueryValidate","attach","context","find","each","checkboxes","this","attr","data-checkboxes-group","addClass","hasClass","data-msg-require_checkboxes_group","data-msg-required","jQuery","validator","addMethod","value","element","options","$fields","form","$fieldsFirst","eq","data","extend","filter","elementValue","length","validate","errorPlacement","error","appendTo","closest","parent","ignore","invalidHandler","numberOfInvalids","el","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isElementInViewport","errorList","animate","scrollTop","offset","rules","require_checkboxes_group","groups","on","valid","checkboxesMaximum","index","checkboxesParentWrapper","parents","checkboxElements","checkboxesChecked","maximum","maximumReached","not"],"mappings":"CAKA,SAAWA,EAAGC,EAAQC,GACpB,aAUAD,EAAOE,UAAUC,iBAAmB,CAClCC,OAAQ,SAAUC,GAChBN,EAAEM,GAASC,KAAK,QAAQC,MAAK,WAsB3BR,EAAE,gHAAiHM,GAASE,MAAK,WAC/H,MAAMC,EAAaT,EAAEU,MAAMH,KAAK,0BAA0BI,KAAK,CAACC,wBAAwBZ,EAAEU,MAAMC,KAAK,QACrGF,EAAWI,SAAS,SAAWb,EAAEU,MAAMC,KAAK,OACxCX,EAAEU,MAAMI,SAAS,0BACnBL,EAAWI,SAAS,qBAGpBJ,EAAWI,SAAS,oBAEtBJ,EAAWE,KAAK,CAACI,oCAAoCf,EAAEU,MAAMC,KAAK,0BAGpEX,EAAE,mCAAoCM,GAASE,MAAK,WAClDR,EAAEU,MAAMH,KAAK,uBAAuBI,KAAK,CAACK,oBAAoBhB,EAAEU,MAAMC,KAAK,oCAQ7EM,OAAOC,UAAUC,UAAU,4BAA4B,SAAUC,EAAOC,EAASC,GAC/E,IAAIC,EAAUvB,EAAEsB,EAAQ,GAAID,EAAQG,MAChCC,EAAeF,EAAQG,GAAG,GAC1BR,EAAYO,EAAaE,KAAK,wBAA0BF,EAAaE,KAAK,wBAA0B3B,EAAE4B,OAAO,GAAIlB,MAKrH,OAJca,EAAQM,QAAO,WACvB,OAAOX,EAAUY,aAAapB,SAC7BqB,QAAUT,EAAQ,MAK3B,IAAIJ,EAAYlB,EAAEU,MAAMsB,SAAS,CAK/BC,eAAgB,SAAUC,EAAOb,GAC3BA,EAAQP,SAAS,eAAkBO,EAAQP,SAAS,kBAAoBO,EAAQP,SAAS,oBAC3FoB,EAAMC,SAASd,EAAQe,QAAQ,sBAExBf,EAAQP,SAAS,kBAAoBO,EAAQP,SAAS,qBAC7DoB,EAAMC,SAASd,EAAQe,QAAQ,8BAG/BF,EAAMC,SAASd,EAAQgB,OAAO,SAIlCC,OAAQ,6BAMRC,eAAgB,SAAUf,EAAMN,GACzBA,EAAUsB,qBA3EnB,SAA6BC,GAEL,mBAAXxB,QAAyBwB,aAAcxB,SAChDwB,EAAKA,EAAG,IAGV,IAAIC,EAAOD,EAAGE,wBAEd,OACID,EAAKE,KAAO,GACZF,EAAKG,MAAQ,GACbH,EAAKI,SAAWC,OAAOC,aAAeC,SAASC,gBAAgBC,eAC/DT,EAAKU,QAAUL,OAAOM,YAAcJ,SAASC,gBAAgBI,aAkE1DC,CAAoBrC,EAAUsC,UAAU,GAAGnC,UAC9CrB,EAAE,cAAcyD,QAAQ,CACtBC,UAAW1D,EAAEkB,EAAUsC,UAAU,GAAGnC,SAASsC,SAASf,IAAM,KAC3D,SAMT5C,EAAEU,MAAMH,KAAK,+EAA+EC,MAAK,WAC/FR,EAAEU,MAAMkD,MAAM,MAAO,CACnBC,yBAA0B,CAAC,EAAI,UAAiB7D,EAAEU,MAAMC,KAAK,4BAI/DO,EAAU4C,OAAO9D,EAAEU,MAAMC,KAAK,SAAWX,EAAEU,MAAMC,KAAK,+BAM1DX,EAAE,iBAAiB+D,GAAG,UAAU,WAC9B/D,EAAEU,MAAMsD,aAcd/D,EAAOE,UAAU8D,kBAAoB,CACnC5D,OAAQ,SAAUC,GAChBN,EAAEM,GAASC,KAAK,QAAQC,MAAK,WAEVR,EAAE,oEACRQ,MAAM,SAAW0D,GAC1BlE,EAAEU,MAAMqD,GAAG,SAAS,WAGlB,IAAII,EAA0BnE,EAAEU,MAAM0D,QAAQ,oCAG1CC,EAAmBF,EAAwB5D,KAAK,oEAGhD+D,EAAoBH,EAAwB5D,KAAK,4EAGjDgE,EAAUJ,EAAwBxD,KAAK,wBAGvC6D,EAAiBF,EAAkBvC,QAAUwC,EAEjDF,EAAiBI,IAAI,YAAY9D,KAAK,WAAY6D,cAzJ9D,CAgKGvD,OAAQhB,OAAQC","file":"webform-validate.js","sourcesContent":["/**\n * @file\n * Attaches behaviors for the Clientside Validation jQuery module.\n */\n\n(function ($, Drupal, drupalSettings) {\n  \"use strict\";\n\n  /**\n   * Attaches jQuery validate behaviour to forms.\n   *\n   * @type {Drupal~behavior}\n   *\n   * @prop {Drupal~behaviorAttach} attach\n   *  Attaches the outline behavior to the right context.\n   */\n  Drupal.behaviors.cvJqueryValidate = {\n    attach: function (context) {\n      $(context).find('form').each(function () {\n\n        // This function will help us determine if things are in the viewport.\n        function isElementInViewport(el) {\n\n          if (typeof jQuery === \"function\" && el instanceof jQuery) {\n            el = el[0];\n          }\n\n          var rect = el.getBoundingClientRect();\n\n          return (\n              rect.top >= 0 &&\n              rect.left >= 0 &&\n              rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n              rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n          );\n        }\n\n        // For each \"checkboxes\" field we need to add attributes and classes so\n        // we can group checkbox fields together and tell them apart from other\n        // checkbox and checkboxes elements.\n        $('.js-webform-type-checkboxes.required, .js-webform-checkboxes-other.required, .js-webform-tableselect.required', context).each(function () {\n          const checkboxes = $(this).find('input[type=\"checkbox\"]').attr({'data-checkboxes-group':$(this).attr(\"id\")});\n          checkboxes.addClass(\"group-\" + $(this).attr(\"id\"));\n          if ($(this).hasClass('js-webform-tableselect')) {\n            checkboxes.addClass(\"tableselect-child\");\n          }\n          else {\n            checkboxes.addClass(\"checkboxes-child\");\n          }\n          checkboxes.attr({'data-msg-require_checkboxes_group':$(this).attr(\"data-msg-required\")});\n        });\n\n        $('.js-webform-type-radios.required', context).each(function () {\n          $(this).find('input[type=\"radio\"]').attr({'data-msg-required':$(this).attr(\"data-webform-required-error\")});\n        });\n\n        // Add a require from group method for validating groups of items.\n        // This is actually just a slightly modified version of the require_from_group\n        // validation method that is included in the additional_methods library for\n        // jQuery validation.\n        // ( See https://github.com/jquery-validation/jquery-validation/blob/master/src/additional/require_from_group.js )\n        jQuery.validator.addMethod(\"require_checkboxes_group\", function (value, element, options) {\n          var $fields = $(options[1], element.form),\n              $fieldsFirst = $fields.eq(0),\n              validator = $fieldsFirst.data(\"valid_checkboxes_grp\") ? $fieldsFirst.data(\"valid_checkboxes_grp\") : $.extend({}, this),\n              isValid = $fields.filter(function () {\n                return validator.elementValue(this);\n              }).length >= options[0];\n\n          return isValid;\n        });\n\n        var validator = $(this).validate({\n\n          // For radios, checkboxes, tableselect and checkbox elements, the items need to be placed\n          // in a different location below the container so they don't interfere\n          // with the actual checkbox element.\n          errorPlacement: function (error, element) {\n            if (element.hasClass(\"form-radio\") || (element.hasClass(\"form-checkbox\") && element.hasClass(\"checkboxes-child\"))) {\n              error.appendTo(element.closest(\".fieldset-wrapper\"));\n            }\n            else if (element.hasClass(\"form-checkbox\") && element.hasClass(\"tableselect-child\")) {\n              error.appendTo(element.closest('.js-form-type-tableselect'));\n            }\n            else {\n              error.appendTo(element.parent(\"div\"));\n            }\n          },\n\n          ignore: \":hidden:not(.selectpicker)\",\n\n          // We'll need to indicate to the user in a nice way that a validation error\n          // has occurred, so we animate a scroll (that takes one second) to that spot\n          // on the page - 400px. We also prevent this from happening if the invalid\n          // element is already visible on the screen.\n          invalidHandler: function (form, validator) {\n            if (!validator.numberOfInvalids()) {\n              return;\n            }\n            if (!isElementInViewport(validator.errorList[0].element)) {\n              $('html, body').animate({\n                scrollTop: $(validator.errorList[0].element).offset().top - 400\n              }, 1000);\n            }\n          }\n        });\n\n        // Add the require_checkboxes_group rule to each checkboxes groups elements.\n        $(this).find('input[type=\"checkbox\"].checkboxes-child, input[type=\"checkbox\"].tableselect').each(function () {\n          $(this).rules('add', {\n            require_checkboxes_group: [1 , \".\" + \"group-\" + $(this).attr(\"data-checkboxes-group\")],\n          });\n          // Set each of the checkboxes elements to the same validation group to\n          // prevent individual error messages for each element.\n          validator.groups[$(this).attr(\"name\")] = $(this).attr(\"data-checkboxes-group\");\n        });\n\n      });\n\n      // Integrating bootstrap select and jquery validation. Call valid() on selectpicker on change.\n      $('.selectpicker').on('change', function () {\n        $(this).valid();\n      });\n    }\n  };\n\n  /**\n   * Attaches the maximum checkboxes selected behaviour to webforms checkboxes\n   * elements.\n   *\n   * @type {Drupal~behavior}\n   *\n   * @prop {Drupal~behaviorAttach} attach\n   *  Attaches the outline behavior to the right context.\n   */\n  Drupal.behaviors.checkboxesMaximum = {\n    attach: function (context) {\n      $(context).find('form').each(function () {\n\n        let checkboxes = $('input[type=\"checkbox\"][data-checkboxes-child=\"checkboxes-child\"]');\n        checkboxes.each( function ( index ) {\n          $(this).on('click', function () {\n\n            // Find parent checkboxes wrapper.\n            let checkboxesParentWrapper = $(this).parents('fieldset.webform-type-checkboxes');\n\n            // Get the individual checkboxes so they can be disabled/enabled.\n            let checkboxElements = checkboxesParentWrapper.find('input[type=\"checkbox\"][data-checkboxes-child=\"checkboxes-child\"]');\n\n            // Use parent wrapper to find the set of checked checkbox children.\n            let checkboxesChecked = checkboxesParentWrapper.find('input[type=\"checkbox\"][data-checkboxes-child=\"checkboxes-child\"]:checked');\n\n            // Use parent wrapper to find the maximum number of checked checkbox children.\n            let maximum = checkboxesParentWrapper.attr('data-maximum-checked');\n\n            // Compare number of checked checkboxes with the maximum.\n            let maximumReached = checkboxesChecked.length >= maximum;\n\n            checkboxElements.not(\":checked\").attr(\"disabled\", maximumReached);\n          });\n        });\n\n      });\n    }\n  };\n})(jQuery, Drupal, drupalSettings);\n"]}