2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
8 (function ($, Drupal) {
9 Drupal.behaviors.MediaLibraryHover = {
10 attach: function attach(context) {
11 $('.media-library-item .js-click-to-select-trigger,.media-library-item .js-click-to-select-checkbox', context).once('media-library-item-hover').on('mouseover mouseout', function (_ref) {
12 var currentTarget = _ref.currentTarget,
15 $(currentTarget).closest('.media-library-item').toggleClass('is-hover', type === 'mouseover');
20 Drupal.behaviors.MediaLibraryFocus = {
21 attach: function attach(context) {
22 $('.media-library-item .js-click-to-select-checkbox input', context).once('media-library-item-focus').on('focus blur', function (_ref2) {
23 var currentTarget = _ref2.currentTarget,
26 $(currentTarget).closest('.media-library-item').toggleClass('is-focus', type === 'focus');
31 Drupal.behaviors.MediaLibrarySelectAll = {
32 attach: function attach(context) {
33 var $view = $('.media-library-view', context).once('media-library-select-all');
34 if ($view.length && $view.find('.media-library-item').length) {
35 var $checkbox = $('<input type="checkbox" class="form-checkbox" />').on('click', function (_ref3) {
36 var currentTarget = _ref3.currentTarget;
38 var $checkboxes = $(currentTarget).closest('.media-library-view').find('.media-library-item input[type="checkbox"]');
39 $checkboxes.prop('checked', $(currentTarget).prop('checked')).trigger('change');
41 var announcement = $(currentTarget).prop('checked') ? Drupal.t('Zero items selected') : Drupal.t('All @count items selected', {
42 '@count': $checkboxes.length
44 Drupal.announce(announcement);
46 var $label = $('<label class="media-library-select-all"></label>').text(Drupal.t('Select all media'));
47 $label.prepend($checkbox);
48 $view.find('.media-library-item').first().before($label);