viewy 2.0.6

A web UI toolkit that combine the advantages of a design system and an ui library.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

window.addEventListener("startViewy", ({detail}) => {
    detail.root.querySelectorAll(".tab-view")
        .forEach(tabView => {
            const tabs = tabView.querySelectorAll(".tab-view__tab-container__tab");

            async function desactivateAllTabs(except) {
                return tabs.forEach(tab => {
                    if (tab !== except) {
                        let tabId = tab.getAttribute("data-tabId");
                        detail.root.querySelector(`.tab-view__content-container__content[data-tabId="${tabId}"]`)
                            .style.display = "none";

                        tab.classList.remove("tab-view__tab-container__tab--active");

                    }
                })
            }

            tabs.forEach(tab => {
                tab.addEventListener("click", e => {
                    desactivateAllTabs(tab).then(() => {
                        let tabId = tab.getAttribute("data-tabId");
                        tab.classList.add("tab-view__tab-container__tab--active");
                        detail.root.querySelector(`.tab-view__content-container__content[data-tabId="${tabId}"]`)
                            .style.display = "block";
                    })
                });
            });
            let explicitely_open = tabView.querySelector(".tab-view__tab-container__tab[data-is-open]");
            if (explicitely_open) {
                explicitely_open.click()
            } else {
                tabView.querySelector(".tab-view__tab-container__tab").click();
            }

        });
});