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 function TabbingManager() {
13 $.extend(TabbingManager.prototype, {
14 constrain: function constrain(elements) {
15 var il = this.stack.length;
16 for (var i = 0; i < il; i++) {
17 this.stack[i].deactivate();
20 var $elements = $(elements).find(':tabbable').addBack(':tabbable');
22 var tabbingContext = new TabbingContext({
23 level: this.stack.length,
24 $tabbableElements: $elements
27 this.stack.push(tabbingContext);
29 tabbingContext.activate();
31 $(document).trigger('drupalTabbingConstrained', tabbingContext);
33 return tabbingContext;
35 release: function release() {
36 var toActivate = this.stack.length - 1;
37 while (toActivate >= 0 && this.stack[toActivate].released) {
41 this.stack.splice(toActivate + 1);
43 if (toActivate >= 0) {
44 this.stack[toActivate].activate();
47 activate: function activate(tabbingContext) {
48 var $set = tabbingContext.$tabbableElements;
49 var level = tabbingContext.level;
51 var $disabledSet = $(':tabbable').not($set);
53 tabbingContext.$disabledElements = $disabledSet;
55 var il = $disabledSet.length;
56 for (var i = 0; i < il; i++) {
57 this.recordTabindex($disabledSet.eq(i), level);
60 $disabledSet.prop('tabindex', -1).prop('autofocus', false);
62 var $hasFocus = $set.filter('[autofocus]').eq(-1);
64 if ($hasFocus.length === 0) {
65 $hasFocus = $set.eq(0);
67 $hasFocus.trigger('focus');
69 deactivate: function deactivate(tabbingContext) {
70 var $set = tabbingContext.$disabledElements;
71 var level = tabbingContext.level;
73 for (var i = 0; i < il; i++) {
74 this.restoreTabindex($set.eq(i), level);
77 recordTabindex: function recordTabindex($el, level) {
78 var tabInfo = $el.data('drupalOriginalTabIndices') || {};
80 tabindex: $el[0].getAttribute('tabindex'),
81 autofocus: $el[0].hasAttribute('autofocus')
83 $el.data('drupalOriginalTabIndices', tabInfo);
85 restoreTabindex: function restoreTabindex($el, level) {
86 var tabInfo = $el.data('drupalOriginalTabIndices');
87 if (tabInfo && tabInfo[level]) {
88 var data = tabInfo[level];
90 $el[0].setAttribute('tabindex', data.tabindex);
92 $el[0].removeAttribute('tabindex');
95 $el[0].setAttribute('autofocus', 'autofocus');
99 $el.removeData('drupalOriginalTabIndices');
101 var levelToDelete = level;
102 while (tabInfo.hasOwnProperty(levelToDelete)) {
103 delete tabInfo[levelToDelete];
106 $el.data('drupalOriginalTabIndices', tabInfo);
112 function TabbingContext(options) {
116 $tabbableElements: $(),
118 $disabledElements: $(),
126 $.extend(TabbingContext.prototype, {
127 release: function release() {
128 if (!this.released) {
130 this.released = true;
131 Drupal.tabbingManager.release(this);
133 $(document).trigger('drupalTabbingContextReleased', this);
136 activate: function activate() {
137 if (!this.active && !this.released) {
139 Drupal.tabbingManager.activate(this);
141 $(document).trigger('drupalTabbingContextActivated', this);
144 deactivate: function deactivate() {
147 Drupal.tabbingManager.deactivate(this);
149 $(document).trigger('drupalTabbingContextDeactivated', this);
154 if (Drupal.tabbingManager) {
158 Drupal.tabbingManager = new TabbingManager();