var r=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="800" height="800" viewBox="0 0 211.66666 211.66666" version="1.1" id="svg1192" inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" sodipodi:docname="SciCat_logo_icon.svg" inkscape:export-filename="/home/nitrosx/repos/scicat-branding/logo/png/SciCat_logo_icon.png" inkscape:export-xdpi="96" inkscape:export-ydpi="96" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview id="namedview1194" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:document-units="mm" showgrid="false" inkscape:zoom="0.77504209" inkscape:cx="403.84903" inkscape:cy="561.25984" inkscape:window-width="2560" inkscape:window-height="1408" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="g1565" units="px" width="800px"/>
  <defs id="defs1189">
    <clipPath id="SVGID_2_">
      <use xlink:href="#SVGID_1_" style="overflow:visible" id="use102" x="0" y="0" width="100%" height="100%"/>
    </clipPath>
    <circle id="SVGID_1_" cx="153.5" cy="124.2" r="77.5"/>
    <clipPath id="SVGID_2_-8">
      <use xlink:href="#SVGID_1_" style="overflow:visible" id="use102-5" x="0" y="0" width="100%" height="100%"/>
    </clipPath>
    <clipPath id="SVGID_2_-4">
      <use xlink:href="#SVGID_1_" style="overflow:visible" id="use102-8" x="0" y="0" width="100%" height="100%"/>
    </clipPath>
  </defs>
  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
    <g id="g1565" transform="matrix(0.26458333,0,0,0.26458333,92.68376,105.28284)">
      <polygon class="st0" points="101.7,191.2 89.6,179.5 80.1,189.3 75,188.9 28.9,236.4 46.6,253.6 92.8,206.1 92.1,201.1 " id="polygon7-4" style="fill:#27aae1" transform="matrix(3.6727096,0,0,3.6727096,-430.85069,-550.13486)"/>
      <use xlink:href="#SVGID_1_" style="overflow:visible;fill:#27aae1" id="use100-4" x="0" y="0" width="100%" height="100%" transform="matrix(3.6727096,0,0,3.6727096,-430.85069,-550.13486)"/>
      <path class="st4" d="m 182.85908,-158.25675 h 53.62156 m -52.88702,73.821464 -0.36727,-73.821464 -21.66898,-21.66898 v -21.30172 h 128.9121 v 21.66899 l -21.66898,21.66898 v 279.4932 c 0,17.99628 -14.32357,32.31984 -32.31985,32.31984 h -21.66899 c -17.629,0 -32.31984,-14.32356 -32.31984,-32.31984 V 99.93473" id="path105-4" style="fill:#27aae1;stroke:#ffffff;stroke-width:15.6164;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
      <path class="st5" d="m 75.615962,-277.25254 v -10.65086 c 0,-40.03253 36.359828,-64.63968 76.392358,-64.63968 h -0.36727 c 40.03253,0 74.556,35.25801 74.556,75.29054 v 42.9707" id="path107-4" style="fill:#27aae1;stroke:#ffffff;stroke-width:15.6164;stroke-linecap:round;stroke-miterlimit:10"/>
      <path class="st4" d="m 21.627132,-244.19815 v 21.66898 l 21.668986,21.66899 v 78.96326 c -61.70152,14.69083 -107.61039,69.781478 -107.61039,135.89025 0,77.126901 62.4360625,139.93023 139.930234,139.93023 77.126898,0 139.930238,-62.436058 139.930238,-139.93023 0,-66.108772 -45.90887,-121.19942 -107.61039,-135.89025 v -79.33053 l 21.66898,-21.66899 v -21.66898 H 21.627132 Z m 53.98883,42.9707 H 43.296118" id="path109-7" style="fill:#27aae1;stroke:#ffffff;stroke-width:15.6164;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    </g>
  </g>
</svg>
`;var p=class{constructor(e,o,n){let[t,l,c,a]=h(e,i=>this.selectTab(i),n);this.element=t,this.tabButtonsContainer=l,this.tabs=c.map((i,d)=>({label:e[d].label,element:i})),b(a,o),this.selectTab(0)}selectTab(e){this.tabButtonsContainer.querySelectorAll(".cean-tab-button").forEach((n,t)=>{t===e?n.classList.add("cean-tab-button-active"):n.classList.remove("cean-tab-button-active")}),this.tabs.forEach((n,t)=>{t===e?n.element.style.visibility="visible":n.element.style.visibility="hidden"})}};function h(s,e,o){let n=document.createElement("div");n.classList.add("cean-tabs");let t=document.createElement("div");t.classList.add("cean-tab-buttons"),n.appendChild(t);let l=document.createElement("div");l.classList.add("cean-tab-buttons-left"),l.appendChild(u(o)),t.appendChild(l);let c=document.createElement("div");c.classList.add("cean-tab-buttons-middle"),t.appendChild(c);let a=document.createElement("div");a.classList.add("cean-tab-buttons-right"),t.appendChild(a);let i=document.createElement("div");i.classList.add("cean-tab-content"),n.appendChild(i);let d=f(c,i,s,e);return[n,t,d,a]}function f(s,e,o,n){let t=[];return o.forEach((l,c)=>{let a=document.createElement("button");a.appendChild(l.label),a.classList.add("cean-tab-button"),a.addEventListener("click",()=>n(c)),s.appendChild(a);let i=document.createElement("div");i.classList.add("cean-tab-pane"),i.appendChild(l.element),t.push(i),e.appendChild(i)}),t}function b(s,e){e.forEach(o=>s.appendChild(o))}function u(s){let e=document.createElement("a");return e.href=s,e.target="_blank",e.innerHTML=r,e}export{p as Tabs};
