Edit File by line

[500] Fix | Delete

if (node.getAttribute('aria-label')) {

[501] Fix | Delete

this.label = node.getAttribute('aria-label').trim();

[502] Fix | Delete

}

[503] Fix | Delete

[504] Fix | Delete

this.isExpandable = false;

[505] Fix | Delete

this.isVisible = false;

[506] Fix | Delete

this.inGroup = false;

[507] Fix | Delete

[508] Fix | Delete

if (group) {

[509] Fix | Delete

this.inGroup = true;

[510] Fix | Delete

}

[511] Fix | Delete

[512] Fix | Delete

var elem = node.firstElementChild;

[513] Fix | Delete

[514] Fix | Delete

while (elem) {

[515] Fix | Delete

[516] Fix | Delete

if (elem.tagName.toLowerCase() == 'ul') {

[517] Fix | Delete

elem.setAttribute('role', 'group');

[518] Fix | Delete

this.isExpandable = true;

[519] Fix | Delete

break;

[520] Fix | Delete

}

[521] Fix | Delete

[522] Fix | Delete

elem = elem.nextElementSibling;

[523] Fix | Delete

}

[524] Fix | Delete

[525] Fix | Delete

this.keyCode = Object.freeze({

[526] Fix | Delete

RETURN: 13,

[527] Fix | Delete

SPACE: 32,

[528] Fix | Delete

PAGEUP: 33,

[529] Fix | Delete

PAGEDOWN: 34,

[530] Fix | Delete

END: 35,

[531] Fix | Delete

HOME: 36,

[532] Fix | Delete

LEFT: 37,

[533] Fix | Delete

UP: 38,

[534] Fix | Delete

RIGHT: 39,

[535] Fix | Delete

DOWN: 40

[536] Fix | Delete

});

[537] Fix | Delete

};

[538] Fix | Delete

[539] Fix | Delete

TreeitemLink.prototype.init = function () {

[540] Fix | Delete

this.domNode.tabIndex = -1;

[541] Fix | Delete

[542] Fix | Delete

if (!this.domNode.getAttribute('role')) {

[543] Fix | Delete

this.domNode.setAttribute('role', 'treeitem');

[544] Fix | Delete

}

[545] Fix | Delete

[546] Fix | Delete

this.domNode.addEventListener('keydown', this.handleKeydown.bind(this));

[547] Fix | Delete

this.domNode.addEventListener('click', this.handleClick.bind(this));

[548] Fix | Delete

this.domNode.addEventListener('focus', this.handleFocus.bind(this));

[549] Fix | Delete

this.domNode.addEventListener('blur', this.handleBlur.bind(this));

[550] Fix | Delete

[551] Fix | Delete

if (this.isExpandable) {

[552] Fix | Delete

this.domNode.firstElementChild.addEventListener('mouseover', this.handleMouseOver.bind(this));

[553] Fix | Delete

this.domNode.firstElementChild.addEventListener('mouseout', this.handleMouseOut.bind(this));

[554] Fix | Delete

}

[555] Fix | Delete

else {

[556] Fix | Delete

this.domNode.addEventListener('mouseover', this.handleMouseOver.bind(this));

[557] Fix | Delete

this.domNode.addEventListener('mouseout', this.handleMouseOut.bind(this));

[558] Fix | Delete

}

[559] Fix | Delete

};

[560] Fix | Delete

[561] Fix | Delete

TreeitemLink.prototype.isExpanded = function () {

[562] Fix | Delete

[563] Fix | Delete

if (this.isExpandable) {

[564] Fix | Delete

return this.domNode.getAttribute('aria-expanded') === 'true';

[565] Fix | Delete

}

[566] Fix | Delete

[567] Fix | Delete

return false;

[568] Fix | Delete

[569] Fix | Delete

};

[570] Fix | Delete

[571] Fix | Delete

/* EVENT HANDLERS */

[572] Fix | Delete

[573] Fix | Delete

