import { Splide } from "@splidejs/splide";
import domReady from "@wordpress/dom-ready";
const siblings = function (el) {
if (el.parentNode === null) return [];
return Array.prototype.filter.call(
el.parentNode.children,
function (child) {
return child !== el;
}
);
};
const initTab = () => {
const magazineTabs = document.querySelectorAll(".mzb-tab-post");
if (!magazineTabs?.length) {
return;
}
for (const magazineTab of magazineTabs) {
const tabs =
magazineTab && magazineTab.querySelectorAll(".mzb-tab-title");
if (!tabs?.length) {
return;
}
for (const tab of tabs) {
tab.addEventListener("click", (e) => {
const sibling = siblings(tab)?.[0];
magazineTab.setAttribute(
"data-active-tab",
e.target.getAttribute("data-tab")
);
tab.classList.add("active");
sibling?.classList?.remove("active");
});
}
}
};
domReady(() => {
new Splide(".splide", {
perPage: 1,
pauseOnHover: false,
interval: 2000,
type: "loop",
}).mount();
initTab();
});