@vaadin-component-factory/vcf-anchor-nav
Advanced tools
Comparing version 1.2.0-beta.1 to 1.2.0-beta.2
{ | ||
"name": "@vaadin-component-factory/vcf-anchor-nav", | ||
"version": "1.2.0-beta.1", | ||
"version": "1.2.0-beta.2", | ||
"description": "Component with tabs used as anchor navigation and content sections. Automates the linking of tabs and sections.", | ||
@@ -5,0 +5,0 @@ "main": "vcf-anchor-nav.js", |
@@ -168,12 +168,8 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js'; | ||
if (!a && this.nav) { | ||
const btn = document.createElement('vaadin-button'); | ||
btn.setAttribute('theme', 'tertiary'); | ||
btn.innerText = tab.innerText || this.name; | ||
Array.from(tab.children).forEach(el => btn.appendChild(el)); | ||
a = document.createElement('a'); | ||
Array.from(tab.childNodes).forEach(node => a.appendChild(node)); | ||
a.id = `${this.id}-anchor`; | ||
tab.innerText = ''; | ||
if (!a.innerText) a.innerText = this.name; | ||
if (this.nav._deepLinks) a.href = url.toString(); | ||
a.addEventListener('click', e => e.preventDefault()); | ||
a.appendChild(btn); | ||
tab.appendChild(a); | ||
@@ -180,0 +176,0 @@ return a; |
@@ -126,12 +126,2 @@ import { html, PolymerElement } from '@polymer/polymer/polymer-element'; | ||
} | ||
vaadin-tab a > vaadin-button { | ||
height: auto; | ||
margin: 0; | ||
cursor: pointer; | ||
} | ||
vaadin-tab:not([selected]) a > vaadin-button { | ||
color: var(--lumo-contrast-60pct); | ||
} | ||
</style> | ||
@@ -153,3 +143,3 @@ <div id="container" part="container"> | ||
static get version() { | ||
return '1.2.0-beta.1'; | ||
return '1.2.0-beta.2'; | ||
} | ||
@@ -246,3 +236,2 @@ | ||
tab = document.createElement('vaadin-tab'); | ||
tab.id = section.defaultTabId; | ||
this.$.tabs.appendChild(tab); | ||
@@ -278,2 +267,4 @@ this._initTab(tab, section); | ||
_initTab(tab, section) { | ||
tab.id = tab.id || section.defaultTabId; | ||
tab.setAttribute('part', 'tab'); | ||
tab.dataset.sectionId = section.id; | ||
@@ -280,0 +271,0 @@ section._setTabAnchor(tab, section.url); |
215309
2233