Lines Matching refs:a
515 Array.from(items).forEach((a, index) => {
517 this.tabPos[a.dataset.key] = {
519 width: a.offsetWidth,
520 height: a.offsetHeight,
521 left: a.offsetLeft,
522 top: a.offsetTop,
523 label: a.textContent,
569 panes.forEach((a) => {
570 if (a.key === this.activekey) {
571 a.style.display = 'block';
573 a.style.display = 'none';
577 panes.forEach((a, index) => {
579 a.style.display = 'block';
580 this.activekey = a.key || '';
582 a.style.display = 'none';
589 .forEach((a) => {
590 if (a.disabled) {
591 …navHtml += `<div class="nav-item" data-key="${a.key}" data-disabled ${a.closeable ? 'data-closeabl…
592 ${a.icon ? `<lit-icon name='${a.icon}'></lit-icon>` : ``}
593 <span>${a.tab}</span>
596 } else if (a.hidden) {
597 …navHtml += `<div class="nav-item" data-key="${a.key}" data-hidden ${a.closeable ? 'data-closeable'…
598 ${a.icon ? `<lit-icon name='${a.icon}'></lit-icon>` : ``}
599 <span>${a.tab}</span>
603 if (a.key === this.activekey) {
604 navHtml += `<div class="nav-item" data-key="${a.key}" data-selected ${
605 a.closeable ? 'data-closeable' : ''
607 ${a.icon ? `<lit-icon name='${a.icon}'></lit-icon>` : ``}
608 <span>${a.tab}</span>
612 … navHtml += `<div class="nav-item" data-key="${a.key}" ${a.closeable ? 'data-closeable' : ''}>
613 ${a.icon ? `<lit-icon name='${a.icon}'></lit-icon>` : ``}
614 <span>${a.tab}</span>
622 this.nav!.querySelectorAll<HTMLElement>('.close-icon').forEach((a) => {
623 a.onclick = (e) => {
658 this.nav!.querySelectorAll('.nav-item').forEach((a) => {
659 if (a.querySelector('span')?.innerText === 'Comparison') {
660 a.setAttribute('id', 'nav-comparison');
662 if (a.getAttribute('data-key') === key) {
663 a.setAttribute('data-selected', 'true');
665 let span = a.querySelector('span') as HTMLSpanElement;
708 a.removeAttribute('data-selected');
713 panes.forEach((a) => {
714 if (a.key === key) {
715 a.style.display = 'block';
716 this.activekey = a.key;
719 a.style.display = 'none';