TreeitemLink.prototype.handleKeydown = function (event) {

[574] Fix | Delete

var tgt = event.currentTarget,

[575] Fix | Delete

flag = false,

[576] Fix | Delete

_char = event.key,

[577] Fix | Delete

clickEvent;

[578] Fix | Delete

[579] Fix | Delete

function isPrintableCharacter(str) {

[580] Fix | Delete

return str.length === 1 && str.match(/\S/);

[581] Fix | Delete

}

[582] Fix | Delete

[583] Fix | Delete

function printableCharacter(item) {

[584] Fix | Delete

if (_char == '*') {

[585] Fix | Delete

item.tree.expandAllSiblingItems(item);

[586] Fix | Delete

flag = true;

[587] Fix | Delete

}

[588] Fix | Delete

else {

[589] Fix | Delete

if (isPrintableCharacter(_char)) {

[590] Fix | Delete

item.tree.setFocusByFirstCharacter(item, _char);

[591] Fix | Delete

flag = true;

[592] Fix | Delete

}

[593] Fix | Delete

}

[594] Fix | Delete

}

[595] Fix | Delete

[596] Fix | Delete

this.stopDefaultClick = false;

[597] Fix | Delete

[598] Fix | Delete

if (event.altKey || event.ctrlKey || event.metaKey) {

[599] Fix | Delete

return;

[600] Fix | Delete

}

[601] Fix | Delete

[602] Fix | Delete

if (event.shift) {

[603] Fix | Delete

if (event.keyCode == this.keyCode.SPACE || event.keyCode == this.keyCode.RETURN) {

[604] Fix | Delete

event.stopPropagation();

[605] Fix | Delete

this.stopDefaultClick = true;

[606] Fix | Delete

}

[607] Fix | Delete

else {

[608] Fix | Delete

if (isPrintableCharacter(_char)) {

[609] Fix | Delete

printableCharacter(this);

[610] Fix | Delete

}

[611] Fix | Delete

}

[612] Fix | Delete

}

[613] Fix | Delete

else {

[614] Fix | Delete

switch (event.keyCode) {

[615] Fix | Delete

case this.keyCode.SPACE:

[616] Fix | Delete

case this.keyCode.RETURN:

[617] Fix | Delete

if (this.isExpandable) {

[618] Fix | Delete

if (this.isExpanded()) {

[619] Fix | Delete

this.tree.collapseTreeitem(this);

[620] Fix | Delete

}

[621] Fix | Delete

else {

[622] Fix | Delete

this.tree.expandTreeitem(this);

[623] Fix | Delete

}

[624] Fix | Delete

flag = true;

[625] Fix | Delete

}

[626] Fix | Delete

else {

[627] Fix | Delete

event.stopPropagation();

[628] Fix | Delete

this.stopDefaultClick = true;

[629] Fix | Delete

}

[630] Fix | Delete

break;

[631] Fix | Delete

[632] Fix | Delete

case this.keyCode.UP:

[633] Fix | Delete

this.tree.setFocusToPreviousItem(this);

[634] Fix | Delete

flag = true;

[635] Fix | Delete

break;

[636] Fix | Delete

[637] Fix | Delete

case this.keyCode.DOWN:

[638] Fix | Delete

this.tree.setFocusToNextItem(this);

[639] Fix | Delete

flag = true;

[640] Fix | Delete

break;

[641] Fix | Delete

[642] Fix | Delete

case this.keyCode.RIGHT:

[643] Fix | Delete

if (this.isExpandable) {

[644] Fix | Delete

if (this.isExpanded()) {

[645] Fix | Delete

this.tree.setFocusToNextItem(this);

[646] Fix | Delete

}

[647] Fix | Delete

else {

[648] Fix | Delete

this.tree.expandTreeitem(this);

[649] Fix | Delete

}

[650] Fix | Delete

}

[651] Fix | Delete

flag = true;

[652] Fix | Delete

break;

[653] Fix | Delete

[654] Fix | Delete

case this.keyCode.LEFT:

[655] Fix | Delete

if (this.isExpandable && this.isExpanded()) {

[656] Fix | Delete

this.tree.collapseTreeitem(this);

[657] Fix | Delete

flag = true;

[658] Fix | Delete

}

[659] Fix | Delete

else {

[660] Fix | Delete

if (this.inGroup) {

[661] Fix | Delete

this.tree.setFocusToParentItem(this);

[662] Fix | Delete

flag = true;

[663] Fix | Delete

}

[664] Fix | Delete

}

[665] Fix | Delete

break;

[666] Fix | Delete

[667] Fix | Delete

case this.keyCode.HOME:

[668] Fix | Delete

this.tree.setFocusToFirstItem();

[669] Fix | Delete

flag = true;

[670] Fix | Delete

break;

[671] Fix | Delete

[672] Fix | Delete

case this.keyCode.END:

[673] Fix | Delete

this.tree.setFocusToLastItem();

[674] Fix | Delete

flag = true;

[675] Fix | Delete

break;

[676] Fix | Delete

[677] Fix | Delete

default:

[678] Fix | Delete

if (isPrintableCharacter(_char)) {

[679] Fix | Delete

printableCharacter(this);

[680] Fix | Delete

}

[681] Fix | Delete

break;

[682] Fix | Delete

}

[683] Fix | Delete

}

[684] Fix | Delete

[685] Fix | Delete

if (flag) {

[686] Fix | Delete

event.stopPropagation();

[687] Fix | Delete

event.preventDefault();

[688] Fix | Delete

}

[689] Fix | Delete

};

