{"version":3,"sources":["website/menu/views/default.ts"],"names":["html","nothing","main","data","settings","children","map","i","item","selected","expanded","trim","hasChildren","url","useTargetBlank","name","toggle","e","id","loading","level"],"mappings":"OAASA,KAAsBC,OAAyB,KAAV,WAGxC,SAAUC,KAAKC,EAAiBC,GAClC,OAAOJ;cACGG,EAAKE,SAASC,IAAIC,GAAKC,KAAKD,EAAGH,CAAQ,CAAC;WAEtD,CAEA,SAASI,KAAKL,EAAiBC,GAC3B,OAAOJ,kBAAkBG,EAAKM,UAAYN,EAAKO,WAAaP,EAAKM,SAAW,YAAc,KAAON,EAAKO,SAAW,WAAa,KAAKC,KAAI,EAAKV;;wBAExHE,EAAKS,YAAe,eAAgBX,kBAAkBE,EAAKU,eAAeV,EAAKW,eAAiB,SAAWb,wBAAwBE,EAAKY;cAClJZ,EAAKS,YACHZ;iCACiB,GAAkBI,EAASY,OAAOC,EAAGd,CAAI;sCACpCA,EAAKO,SAAW,QAAU;kDACdP,EAAKe;yCACdf,EAAKO,SAAW,OAAS,YAAYP,EAAKO,SAAW,QAAU,oBACtFT;cACJE,EAAKgB,QAAUnB,8DAAgEC;;UAEnFE,EAAKE,UAAYF,EAAKgB,QAAUnB,yBAAyBG,EAAKe,yBAAyBf,EAAKiB,MAAQ,MAAMjB,EAAKE,SAAWL,4CAA4C,GAAkBI,EAASY,OAAOC,EAAGd,CAAI,iBAAiBA,EAAKO,SAAW,QAAU,qCAAqCP,EAAKe,sBAAsBf,EAAKO,SAAW,OAAS,YAAYP,EAAKO,SAAW,QAAU,iDAAiDP,EAAKU,eAAeV,EAAKW,eAAiB,SAAWb,wBAAwBE,EAAKY,qBAAqBZ,EAAKE,SAASC,IAAIC,GAAKC,KAAKD,EAAGH,CAAQ,CAAC,SAAWH,gBAAkBA;UAEhmB,QArBgBC,IAqBhB","file":"default.js","sourcesContent":["import { html, TemplateResult, nothing } from \"lit-html\";\r\nimport { IMenuData, IMenuItem, IMenuSettings } from \"../cms-menu.js\";\r\n\r\nexport function main(data: IMenuData, settings: IMenuSettings) : TemplateResult {\r\n    return html`<div class=\"menu level-1\">\r\n        <ul>${data.children.map(i => item(i, settings))}</ul>\r\n    </div>`;\r\n}\r\n\r\nfunction item(data: IMenuItem, settings: IMenuSettings) : TemplateResult {\r\n    return html`<li class=\"${data.selected || data.expanded ? ((data.selected ? \"selected \" : \"\") + (data.expanded ? \"expanded\" : \"\")).trim() : nothing}\">\r\n        <div class=\"item\">\r\n            <a class=\"${data.hasChildren ?  \"has-children\": nothing}\" href=\"${data.url}\" target=${data.useTargetBlank ? \"_blank\" : nothing}><span></span>${data.name}</a>\r\n            ${data.hasChildren ?\r\n                html`<button\r\n                        @click=${(e:MouseEvent) => settings.toggle(e, data)}\r\n                        aria-label=\"${data.expanded ? \"Close\" : \"Expand\"}\"\r\n                        aria-controls=\"children_${data.id}\"\r\n                        aria-expanded=\"${data.expanded ? \"true\" : \"false\"}\">${data.expanded ? \"Close\" : \"Expand\"}</button>`\r\n                : nothing}\r\n            ${data.loading ? html`<div class=\"loading\" aria-label=\"Loading\">Loading</div>` : nothing}\r\n        </div>\r\n        ${data.children || data.loading ? html`<div id=\"children_${data.id}\" class=\"menu level-${data.level + 1}\">${data.children ? html`<div class=\"menu-top\"><button @click=${(e:MouseEvent) => settings.toggle(e, data)} aria-label=\"${data.expanded ? \"Close\" : \"Expand\"}\" aria-controls=\"children_${data.id}\" aria-expanded=\"${data.expanded ? \"true\" : \"false\"}\">${data.expanded ? \"Close\" : \"Expand\"}</button><a class=\"fw-semibold\" href=\"${data.url}\" target=${data.useTargetBlank ? \"_blank\" : nothing}><span></span>${data.name}</a></div><ul>${data.children.map(i => item(i, settings))}</ul>` : nothing}</div>` : nothing}\r\n    </li>`;\r\n}"]}