Webform module and config export

web/modules/contrib/webform/js/webform.element.telephone.js

@@ -0,0 +1,50 @@
+/**
+ * @file
+ * Javascript behaviors for Telephone element.
+ */
+
+(function ($, Drupal, drupalSettings) {
+
+  'use strict';
+
+  /**
+   * Initialize Telephone international element.
+   * @see http://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/is-valid-number.html
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.webformTelephoneInternational = {
+    attach: function (context) {
+      $(context).find('input.js-webform-telephone-international').once('webform-telephone-international').each(function () {
+        var $telephone = $(this);
+
+        // Add error message container.
+        var $error = $('<div class="form-item--error-message">' + Drupal.t('Invalid phone number') + '</div>').hide();
+        $telephone.closest('.form-item').append($error);
+
+        // @todo: Figure out how to lazy load utilsScript (build/js/utils.js).
+        // @see https://github.com/jackocnr/intl-tel-input#utilities-script
+        $telephone.intlTelInput({
+          'nationalMode': false
+        });
+
+        var reset = function() {
+          $telephone.removeClass('error');
+          $error.hide();
+        };
+
+        $telephone.blur(function() {
+          reset();
+          if ($.trim($telephone.val())) {
+            if (!$telephone.intlTelInput('isValidNumber')) {
+              $telephone.addClass('error');
+              $error.show();
+            }
+          }
+        });
+
+        $telephone.on('keyup change', reset);
+      })
+    }
+  };
+
+})(jQuery, Drupal, drupalSettings);