[690] Fix | Delete

[691] Fix | Delete

TreeitemLink.prototype.handleClick = function (event) {

[692] Fix | Delete

[693] Fix | Delete

// Only process click events that directly happened on this treeitem.

[694] Fix | Delete

if (event.target !== this.domNode && event.target !== this.domNode.firstElementChild) {

[695] Fix | Delete

return;

[696] Fix | Delete

}

[697] Fix | Delete

[698] Fix | Delete

if (this.isExpandable) {

[699] Fix | Delete

if (this.isExpanded()) {

[700] Fix | Delete

this.tree.collapseTreeitem(this);

[701] Fix | Delete

}

[702] Fix | Delete

else {

[703] Fix | Delete

this.tree.expandTreeitem(this);

[704] Fix | Delete

}

[705] Fix | Delete

event.stopPropagation();

[706] Fix | Delete

}

[707] Fix | Delete

};

[708] Fix | Delete

[709] Fix | Delete

TreeitemLink.prototype.handleFocus = function (event) {

[710] Fix | Delete

var node = this.domNode;

[711] Fix | Delete

if (this.isExpandable) {

[712] Fix | Delete

node = node.firstElementChild;

[713] Fix | Delete

}

[714] Fix | Delete

node.classList.add('focus');

[715] Fix | Delete

};

[716] Fix | Delete

[717] Fix | Delete

TreeitemLink.prototype.handleBlur = function (event) {

[718] Fix | Delete

var node = this.domNode;

[719] Fix | Delete

if (this.isExpandable) {

[720] Fix | Delete

node = node.firstElementChild;

[721] Fix | Delete

}

[722] Fix | Delete

node.classList.remove('focus');

[723] Fix | Delete

};

[724] Fix | Delete

[725] Fix | Delete

TreeitemLink.prototype.handleMouseOver = function (event) {

[726] Fix | Delete

event.currentTarget.classList.add('hover');

[727] Fix | Delete

};

[728] Fix | Delete

[729] Fix | Delete

TreeitemLink.prototype.handleMouseOut = function (event) {

[730] Fix | Delete

event.currentTarget.classList.remove('hover');

[731] Fix | Delete

};

[732] Fix | Delete

[733] Fix | Delete

return TreeitemLink;

[734] Fix | Delete

})();

[735] Fix | Delete

[736] Fix | Delete

