You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

18 lines
9.2 KiB

(function(_ds){var window=this;'use strict';var PV=function(a){var b=a.Gg,c='<div class="dropdown-tabbed-menu"><ul class="dropdown-tabbed-menu-list">';a=a.Dl;for(var d=a.length,e=0;e<d;e++){var g=a[e];c+='<li class="dropdown-tabbed-menu-list-item"><a href="#" column-id="'+_ds.X(g.Hh)+'" tabindex="0" track-type="navMenu" track-metadata-eventdetail="'+_ds.X(g.text)+'" track-name="'+_ds.X(b)+'" track-metadata-href="#'+_ds.X(g.Hh)+'" track-metadata-position="nav - secondary" track-metadata-module_headline="'+_ds.X(b)+'">'+_ds.tq(g.text)+
"</a></li>"}return(0,_ds.V)(c+"</ul></div>")},QV=function(a){var b=a.Gg,c=a.href;a=a.text;return(0,_ds.V)('<div class="dropdown-tabbed-menu-button"><a href="'+_ds.X(_ds.Yq(c))+'" track-type="navMenu" track-name="'+_ds.X(b)+'" track-metadata-eventdetail="'+_ds.X(a)+'" track-metadata-href="'+_ds.X(c)+'" track-metadata-position="nav - secondary" track-metadata-module_headline="'+_ds.X(b)+'">'+_ds.tq(a)+"</a></div>")},SV=function(){var a=_ds.R.call(this)||this;a.H=null;a.G=!1;a.j=new _ds.Qj;a.m=new _ds.Qj;
a.h=null;a.N=null;a.C=null;a.D=null;a.L=0;a.o=[];a.F=0;a.K=new _ds.Nj(function(){RV(a)},20);return a},ZV=function(a){a.j.listen(document.body,"devsite-sticky-resize",function(){return a.K.ra()});a.j.listen(a,"click",function(e){if(!(e.shiftKey||e.ctrlKey||e.metaKey||e.altKey)){var g=e.target,k=TV(a,g);if(k)if(k===a.h)UV(a,e);else if(VV(a),g.classList.contains("devsite-tabs-dropdown-toggle"))e.preventDefault(),e.stopPropagation(),k.hasAttribute("dropdown--open")?WV(a):XV(a,k);else{var l;"A"===g.tagName?
l=g:l=_ds.Ah(g,"A");var m=k.querySelector(".devsite-tabs-dropdown");if(m&&m.contains(g))l&&l.hasAttribute("href")||(e.preventDefault(),e.stopPropagation());else{if(e=a.H||a.querySelector("[active]"))e.removeAttribute("active"),e.setAttribute("aria-selected","false");k.setAttribute("active","");k.setAttribute("aria-selected","true");a.H=k;l&&l&&"#"!==l.href||a.K.ra()}}}});if(a.querySelector("tab[dropdown]")||a.querySelector("tab[overflow-tab]")){var b="onpointermove"in window?"pointerover":"mouseover",
c="onpointermove"in window?"pointerleave":"mouseleave",d=a.querySelectorAll("tab[clickable]");if(d.length){b=_ds.n(d);for(c=b.next();!c.done;c=b.next())a.j.listen(c.value,"click",function(e){var g=e.target,k=TV(a,g),l=k.querySelector(".devsite-tabs-dropdown");!l||a.h.contains(g)||l.contains(g)||(e.preventDefault(),e.stopPropagation(),k.hasAttribute("dropdown--open")?WV(a):YV(a,e))});a.j.listen(document.body,"click",function(e){a.D.contains(e.target)||WV(a)})}else a.j.listen(a,[b,"focusin"],function(e){document.body.hasAttribute("touch")||
YV(a,e)}),a.j.listen(a,[c,"focusout"],function(){document.body.hasAttribute("touch")||WV(a,300)})}Array.from(a.querySelectorAll(".devsite-tabs-close-button")).forEach(function(e){a.j.listen(e,"click",function(){return WV(a)})})},YV=function(a,b){var c=b.target,d=TV(a,c);d&&(d===a.h||a.h.contains(c)?UV(a,b):XV(a,d))},WV=function(a,b){b=void 0===b?0:b;_ds.Wj(a.m);window.clearTimeout(a.F);var c=a.querySelector("tab[dropdown--open]");if(c){var d=c.querySelector(".devsite-tabs-dropdown");d.setAttribute("dropdown-transition",
"");_ds.Uj(a.m,d,_ds.ex,function(){d.removeAttribute("dropdown-transition");a.removeAttribute("dropdown--open")});a.F=window.setTimeout(function(){c.removeAttribute("dropdown--open");$V(c)},b)}else a.removeAttribute("dropdown--open");VV(a)},XV=function(a,b){VV(a);if(b.hasAttribute("dropdown")){if(_ds.Wj(a.m),window.clearTimeout(a.F),!b.hasAttribute("dropdown--open")){document.body.hasAttribute("touch")&&_ds.Uj(a.m,document.body,"click",function(m){a.contains(m.target)||WV(a)});var c=a.querySelector("tab[dropdown--open]"),
d=b.querySelector(".devsite-tabs-dropdown");if(d){_ds.Zj(d,"left","");var e=_ds.Mg(window||window),g=Array.from(d.querySelectorAll(".devsite-tabs-dropdown-column"));if(!b.hasAttribute("dropdown-full")&&1<g.length){var k=[];g.forEach(function(m){k.push(m.scrollWidth)});var l=Math.max.apply(null,k);l*g.length<e.width?g.forEach(function(m){_ds.Zj(m,"width",l+"px")}):b.setAttribute("dropdown-full","")}g=d.getBoundingClientRect();b.hasAttribute("dropdown-full")?_ds.Zj(d,"left","-"+g.left+"px"):(e=Math.min(g.left,
g.left+g.width-e.width),0<e&&_ds.Zj(d,"left","-"+e+"px"));c?(c.removeAttribute("dropdown--open"),$V(c),c.querySelector(".devsite-tabs-dropdown").removeAttribute("dropdown-transition")):(d.setAttribute("dropdown-transition",""),_ds.Uj(a.m,d,_ds.ex,function(){return d.removeAttribute("dropdown-transition")}));window.requestAnimationFrame(function(){a.setAttribute("dropdown--open","");b.setAttribute("dropdown--open","");$V(b)})}else c&&(c.removeAttribute("dropdown--open"),$V(c))}}else WV(a)},TV=function(a,
b){for(;b&&b!==a;){if("TAB"===b.tagName.toUpperCase())return b;b=b.parentElement}return null},UV=function(a,b){var c;_ds.E(function(d){if(1==d.h)return b.preventDefault(),b.stopPropagation(),document.body.dispatchEvent(new CustomEvent("devsite-close-overflow-tabs")),_ds.u(d,_ds.Oi(),2);if(a.hasAttribute("overflow-menu--open"))return d.return();document.body.hasAttribute("touch")&&(c=function(e){a.contains(e.target)||VV(a);_ds.Vj(a.m,document.body,["devsite-close-overflow-tabs","click"],c)},a.m.listen(document.body,
["devsite-close-overflow-tabs","click"],c));a.C.removeAttribute("hidden");a.setAttribute("overflow-menu--open","");_ds.v(d)})},VV=function(a){a.C.setAttribute("hidden","");a.removeAttribute("overflow-menu--open")},RV=function(a){a.h.setAttribute("hidden","");if(!(3>a.o.length)){var b=aW(a);if(0!==b){var c=a.o.slice(),d=0,e;c.forEach(function(p){p.parentNode!==a.D&&(e?_ds.Zg(p,e):_ds.$g(a.D,p,0));e=p;d+=aW(p)});if(!(d<=b)){var g=a.L;a.h.removeAttribute("hidden");var k=a.querySelector("[active]");for(k&&
(g+=aW(k));c.length;){var l=c.shift();if(l!==k){var m=aW(l);g+m<=b?g+=m:a.C.appendChild(l)}}}}}},bW=function(a){a.o=Array.from(a.querySelectorAll("tab"));var b=a.querySelector(".devsite-tabs-wrapper");b||(b=a.ownerDocument.createElement("div"),b.classList.add("devsite-tabs-wrapper"),a.appendChild(b),a.o.forEach(function(e){return b.appendChild(e)}));a.D=b;a.appendChild(b);if(!a.hasAttribute("no-overflow")){var c=a.ownerDocument.createElement("tab");c.setAttribute("overflow-tab","");var d=a.ownerDocument.createElement("a");
_ds.Dd(d,"#");d.textContent="More";d.classList.add("devsite-icon");d.classList.add("devsite-icon-arrow-drop-down");c.appendChild(d);a.h=c;d=a.ownerDocument.createElement("div");d.classList.add("devsite-tabs-overflow-menu");d.setAttribute("scrollbars","");d.setAttribute("hidden","");a.C=d;c.appendChild(d);b.appendChild(c)}},aW=function(a){if(!a)return 0;for(var b=[],c=a;c.parentElement&&0==c.offsetWidth;)b.push(c),c.setAttribute("render-hidden",""),c=c.parentElement;a=_ds.nk(a).width;b=_ds.n(b);for(c=
b.next();!c.done;c=b.next())c.value.removeAttribute("render-hidden");return a},$V=function(a){var b=a.querySelector(".devsite-tabs-dropdown-toggle"),c=a.hasAttribute("dropdown--open"),d=a.querySelector(".devsite-tabs-dropdown");a.querySelector("a").setAttribute("aria-expanded",c);b.setAttribute("aria-expanded",c);d.setAttribute("aria-hidden",!c)},eW=function(a){a.o.forEach(function(b,c){if(b.hasAttribute("generated-tab-menu")&&!document.body.hasAttribute("touch")){var d=Array.from(b.querySelectorAll(".devsite-tabs-dropdown-column")),
e=b.querySelector(".devsite-tabs-dropdown"),g=b.querySelector("a");d.forEach(function(k,l){k.setAttribute("column-id","tab-"+c+"-column-"+l)});d=d.map(function(k){var l=k.querySelector(".devsite-nav-title")||k.querySelector(".devsite-nav-item-title");return{Hh:k.getAttribute("column-id"),text:l.textContent}});g&&(g=_ds.ir(PV,{Gg:g.textContent,Dl:d}),e&&(d=b.querySelector(".devsite-tabs-dropdown-content")))&&(e.insertBefore(g,d),e=b.querySelector(".dropdown-tabbed-menu a"),cW(b),a.j.listen(g,"click",
function(k){k.preventDefault();var l=b.querySelector(".dropdown-tabbed-menu-button");k=k.target;l&&k.tagName&&"a"===k.tagName.toLowerCase()&&!l.contains(k)&&dW(b,k.getAttribute("column-id"))}),e&&dW(b,e.getAttribute("column-id")))}})},dW=function(a,b){var c=Array.from(a.querySelectorAll(".devsite-tabs-dropdown-column"));a=Array.from(a.querySelectorAll(".dropdown-tabbed-menu a"));a.forEach(function(d){return d.removeAttribute("active")});c.forEach(function(d){return d.setAttribute("hidden","")});a=
a.find(function(d){return d.getAttribute("column-id")===b});c=c.find(function(d){return d.getAttribute("column-id")===b});a&&c&&(a.setAttribute("active",""),c.removeAttribute("hidden"))},cW=function(a){var b=a.querySelector(".dropdown-tabbed-menu-button-target");if(!a.querySelector(".dropdown-tabbed-menu-button")&&b){var c=a.querySelector("a");c&&(c=c.textContent,b=b.querySelector(".devsite-nav-item a"),a=a.querySelector(".dropdown-tabbed-menu"),b&&(c=_ds.ir(QV,{Gg:c,href:b.getAttribute("href"),text:b.textContent}),
a.appendChild(c)))}};_ds.t(SV,_ds.R);SV.prototype.disconnectedCallback=function(){_ds.Wj(this.j);_ds.Wj(this.m)};SV.prototype.connectedCallback=function(){this.G||(bW(this),this.G=!0);this.setAttribute("connected","");this.hasAttribute("no-overflow")||(this.h.setAttribute("collapsed",""),this.L=aW(this.h),this.h.removeAttribute("collapsed"),ZV(this),RV(this));eW(this)};SV.prototype.connectedCallback=SV.prototype.connectedCallback;SV.prototype.disconnectedCallback=SV.prototype.disconnectedCallback;try{window.customElements.define("devsite-tabs",SV)}catch(a){console.warn("devsite.app.customElement.DevsiteTabs",a)};})(_ds_www);