UNPKG

@n8d/htwoo-core

Version:

hTWOo is a Fluent Design Framework purely in HTML and CSS

2 lines (1 loc) • 552 B
"use strict";const t=".hoo-pivotbar",s=".hoo-button-pivot",e=".hoo-navitem-text",o="is-active",c=c=>{c.preventDefault();const r=c.target;let i;if(console.log(r),i=r.classList.contains(s.substr(1))?r:r.closest(s),i||(i=r.classList.contains(e.substr(1))?r:r.closest(e)),!i)return;const n=r.closest(t);if(!n)return;n.querySelectorAll(s).forEach((t=>{t.classList.remove(o)})),i.classList.add(o)};exports.initPivot=()=>{document.querySelectorAll(`${t} ${s}`).forEach((t=>{const s=t;s.dataset.ref=s.textContent?.trim()||"",s.addEventListener("click",c)}))};