/**

[737] Fix | Delete

* Creates a new TreeLinks.

[738] Fix | Delete

[739] Fix | Delete

* @since 4.9.0

[740] Fix | Delete

* @class

[741] Fix | Delete

* @private

[742] Fix | Delete

* @see {@link https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-2/treeview-2b.html|W3C Treeview Example}

[743] Fix | Delete

* @license W3C-20150513

[744] Fix | Delete

[745] Fix | Delete

TreeLinks = (function () {

[746] Fix | Delete

[747] Fix | Delete

* This content is licensed according to the W3C Software License at

[748] Fix | Delete

* https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document

[749] Fix | Delete

[750] Fix | Delete

* File: TreeLinks.js

[751] Fix | Delete

[752] Fix | Delete

* Desc: Tree widget that implements ARIA Authoring Practices

[753] Fix | Delete

* for a tree being used as a file viewer

[754] Fix | Delete

[755] Fix | Delete

* Author: Jon Gunderson, Ku Ja Eun and Nicholas Hoyt

[756] Fix | Delete

[757] Fix | Delete

[758] Fix | Delete

[759] Fix | Delete

* @constructor

[760] Fix | Delete

[761] Fix | Delete

* @desc

[762] Fix | Delete

* Tree item object for representing the state and user interactions for a

[763] Fix | Delete

* tree widget

[764] Fix | Delete

[765] Fix | Delete

* @param node

[766] Fix | Delete

* An element with the role=tree attribute

[767] Fix | Delete

[768] Fix | Delete

[769] Fix | Delete

var TreeLinks = function (node) {

[770] Fix | Delete

// Check whether node is a DOM element.

[771] Fix | Delete

if (typeof node !== 'object') {

[772] Fix | Delete

return;

[773] Fix | Delete

}

[774] Fix | Delete

[775] Fix | Delete

this.domNode = node;

[776] Fix | Delete

[777] Fix | Delete

this.treeitems = [];

[778] Fix | Delete

this.firstChars = [];

[779] Fix | Delete

[780] Fix | Delete

this.firstTreeitem = null;

[781] Fix | Delete

this.lastTreeitem = null;

[782] Fix | Delete

[783] Fix | Delete

};

[784] Fix | Delete

[785] Fix | Delete

TreeLinks.prototype.init = function () {

[786] Fix | Delete

[787] Fix | Delete

function findTreeitems(node, tree, group) {

[788] Fix | Delete

[789] Fix | Delete

var elem = node.firstElementChild;

[790] Fix | Delete

var ti = group;

[791] Fix | Delete

[792] Fix | Delete

while (elem) {

[793] Fix | Delete

[794] Fix | Delete

if ((elem.tagName.toLowerCase() === 'li' && elem.firstElementChild.tagName.toLowerCase() === 'span') || elem.tagName.toLowerCase() === 'a') {

[795] Fix | Delete

ti = new TreeitemLink(elem, tree, group);

[796] Fix | Delete

ti.init();

[797] Fix | Delete

tree.treeitems.push(ti);

[798] Fix | Delete

tree.firstChars.push(ti.label.substring(0, 1).toLowerCase());

[799] Fix | Delete

}

[800] Fix | Delete

[801] Fix | Delete

if (elem.firstElementChild) {

[802] Fix | Delete

findTreeitems(elem, tree, ti);

[803] Fix | Delete

}

[804] Fix | Delete

[805] Fix | Delete

elem = elem.nextElementSibling;

[806] Fix | Delete

}

[807] Fix | Delete

}

[808] Fix | Delete

[809] Fix | Delete

// Initialize pop up menus.

[810] Fix | Delete

if (!this.domNode.getAttribute('role')) {

[811] Fix | Delete

this.domNode.setAttribute('role', 'tree');

[812] Fix | Delete

}

[813] Fix | Delete

[814] Fix | Delete

findTreeitems(this.domNode, this, false);

[815] Fix | Delete

[816] Fix | Delete

this.updateVisibleTreeitems();

[817] Fix | Delete

[818] Fix | Delete

this.firstTreeitem.domNode.tabIndex = 0;

[819] Fix | Delete

[820] Fix | Delete

};

[821] Fix | Delete

[822] Fix | Delete

TreeLinks.prototype.setFocusToItem = function (treeitem) {

[823] Fix | Delete

[824] Fix | Delete

for (var i = 0; i < this.treeitems.length; i++) {

[825] Fix | Delete

var ti = this.treeitems[i];

[826] Fix | Delete

[827] Fix | Delete

if (ti === treeitem) {

[828] Fix | Delete

ti.domNode.tabIndex = 0;

[829] Fix | Delete

ti.domNode.focus();

[830] Fix | Delete

}

[831] Fix | Delete

else {

[832] Fix | Delete

ti.domNode.tabIndex = -1;

[833] Fix | Delete

}

[834] Fix | Delete

}

[835] Fix | Delete

[836] Fix | Delete

};

[837] Fix | Delete

[838] Fix | Delete

TreeLinks.prototype.setFocusToNextItem = function (currentItem) {

[839] Fix | Delete

[840] Fix | Delete

var nextItem = false;

[841] Fix | Delete

[842] Fix | Delete

for (var i = (this.treeitems.length - 1); i >= 0; i--) {

[843] Fix | Delete

var ti = this.treeitems[i];

[844] Fix | Delete

if (ti === currentItem) {

[845] Fix | Delete

break;

[846] Fix | Delete

}

[847] Fix | Delete

if (ti.isVisible) {

[848] Fix | Delete

nextItem = ti;

[849] Fix | Delete

}

[850] Fix | Delete

}

[851] Fix | Delete

[852] Fix | Delete

if (nextItem) {

[853] Fix | Delete

this.setFocusToItem(nextItem);

[854] Fix | Delete

}

[855] Fix | Delete

[856] Fix | Delete

};

[857] Fix | Delete

[858] Fix | Delete

TreeLinks.prototype.setFocusToPreviousItem = function (currentItem) {

[859] Fix | Delete

[860] Fix | Delete

var prevItem = false;

[861] Fix | Delete

[862] Fix | Delete

for (var i = 0; i < this.treeitems.length; i++) {

[863] Fix | Delete

var ti = this.treeitems[i];

[864] Fix | Delete

if (ti === currentItem) {

[865] Fix | Delete

break;

[866] Fix | Delete

}

[867] Fix | Delete

if (ti.isVisible) {

[868] Fix | Delete

prevItem = ti;

[869] Fix | Delete

}

[870] Fix | Delete

}

[871] Fix | Delete

[872] Fix | Delete

if (prevItem) {

[873] Fix | Delete

this.setFocusToItem(prevItem);

[874] Fix | Delete

}

[875] Fix | Delete

};

[876] Fix | Delete

[877] Fix | Delete

TreeLinks.prototype.setFocusToParentItem = function (currentItem) {

[878] Fix | Delete

[879] Fix | Delete

if (currentItem.groupTreeitem) {

[880] Fix | Delete

this.setFocusToItem(currentItem.groupTreeitem);

[881] Fix | Delete

}

[882] Fix | Delete

};

[883] Fix | Delete

[884] Fix | Delete

TreeLinks.prototype.setFocusToFirstItem = function () {

[885] Fix | Delete

this.setFocusToItem(this.firstTreeitem);

[886] Fix | Delete

};

[887] Fix | Delete

[888] Fix | Delete

TreeLinks.prototype.setFocusToLastItem = function () {

[889] Fix | Delete

this.setFocusToItem(this.lastTreeitem);

[890] Fix | Delete

};

[891] Fix | Delete

[892] Fix | Delete

TreeLinks.prototype.expandTreeitem = function (currentItem) {

[893] Fix | Delete

[894] Fix | Delete

if (currentItem.isExpandable) {

[895] Fix | Delete

currentItem.domNode.setAttribute('aria-expanded', true);

[896] Fix | Delete

this.updateVisibleTreeitems();

[897] Fix | Delete

}

[898] Fix | Delete

[899] Fix | Delete

};

[900] Fix | Delete

[901] Fix | Delete

TreeLinks.prototype.expandAllSiblingItems = function (currentItem) {

[902] Fix | Delete

for (var i = 0; i < this.treeitems.length; i++) {

[903] Fix | Delete

var ti = this.treeitems[i];

[904] Fix | Delete

[905] Fix | Delete

if ((ti.groupTreeitem === currentItem.groupTreeitem) && ti.isExpandable) {

[906] Fix | Delete

this.expandTreeitem(ti);

[907] Fix | Delete

}

[908] Fix | Delete

}

[909] Fix | Delete

[910] Fix | Delete

};

[911] Fix | Delete

[912] Fix | Delete

TreeLinks.prototype.collapseTreeitem = function (currentItem) {

[913] Fix | Delete

[914] Fix | Delete

var groupTreeitem = false;

[915] Fix | Delete

[916] Fix | Delete

if (currentItem.isExpanded()) {

[917] Fix | Delete

groupTreeitem = currentItem;

[918] Fix | Delete

}

[919] Fix | Delete

else {

[920] Fix | Delete

groupTreeitem = currentItem.groupTreeitem;

[921] Fix | Delete

}

[922] Fix | Delete

[923] Fix | Delete

if (groupTreeitem) {

[924] Fix | Delete

groupTreeitem.domNode.setAttribute('aria-expanded', false);

[925] Fix | Delete

this.updateVisibleTreeitems();

[926] Fix | Delete

this.setFocusToItem(groupTreeitem);

[927] Fix | Delete

}

[928] Fix | Delete

[929] Fix | Delete

};

[930] Fix | Delete

[931] Fix | Delete

TreeLinks.prototype.updateVisibleTreeitems = function () {

[932] Fix | Delete

[933] Fix | Delete

this.firstTreeitem = this.treeitems[0];

[934] Fix | Delete

[935] Fix | Delete

for (var i = 0; i < this.treeitems.length; i++) {

[936] Fix | Delete

var ti = this.treeitems[i];

[937] Fix | Delete

[938] Fix | Delete

var parent = ti.domNode.parentNode;

[939] Fix | Delete

[940] Fix | Delete

ti.isVisible = true;

[941] Fix | Delete

[942] Fix | Delete

while (parent && (parent !== this.domNode)) {

[943] Fix | Delete

[944] Fix | Delete

if (parent.getAttribute('aria-expanded') == 'false') {

[945] Fix | Delete

ti.isVisible = false;

[946] Fix | Delete

}

[947] Fix | Delete

parent = parent.parentNode;

[948] Fix | Delete

}

[949] Fix | Delete

[950] Fix | Delete

if (ti.isVisible) {

[951] Fix | Delete

this.lastTreeitem = ti;

[952] Fix | Delete

}

[953] Fix | Delete

}

[954] Fix | Delete

[955] Fix | Delete

};

[956] Fix | Delete

[957] Fix | Delete

TreeLinks.prototype.setFocusByFirstCharacter = function (currentItem, _char) {

[958] Fix | Delete

var start, index;

[959] Fix | Delete

_char = _char.toLowerCase();

[960] Fix | Delete

[961] Fix | Delete

// Get start index for search based on position of currentItem.

[962] Fix | Delete

start = this.treeitems.indexOf(currentItem) + 1;

[963] Fix | Delete

if (start === this.treeitems.length) {

[964] Fix | Delete

start = 0;

[965] Fix | Delete

}

[966] Fix | Delete

[967] Fix | Delete

// Check remaining slots in the menu.

[968] Fix | Delete

index = this.getIndexFirstChars(start, _char);

[969] Fix | Delete

[970] Fix | Delete

// If not found in remaining slots, check from beginning.

[971] Fix | Delete

if (index === -1) {

[972] Fix | Delete

index = this.getIndexFirstChars(0, _char);

[973] Fix | Delete

}

[974] Fix | Delete

[975] Fix | Delete

// If match was found...

[976] Fix | Delete

if (index > -1) {

[977] Fix | Delete

this.setFocusToItem(this.treeitems[index]);

[978] Fix | Delete

}

[979] Fix | Delete

};

[980] Fix | Delete

[981] Fix | Delete

TreeLinks.prototype.getIndexFirstChars = function (startIndex, _char) {

[982] Fix | Delete

for (var i = startIndex; i < this.firstChars.length; i++) {

[983] Fix | Delete

if (this.treeitems[i].isVisible) {

[984] Fix | Delete

if (_char === this.firstChars[i]) {

[985] Fix | Delete

return i;

[986] Fix | Delete

}

[987] Fix | Delete

}

[988] Fix | Delete

}

[989] Fix | Delete

return -1;

[990] Fix | Delete

};

[991] Fix | Delete

[992] Fix | Delete

return TreeLinks;

[993] Fix | Delete

})();

[994] Fix | Delete

[995] Fix | Delete

/* jshint ignore:end */

[996] Fix | Delete

/* jscs:enable */

[997] Fix | Delete

/* eslint-enable */

[998] Fix | Delete

[999] Fix | Delete

123