html-dropdown-menu/dist/index.min.js

A javascript library for create drop down menu in your app.

"use strict";function createDropDownMenu(n,e){function t(n,e){const t=document.createElement("span");t.innerText=e.text,e.onclick&&t.addEventListener("click",()=>e.onclick()),n.appendChild(t)}function o(n,e){const c=document.createElement("div");c.classList.add("dropdown-category");const d=document.createElement("span");d.innerText=e.text+">";const s=document.createElement("div");s.classList.add("dropdown-contents","dropdown-nest-contents"),c.append(d,s);for(const n of e.children)n.hasOwnProperty("children")?o(s,n):t(s,n);n.append(c)}const c=document.createElement("div");c.classList.add("dropdown");for(const n of e){const e=document.createElement("div");e.classList.add("dropdown-category");const d=document.createElement("span");d.classList.add("dropdown-title"),d.innerText=n.name;const s=document.createElement("div");s.classList.add("dropdown-contents"),e.append(d,s),c.append(e);for(const e of n.content)e.hasOwnProperty("children")?o(s,e):t(s,e)}n.appendChild(c)}