media_library.click_to_select.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. /**
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. **/
  7. (function ($, Drupal) {
  8. Drupal.behaviors.ClickToSelect = {
  9. attach: function attach(context) {
  10. $('.js-click-to-select-trigger', context).once('media-library-click-to-select').on('click', function (event) {
  11. event.preventDefault();
  12. var $input = $(event.currentTarget).closest('.js-click-to-select').find('.js-click-to-select-checkbox input');
  13. $input.prop('checked', !$input.prop('checked')).trigger('change');
  14. });
  15. $('.js-click-to-select-checkbox input', context).once('media-library-click-to-select').on('change', function (_ref) {
  16. var currentTarget = _ref.currentTarget;
  17. $(currentTarget).closest('.js-click-to-select').toggleClass('checked', $(currentTarget).prop('checked'));
  18. }).on('focus blur', function (_ref2) {
  19. var currentTarget = _ref2.currentTarget,
  20. type = _ref2.type;
  21. $(currentTarget).closest('.js-click-to-select').toggleClass('is-focus', type === 'focus');
  22. });
  23. $('.js-click-to-select-trigger, .js-click-to-select-checkbox', context).once('media-library-click-to-select-hover').on('mouseover mouseout', function (_ref3) {
  24. var currentTarget = _ref3.currentTarget,
  25. type = _ref3.type;
  26. $(currentTarget).closest('.js-click-to-select').toggleClass('is-hover', type === 'mouseover');
  27. });
  28. }
  29. };
  30. })(jQuery, Drupal);