Chris@0
|
1 /**
|
Chris@0
|
2 * DO NOT EDIT THIS FILE.
|
Chris@0
|
3 * See the following change record for more information,
|
Chris@0
|
4 * https://www.drupal.org/node/2815083
|
Chris@0
|
5 * @preserve
|
Chris@0
|
6 **/
|
Chris@0
|
7
|
Chris@0
|
8 (function ($, Drupal) {
|
Chris@0
|
9 function init(i, tab) {
|
Chris@0
|
10 var $tab = $(tab);
|
Chris@0
|
11 var $target = $tab.find('[data-drupal-nav-tabs-target]');
|
Chris@0
|
12 var isCollapsible = $tab.hasClass('is-collapsible');
|
Chris@0
|
13
|
Chris@0
|
14 function openMenu(e) {
|
Chris@0
|
15 $target.toggleClass('is-open');
|
Chris@0
|
16 }
|
Chris@0
|
17
|
Chris@0
|
18 function handleResize(e) {
|
Chris@0
|
19 $tab.addClass('is-horizontal');
|
Chris@0
|
20 var $tabs = $tab.find('.tabs');
|
Chris@0
|
21 var isHorizontal = $tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
|
Chris@0
|
22 $tab.toggleClass('is-horizontal', isHorizontal);
|
Chris@0
|
23 if (isCollapsible) {
|
Chris@0
|
24 $tab.toggleClass('is-collapse-enabled', !isHorizontal);
|
Chris@0
|
25 }
|
Chris@0
|
26 if (isHorizontal) {
|
Chris@0
|
27 $target.removeClass('is-open');
|
Chris@0
|
28 }
|
Chris@0
|
29 }
|
Chris@0
|
30
|
Chris@0
|
31 $tab.addClass('position-container is-horizontal-enabled');
|
Chris@0
|
32
|
Chris@0
|
33 $tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
|
Chris@0
|
34 $(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
|
Chris@0
|
35 }
|
Chris@0
|
36
|
Chris@0
|
37 Drupal.behaviors.navTabs = {
|
Chris@0
|
38 attach: function attach(context, settings) {
|
Chris@0
|
39 var $tabs = $(context).find('[data-drupal-nav-tabs]');
|
Chris@0
|
40 if ($tabs.length) {
|
Chris@0
|
41 var notSmartPhone = window.matchMedia('(min-width: 300px)');
|
Chris@0
|
42 if (notSmartPhone.matches) {
|
Chris@0
|
43 $tabs.once('nav-tabs').each(init);
|
Chris@0
|
44 }
|
Chris@0
|
45 }
|
Chris@0
|
46 }
|
Chris@0
|
47 };
|
Chris@0
|
48 })(jQuery, Drupal); |