Chris@0: /**
Chris@0: * DO NOT EDIT THIS FILE.
Chris@0: * See the following change record for more information,
Chris@0: * https://www.drupal.org/node/2815083
Chris@0: * @preserve
Chris@0: **/
Chris@0: 
Chris@0: (function ($, Drupal, drupalSettings) {
Chris@0:   Drupal.behaviors.machineName = {
Chris@0:     attach: function attach(context, settings) {
Chris@0:       var self = this;
Chris@0:       var $context = $(context);
Chris@0:       var timeout = null;
Chris@0:       var xhr = null;
Chris@0: 
Chris@0:       function clickEditHandler(e) {
Chris@0:         var data = e.data;
Chris@0:         data.$wrapper.removeClass('visually-hidden');
Chris@0:         data.$target.trigger('focus');
Chris@0:         data.$suffix.hide();
Chris@0:         data.$source.off('.machineName');
Chris@0:       }
Chris@0: 
Chris@0:       function machineNameHandler(e) {
Chris@0:         var data = e.data;
Chris@0:         var options = data.options;
Chris@0:         var baseValue = $(e.target).val();
Chris@0: 
Chris@0:         var rx = new RegExp(options.replace_pattern, 'g');
Chris@0:         var expected = baseValue.toLowerCase().replace(rx, options.replace).substr(0, options.maxlength);
Chris@0: 
Chris@0:         if (xhr && xhr.readystate !== 4) {
Chris@0:           xhr.abort();
Chris@0:           xhr = null;
Chris@0:         }
Chris@0: 
Chris@0:         if (timeout) {
Chris@0:           clearTimeout(timeout);
Chris@0:           timeout = null;
Chris@0:         }
Chris@0:         if (baseValue.toLowerCase() !== expected) {
Chris@0:           timeout = setTimeout(function () {
Chris@0:             xhr = self.transliterate(baseValue, options).done(function (machine) {
Chris@0:               self.showMachineName(machine.substr(0, options.maxlength), data);
Chris@0:             });
Chris@0:           }, 300);
Chris@0:         } else {
Chris@0:           self.showMachineName(expected, data);
Chris@0:         }
Chris@0:       }
Chris@0: 
Chris@14:       Object.keys(settings.machineName).forEach(function (sourceId) {
Chris@0:         var machine = '';
Chris@14:         var options = settings.machineName[sourceId];
Chris@0: 
Chris@14:         var $source = $context.find(sourceId).addClass('machine-name-source').once('machine-name');
Chris@0:         var $target = $context.find(options.target).addClass('machine-name-target');
Chris@0:         var $suffix = $context.find(options.suffix);
Chris@0:         var $wrapper = $target.closest('.js-form-item');
Chris@0: 
Chris@0:         if (!$source.length || !$target.length || !$suffix.length || !$wrapper.length) {
Chris@0:           return;
Chris@0:         }
Chris@0: 
Chris@0:         if ($target.hasClass('error')) {
Chris@0:           return;
Chris@0:         }
Chris@0: 
Chris@0:         options.maxlength = $target.attr('maxlength');
Chris@0: 
Chris@0:         $wrapper.addClass('visually-hidden');
Chris@0: 
Chris@0:         if ($target.is(':disabled') || $target.val() !== '') {
Chris@0:           machine = $target.val();
Chris@0:         } else if ($source.val() !== '') {
Chris@0:           machine = self.transliterate($source.val(), options);
Chris@0:         }
Chris@0: 
Chris@0:         var $preview = $('<span class="machine-name-value">' + options.field_prefix + Drupal.checkPlain(machine) + options.field_suffix + '</span>');
Chris@0:         $suffix.empty();
Chris@0:         if (options.label) {
Chris@0:           $suffix.append('<span class="machine-name-label">' + options.label + ': </span>');
Chris@0:         }
Chris@0:         $suffix.append($preview);
Chris@0: 
Chris@0:         if ($target.is(':disabled')) {
Chris@0:           return;
Chris@0:         }
Chris@0: 
Chris@14:         var eventData = {
Chris@0:           $source: $source,
Chris@0:           $target: $target,
Chris@0:           $suffix: $suffix,
Chris@0:           $wrapper: $wrapper,
Chris@0:           $preview: $preview,
Chris@0:           options: options
Chris@0:         };
Chris@0: 
Chris@0:         var $link = $('<span class="admin-link"><button type="button" class="link">' + Drupal.t('Edit') + '</button></span>').on('click', eventData, clickEditHandler);
Chris@0:         $suffix.append($link);
Chris@0: 
Chris@0:         if ($target.val() === '') {
Chris@0:           $source.on('formUpdated.machineName', eventData, machineNameHandler).trigger('formUpdated.machineName');
Chris@0:         }
Chris@0: 
Chris@0:         $target.on('invalid', eventData, clickEditHandler);
Chris@0:       });
Chris@0:     },
Chris@0:     showMachineName: function showMachineName(machine, data) {
Chris@0:       var settings = data.options;
Chris@0: 
Chris@0:       if (machine !== '') {
Chris@0:         if (machine !== settings.replace) {
Chris@0:           data.$target.val(machine);
Chris@0:           data.$preview.html(settings.field_prefix + Drupal.checkPlain(machine) + settings.field_suffix);
Chris@0:         }
Chris@0:         data.$suffix.show();
Chris@0:       } else {
Chris@0:         data.$suffix.hide();
Chris@0:         data.$target.val(machine);
Chris@0:         data.$preview.empty();
Chris@0:       }
Chris@0:     },
Chris@0:     transliterate: function transliterate(source, settings) {
Chris@0:       return $.get(Drupal.url('machine_name/transliterate'), {
Chris@0:         text: source,
Chris@0:         langcode: drupalSettings.langcode,
Chris@0:         replace_pattern: settings.replace_pattern,
Chris@0:         replace_token: settings.replace_token,
Chris@0:         replace: settings.replace,
Chris@0:         lowercase: true
Chris@0:       });
Chris@0:     }
Chris@0:   };
Chris@0: })(jQuery, Drupal, drupalSettings);