q2-tecton-elements 1.47.2 → 1.47.4

package/dist/q2-tecton-elements/{p-59551fa4.entry.js → p-0097a699.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as r,g as i}from"./p-a5f18e27.js";import{o as a,l as n,d as o,i as s}from"./p-84190698.js";import{bo as l,W as c,_ as u,av as h,bp as v,bq as f,b2 as d,br as p,D as g,bs as m,x as b,a0 as y,I as x,bt as w,aJ as S,bu as I,bv as M,j as T,bw as C,E as k,bx as z,by as A,bz as D,bA as N,d as L,bB as O,bC as B,bD as R,bE as U,bF as P,bG as W,bH as F,bI as Y,a as G,bJ as j,bK as H,bL as X,bM as E,bN as _,bg as K,aH as q,bO as $,aY as J,bP as Z,bQ as V,bR as Q,a9 as tt,aZ as et,bS as rt,ax as it,bT as at,a4 as nt,m as ot,a6 as st,o as lt,y as ct,bU as ut,bV as ht,b as vt,bW as ft,a$ as dt,bX as pt,bY as gt,bZ as mt,c as bt,af as yt,G as xt,ay as wt,b3 as St,az as It,b_ as Mt,a_ as Tt,u as Ct,b$ as kt,at as zt,a3 as At,R as Dt,bj as Nt,i as Lt,s as Ot,z as Bt,t as Rt,g as Ut,bb as Pt,c0 as Wt,V as Ft,b5 as Yt,C as Gt,ah as jt,aj as Ht,c1 as Xt,c2 as Et,c3 as _t,S as Kt,c4 as qt,ab as $t,aa as Jt,ac as Zt}from"./p-dfed434e.js";import{l as Vt,a as Qt,g as te,s as ee,b as re,i as ie}from"./p-e640b69a.js";function ae(t,e){var r=l(e.get("padding"));var i=e.getItemStyle(["color","opacity"]);i.fill=e.get("backgroundColor");t=new c({shape:{x:t.x-r[3],y:t.y-r[0],width:t.width+r[1]+r[3],height:t.height+r[0]+r[2],r:e.get("borderRadius")},style:i,silent:true,z2:-1});return t}var ne=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.type="tooltip";e.dependencies=["axisPointer"];e.defaultOption={z:60,show:true,showContent:true,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:false,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:false,backgroundColor:"#fff",shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:"#999",width:1,type:"dashed",textStyle:{}}},textStyle:{color:"#666",fontSize:14}};return e}(h);const oe=ne;function se(t){var e=t.get("confine");return e!=null?!!e:t.get("renderMode")==="richText"}function le(t){if(!f.domSupported){return}var e=document.documentElement.style;for(var r=0,i=t.length;r<i;r++){if(t[r]in e){return t[r]}}}var ce=le(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);var ue=le(["webkitTransition","transition","OTransition","MozTransition","msTransition"]);function he(t,e){if(!t){return e}e=v(e,true);var r=t.indexOf(e);t=r===-1?e:"-"+t.slice(0,r)+"-"+e;return t.toLowerCase()}function ve(t,e){var r=t.currentStyle||document.defaultView&&document.defaultView.getComputedStyle(t);return r?e?r[e]:r:null}var fe=he(ue,"transition");var de=he(ce,"transform");var pe="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(f.transform3dSupported?"will-change:transform;":"");function ge(t){t=t==="left"?"right":t==="right"?"left":t==="top"?"bottom":"top";return t}function me(t,e,r){if(!d(r)||r==="inside"){return""}var i=t.get("backgroundColor");var a=t.get("borderWidth");e=b(e);var n=ge(r);var o=Math.max(Math.round(a)*1.5,6);var s="";var l=de+":";var c;if(S(["left","right"],n)>-1){s+="top:50%";l+="translateY(-50%) rotate("+(c=n==="left"?-225:-45)+"deg)"}else{s+="left:50%";l+="translateX(-50%) rotate("+(c=n==="top"?225:45)+"deg)"}var u=c*Math.PI/180;var h=o+a;var v=h*Math.abs(Math.cos(u))+h*Math.abs(Math.sin(u));var f=Math.round(((v-Math.SQRT2*a)/2+Math.SQRT2*a-(v-h)/2)*100)/100;s+=";"+n+":-"+f+"px";var p=e+" solid "+a+"px;";var g=["position:absolute;width:"+o+"px;height:"+o+"px;z-index:-1;",s+";"+l+";","border-bottom:"+p,"border-right:"+p,"background-color:"+i+";"];return'<div style="'+g.join("")+'"></div>'}function be(t,e){var r="cubic-bezier(0.23,1,0.32,1)";var i=" "+t/2+"s "+r;var a="opacity"+i+",visibility"+i;if(!e){i=" "+t+"s "+r;a+=f.transformSupported?","+de+i:",left"+i+",top"+i}return fe+":"+a}function ye(t,e,r){var i=t.toFixed(0)+"px";var a=e.toFixed(0)+"px";if(!f.transformSupported){return r?"top:"+a+";left:"+i+";":[["top",a],["left",i]]}var n=f.transform3dSupported;var o="translate"+(n?"3d":"")+"("+i+","+a+(n?",0":"")+")";return r?"top:0;left:0;"+de+":"+o+";":[["top",0],["left",0],[ce,o]]}function xe(t){var e=[];var r=t.get("fontSize");var i=t.getTextColor();i&&e.push("color:"+i);e.push("font:"+t.getFont());r&&e.push("line-height:"+Math.round(r*3/2)+"px");var a=t.get("textShadowColor");var n=t.get("textShadowBlur")||0;var o=t.get("textShadowOffsetX")||0;var s=t.get("textShadowOffsetY")||0;a&&n&&e.push("text-shadow:"+o+"px "+s+"px "+n+"px "+a);x(["decoration","align"],(function(r){var i=t.get(r);i&&e.push("text-"+r+":"+i)}));return e.join(";")}function we(t,e,r){var i=[];var a=t.get("transitionDuration");var n=t.get("backgroundColor");var o=t.get("shadowBlur");var s=t.get("shadowColor");var c=t.get("shadowOffsetX");var u=t.get("shadowOffsetY");var h=t.getModel("textStyle");var f=I(t,"html");var d=c+"px "+u+"px "+o+"px "+s;i.push("box-shadow:"+d);e&&a&&i.push(be(a,r));if(n){i.push("background-color:"+n)}x(["width","color","radius"],(function(e){var r="border-"+e;var a=v(r);var n=t.get(a);n!=null&&i.push(r+":"+n+(e==="color"?"":"px"))}));i.push(xe(h));if(f!=null){i.push("padding:"+l(f).join("px ")+"px")}return i.join(";")+";"}function Se(t,e,r,i,a){var n=e&&e.painter;if(r){var o=n&&n.getViewportRoot();if(o){M(t,o,r,i,a)}}else{t[0]=i;t[1]=a;var s=n&&n.getViewportRootOffset();if(s){t[0]+=s.offsetLeft;t[1]+=s.offsetTop}}t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}var Ie=function(){function t(t,e){this._show=false;this._styleCoord=[0,0,0,0];this._enterable=true;this._alwaysShowContent=false;this._firstShow=true;this._longHide=true;if(f.wxa){return null}var r=document.createElement("div");r.domBelongToZr=true;this.el=r;var i=this._zr=t.getZr();var a=e.appendTo;var n=a&&(d(a)?document.querySelector(a):p(a)?a:g(a)&&a(t.getDom()));Se(this._styleCoord,i,n,t.getWidth()/2,t.getHeight()/2);(n||t.getDom()).appendChild(r);this._api=t;this._container=n;var o=this;r.onmouseenter=function(){if(o._enterable){clearTimeout(o._hideTimeout);o._show=true}o._inContent=true};r.onmousemove=function(t){t=t||window.event;if(!o._enterable){var e=i.handler;var r=i.painter.getViewportRoot();m(r,t,true);e.dispatch("mousemove",t)}};r.onmouseleave=function(){o._inContent=false;if(o._enterable){if(o._show){o.hideLater(o._hideDelay)}}}}t.prototype.update=function(t){if(!this._container){var e=this._api.getDom();var r=ve(e,"position");var i=e.style;if(i.position!=="absolute"&&r!=="absolute"){i.position="relative"}}var a=t.get("alwaysShowContent");a&&this._moveIfResized();this._alwaysShowContent=a;this.el.className=t.get("className")||""};t.prototype.show=function(t,e){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var r=this.el;var i=r.style;var a=this._styleCoord;if(!r.innerHTML){i.display="none"}else{i.cssText=pe+we(t,!this._firstShow,this._longHide)+ye(a[0],a[1],true)+("border-color:"+b(e)+";")+(t.get("extraCssText")||"")+(";pointer-events:"+(this._enterable?"auto":"none"))}this._show=true;this._firstShow=false;this._longHide=false};t.prototype.setContent=function(t,e,r,i,a){var n=this.el;if(t==null){n.innerHTML="";return}var o="";if(d(a)&&r.get("trigger")==="item"&&!se(r)){o=me(r,i,a)}if(d(t)){n.innerHTML=t+o}else if(t){n.innerHTML="";if(!y(t)){t=[t]}for(var s=0;s<t.length;s++){if(p(t[s])&&t[s].parentNode!==n){n.appendChild(t[s])}}if(o&&n.childNodes.length){var l=document.createElement("div");l.innerHTML=o;n.appendChild(l)}}};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;return[t.offsetWidth,t.offsetHeight]};t.prototype.moveTo=function(t,e){var r=this._styleCoord;Se(r,this._zr,this._container,t,e);if(r[0]!=null&&r[1]!=null){var i=this.el.style;var a=ye(r[0],r[1]);x(a,(function(t){i[t[0]]=t[1]}))}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){var t=this;var e=this.el.style;e.visibility="hidden";e.opacity="0";f.transform3dSupported&&(e.willChange="");this._show=false;this._longHideTimeout=setTimeout((function(){return t._longHide=true}),500)};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var t=this.el.parentNode;t&&t.removeChild(this.el);this.el=this._container=null};return t}();const Me=Ie;var Te=function(){function t(t){this._show=false;this._styleCoord=[0,0,0,0];this._alwaysShowContent=false;this._enterable=true;this._zr=t.getZr();ze(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized();this._alwaysShowContent=e};t.prototype.show=function(){if(this._hideTimeout){clearTimeout(this._hideTimeout)}this.el.show();this._show=true};t.prototype.setContent=function(t,e,r,i,a){var n=this;if(T(t)){C("")}if(this.el){this._zr.remove(this.el)}var o=r.getModel("textStyle");this.el=new k({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:o.get("textShadowColor"),fill:r.get(["textStyle","color"]),padding:I(r,"richText"),verticalAlign:"top",align:"left"},z:r.get("z")});x(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){n.el.style[t]=r.get(t)}));x(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){n.el.style[t]=o.get(t)||0}));this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){if(s._enterable){clearTimeout(s._hideTimeout);s._show=true}s._inContent=true}));this.el.on("mouseout",(function(){if(s._enterable){if(s._show){s.hideLater(s._hideDelay)}}s._inContent=false}))};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;var e=this.el.getBoundingRect();var r=ke(t.style);return[e.width+r.left+r.right,e.height+r.top+r.bottom]};t.prototype.moveTo=function(t,e){var r=this.el;if(r){var i=this._styleCoord;ze(i,this._zr,t,e);t=i[0];e=i[1];var a=r.style;var n=Ce(a.borderWidth||0);var o=ke(a);r.x=t+n+o.left;r.y=e+n+o.top;r.markRedraw()}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){if(this.el){this.el.hide()}this._show=false};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){this._zr.remove(this.el)};return t}();function Ce(t){return Math.max(0,t)}function ke(t){var e=Ce(t.shadowBlur||0);var r=Ce(t.shadowOffsetX||0);var i=Ce(t.shadowOffsetY||0);return{left:Ce(e-r),right:Ce(e+r),top:Ce(e-i),bottom:Ce(e+i)}}function ze(t,e,r,i){t[0]=r;t[1]=i;t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}const Ae=Te;var De=new c({shape:{x:-1,y:-1,width:2,height:2}});var Ne=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.init=function(t,e){if(f.node||!e.getDom()){return}var r=t.getComponent("tooltip");var i=this._renderMode=z(r.get("renderMode"));this._tooltipContent=i==="richText"?new Ae(e):new Me(e,{appendTo:r.get("appendToBody",true)?"body":r.get("appendTo",true)})};e.prototype.render=function(t,e,r){if(f.node||!r.getDom()){return}this.group.removeAll();this._tooltipModel=t;this._ecModel=e;this._api=r;var i=this._tooltipContent;i.update(t);i.setEnterable(t.get("enterable"));this._initGlobalListener();this._keepShow();if(this._renderMode!=="richText"&&t.get("transitionDuration")){A(this,"_updatePosition",50,"fixRate")}else{D(this,"_updatePosition")}};e.prototype._initGlobalListener=function(){var t=this._tooltipModel;var e=t.get("triggerOn");N("itemTooltip",this._api,w((function(t,r,i){if(e!=="none"){if(e.indexOf(t)>=0){this._tryShow(r,i)}else if(t==="leave"){this._hide(i)}}}),this))};e.prototype._keepShow=function(){var t=this._tooltipModel;var e=this._ecModel;var r=this._api;var i=t.get("triggerOn");if(this._lastX!=null&&this._lastY!=null&&i!=="none"&&i!=="click"){var a=this;clearTimeout(this._refreshUpdateTimeout);this._refreshUpdateTimeout=setTimeout((function(){!r.isDisposed()&&a.manuallyShowTip(t,e,r,{x:a._lastX,y:a._lastY,dataByCoordSys:a._lastDataByCoordSys})}))}};e.prototype.manuallyShowTip=function(t,e,r,i){if(i.from===this.uid||f.node||!r.getDom()){return}var a=Oe(i,r);this._ticket="";var n=i.dataByCoordSys;var o=We(i,e,r);if(o){var s=o.el.getBoundingRect().clone();s.applyTransform(o.el.transform);this._tryShow({offsetX:s.x+s.width/2,offsetY:s.y+s.height/2,target:o.el,position:i.position,positionDefault:"bottom"},a)}else if(i.tooltip&&i.x!=null&&i.y!=null){var l=De;l.x=i.x;l.y=i.y;l.update();L(l).tooltipConfig={name:null,option:i.tooltip};this._tryShow({offsetX:i.x,offsetY:i.y,target:l},a)}else if(n){this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:n,tooltipOption:i.tooltipOption},a)}else if(i.seriesIndex!=null){if(this._manuallyAxisShowTip(t,e,r,i)){return}var c=O(i,e);var u=c.point[0];var h=c.point[1];if(u!=null&&h!=null){this._tryShow({offsetX:u,offsetY:h,target:c.el,position:i.position,positionDefault:"bottom"},a)}}else if(i.x!=null&&i.y!=null){r.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y});this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:r.getZr().findHover(i.x,i.y).target},a)}};e.prototype.manuallyHideTip=function(t,e,r,i){var a=this._tooltipContent;if(this._tooltipModel){a.hideLater(this._tooltipModel.get("hideDelay"))}this._lastX=this._lastY=this._lastDataByCoordSys=null;if(i.from!==this.uid){this._hide(Oe(i,r))}};e.prototype._manuallyAxisShowTip=function(t,e,r,i){var a=i.seriesIndex;var n=i.dataIndex;var o=e.getComponent("axisPointer").coordSysAxesInfo;if(a==null||n==null||o==null){return}var s=e.getSeriesByIndex(a);if(!s){return}var l=s.getData();var c=Le([l.getItemModel(n),s,(s.coordinateSystem||{}).model],this._tooltipModel);if(c.get("trigger")!=="axis"){return}r.dispatchAction({type:"updateAxisPointer",seriesIndex:a,dataIndex:n,position:i.position});return true};e.prototype._tryShow=function(t,e){var r=t.target;var i=this._tooltipModel;if(!i){return}this._lastX=t.offsetX;this._lastY=t.offsetY;var a=t.dataByCoordSys;if(a&&a.length){this._showAxisTooltip(a,t)}else if(r){var n=L(r);if(n.ssrType==="legend"){return}this._lastDataByCoordSys=null;var o;var s;B(r,(function(t){if(L(t).dataIndex!=null){o=t;return true}if(L(t).tooltipConfig!=null){s=t;return true}}),true);if(o){this._showSeriesItemTooltip(t,o,e)}else if(s){this._showComponentItemTooltip(t,s,e)}else{this._hide(e)}}else{this._lastDataByCoordSys=null;this._hide(e)}};e.prototype._showOrMove=function(t,e){var r=t.get("showDelay");e=w(e,this);clearTimeout(this._showTimout);r>0?this._showTimout=setTimeout(e,r):e()};e.prototype._showAxisTooltip=function(t,e){var r=this._ecModel;var i=this._tooltipModel;var a=[e.offsetX,e.offsetY];var n=Le([e.tooltipOption],i);var o=this._renderMode;var s=[];var l=R("section",{blocks:[],noHeader:true});var c=[];var u=new U;x(t,(function(t){x(t.dataByAxis,(function(t){var e=r.getComponent(t.axisDim+"Axis",t.axisIndex);var a=t.value;if(!e||a==null){return}var n=P(a,e.axis,r,t.seriesDataIndices,t.valueLabelOpt);var h=R("section",{header:n,noHeader:!W(n),sortBlocks:true,blocks:[]});l.blocks.push(h);x(t.seriesDataIndices,(function(l){var v=r.getSeriesByIndex(l.seriesIndex);var f=l.dataIndexInside;var d=v.getDataParams(f);if(d.dataIndex<0){return}d.axisDim=t.axisDim;d.axisIndex=t.axisIndex;d.axisType=t.axisType;d.axisId=t.axisId;d.axisValue=F(e.axis,{value:a});d.axisValueLabel=n;d.marker=u.makeTooltipMarker("item",b(d.color),o);var p=Y(v.formatTooltip(f,true,null));var g=p.frag;if(g){var m=Le([v],i).get("valueFormatter");h.blocks.push(m?G({valueFormatter:m},g):g)}if(p.text){c.push(p.text)}s.push(d)}))}))}));l.blocks.reverse();c.reverse();var h=e.position;var v=n.get("order");var f=j(l,u,o,v,r.get("useUTC"),n.get("textStyle"));f&&c.unshift(f);var d=o==="richText"?"\n\n":"<br/>";var p=c.join(d);this._showOrMove(n,(function(){if(this._updateContentNotChangedOnAxis(t,s)){this._updatePosition(n,h,a[0],a[1],this._tooltipContent,s)}else{this._showTooltipContent(n,p,s,Math.random()+"",a[0],a[1],h,null,u)}}))};e.prototype._showSeriesItemTooltip=function(t,e,r){var i=this._ecModel;var a=L(e);var n=a.seriesIndex;var o=i.getSeriesByIndex(n);var s=a.dataModel||o;var l=a.dataIndex;var c=a.dataType;var u=s.getData(c);var h=this._renderMode;var v=t.positionDefault;var f=Le([u.getItemModel(l),s,o&&(o.coordinateSystem||{}).model],this._tooltipModel,v?{position:v}:null);var d=f.get("trigger");if(d!=null&&d!=="item"){return}var p=s.getDataParams(l,c);var g=new U;p.marker=g.makeTooltipMarker("item",b(p.color),h);var m=Y(s.formatTooltip(l,false,c));var y=f.get("order");var x=f.get("valueFormatter");var w=m.frag;var S=w?j(x?G({valueFormatter:x},w):w,g,h,y,i.get("useUTC"),f.get("textStyle")):m.text;var I="item_"+s.name+"_"+l;this._showOrMove(f,(function(){this._showTooltipContent(f,S,p,I,t.offsetX,t.offsetY,t.position,t.target,g)}));r({type:"showTip",dataIndexInside:l,dataIndex:u.getRawIndex(l),seriesIndex:n,from:this.uid})};e.prototype._showComponentItemTooltip=function(t,e,r){var i=this._renderMode==="html";var a=L(e);var n=a.tooltipConfig;var o=n.option||{};var s=o.encodeHTMLContent;if(d(o)){var l=o;o={content:l,formatter:l};s=true}if(s&&i&&o.content){o=H(o);o.content=X(o.content)}var c=[o];var u=this._ecModel.getComponent(a.componentMainType,a.componentIndex);if(u){c.push(u)}c.push({formatter:o.content});var h=t.positionDefault;var v=Le(c,this._tooltipModel,h?{position:h}:null);var f=v.get("content");var p=Math.random()+"";var g=new U;this._showOrMove(v,(function(){var r=H(v.get("formatterParams")||{});this._showTooltipContent(v,f,r,p,t.offsetX,t.offsetY,t.position,e,g)}));r({type:"showTip",from:this.uid})};e.prototype._showTooltipContent=function(t,e,r,i,a,n,o,s,l){this._ticket="";if(!t.get("showContent")||!t.get("show")){return}var c=this._tooltipContent;c.setEnterable(t.get("enterable"));var u=t.get("formatter");o=o||t.get("position");var h=e;var v=this._getNearestPoint([a,n],r,t.get("trigger"),t.get("borderColor"));var f=v.color;if(u){if(d(u)){var p=t.ecModel.get("useUTC");var m=y(r)?r[0]:r;var b=m&&m.axisType&&m.axisType.indexOf("time")>=0;h=u;if(b){h=E(m.axisValue,h,p)}h=_(h,r,true)}else if(g(u)){var x=w((function(e,i){if(e===this._ticket){c.setContent(i,l,t,f,o);this._updatePosition(t,o,a,n,c,r,s)}}),this);this._ticket=i;h=u(r,i,x)}else{h=u}}c.setContent(h,l,t,f,o);c.show(t,f);this._updatePosition(t,o,a,n,c,r,s)};e.prototype._getNearestPoint=function(t,e,r,i){if(r==="axis"||y(e)){return{color:i||(this._renderMode==="html"?"#fff":"none")}}if(!y(e)){return{color:i||e.color||e.borderColor}}};e.prototype._updatePosition=function(t,e,r,i,a,n,o){var s=this._api.getWidth();var l=this._api.getHeight();e=e||t.get("position");var c=a.getSize();var u=t.get("align");var h=t.get("verticalAlign");var v=o&&o.getBoundingRect().clone();o&&v.applyTransform(o.transform);if(g(e)){e=e([r,i],n,a.el,v,{viewSize:[s,l],contentSize:c.slice()})}if(y(e)){r=K(e[0],s);i=K(e[1],l)}else if(T(e)){var f=e;f.width=c[0];f.height=c[1];var p=q(f,{width:s,height:l});r=p.x;i=p.y;u=null;h=null}else if(d(e)&&o){var m=Ue(e,v,c,t.get("borderWidth"));r=m[0];i=m[1]}else{var m=Be(r,i,a,s,l,u?null:20,h?null:20);r=m[0];i=m[1]}u&&(r-=Pe(u)?c[0]/2:u==="right"?c[0]:0);h&&(i-=Pe(h)?c[1]/2:h==="bottom"?c[1]:0);if(se(t)){var m=Re(r,i,a,s,l);r=m[0];i=m[1]}a.moveTo(r,i)};e.prototype._updateContentNotChangedOnAxis=function(t,e){var r=this._lastDataByCoordSys;var i=this._cbParamsList;var a=!!r&&r.length===t.length;a&&x(r,(function(r,n){var o=r.dataByAxis||[];var s=t[n]||{};var l=s.dataByAxis||[];a=a&&o.length===l.length;a&&x(o,(function(t,r){var n=l[r]||{};var o=t.seriesDataIndices||[];var s=n.seriesDataIndices||[];a=a&&t.value===n.value&&t.axisType===n.axisType&&t.axisId===n.axisId&&o.length===s.length;a&&x(o,(function(t,e){var r=s[e];a=a&&t.seriesIndex===r.seriesIndex&&t.dataIndex===r.dataIndex}));i&&x(t.seriesDataIndices,(function(t){var r=t.seriesIndex;var n=e[r];var o=i[r];if(n&&o&&o.data!==n.data){a=false}}))}))}));this._lastDataByCoordSys=t;this._cbParamsList=e;return!!a};e.prototype._hide=function(t){this._lastDataByCoordSys=null;t({type:"hideTip",from:this.uid})};e.prototype.dispose=function(t,e){if(f.node||!e.getDom()){return}D(this,"_updatePosition");this._tooltipContent.dispose();$("itemTooltip",e)};e.type="tooltip";return e}(J);function Le(t,e,r){var i=e.ecModel;var a;if(r){a=new Z(r,i,i);a=new Z(e.option,a,i)}else{a=e}for(var n=t.length-1;n>=0;n--){var o=t[n];if(o){if(o instanceof Z){o=o.get("tooltip",true)}if(d(o)){o={formatter:o}}if(o){a=new Z(o,a,i)}}}return a}function Oe(t,e){return t.dispatchAction||w(e.dispatchAction,e)}function Be(t,e,r,i,a,n,o){var s=r.getSize();var l=s[0];var c=s[1];if(n!=null){if(t+l+n+2>i){t-=l+n}else{t+=n}}if(o!=null){if(e+c+o>a){e-=c+o}else{e+=o}}return[t,e]}function Re(t,e,r,i,a){var n=r.getSize();var o=n[0];var s=n[1];t=Math.min(t+o,i)-o;e=Math.min(e+s,a)-s;t=Math.max(t,0);e=Math.max(e,0);return[t,e]}function Ue(t,e,r,i){var a=r[0];var n=r[1];var o=Math.ceil(Math.SQRT2*i)+8;var s=0;var l=0;var c=e.width;var u=e.height;switch(t){case"inside":s=e.x+c/2-a/2;l=e.y+u/2-n/2;break;case"top":s=e.x+c/2-a/2;l=e.y-n-o;break;case"bottom":s=e.x+c/2-a/2;l=e.y+u+o;break;case"left":s=e.x-a-o;l=e.y+u/2-n/2;break;case"right":s=e.x+c+o;l=e.y+u/2-n/2}return[s,l]}function Pe(t){return t==="center"||t==="middle"}function We(t,e,r){var i=V(t).queryOptionMap;var a=i.keys()[0];if(!a||a==="series"){return}var n=Q(e,a,i.get(a),{useDefault:false,enableAll:false,enableNone:false});var o=n.models[0];if(!o){return}var s=r.getViewOfComponentModel(o);var l;s.group.traverse((function(e){var r=L(e).tooltipConfig;if(r&&r.name===t.name){l=e;return true}}));if(l){return{componentMainType:a,componentIndex:o.componentIndex,el:l}}}const Fe=Ne;function Ye(t){tt(et);t.registerComponentModel(oe);t.registerComponentView(Fe);t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},rt);t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},rt)}var Ge=function(t,e){if(e==="all"){return{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}}else if(e==="inverse"){return{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}}};var je=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.layoutMode={type:"box",ignoreSize:true};return r}e.prototype.init=function(t,e,r){this.mergeDefaultAndTheme(t,r);t.selected=t.selected||{};this._updateSelector(t)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);this._updateSelector(e)};e.prototype._updateSelector=function(t){var e=t.selector;var r=this.ecModel;if(e===true){e=t.selector=["all","inverse"]}if(y(e)){x(e,(function(t,i){d(t)&&(t={type:t});e[i]=it(t,Ge(r,t.type))}))}};e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&this.get("selectedMode")==="single"){var e=false;for(var r=0;r<t.length;r++){var i=t[r].get("name");if(this.isSelected(i)){this.select(i);e=true;break}}!e&&this.select(t[0].get("name"))}};e.prototype._updateData=function(t){var e=[];var r=[];t.eachRawSeries((function(i){var a=i.name;r.push(a);var n;if(i.legendVisualProvider){var o=i.legendVisualProvider;var s=o.getAllNames();if(!t.isSeriesFiltered(i)){r=r.concat(s)}if(s.length){e=e.concat(s)}else{n=true}}else{n=true}if(n&&at(i)){e.push(i.name)}}));this._availableNames=r;var i=this.get("data")||e;var a=nt();var n=ot(i,(function(t){if(d(t)||lt(t)){t={name:t}}if(a.get(t.name)){return null}a.set(t.name,true);return new Z(t,this,this.ecModel)}),this);this._data=st(n,(function(t){return!!t}))};e.prototype.getData=function(){return this._data};e.prototype.select=function(t){var e=this.option.selected;var r=this.get("selectedMode");if(r==="single"){var i=this._data;x(i,(function(t){e[t.get("name")]=false}))}e[t]=true};e.prototype.unSelect=function(t){if(this.get("selectedMode")!=="single"){this.option.selected[t]=false}};e.prototype.toggleSelected=function(t){var e=this.option.selected;if(!e.hasOwnProperty(t)){e[t]=true}this[e[t]?"unSelect":"select"](t)};e.prototype.allSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){e[t.get("name",true)]=true}))};e.prototype.inverseSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){var r=t.get("name",true);if(!e.hasOwnProperty(r)){e[r]=true}e[r]=!e[r]}))};e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&S(this._availableNames,t)>=0};e.prototype.getOrient=function(){return this.get("orient")==="vertical"?{index:1,name:"vertical"}:{index:0,name:"horizontal"}};e.type="legend.plain";e.dependencies=["series"];e.defaultOption={z:4,show:true,orient:"horizontal",left:"center",top:0,align:"auto",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemGap:10,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:true,inactiveColor:"#ccc",inactiveBorderColor:"#ccc",inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:"#ccc",inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:"#333"},selectedMode:true,selector:false,selectorLabel:{show:true,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:true,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:false}};return e}(h);const He=je;var Xe=yt;var Ee=x;var _e=xt;var Ke=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=false;return r}e.prototype.init=function(){this.group.add(this._contentGroup=new _e);this.group.add(this._selectorGroup=new _e);this._isFirstRender=true};e.prototype.getContentGroup=function(){return this._contentGroup};e.prototype.getSelectorGroup=function(){return this._selectorGroup};e.prototype.render=function(t,e,r){var i=this._isFirstRender;this._isFirstRender=false;this.resetInner();if(!t.get("show",true)){return}var a=t.get("align");var n=t.get("orient");if(!a||a==="auto"){a=t.get("left")==="right"&&n==="vertical"?"right":"left"}var o=t.get("selector",true);var s=t.get("selectorPosition",true);if(o&&(!s||s==="auto")){s=n==="horizontal"?"end":"start"}this.renderInner(a,t,e,r,o,n,s);var l=t.getBoxLayoutParams();var c={width:r.getWidth(),height:r.getHeight()};var u=t.get("padding");var h=q(l,c,u);var v=this.layoutInner(t,a,h,i,o,s);var f=q(ct({width:v.width,height:v.height},l),c,u);this.group.x=f.x-v.x;this.group.y=f.y-v.y;this.group.markRedraw();this.group.add(this._backgroundEl=ae(v,t))};e.prototype.resetInner=function(){this.getContentGroup().removeAll();this._backgroundEl&&this.group.remove(this._backgroundEl);this.getSelectorGroup().removeAll()};e.prototype.renderInner=function(t,e,r,i,a,n,o){var s=this.getContentGroup();var l=nt();var c=e.get("selectedMode");var u=[];r.eachRawSeries((function(t){!t.get("legendHoverLink")&&u.push(t.id)}));Ee(e.getData(),(function(a,n){var o=a.get("name");if(!this.newlineDisabled&&(o===""||o==="\n")){var h=new _e;h.newline=true;s.add(h);return}var v=r.getSeriesByName(o)[0];if(l.get(o)){return}if(v){var f=v.getData();var d=f.getVisual("legendLineStyle")||{};var p=f.getVisual("legendIcon");var g=f.getVisual("style");var m=this._createItem(v,o,n,a,e,t,d,g,p,c,i);m.on("click",Xe(Je,o,null,i,u)).on("mouseover",Xe(Ve,v.name,null,i,u)).on("mouseout",Xe(Qe,v.name,null,i,u));if(r.ssr){m.eachChild((function(t){var e=L(t);e.seriesIndex=v.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}else{r.eachRawSeries((function(s){if(l.get(o)){return}if(s.legendVisualProvider){var h=s.legendVisualProvider;if(!h.containName(o)){return}var v=h.indexOfName(o);var f=h.getItemVisual(v,"style");var d=h.getItemVisual(v,"legendIcon");var p=ut(f.fill);if(p&&p[3]===0){p[3]=.2;f=G(G({},f),{fill:ht(p,"rgba")})}var g=this._createItem(s,o,n,a,e,t,{},f,d,c,i);g.on("click",Xe(Je,null,o,i,u)).on("mouseover",Xe(Ve,null,o,i,u)).on("mouseout",Xe(Qe,null,o,i,u));if(r.ssr){g.eachChild((function(t){var e=L(t);e.seriesIndex=s.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}}),this)}}),this);if(a){this._createSelector(a,e,i,n,o)}};e.prototype._createSelector=function(t,e,r,i,a){var n=this.getSelectorGroup();Ee(t,(function t(i){var a=i.type;var o=new k({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){r.dispatchAction({type:a==="all"?"legendAllSelect":"legendInverseSelect"})}});n.add(o);var s=e.getModel("selectorLabel");var l=e.getModel(["emphasis","selectorLabel"]);vt(o,{normal:s,emphasis:l},{defaultText:i.title});ft(o)}))};e.prototype._createItem=function(t,e,r,i,a,n,o,s,l,u,h){var v=t.visualDrawType;var f=a.get("itemWidth");var p=a.get("itemHeight");var m=a.isSelected(e);var b=i.get("symbolRotate");var y=i.get("symbolKeepAspect");var x=i.get("icon");l=x||l||"roundRect";var w=qe(l,i,o,s,v,m,h);var S=new _e;var I=i.getModel("textStyle");if(g(t.getLegendIcon)&&(!x||x==="inherit")){S.add(t.getLegendIcon({itemWidth:f,itemHeight:p,icon:l,iconRotate:b,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}else{var M=x==="inherit"&&t.getData().getVisual("symbol")?b==="inherit"?t.getData().getVisual("symbolRotate"):b:0;S.add($e({itemWidth:f,itemHeight:p,icon:l,iconRotate:M,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}var T=n==="left"?f+5:-5;var C=n;var z=a.get("formatter");var A=e;if(d(z)&&z){A=z.replace("{name}",e!=null?e:"")}else if(g(z)){A=z(e)}var D=m?I.getTextColor():i.get("inactiveColor");S.add(new k({style:dt(I,{text:A,x:T,y:p/2,fill:D,align:C,verticalAlign:"middle"},{inheritColor:D})}));var N=new c({shape:S.getBoundingRect(),style:{fill:"transparent"}});var L=i.getModel("tooltip");if(L.get("show")){pt({el:N,componentModel:a,itemName:e,itemTooltipOption:L.option})}S.add(N);S.eachChild((function(t){t.silent=true}));N.silent=!u;this.getContentGroup().add(S);ft(S);S.__legendDataIndex=r;return S};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getContentGroup();var s=this.getSelectorGroup();gt(t.get("orient"),o,t.get("itemGap"),r.width,r.height);var l=o.getBoundingRect();var c=[-l.x,-l.y];s.markRedraw();o.markRedraw();if(a){gt("horizontal",s,t.get("selectorItemGap",true));var u=s.getBoundingRect();var h=[-u.x,-u.y];var v=t.get("selectorButtonGap",true);var f=t.getOrient().index;var d=f===0?"width":"height";var p=f===0?"height":"width";var g=f===0?"y":"x";if(n==="end"){h[f]+=l[d]+v}else{c[f]+=u[d]+v}h[1-f]+=l[p]/2-u[p]/2;s.x=h[0];s.y=h[1];o.x=c[0];o.y=c[1];var m={x:0,y:0};m[d]=l[d]+v+u[d];m[p]=Math.max(l[p],u[p]);m[g]=Math.min(0,u[g]+h[1-f]);return m}else{o.x=c[0];o.y=c[1];return this.group.getBoundingRect()}};e.prototype.remove=function(){this.getContentGroup().removeAll();this._isFirstRender=true};e.type="legend.plain";return e}(J);function qe(t,e,r,i,a,n,o){function s(t,e){if(t.lineWidth==="auto"){t.lineWidth=e.lineWidth>0?2:0}Ee(t,(function(r,i){t[i]==="inherit"&&(t[i]=e[i])}))}var l=e.getModel("itemStyle");var c=l.getItemStyle();var u=t.lastIndexOf("empty",0)===0?"fill":"stroke";var h=l.getShallow("decal");c.decal=!h||h==="inherit"?i.decal:mt(h,o);if(c.fill==="inherit"){c.fill=i[a]}if(c.stroke==="inherit"){c.stroke=i[u]}if(c.opacity==="inherit"){c.opacity=(a==="fill"?i:r).opacity}s(c,i);var v=e.getModel("lineStyle");var f=v.getLineStyle();s(f,r);c.fill==="auto"&&(c.fill=i.fill);c.stroke==="auto"&&(c.stroke=i.fill);f.stroke==="auto"&&(f.stroke=i.fill);if(!n){var d=e.get("inactiveBorderWidth");var p=c[u];c.lineWidth=d==="auto"?i.lineWidth>0&&p?2:0:c.lineWidth;c.fill=e.get("inactiveColor");c.stroke=e.get("inactiveBorderColor");f.stroke=v.get("inactiveColor");f.lineWidth=v.get("inactiveWidth")}return{itemStyle:c,lineStyle:f}}function $e(t){var e=t.icon||"roundRect";var r=bt(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);r.setStyle(t.itemStyle);r.rotation=(t.iconRotate||0)*Math.PI/180;r.setOrigin([t.itemWidth/2,t.itemHeight/2]);if(e.indexOf("empty")>-1){r.style.stroke=r.style.fill;r.style.fill="#fff";r.style.lineWidth=2}return r}function Je(t,e,r,i){Qe(t,e,r,i);r.dispatchAction({type:"legendToggleSelect",name:t!=null?t:e});Ve(t,e,r,i)}function Ze(t){var e=t.getZr().storage.getDisplayList();var r;var i=0;var a=e.length;while(i<a&&!(r=e[i].states.emphasis)){i++}return r&&r.hoverLayer}function Ve(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}}function Qe(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}}const tr=Ke;function er(t){var e=t.findComponents({mainType:"legend"});if(e&&e.length){t.filterSeries((function(t){for(var r=0;r<e.length;r++){if(!e[r].isSelected(t.name)){return false}}return true}))}}function rr(t,e,r){var i={};var a=t==="toggleSelected";var n;r.eachComponent("legend",(function(r){if(a&&n!=null){r[n?"select":"unSelect"](e.name)}else if(t==="allSelect"||t==="inverseSelect"){r[t]()}else{r[t](e.name);n=r.isSelected(e.name)}var o=r.getData();x(o,(function(t){var e=t.get("name");if(e==="\n"||e===""){return}var a=r.isSelected(e);if(i.hasOwnProperty(e)){i[e]=i[e]&&a}else{i[e]=a}}))}));return t==="allSelect"||t==="inverseSelect"?{selected:i}:{name:e.name,selected:i}}function ir(t){t.registerAction("legendToggleSelect","legendselectchanged",yt(rr,"toggleSelected"));t.registerAction("legendAllSelect","legendselectall",yt(rr,"allSelect"));t.registerAction("legendInverseSelect","legendinverseselect",yt(rr,"inverseSelect"));t.registerAction("legendSelect","legendselected",yt(rr,"select"));t.registerAction("legendUnSelect","legendunselected",yt(rr,"unSelect"))}function ar(t){t.registerComponentModel(He);t.registerComponentView(tr);t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,er);t.registerSubTypeDefaulter("legend",(function(){return"plain"}));ir(t)}var nr=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t};e.prototype.init=function(e,r,i){var a=wt(e);t.prototype.init.call(this,e,r,i);or(this,e,a)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);or(this,this.option,e)};e.type="legend.scroll";e.defaultOption=St(He.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:"#2f4554",pageIconInactiveColor:"#aaa",pageIconSize:15,pageTextStyle:{color:"#333"},animationDurationUpdate:800});return e}(He);function or(t,e,r){var i=t.getOrient();var a=[1,1];a[i.index]=0;It(e,r,{type:"box",ignoreSize:!!a})}const sr=nr;var lr=xt;var cr=["width","height"];var ur=["x","y"];var hr=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=true;r._currentIndex=0;return r}e.prototype.init=function(){t.prototype.init.call(this);this.group.add(this._containerGroup=new lr);this._containerGroup.add(this.getContentGroup());this.group.add(this._controllerGroup=new lr)};e.prototype.resetInner=function(){t.prototype.resetInner.call(this);this._controllerGroup.removeAll();this._containerGroup.removeClipPath();this._containerGroup.__rectSize=null};e.prototype.renderInner=function(e,r,i,a,n,o,s){var l=this;t.prototype.renderInner.call(this,e,r,i,a,n,o,s);var c=this._controllerGroup;var u=r.get("pageIconSize",true);var h=y(u)?u:[u,u];f("pagePrev",0);var v=r.getModel("pageTextStyle");c.add(new k({name:"pageText",style:{text:"xx/xx",fill:v.getTextColor(),font:v.getFont(),verticalAlign:"middle",align:"center"},silent:true}));f("pageNext",1);function f(t,e){var i=t+"DataIndex";var n=Mt(r.get("pageIcons",true)[r.getOrient().name][e],{onclick:w(l._pageGo,l,i,r,a)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});n.name=t;c.add(n)}};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getSelectorGroup();var s=t.getOrient().index;var l=cr[s];var c=ur[s];var u=cr[1-s];var h=ur[1-s];a&&gt("horizontal",o,t.get("selectorItemGap",true));var v=t.get("selectorButtonGap",true);var f=o.getBoundingRect();var d=[-f.x,-f.y];var p=H(r);a&&(p[l]=r[l]-f[l]-v);var g=this._layoutContentAndController(t,i,p,s,l,u,h,c);if(a){if(n==="end"){d[s]+=g[l]+v}else{var m=f[l]+v;d[s]-=m;g[c]-=m}g[l]+=f[l]+v;d[1-s]+=g[h]+g[u]/2-f[u]/2;g[u]=Math.max(g[u],f[u]);g[h]=Math.min(g[h],f[h]+d[1-s]);o.x=d[0];o.y=d[1];o.markRedraw()}return g};e.prototype._layoutContentAndController=function(t,e,r,i,a,n,o,s){var l=this.getContentGroup();var u=this._containerGroup;var h=this._controllerGroup;gt(t.get("orient"),l,t.get("itemGap"),!i?null:r.width,i?null:r.height);gt("horizontal",h,t.get("pageButtonItemGap",true));var v=l.getBoundingRect();var f=h.getBoundingRect();var d=this._showController=v[a]>r[a];var p=[-v.x,-v.y];if(!e){p[i]=l[s]}var g=[0,0];var m=[-f.x,-f.y];var b=Tt(t.get("pageButtonGap",true),t.get("itemGap",true));if(d){var y=t.get("pageButtonPosition",true);if(y==="end"){m[i]+=r[a]-f[a]}else{g[i]+=f[a]+b}}m[1-i]+=v[n]/2-f[n]/2;l.setPosition(p);u.setPosition(g);h.setPosition(m);var x={x:0,y:0};x[a]=d?r[a]:v[a];x[n]=Math.max(v[n],f[n]);x[o]=Math.min(0,f[o]+m[1-i]);u.__rectSize=r[a];if(d){var w={x:0,y:0};w[a]=Math.max(r[a]-f[a]-b,0);w[n]=x[n];u.setClipPath(new c({shape:w}));u.__rectSize=w[a]}else{h.eachChild((function(t){t.attr({invisible:true,silent:true})}))}var S=this._getPageInfo(t);S.pageIndex!=null&&Ct(l,{x:S.contentPosition[0],y:S.contentPosition[1]},d?t:null);this._updatePageInfoView(t,S);return x};e.prototype._pageGo=function(t,e,r){var i=this._getPageInfo(e)[t];i!=null&&r.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})};e.prototype._updatePageInfoView=function(t,e){var r=this._controllerGroup;x(["pagePrev","pageNext"],(function(i){var a=i+"DataIndex";var n=e[a]!=null;var o=r.childOfName(i);if(o){o.setStyle("fill",n?t.get("pageIconColor",true):t.get("pageIconInactiveColor",true));o.cursor=n?"pointer":"default"}}));var i=r.childOfName("pageText");var a=t.get("pageFormatter");var n=e.pageIndex;var o=n!=null?n+1:0;var s=e.pageCount;i&&a&&i.setStyle("text",d(a)?a.replace("{current}",o==null?"":o+"").replace("{total}",s==null?"":s+""):a({current:o,total:s}))};e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",true);var r=this.getContentGroup();var i=this._containerGroup.__rectSize;var a=t.getOrient().index;var n=cr[a];var o=ur[a];var s=this._findTargetItemIndex(e);var l=r.children();var c=l[s];var u=l.length;var h=!u?0:1;var v={contentPosition:[r.x,r.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!c){return v}var f=b(c);v.contentPosition[a]=-f.s;for(var d=s+1,p=f,g=f,m=null;d<=u;++d){m=b(l[d]);if(!m&&g.e>p.s+i||m&&!y(m,p.s)){if(g.i>p.i){p=g}else{p=m}if(p){if(v.pageNextDataIndex==null){v.pageNextDataIndex=p.i}++v.pageCount}}g=m}for(var d=s-1,p=f,g=f,m=null;d>=-1;--d){m=b(l[d]);if((!m||!y(g,m.s))&&p.i<g.i){g=p;if(v.pagePrevDataIndex==null){v.pagePrevDataIndex=p.i}++v.pageCount;++v.pageIndex}p=m}return v;function b(t){if(t){var e=t.getBoundingRect();var r=e[o]+t[o];return{s:r,e:r+e[n],i:t.__legendDataIndex}}}function y(t,e){return t.e>=e&&t.s<=e+i}};e.prototype._findTargetItemIndex=function(t){if(!this._showController){return 0}var e;var r=this.getContentGroup();var i;r.eachChild((function(r,a){var n=r.__legendDataIndex;if(i==null&&n!=null){i=a}if(n===t){e=a}}));return e!=null?e:i};e.type="legend.scroll";return e}(tr);const vr=hr;function fr(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var r=t.scrollDataIndex;r!=null&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(r)}))}))}function dr(t){tt(ar);t.registerComponentModel(sr);t.registerComponentView(vr);fr(t)}function pr(t){tt(ar);tt(dr)}var gr=Math.PI*2;var mr=Math.PI/180;function br(t,e){return q(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function yr(t,e){var r=br(t,e);var i=t.get("center");var a=t.get("radius");if(!y(a)){a=[0,a]}var n=K(r.width,e.getWidth());var o=K(r.height,e.getHeight());var s=Math.min(n,o);var l=K(a[0],s/2);var c=K(a[1],s/2);var u;var h;var v=t.coordinateSystem;if(v){var f=v.dataToPoint(i);u=f[0]||0;h=f[1]||0}else{if(!y(i)){i=[i,i]}u=K(i[0],n)+r.x;h=K(i[1],o)+r.y}return{cx:u,cy:h,r0:l,r:c}}function xr(t,e,r){e.eachSeriesByType(t,(function(t){var e=t.getData();var i=e.mapDimension("value");var a=br(t,r);var n=yr(t,r),o=n.cx,s=n.cy,l=n.r,c=n.r0;var u=-t.get("startAngle")*mr;var h=t.get("endAngle");var v=t.get("padAngle")*mr;h=h==="auto"?u-gr:-h*mr;var f=t.get("minAngle")*mr;var d=f+v;var p=0;e.each(i,(function(t){!isNaN(t)&&p++}));var g=e.getSum(i);var m=Math.PI/(g||p)*2;var b=t.get("clockwise");var y=t.get("roseType");var x=t.get("stillShowZeroSum");var w=e.getDataExtent(i);w[0]=0;var S=b?1:-1;var I=[u,h];var M=S*v/2;kt(I,!b);u=I[0],h=I[1];var T=wr(t);T.startAngle=u;T.endAngle=h;T.clockwise=b;var C=Math.abs(h-u);var k=C;var z=0;var A=u;e.setLayout({viewRect:a,r:l});e.each(i,(function(t,r){var i;if(isNaN(t)){e.setItemLayout(r,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:b,cx:o,cy:s,r0:c,r:y?NaN:l});return}if(y!=="area"){i=g===0&&x?m:t*m}else{i=C/p}if(i<d){i=d;k-=d}else{z+=t}var a=A+S*i;var n=0;var u=0;if(v>i){n=A+S*i/2;u=n}else{n=A+M;u=a-M}e.setItemLayout(r,{angle:i,startAngle:n,endAngle:u,clockwise:b,cx:o,cy:s,r0:c,r:y?zt(t,w,[c,l]):l});A=a}));if(k<gr&&p){if(k<=.001){var D=C/p;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);i.angle=D;var a=0;var n=0;if(D<v){a=u+S*(r+1/2)*D;n=a}else{a=u+S*r*D+M;n=u+S*(r+1)*D-M}i.startAngle=a;i.endAngle=n}}))}else{m=k/z;A=u;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);var a=i.angle===d?d:t*m;var n=0;var o=0;if(a<v){n=A+S*a/2;o=n}else{n=A+M;o=A+S*a-M}i.startAngle=n;i.endAngle=o;A+=S*a}}))}}}))}var wr=At();function Sr(t){return{seriesType:t,reset:function(t,e){var r=e.findComponents({mainType:"legend"});if(!r||!r.length){return}var i=t.getData();i.filterSelf((function(t){var e=i.getName(t);for(var a=0;a<r.length;a++){if(!r[a].isSelected(e)){return false}}return true}))}}}var Ir=Math.PI/180;function Mr(t,e,r,i,a,n,o,s,l,c){if(t.length<2){return}function u(t){var n=t.rB;var o=n*n;for(var s=0;s<t.list.length;s++){var l=t.list[s];var c=Math.abs(l.label.y-r);var u=i+l.len;var h=u*u;var v=Math.sqrt((1-Math.abs(c*c/o))*h);var f=e+(v+l.len2)*a;var d=f-l.label.x;var p=l.targetTextWidth-d*a;Cr(l,p,true);l.label.x=f}}function h(t){var n={list:[],maxY:0};var o={list:[],maxY:0};for(var s=0;s<t.length;s++){if(t[s].labelAlignTo!=="none"){continue}var l=t[s];var c=l.label.y>r?o:n;var h=Math.abs(l.label.y-r);if(h>=c.maxY){var v=l.label.x-e-l.len2*a;var f=i+l.len;var d=Math.abs(v)<f?Math.sqrt(h*h/(1-v*v/f/f)):f;c.rB=d;c.maxY=h}c.list.push(l)}u(n);u(o)}var v=t.length;for(var f=0;f<v;f++){if(t[f].position==="outer"&&t[f].labelAlignTo==="labelLine"){var d=t[f].label.x-c;t[f].linePoints[1][0]+=d;t[f].label.x=c}}if(Nt(t,l,l+o)){h(t)}}function Tr(t,e,r,i,a,n,o,s){var l=[];var c=[];var u=Number.MAX_VALUE;var h=-Number.MAX_VALUE;for(var v=0;v<t.length;v++){var f=t[v].label;if(kr(t[v])){continue}if(f.x<e){u=Math.min(u,f.x);l.push(t[v])}else{h=Math.max(h,f.x);c.push(t[v])}}for(var v=0;v<t.length;v++){var d=t[v];if(!kr(d)&&d.linePoints){if(d.labelStyleWidth!=null){continue}var f=d.label;var p=d.linePoints;var g=void 0;if(d.labelAlignTo==="edge"){if(f.x<e){g=p[2][0]-d.labelDistance-o-d.edgeDistance}else{g=o+a-d.edgeDistance-p[2][0]-d.labelDistance}}else if(d.labelAlignTo==="labelLine"){if(f.x<e){g=u-o-d.bleedMargin}else{g=o+a-h-d.bleedMargin}}else{if(f.x<e){g=f.x-o-d.bleedMargin}else{g=o+a-f.x-d.bleedMargin}}d.targetTextWidth=g;Cr(d,g)}}Mr(c,e,r,i,1,a,n,o,s,h);Mr(l,e,r,i,-1,a,n,o,s,u);for(var v=0;v<t.length;v++){var d=t[v];if(!kr(d)&&d.linePoints){var f=d.label;var p=d.linePoints;var m=d.labelAlignTo==="edge";var b=f.style.padding;var y=b?b[1]+b[3]:0;var x=f.style.backgroundColor?0:y;var w=d.rect.width+x;var S=p[1][0]-p[2][0];if(m){if(f.x<e){p[2][0]=o+d.edgeDistance+w+d.labelDistance}else{p[2][0]=o+a-d.edgeDistance-w-d.labelDistance}}else{if(f.x<e){p[2][0]=f.x+d.labelDistance}else{p[2][0]=f.x-d.labelDistance}p[1][0]=p[2][0]+S}p[1][1]=p[2][1]=f.y}}}function Cr(t,e,r){if(r===void 0){r=false}if(t.labelStyleWidth!=null){return}var i=t.label;var a=i.style;var n=t.rect;var o=a.backgroundColor;var s=a.padding;var l=s?s[1]+s[3]:0;var c=a.overflow;var u=n.width+(o?0:l);if(e<u||r){var h=n.height;if(c&&c.match("break")){i.setStyle("backgroundColor",null);i.setStyle("width",e-l);var v=i.getBoundingRect();i.setStyle("width",Math.ceil(v.width));i.setStyle("backgroundColor",o)}else{var f=e-l;var d=e<u?f:r?f>t.unconstrainedWidth?null:f:null;i.setStyle("width",d)}var p=i.getBoundingRect();n.width=p.width;var g=(i.style.margin||0)+2.1;n.height=p.height+g;n.y-=(n.height-h)/2}}function kr(t){return t.position==="center"}function zr(t){var e=t.getData();var r=[];var i;var a;var n=false;var o=(t.get("minShowLabelAngle")||0)*Ir;var s=e.getLayout("viewRect");var l=e.getLayout("r");var c=s.width;var u=s.x;var h=s.y;var v=s.height;function f(t){t.ignore=true}function d(t){if(!t.ignore){return true}for(var e in t.states){if(t.states[e].ignore===false){return true}}return false}e.each((function(t){var s=e.getItemGraphicEl(t);var h=s.shape;var v=s.getTextContent();var p=s.getTextGuideLine();var g=e.getItemModel(t);var m=g.getModel("label");var b=m.get("position")||g.get(["emphasis","label","position"]);var y=m.get("distanceToLabelLine");var w=m.get("alignTo");var S=K(m.get("edgeDistance"),c);var I=m.get("bleedMargin");var M=g.getModel("labelLine");var T=M.get("length");T=K(T,c);var C=M.get("length2");C=K(C,c);if(Math.abs(h.endAngle-h.startAngle)<o){x(v.states,f);v.ignore=true;if(p){x(p.states,f);p.ignore=true}return}if(!d(v)){return}var k=(h.startAngle+h.endAngle)/2;var z=Math.cos(k);var A=Math.sin(k);var D;var N;var L;var O;i=h.cx;a=h.cy;var B=b==="inside"||b==="inner";if(b==="center"){D=h.cx;N=h.cy;O="center"}else{var R=(B?(h.r+h.r0)/2*z:h.r*z)+i;var U=(B?(h.r+h.r0)/2*A:h.r*A)+a;D=R+z*3;N=U+A*3;if(!B){var P=R+z*(T+l-h.r);var W=U+A*(T+l-h.r);var F=P+(z<0?-1:1)*C;var Y=W;if(w==="edge"){D=z<0?u+S:u+c-S}else{D=F+(z<0?-y:y)}N=Y;L=[[R,U],[P,W],[F,Y]]}O=B?"center":w==="edge"?z>0?"right":"left":z>0?"left":"right"}var G=Math.PI;var j=0;var H=m.get("rotate");if(lt(H)){j=H*(G/180)}else if(b==="center"){j=0}else if(H==="radial"||H===true){var X=z<0?-k+G:-k;j=X}else if(H==="tangential"&&b!=="outside"&&b!=="outer"){var E=Math.atan2(z,A);if(E<0){E=G*2+E}var _=A>0;if(_){E=G+E}j=E-G}n=!!j;v.x=D;v.y=N;v.rotation=j;v.setStyle({verticalAlign:"middle"});if(!B){var q=v.getBoundingRect().clone();q.applyTransform(v.getComputedTransform());var $=(v.style.margin||0)+2.1;q.y-=$/2;q.height+=$;r.push({label:v,labelLine:p,position:b,len:T,len2:C,minTurnAngle:M.get("minTurnAngle"),maxSurfaceAngle:M.get("maxSurfaceAngle"),surfaceNormal:new Dt(z,A),linePoints:L,textAlign:O,labelDistance:y,labelAlignTo:w,edgeDistance:S,bleedMargin:I,rect:q,unconstrainedWidth:q.width,labelStyleWidth:v.style.width})}else{v.setStyle({align:O});var J=v.states.select;if(J){J.x+=v.x;J.y+=v.y}}s.setTextConfig({inside:B})}));if(!n&&t.get("avoidLabelOverlap")){Tr(r,i,a,l,c,v,u,h)}for(var p=0;p<r.length;p++){var g=r[p];var m=g.label;var b=g.labelLine;var y=isNaN(m.x)||isNaN(m.y);if(m){m.setStyle({align:g.textAlign});if(y){x(m.states,f);m.ignore=true}var w=m.states.select;if(w){w.x+=m.x;w.y+=m.y}}if(b){var S=g.linePoints;if(y||!S){x(b.states,f);b.ignore=true}else{Vt(S,g.minTurnAngle);Qt(S,g.surfaceNormal,g.maxSurfaceAngle);b.setShape({points:S});m.__hostTarget.textGuideLineConfig={anchor:new Dt(S[0][0],S[0][1])}}}}}var Ar=function(t){u(e,t);function e(e,r,i){var a=t.call(this)||this;a.z2=2;var n=new k;a.setTextContent(n);a.updateData(e,r,i,true);return a}e.prototype.updateData=function(t,e,r,i){var a=this;var n=t.hostModel;var o=t.getItemModel(e);var s=o.getModel("emphasis");var l=t.getItemLayout(e);var c=G(te(o.getModel("itemStyle"),l,true),l);if(isNaN(c.startAngle)){a.setShape(c);return}if(i){a.setShape(c);var u=n.getShallow("animationType");if(n.ecModel.ssr){Lt(a,{scaleX:0,scaleY:0},n,{dataIndex:e,isFrom:true});a.originX=c.cx;a.originY=c.cy}else if(u==="scale"){a.shape.r=l.r0;Lt(a,{shape:{r:l.r}},n,e)}else{if(r!=null){a.setShape({startAngle:r,endAngle:r});Lt(a,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},n,e)}else{a.shape.endAngle=l.startAngle;Ct(a,{shape:{endAngle:l.endAngle}},n,e)}}}else{Ot(a);Ct(a,{shape:c},n,e)}a.useStyle(t.getItemVisual(e,"style"));Bt(a,o);var h=(l.startAngle+l.endAngle)/2;var v=n.get("selectedOffset");var f=Math.cos(h)*v;var d=Math.sin(h)*v;var p=o.getShallow("cursor");p&&a.attr("cursor",p);this._updateLabel(n,t,e);a.ensureState("emphasis").shape=G({r:l.r+(s.get("scale")?s.get("scaleSize")||0:0)},te(s.getModel("itemStyle"),l));G(a.ensureState("select"),{x:f,y:d,shape:te(o.getModel(["select","itemStyle"]),l)});G(a.ensureState("blur"),{shape:te(o.getModel(["blur","itemStyle"]),l)});var g=a.getTextGuideLine();var m=a.getTextContent();g&&G(g.ensureState("select"),{x:f,y:d});G(m.ensureState("select"),{x:f,y:d});Rt(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))};e.prototype._updateLabel=function(t,e,r){var i=this;var a=e.getItemModel(r);var n=a.getModel("labelLine");var o=e.getItemVisual(r,"style");var s=o&&o.fill;var l=o&&o.opacity;vt(i,Ut(a),{labelFetcher:e.hostModel,labelDataIndex:r,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(r,"normal")||e.getName(r)});var c=i.getTextContent();i.setTextConfig({position:null,rotation:null});c.attr({z2:10});var u=t.get(["label","position"]);if(u!=="outside"&&u!=="outer"){i.removeTextGuideLine()}else{var h=this.getTextGuideLine();if(!h){h=new Pt;this.setTextGuideLine(h)}ee(this,re(a),{stroke:s,opacity:Wt(n.get(["lineStyle","opacity"]),l,1)})}};return e}(Ft);var Dr=function(t){u(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.ignoreLabelLineUpdate=true;return e}e.prototype.render=function(t,e,r,i){var a=t.getData();var n=this._data;var o=this.group;var s;if(!n&&a.count()>0){var l=a.getItemLayout(0);for(var c=1;isNaN(l&&l.startAngle)&&c<a.count();++c){l=a.getItemLayout(c)}if(l){s=l.startAngle}}if(this._emptyCircleSector){o.remove(this._emptyCircleSector)}if(a.count()===0&&t.get("showEmptyCircle")){var u=wr(t);var h=new Ft({shape:G(yr(t,r),u)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle());this._emptyCircleSector=h;o.add(h)}a.diff(n).add((function(t){var e=new Ar(a,t,s);a.setItemGraphicEl(t,e);o.add(e)})).update((function(t,e){var r=n.getItemGraphicEl(e);r.updateData(a,t,s);r.off("click");o.add(r);a.setItemGraphicEl(t,r)})).remove((function(e){var r=n.getItemGraphicEl(e);Yt(r,t,e)})).execute();zr(t);if(t.get("animationTypeUpdate")!=="expansion"){this._data=a}};e.prototype.dispose=function(){};e.prototype.containPoint=function(t,e){var r=e.getData();var i=r.getItemLayout(0);if(i){var a=t[0]-i.cx;var n=t[1]-i.cy;var o=Math.sqrt(a*a+n*n);return o<=i.r&&o>=i.r0}};e.type="pie";return e}(Gt);const Nr=Dr;function Lr(t,e,r){e=y(e)&&{coordDimensions:e}||G({encodeDefine:t.getEncode()},e);var i=t.getSource();var a=jt(i,e).dimensions;var n=new Ht(a,t);n.initData(i,r);return n}var Or=function(){function t(t,e){this._getDataWithEncodedVisual=t;this._getRawData=e}t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)};t.prototype.containName=function(t){var e=this._getRawData();return e.indexOfName(t)>=0};t.prototype.indexOfName=function(t){var e=this._getDataWithEncodedVisual();return e.indexOfName(t)};t.prototype.getItemVisual=function(t,e){var r=this._getDataWithEncodedVisual();return r.getItemVisual(t,e)};return t}();const Br=Or;var Rr=At();var Ur=function(t){u(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}e.prototype.init=function(e){t.prototype.init.apply(this,arguments);this.legendVisualProvider=new Br(w(this.getData,this),w(this.getRawData,this));this._defaultLabelLine(e)};e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)};e.prototype.getInitialData=function(){return Lr(this,{coordDimensions:["value"],encodeDefaulter:yt(Xt,this)})};e.prototype.getDataParams=function(e){var r=this.getData();var i=Rr(r);var a=i.seats;if(!a){var n=[];r.each(r.mapDimension("value"),(function(t){n.push(t)}));a=i.seats=Et(n,r.hostModel.get("percentPrecision"))}var o=t.prototype.getDataParams.call(this,e);o.percent=a[e]||0;o.$vars.push("percent");return o};e.prototype._defaultLabelLine=function(t){_t(t,"labelLine",["show"]);var e=t.labelLine;var r=t.emphasis.labelLine;e.show=e.show&&t.label.show;r.show=r.show&&t.emphasis.label.show};e.type="series.pie";e.defaultOption={z:2,legendHoverLink:true,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:true,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:true,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:true,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:true,length:15,length2:15,smooth:false,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:true,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:true},emphasis:{scale:true,scaleSize:5},avoidLabelOverlap:true,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"};return e}(Kt);const Pr=Ur;function Wr(t){return{seriesType:t,reset:function(t,e){var r=t.getData();r.filterSelf((function(t){var e=r.mapDimension("value");var i=r.get(e,t);if(lt(i)&&!isNaN(i)&&i<0){return false}return true}))}}}function Fr(t){t.registerChartView(Nr);t.registerSeriesModel(Pr);qt("pie",t.registerAction);t.registerLayout(yt(xr,"pie"));t.registerProcessor(Sr("pie"));t.registerProcessor(Wr("pie"))}const Yr="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:focus{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";const Gr=Yr;tt([Ye,pr,Fr,$t,Jt,ie]);const jr=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.click=e(this,"click",7);this.defaultRecord={id:null,value:null,name:null};this.onClickElsewhere=t=>{t.stopPropagation();this.clearSelection()};this.onButtonKeyDown=t=>{const{selectedId:e,data:r}=this;let i=this.getIndexById(e)||0;switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"ArrowLeft":t.preventDefault();i--;if(i<0)i=r.length-1;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"ArrowRight":t.preventDefault();i++;if(i>r.length-1)i=0;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"Escape":this.clearSelection();break;case" ":t.preventDefault();break;default:return}};this.onButtonClick=t=>{t.stopPropagation();const{selectedId:e}=this;const r=e?this.getDataById(e):Object.assign({},this.defaultRecord);this.click.emit(r)};this.onContainerClick=t=>{if(this.isInChangeEvent)return;if(!(t.target instanceof HTMLElement))return;this.clearSelection();t.stopPropagation()};this.onLegendClick=t=>{if(t.detail){const e=this.getDataIndexForId(t.detail.id);this.selectedId=t.detail.id;this.chart.dispatchAction({type:"select",seriesIndex:0,dataIndex:e})}else{const t=this.getDataIndexForId(this.selectedId);this.hoveredId=this.selectedId;this.selectedId=null;this.chart.dispatchAction({type:"unselect",seriesIndex:0,dataIndex:t})}};this.onLegendMouseleave=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=this.selectedId;this.chart.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:e})};this.onLegendMouseenter=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=t.detail.id;this.chart.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e})};this.data=[];this.chartName=undefined;this.format=undefined;this.hoverScaleSize=5;this.isClickable=undefined;this.innerRadius="70%";this.minSliceSize="2.5%";this.outerRadius="85%";this.selectedId=undefined;this.selectedOffset=10;this.showLegend=false;this.summaryIcon=undefined;this.summaryName=undefined;this.hoveredId=undefined;this.legendData=undefined}componentDidLoad(){const t=Zt(this.chartContainer);this.cacheComputedStyles();this.colors=this.getColors();this.resizeObserver=new ResizeObserver((()=>this.resizeChart()));this.resizeObserver.observe(this.hostElement);this.updateChart(t);this.setupChartEvents(t);this.checkSelectedId();this.chart=t;this.setLegendData();this.selectById(this.selectedId);a(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}get centerData(){const{hoveredId:t,data:e}=this;const r=t;const i=this.getIndexById(r);return r?Object.assign(Object.assign({},this.getDataById(r)),{color:this.colors[i]}):{name:n(this.summaryName||"tecton.element.chartDonut.button.summaryName"),icon:this.summaryIcon,value:e.reduce(((t,e)=>t+e.value),0),color:null}}get isMobile(){return o()}get legendHoveredId(){return this.hoveredId===this.selectedId?null:this.hoveredId}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}displayValue(t){const e=parseFloat(t.toString());if(isNaN(e))return;if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}else{return Intl.NumberFormat("en-US").format(e)}}getCSSProperty(t){let e;if(t.startsWith("var(")&&t.endsWith(")")){const r=/var\((.*)\)/g;const i=r.exec(t);const a=i.length>=2?i[1].split(","):[];t=a[0];e=a[1]}let r=this.chartContainerStyles.getPropertyValue(t).trim();if(!r)r=this.hostElementStyles.getPropertyValue(t).trim();return r||e}getIndexById(t){return this.data.findIndex((e=>e.id===t))}getDataByIndex(t){if(typeof t!=="number")return;return this.data[t]}getDataById(t){if(!t)return;return this.data.find((e=>e.id===t))}getColors(){const t=["--comp-color-1","--comp-color-2","--comp-color-3","--comp-color-4","--comp-color-5","--comp-color-6","--comp-color-7","--comp-color-8","--comp-color-9","--comp-color-10","--comp-color-11","--comp-color-12"];return this.data.reduce(((e,r)=>{let i=t.shift();if(r.color)i=r.color;e.push(this.getCSSProperty(i)||i);return e}),[])}getMinSliceSizeAsAngle(){return parseFloat(this.minSliceSize)/100*360}getDataIndexForId(t){return this.data.findIndex((e=>e.id===t))}setLegendData(){const t=this.chart.getOption().series[0].color;this.legendData=this.data.map(((e,r)=>{if(!e.color)e.color=t[r];return e}))}setupChartEvents(t){if(!this.isMobile){t.on("mouseover",(t=>{this.hoveredId=t.data.id}));t.on("mouseout",(()=>{this.hoveredId=this.selectedId}))}t.on("click",(t=>{t.event.stop()}));t.on("selectchanged",(t=>{var e,r,i,a;const n=(a=(i=(r=(e=t.selected)===null||e===void 0?void 0:e[0])===null||r===void 0?void 0:r.dataIndex)===null||i===void 0?void 0:i[0])!==null&&a!==void 0?a:null;const o=typeof n==="number"?this.getDataByIndex(n):Object.assign({},this.defaultRecord);this.selectedId=o.id;this.isInChangeEvent=true;this.change.emit(o);setTimeout((()=>{this.isInChangeEvent=false}),0)}));t.on("finished",(()=>{var e;const r=t.getDom().querySelector("canvas");if((e=r===null||r===void 0?void 0:r.hasAttribute("aria-hidden"))!==null&&e!==void 0?e:false)return;r.setAttribute("aria-hidden","true")}))}updateChart(t){return t.setOption({tooltip:{show:false},legend:{show:false},aria:{enabled:true},series:[{name:this.chartName,animationType:"scale",color:this.colors,id:"pie",type:"pie",selectedOffset:this.selectedOffset,selectedMode:"single",radius:[this.innerRadius,this.outerRadius],label:{show:false},labelLine:{show:false},itemStyle:{borderWidth:5,borderColor:this.getCSSProperty("--comp-background-color")},emphasis:{disabled:this.isMobile,scaleSize:this.hoverScaleSize,itemStyle:{color:"inherit"}},minAngle:this.getMinSliceSizeAsAngle(),data:this.data}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}dataUpdated(){this.colors=this.getColors();this.updateChart(this.chart)}innerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(r>=i){this.innerRadius=`${i-15}%`}}outerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(i<=r){this.outerRadius=`${r+15}%`}}checkSelectedId(){if(!!this.selectedId){this.hoveredId=this.selectedId;if(this.chart){this.selectById(this.selectedId)}}else{if(this.chart){this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(this.hoveredId)})}this.hoveredId=null}}delegateFocus(t){var e;if(!s(t,this.hostElement))return;if(!this.isClickable)return;(e=this.centerButtonElement)===null||e===void 0?void 0:e.focus()}async selectById(t){const e=this.getIndexById(t);if(e===-1)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async selectByIndex(t){const e=this.data[t]?t:null;if(!e)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async clearSelection(){const{selectedId:t}=this;if(!t)return;this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(t)})}async getChartOptions(){return this.chart.getOption()}renderCenterBlock(){const{icon:t,name:e,value:i,color:a}=this.centerData;const{isClickable:o}=this;const s=o?"button":"div";const l=this.displayValue(i);const c=o?{onKeyDown:this.onButtonKeyDown,onClick:this.onButtonClick,ref:t=>this.centerButtonElement=t,"aria-describedby":"center-card-description","aria-roledescription":n("tecton.element.chartDonut.button.roleDescription")}:null;return r("div",{class:"center-card-container",style:{width:`calc(${this.innerRadius} - 10%)`}},r("div",{id:"center-card-description",class:"sr"},n("tecton.element.chartDonut.button.description")),r(s,Object.assign({class:"center-card","test-id":"centerCard"},c),!!t&&r("q2-icon",{type:t,style:a&&{"--tct-icon-stroke-primary":a,"--tct-icon-stroke-secondary":a,color:a}}),!!e&&r("div",{class:"name"},e),!!i&&r("div",{class:"value"},l)))}render(){return r("click-elsewhere",{key:"fe9b4ba472076ecd92381990e3a92930edf14888",onChange:this.onClickElsewhere},r("figure",{key:"8755fa2976da39a7a8c4ce2fe13ca04191942e9c"},r("div",{key:"84e1198bce7f609546efe37cb506fe77e087feb1",class:"container"},r("div",{key:"9dbcff19f30ca7e5ac4d818e801f63b2c3674117",ref:t=>this.chartContainer=t,"aria-describedby":!this.isClickable?"center-card-description":undefined,class:"chart-container",role:"img","test-id":"chartContainer",onClick:this.onContainerClick,tabIndex:!this.isClickable?0:undefined,onKeyDown:!this.isClickable?this.onButtonKeyDown:undefined}),this.renderCenterBlock()),this.showLegend&&r("figcaption",{key:"ae47c89d19314470c25394cddeeb284e4431f490"},r("q2-legend",{key:"85cca395c371302d7dbca7b93f777fee6908b6fc",class:"legend",data:this.legendData,format:this.format,hoveredItemId:this.legendHoveredId,onClick:this.onLegendClick,onMouseleave:this.onLegendMouseleave,onMouseenter:this.onLegendMouseenter,selectedItemId:this.selectedId}))))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],innerRadius:["propsUpdates","innerRadiusUpdated"],outerRadius:["propsUpdates","outerRadiusUpdated"],minSliceSize:["propsUpdates"],hoverScaleSize:["propsUpdates"],selectedOffset:["propsUpdates"],data:["dataUpdated"],selectedId:["checkSelectedId"]}}};jr.style=Gr;export{jr as q2_chart_donut};
-//# sourceMappingURL=p-59551fa4.entry.js.map
+import{r as t,c as e,h as r,g as i}from"./p-a5f18e27.js";import{o as a,l as n,d as o,i as s}from"./p-34eff2c8.js";import{bo as l,W as c,_ as u,av as h,bp as v,bq as f,b2 as d,br as p,D as g,bs as m,x as b,a0 as y,I as x,bt as w,aJ as S,bu as I,bv as M,j as T,bw as C,E as k,bx as z,by as A,bz as D,bA as N,d as L,bB as O,bC as B,bD as R,bE as U,bF as P,bG as W,bH as F,bI as Y,a as G,bJ as j,bK as H,bL as X,bM as E,bN as _,bg as K,aH as q,bO as $,aY as J,bP as Z,bQ as V,bR as Q,a9 as tt,aZ as et,bS as rt,ax as it,bT as at,a4 as nt,m as ot,a6 as st,o as lt,y as ct,bU as ut,bV as ht,b as vt,bW as ft,a$ as dt,bX as pt,bY as gt,bZ as mt,c as bt,af as yt,G as xt,ay as wt,b3 as St,az as It,b_ as Mt,a_ as Tt,u as Ct,b$ as kt,at as zt,a3 as At,R as Dt,bj as Nt,i as Lt,s as Ot,z as Bt,t as Rt,g as Ut,bb as Pt,c0 as Wt,V as Ft,b5 as Yt,C as Gt,ah as jt,aj as Ht,c1 as Xt,c2 as Et,c3 as _t,S as Kt,c4 as qt,ab as $t,aa as Jt,ac as Zt}from"./p-dfed434e.js";import{l as Vt,a as Qt,g as te,s as ee,b as re,i as ie}from"./p-e640b69a.js";function ae(t,e){var r=l(e.get("padding"));var i=e.getItemStyle(["color","opacity"]);i.fill=e.get("backgroundColor");t=new c({shape:{x:t.x-r[3],y:t.y-r[0],width:t.width+r[1]+r[3],height:t.height+r[0]+r[2],r:e.get("borderRadius")},style:i,silent:true,z2:-1});return t}var ne=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.type="tooltip";e.dependencies=["axisPointer"];e.defaultOption={z:60,show:true,showContent:true,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:false,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:false,backgroundColor:"#fff",shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:"#999",width:1,type:"dashed",textStyle:{}}},textStyle:{color:"#666",fontSize:14}};return e}(h);const oe=ne;function se(t){var e=t.get("confine");return e!=null?!!e:t.get("renderMode")==="richText"}function le(t){if(!f.domSupported){return}var e=document.documentElement.style;for(var r=0,i=t.length;r<i;r++){if(t[r]in e){return t[r]}}}var ce=le(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);var ue=le(["webkitTransition","transition","OTransition","MozTransition","msTransition"]);function he(t,e){if(!t){return e}e=v(e,true);var r=t.indexOf(e);t=r===-1?e:"-"+t.slice(0,r)+"-"+e;return t.toLowerCase()}function ve(t,e){var r=t.currentStyle||document.defaultView&&document.defaultView.getComputedStyle(t);return r?e?r[e]:r:null}var fe=he(ue,"transition");var de=he(ce,"transform");var pe="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(f.transform3dSupported?"will-change:transform;":"");function ge(t){t=t==="left"?"right":t==="right"?"left":t==="top"?"bottom":"top";return t}function me(t,e,r){if(!d(r)||r==="inside"){return""}var i=t.get("backgroundColor");var a=t.get("borderWidth");e=b(e);var n=ge(r);var o=Math.max(Math.round(a)*1.5,6);var s="";var l=de+":";var c;if(S(["left","right"],n)>-1){s+="top:50%";l+="translateY(-50%) rotate("+(c=n==="left"?-225:-45)+"deg)"}else{s+="left:50%";l+="translateX(-50%) rotate("+(c=n==="top"?225:45)+"deg)"}var u=c*Math.PI/180;var h=o+a;var v=h*Math.abs(Math.cos(u))+h*Math.abs(Math.sin(u));var f=Math.round(((v-Math.SQRT2*a)/2+Math.SQRT2*a-(v-h)/2)*100)/100;s+=";"+n+":-"+f+"px";var p=e+" solid "+a+"px;";var g=["position:absolute;width:"+o+"px;height:"+o+"px;z-index:-1;",s+";"+l+";","border-bottom:"+p,"border-right:"+p,"background-color:"+i+";"];return'<div style="'+g.join("")+'"></div>'}function be(t,e){var r="cubic-bezier(0.23,1,0.32,1)";var i=" "+t/2+"s "+r;var a="opacity"+i+",visibility"+i;if(!e){i=" "+t+"s "+r;a+=f.transformSupported?","+de+i:",left"+i+",top"+i}return fe+":"+a}function ye(t,e,r){var i=t.toFixed(0)+"px";var a=e.toFixed(0)+"px";if(!f.transformSupported){return r?"top:"+a+";left:"+i+";":[["top",a],["left",i]]}var n=f.transform3dSupported;var o="translate"+(n?"3d":"")+"("+i+","+a+(n?",0":"")+")";return r?"top:0;left:0;"+de+":"+o+";":[["top",0],["left",0],[ce,o]]}function xe(t){var e=[];var r=t.get("fontSize");var i=t.getTextColor();i&&e.push("color:"+i);e.push("font:"+t.getFont());r&&e.push("line-height:"+Math.round(r*3/2)+"px");var a=t.get("textShadowColor");var n=t.get("textShadowBlur")||0;var o=t.get("textShadowOffsetX")||0;var s=t.get("textShadowOffsetY")||0;a&&n&&e.push("text-shadow:"+o+"px "+s+"px "+n+"px "+a);x(["decoration","align"],(function(r){var i=t.get(r);i&&e.push("text-"+r+":"+i)}));return e.join(";")}function we(t,e,r){var i=[];var a=t.get("transitionDuration");var n=t.get("backgroundColor");var o=t.get("shadowBlur");var s=t.get("shadowColor");var c=t.get("shadowOffsetX");var u=t.get("shadowOffsetY");var h=t.getModel("textStyle");var f=I(t,"html");var d=c+"px "+u+"px "+o+"px "+s;i.push("box-shadow:"+d);e&&a&&i.push(be(a,r));if(n){i.push("background-color:"+n)}x(["width","color","radius"],(function(e){var r="border-"+e;var a=v(r);var n=t.get(a);n!=null&&i.push(r+":"+n+(e==="color"?"":"px"))}));i.push(xe(h));if(f!=null){i.push("padding:"+l(f).join("px ")+"px")}return i.join(";")+";"}function Se(t,e,r,i,a){var n=e&&e.painter;if(r){var o=n&&n.getViewportRoot();if(o){M(t,o,r,i,a)}}else{t[0]=i;t[1]=a;var s=n&&n.getViewportRootOffset();if(s){t[0]+=s.offsetLeft;t[1]+=s.offsetTop}}t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}var Ie=function(){function t(t,e){this._show=false;this._styleCoord=[0,0,0,0];this._enterable=true;this._alwaysShowContent=false;this._firstShow=true;this._longHide=true;if(f.wxa){return null}var r=document.createElement("div");r.domBelongToZr=true;this.el=r;var i=this._zr=t.getZr();var a=e.appendTo;var n=a&&(d(a)?document.querySelector(a):p(a)?a:g(a)&&a(t.getDom()));Se(this._styleCoord,i,n,t.getWidth()/2,t.getHeight()/2);(n||t.getDom()).appendChild(r);this._api=t;this._container=n;var o=this;r.onmouseenter=function(){if(o._enterable){clearTimeout(o._hideTimeout);o._show=true}o._inContent=true};r.onmousemove=function(t){t=t||window.event;if(!o._enterable){var e=i.handler;var r=i.painter.getViewportRoot();m(r,t,true);e.dispatch("mousemove",t)}};r.onmouseleave=function(){o._inContent=false;if(o._enterable){if(o._show){o.hideLater(o._hideDelay)}}}}t.prototype.update=function(t){if(!this._container){var e=this._api.getDom();var r=ve(e,"position");var i=e.style;if(i.position!=="absolute"&&r!=="absolute"){i.position="relative"}}var a=t.get("alwaysShowContent");a&&this._moveIfResized();this._alwaysShowContent=a;this.el.className=t.get("className")||""};t.prototype.show=function(t,e){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var r=this.el;var i=r.style;var a=this._styleCoord;if(!r.innerHTML){i.display="none"}else{i.cssText=pe+we(t,!this._firstShow,this._longHide)+ye(a[0],a[1],true)+("border-color:"+b(e)+";")+(t.get("extraCssText")||"")+(";pointer-events:"+(this._enterable?"auto":"none"))}this._show=true;this._firstShow=false;this._longHide=false};t.prototype.setContent=function(t,e,r,i,a){var n=this.el;if(t==null){n.innerHTML="";return}var o="";if(d(a)&&r.get("trigger")==="item"&&!se(r)){o=me(r,i,a)}if(d(t)){n.innerHTML=t+o}else if(t){n.innerHTML="";if(!y(t)){t=[t]}for(var s=0;s<t.length;s++){if(p(t[s])&&t[s].parentNode!==n){n.appendChild(t[s])}}if(o&&n.childNodes.length){var l=document.createElement("div");l.innerHTML=o;n.appendChild(l)}}};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;return[t.offsetWidth,t.offsetHeight]};t.prototype.moveTo=function(t,e){var r=this._styleCoord;Se(r,this._zr,this._container,t,e);if(r[0]!=null&&r[1]!=null){var i=this.el.style;var a=ye(r[0],r[1]);x(a,(function(t){i[t[0]]=t[1]}))}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){var t=this;var e=this.el.style;e.visibility="hidden";e.opacity="0";f.transform3dSupported&&(e.willChange="");this._show=false;this._longHideTimeout=setTimeout((function(){return t._longHide=true}),500)};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var t=this.el.parentNode;t&&t.removeChild(this.el);this.el=this._container=null};return t}();const Me=Ie;var Te=function(){function t(t){this._show=false;this._styleCoord=[0,0,0,0];this._alwaysShowContent=false;this._enterable=true;this._zr=t.getZr();ze(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized();this._alwaysShowContent=e};t.prototype.show=function(){if(this._hideTimeout){clearTimeout(this._hideTimeout)}this.el.show();this._show=true};t.prototype.setContent=function(t,e,r,i,a){var n=this;if(T(t)){C("")}if(this.el){this._zr.remove(this.el)}var o=r.getModel("textStyle");this.el=new k({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:o.get("textShadowColor"),fill:r.get(["textStyle","color"]),padding:I(r,"richText"),verticalAlign:"top",align:"left"},z:r.get("z")});x(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){n.el.style[t]=r.get(t)}));x(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){n.el.style[t]=o.get(t)||0}));this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){if(s._enterable){clearTimeout(s._hideTimeout);s._show=true}s._inContent=true}));this.el.on("mouseout",(function(){if(s._enterable){if(s._show){s.hideLater(s._hideDelay)}}s._inContent=false}))};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;var e=this.el.getBoundingRect();var r=ke(t.style);return[e.width+r.left+r.right,e.height+r.top+r.bottom]};t.prototype.moveTo=function(t,e){var r=this.el;if(r){var i=this._styleCoord;ze(i,this._zr,t,e);t=i[0];e=i[1];var a=r.style;var n=Ce(a.borderWidth||0);var o=ke(a);r.x=t+n+o.left;r.y=e+n+o.top;r.markRedraw()}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){if(this.el){this.el.hide()}this._show=false};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){this._zr.remove(this.el)};return t}();function Ce(t){return Math.max(0,t)}function ke(t){var e=Ce(t.shadowBlur||0);var r=Ce(t.shadowOffsetX||0);var i=Ce(t.shadowOffsetY||0);return{left:Ce(e-r),right:Ce(e+r),top:Ce(e-i),bottom:Ce(e+i)}}function ze(t,e,r,i){t[0]=r;t[1]=i;t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}const Ae=Te;var De=new c({shape:{x:-1,y:-1,width:2,height:2}});var Ne=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.init=function(t,e){if(f.node||!e.getDom()){return}var r=t.getComponent("tooltip");var i=this._renderMode=z(r.get("renderMode"));this._tooltipContent=i==="richText"?new Ae(e):new Me(e,{appendTo:r.get("appendToBody",true)?"body":r.get("appendTo",true)})};e.prototype.render=function(t,e,r){if(f.node||!r.getDom()){return}this.group.removeAll();this._tooltipModel=t;this._ecModel=e;this._api=r;var i=this._tooltipContent;i.update(t);i.setEnterable(t.get("enterable"));this._initGlobalListener();this._keepShow();if(this._renderMode!=="richText"&&t.get("transitionDuration")){A(this,"_updatePosition",50,"fixRate")}else{D(this,"_updatePosition")}};e.prototype._initGlobalListener=function(){var t=this._tooltipModel;var e=t.get("triggerOn");N("itemTooltip",this._api,w((function(t,r,i){if(e!=="none"){if(e.indexOf(t)>=0){this._tryShow(r,i)}else if(t==="leave"){this._hide(i)}}}),this))};e.prototype._keepShow=function(){var t=this._tooltipModel;var e=this._ecModel;var r=this._api;var i=t.get("triggerOn");if(this._lastX!=null&&this._lastY!=null&&i!=="none"&&i!=="click"){var a=this;clearTimeout(this._refreshUpdateTimeout);this._refreshUpdateTimeout=setTimeout((function(){!r.isDisposed()&&a.manuallyShowTip(t,e,r,{x:a._lastX,y:a._lastY,dataByCoordSys:a._lastDataByCoordSys})}))}};e.prototype.manuallyShowTip=function(t,e,r,i){if(i.from===this.uid||f.node||!r.getDom()){return}var a=Oe(i,r);this._ticket="";var n=i.dataByCoordSys;var o=We(i,e,r);if(o){var s=o.el.getBoundingRect().clone();s.applyTransform(o.el.transform);this._tryShow({offsetX:s.x+s.width/2,offsetY:s.y+s.height/2,target:o.el,position:i.position,positionDefault:"bottom"},a)}else if(i.tooltip&&i.x!=null&&i.y!=null){var l=De;l.x=i.x;l.y=i.y;l.update();L(l).tooltipConfig={name:null,option:i.tooltip};this._tryShow({offsetX:i.x,offsetY:i.y,target:l},a)}else if(n){this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:n,tooltipOption:i.tooltipOption},a)}else if(i.seriesIndex!=null){if(this._manuallyAxisShowTip(t,e,r,i)){return}var c=O(i,e);var u=c.point[0];var h=c.point[1];if(u!=null&&h!=null){this._tryShow({offsetX:u,offsetY:h,target:c.el,position:i.position,positionDefault:"bottom"},a)}}else if(i.x!=null&&i.y!=null){r.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y});this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:r.getZr().findHover(i.x,i.y).target},a)}};e.prototype.manuallyHideTip=function(t,e,r,i){var a=this._tooltipContent;if(this._tooltipModel){a.hideLater(this._tooltipModel.get("hideDelay"))}this._lastX=this._lastY=this._lastDataByCoordSys=null;if(i.from!==this.uid){this._hide(Oe(i,r))}};e.prototype._manuallyAxisShowTip=function(t,e,r,i){var a=i.seriesIndex;var n=i.dataIndex;var o=e.getComponent("axisPointer").coordSysAxesInfo;if(a==null||n==null||o==null){return}var s=e.getSeriesByIndex(a);if(!s){return}var l=s.getData();var c=Le([l.getItemModel(n),s,(s.coordinateSystem||{}).model],this._tooltipModel);if(c.get("trigger")!=="axis"){return}r.dispatchAction({type:"updateAxisPointer",seriesIndex:a,dataIndex:n,position:i.position});return true};e.prototype._tryShow=function(t,e){var r=t.target;var i=this._tooltipModel;if(!i){return}this._lastX=t.offsetX;this._lastY=t.offsetY;var a=t.dataByCoordSys;if(a&&a.length){this._showAxisTooltip(a,t)}else if(r){var n=L(r);if(n.ssrType==="legend"){return}this._lastDataByCoordSys=null;var o;var s;B(r,(function(t){if(L(t).dataIndex!=null){o=t;return true}if(L(t).tooltipConfig!=null){s=t;return true}}),true);if(o){this._showSeriesItemTooltip(t,o,e)}else if(s){this._showComponentItemTooltip(t,s,e)}else{this._hide(e)}}else{this._lastDataByCoordSys=null;this._hide(e)}};e.prototype._showOrMove=function(t,e){var r=t.get("showDelay");e=w(e,this);clearTimeout(this._showTimout);r>0?this._showTimout=setTimeout(e,r):e()};e.prototype._showAxisTooltip=function(t,e){var r=this._ecModel;var i=this._tooltipModel;var a=[e.offsetX,e.offsetY];var n=Le([e.tooltipOption],i);var o=this._renderMode;var s=[];var l=R("section",{blocks:[],noHeader:true});var c=[];var u=new U;x(t,(function(t){x(t.dataByAxis,(function(t){var e=r.getComponent(t.axisDim+"Axis",t.axisIndex);var a=t.value;if(!e||a==null){return}var n=P(a,e.axis,r,t.seriesDataIndices,t.valueLabelOpt);var h=R("section",{header:n,noHeader:!W(n),sortBlocks:true,blocks:[]});l.blocks.push(h);x(t.seriesDataIndices,(function(l){var v=r.getSeriesByIndex(l.seriesIndex);var f=l.dataIndexInside;var d=v.getDataParams(f);if(d.dataIndex<0){return}d.axisDim=t.axisDim;d.axisIndex=t.axisIndex;d.axisType=t.axisType;d.axisId=t.axisId;d.axisValue=F(e.axis,{value:a});d.axisValueLabel=n;d.marker=u.makeTooltipMarker("item",b(d.color),o);var p=Y(v.formatTooltip(f,true,null));var g=p.frag;if(g){var m=Le([v],i).get("valueFormatter");h.blocks.push(m?G({valueFormatter:m},g):g)}if(p.text){c.push(p.text)}s.push(d)}))}))}));l.blocks.reverse();c.reverse();var h=e.position;var v=n.get("order");var f=j(l,u,o,v,r.get("useUTC"),n.get("textStyle"));f&&c.unshift(f);var d=o==="richText"?"\n\n":"<br/>";var p=c.join(d);this._showOrMove(n,(function(){if(this._updateContentNotChangedOnAxis(t,s)){this._updatePosition(n,h,a[0],a[1],this._tooltipContent,s)}else{this._showTooltipContent(n,p,s,Math.random()+"",a[0],a[1],h,null,u)}}))};e.prototype._showSeriesItemTooltip=function(t,e,r){var i=this._ecModel;var a=L(e);var n=a.seriesIndex;var o=i.getSeriesByIndex(n);var s=a.dataModel||o;var l=a.dataIndex;var c=a.dataType;var u=s.getData(c);var h=this._renderMode;var v=t.positionDefault;var f=Le([u.getItemModel(l),s,o&&(o.coordinateSystem||{}).model],this._tooltipModel,v?{position:v}:null);var d=f.get("trigger");if(d!=null&&d!=="item"){return}var p=s.getDataParams(l,c);var g=new U;p.marker=g.makeTooltipMarker("item",b(p.color),h);var m=Y(s.formatTooltip(l,false,c));var y=f.get("order");var x=f.get("valueFormatter");var w=m.frag;var S=w?j(x?G({valueFormatter:x},w):w,g,h,y,i.get("useUTC"),f.get("textStyle")):m.text;var I="item_"+s.name+"_"+l;this._showOrMove(f,(function(){this._showTooltipContent(f,S,p,I,t.offsetX,t.offsetY,t.position,t.target,g)}));r({type:"showTip",dataIndexInside:l,dataIndex:u.getRawIndex(l),seriesIndex:n,from:this.uid})};e.prototype._showComponentItemTooltip=function(t,e,r){var i=this._renderMode==="html";var a=L(e);var n=a.tooltipConfig;var o=n.option||{};var s=o.encodeHTMLContent;if(d(o)){var l=o;o={content:l,formatter:l};s=true}if(s&&i&&o.content){o=H(o);o.content=X(o.content)}var c=[o];var u=this._ecModel.getComponent(a.componentMainType,a.componentIndex);if(u){c.push(u)}c.push({formatter:o.content});var h=t.positionDefault;var v=Le(c,this._tooltipModel,h?{position:h}:null);var f=v.get("content");var p=Math.random()+"";var g=new U;this._showOrMove(v,(function(){var r=H(v.get("formatterParams")||{});this._showTooltipContent(v,f,r,p,t.offsetX,t.offsetY,t.position,e,g)}));r({type:"showTip",from:this.uid})};e.prototype._showTooltipContent=function(t,e,r,i,a,n,o,s,l){this._ticket="";if(!t.get("showContent")||!t.get("show")){return}var c=this._tooltipContent;c.setEnterable(t.get("enterable"));var u=t.get("formatter");o=o||t.get("position");var h=e;var v=this._getNearestPoint([a,n],r,t.get("trigger"),t.get("borderColor"));var f=v.color;if(u){if(d(u)){var p=t.ecModel.get("useUTC");var m=y(r)?r[0]:r;var b=m&&m.axisType&&m.axisType.indexOf("time")>=0;h=u;if(b){h=E(m.axisValue,h,p)}h=_(h,r,true)}else if(g(u)){var x=w((function(e,i){if(e===this._ticket){c.setContent(i,l,t,f,o);this._updatePosition(t,o,a,n,c,r,s)}}),this);this._ticket=i;h=u(r,i,x)}else{h=u}}c.setContent(h,l,t,f,o);c.show(t,f);this._updatePosition(t,o,a,n,c,r,s)};e.prototype._getNearestPoint=function(t,e,r,i){if(r==="axis"||y(e)){return{color:i||(this._renderMode==="html"?"#fff":"none")}}if(!y(e)){return{color:i||e.color||e.borderColor}}};e.prototype._updatePosition=function(t,e,r,i,a,n,o){var s=this._api.getWidth();var l=this._api.getHeight();e=e||t.get("position");var c=a.getSize();var u=t.get("align");var h=t.get("verticalAlign");var v=o&&o.getBoundingRect().clone();o&&v.applyTransform(o.transform);if(g(e)){e=e([r,i],n,a.el,v,{viewSize:[s,l],contentSize:c.slice()})}if(y(e)){r=K(e[0],s);i=K(e[1],l)}else if(T(e)){var f=e;f.width=c[0];f.height=c[1];var p=q(f,{width:s,height:l});r=p.x;i=p.y;u=null;h=null}else if(d(e)&&o){var m=Ue(e,v,c,t.get("borderWidth"));r=m[0];i=m[1]}else{var m=Be(r,i,a,s,l,u?null:20,h?null:20);r=m[0];i=m[1]}u&&(r-=Pe(u)?c[0]/2:u==="right"?c[0]:0);h&&(i-=Pe(h)?c[1]/2:h==="bottom"?c[1]:0);if(se(t)){var m=Re(r,i,a,s,l);r=m[0];i=m[1]}a.moveTo(r,i)};e.prototype._updateContentNotChangedOnAxis=function(t,e){var r=this._lastDataByCoordSys;var i=this._cbParamsList;var a=!!r&&r.length===t.length;a&&x(r,(function(r,n){var o=r.dataByAxis||[];var s=t[n]||{};var l=s.dataByAxis||[];a=a&&o.length===l.length;a&&x(o,(function(t,r){var n=l[r]||{};var o=t.seriesDataIndices||[];var s=n.seriesDataIndices||[];a=a&&t.value===n.value&&t.axisType===n.axisType&&t.axisId===n.axisId&&o.length===s.length;a&&x(o,(function(t,e){var r=s[e];a=a&&t.seriesIndex===r.seriesIndex&&t.dataIndex===r.dataIndex}));i&&x(t.seriesDataIndices,(function(t){var r=t.seriesIndex;var n=e[r];var o=i[r];if(n&&o&&o.data!==n.data){a=false}}))}))}));this._lastDataByCoordSys=t;this._cbParamsList=e;return!!a};e.prototype._hide=function(t){this._lastDataByCoordSys=null;t({type:"hideTip",from:this.uid})};e.prototype.dispose=function(t,e){if(f.node||!e.getDom()){return}D(this,"_updatePosition");this._tooltipContent.dispose();$("itemTooltip",e)};e.type="tooltip";return e}(J);function Le(t,e,r){var i=e.ecModel;var a;if(r){a=new Z(r,i,i);a=new Z(e.option,a,i)}else{a=e}for(var n=t.length-1;n>=0;n--){var o=t[n];if(o){if(o instanceof Z){o=o.get("tooltip",true)}if(d(o)){o={formatter:o}}if(o){a=new Z(o,a,i)}}}return a}function Oe(t,e){return t.dispatchAction||w(e.dispatchAction,e)}function Be(t,e,r,i,a,n,o){var s=r.getSize();var l=s[0];var c=s[1];if(n!=null){if(t+l+n+2>i){t-=l+n}else{t+=n}}if(o!=null){if(e+c+o>a){e-=c+o}else{e+=o}}return[t,e]}function Re(t,e,r,i,a){var n=r.getSize();var o=n[0];var s=n[1];t=Math.min(t+o,i)-o;e=Math.min(e+s,a)-s;t=Math.max(t,0);e=Math.max(e,0);return[t,e]}function Ue(t,e,r,i){var a=r[0];var n=r[1];var o=Math.ceil(Math.SQRT2*i)+8;var s=0;var l=0;var c=e.width;var u=e.height;switch(t){case"inside":s=e.x+c/2-a/2;l=e.y+u/2-n/2;break;case"top":s=e.x+c/2-a/2;l=e.y-n-o;break;case"bottom":s=e.x+c/2-a/2;l=e.y+u+o;break;case"left":s=e.x-a-o;l=e.y+u/2-n/2;break;case"right":s=e.x+c+o;l=e.y+u/2-n/2}return[s,l]}function Pe(t){return t==="center"||t==="middle"}function We(t,e,r){var i=V(t).queryOptionMap;var a=i.keys()[0];if(!a||a==="series"){return}var n=Q(e,a,i.get(a),{useDefault:false,enableAll:false,enableNone:false});var o=n.models[0];if(!o){return}var s=r.getViewOfComponentModel(o);var l;s.group.traverse((function(e){var r=L(e).tooltipConfig;if(r&&r.name===t.name){l=e;return true}}));if(l){return{componentMainType:a,componentIndex:o.componentIndex,el:l}}}const Fe=Ne;function Ye(t){tt(et);t.registerComponentModel(oe);t.registerComponentView(Fe);t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},rt);t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},rt)}var Ge=function(t,e){if(e==="all"){return{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}}else if(e==="inverse"){return{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}}};var je=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.layoutMode={type:"box",ignoreSize:true};return r}e.prototype.init=function(t,e,r){this.mergeDefaultAndTheme(t,r);t.selected=t.selected||{};this._updateSelector(t)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);this._updateSelector(e)};e.prototype._updateSelector=function(t){var e=t.selector;var r=this.ecModel;if(e===true){e=t.selector=["all","inverse"]}if(y(e)){x(e,(function(t,i){d(t)&&(t={type:t});e[i]=it(t,Ge(r,t.type))}))}};e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&this.get("selectedMode")==="single"){var e=false;for(var r=0;r<t.length;r++){var i=t[r].get("name");if(this.isSelected(i)){this.select(i);e=true;break}}!e&&this.select(t[0].get("name"))}};e.prototype._updateData=function(t){var e=[];var r=[];t.eachRawSeries((function(i){var a=i.name;r.push(a);var n;if(i.legendVisualProvider){var o=i.legendVisualProvider;var s=o.getAllNames();if(!t.isSeriesFiltered(i)){r=r.concat(s)}if(s.length){e=e.concat(s)}else{n=true}}else{n=true}if(n&&at(i)){e.push(i.name)}}));this._availableNames=r;var i=this.get("data")||e;var a=nt();var n=ot(i,(function(t){if(d(t)||lt(t)){t={name:t}}if(a.get(t.name)){return null}a.set(t.name,true);return new Z(t,this,this.ecModel)}),this);this._data=st(n,(function(t){return!!t}))};e.prototype.getData=function(){return this._data};e.prototype.select=function(t){var e=this.option.selected;var r=this.get("selectedMode");if(r==="single"){var i=this._data;x(i,(function(t){e[t.get("name")]=false}))}e[t]=true};e.prototype.unSelect=function(t){if(this.get("selectedMode")!=="single"){this.option.selected[t]=false}};e.prototype.toggleSelected=function(t){var e=this.option.selected;if(!e.hasOwnProperty(t)){e[t]=true}this[e[t]?"unSelect":"select"](t)};e.prototype.allSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){e[t.get("name",true)]=true}))};e.prototype.inverseSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){var r=t.get("name",true);if(!e.hasOwnProperty(r)){e[r]=true}e[r]=!e[r]}))};e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&S(this._availableNames,t)>=0};e.prototype.getOrient=function(){return this.get("orient")==="vertical"?{index:1,name:"vertical"}:{index:0,name:"horizontal"}};e.type="legend.plain";e.dependencies=["series"];e.defaultOption={z:4,show:true,orient:"horizontal",left:"center",top:0,align:"auto",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemGap:10,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:true,inactiveColor:"#ccc",inactiveBorderColor:"#ccc",inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:"#ccc",inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:"#333"},selectedMode:true,selector:false,selectorLabel:{show:true,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:true,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:false}};return e}(h);const He=je;var Xe=yt;var Ee=x;var _e=xt;var Ke=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=false;return r}e.prototype.init=function(){this.group.add(this._contentGroup=new _e);this.group.add(this._selectorGroup=new _e);this._isFirstRender=true};e.prototype.getContentGroup=function(){return this._contentGroup};e.prototype.getSelectorGroup=function(){return this._selectorGroup};e.prototype.render=function(t,e,r){var i=this._isFirstRender;this._isFirstRender=false;this.resetInner();if(!t.get("show",true)){return}var a=t.get("align");var n=t.get("orient");if(!a||a==="auto"){a=t.get("left")==="right"&&n==="vertical"?"right":"left"}var o=t.get("selector",true);var s=t.get("selectorPosition",true);if(o&&(!s||s==="auto")){s=n==="horizontal"?"end":"start"}this.renderInner(a,t,e,r,o,n,s);var l=t.getBoxLayoutParams();var c={width:r.getWidth(),height:r.getHeight()};var u=t.get("padding");var h=q(l,c,u);var v=this.layoutInner(t,a,h,i,o,s);var f=q(ct({width:v.width,height:v.height},l),c,u);this.group.x=f.x-v.x;this.group.y=f.y-v.y;this.group.markRedraw();this.group.add(this._backgroundEl=ae(v,t))};e.prototype.resetInner=function(){this.getContentGroup().removeAll();this._backgroundEl&&this.group.remove(this._backgroundEl);this.getSelectorGroup().removeAll()};e.prototype.renderInner=function(t,e,r,i,a,n,o){var s=this.getContentGroup();var l=nt();var c=e.get("selectedMode");var u=[];r.eachRawSeries((function(t){!t.get("legendHoverLink")&&u.push(t.id)}));Ee(e.getData(),(function(a,n){var o=a.get("name");if(!this.newlineDisabled&&(o===""||o==="\n")){var h=new _e;h.newline=true;s.add(h);return}var v=r.getSeriesByName(o)[0];if(l.get(o)){return}if(v){var f=v.getData();var d=f.getVisual("legendLineStyle")||{};var p=f.getVisual("legendIcon");var g=f.getVisual("style");var m=this._createItem(v,o,n,a,e,t,d,g,p,c,i);m.on("click",Xe(Je,o,null,i,u)).on("mouseover",Xe(Ve,v.name,null,i,u)).on("mouseout",Xe(Qe,v.name,null,i,u));if(r.ssr){m.eachChild((function(t){var e=L(t);e.seriesIndex=v.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}else{r.eachRawSeries((function(s){if(l.get(o)){return}if(s.legendVisualProvider){var h=s.legendVisualProvider;if(!h.containName(o)){return}var v=h.indexOfName(o);var f=h.getItemVisual(v,"style");var d=h.getItemVisual(v,"legendIcon");var p=ut(f.fill);if(p&&p[3]===0){p[3]=.2;f=G(G({},f),{fill:ht(p,"rgba")})}var g=this._createItem(s,o,n,a,e,t,{},f,d,c,i);g.on("click",Xe(Je,null,o,i,u)).on("mouseover",Xe(Ve,null,o,i,u)).on("mouseout",Xe(Qe,null,o,i,u));if(r.ssr){g.eachChild((function(t){var e=L(t);e.seriesIndex=s.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}}),this)}}),this);if(a){this._createSelector(a,e,i,n,o)}};e.prototype._createSelector=function(t,e,r,i,a){var n=this.getSelectorGroup();Ee(t,(function t(i){var a=i.type;var o=new k({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){r.dispatchAction({type:a==="all"?"legendAllSelect":"legendInverseSelect"})}});n.add(o);var s=e.getModel("selectorLabel");var l=e.getModel(["emphasis","selectorLabel"]);vt(o,{normal:s,emphasis:l},{defaultText:i.title});ft(o)}))};e.prototype._createItem=function(t,e,r,i,a,n,o,s,l,u,h){var v=t.visualDrawType;var f=a.get("itemWidth");var p=a.get("itemHeight");var m=a.isSelected(e);var b=i.get("symbolRotate");var y=i.get("symbolKeepAspect");var x=i.get("icon");l=x||l||"roundRect";var w=qe(l,i,o,s,v,m,h);var S=new _e;var I=i.getModel("textStyle");if(g(t.getLegendIcon)&&(!x||x==="inherit")){S.add(t.getLegendIcon({itemWidth:f,itemHeight:p,icon:l,iconRotate:b,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}else{var M=x==="inherit"&&t.getData().getVisual("symbol")?b==="inherit"?t.getData().getVisual("symbolRotate"):b:0;S.add($e({itemWidth:f,itemHeight:p,icon:l,iconRotate:M,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}var T=n==="left"?f+5:-5;var C=n;var z=a.get("formatter");var A=e;if(d(z)&&z){A=z.replace("{name}",e!=null?e:"")}else if(g(z)){A=z(e)}var D=m?I.getTextColor():i.get("inactiveColor");S.add(new k({style:dt(I,{text:A,x:T,y:p/2,fill:D,align:C,verticalAlign:"middle"},{inheritColor:D})}));var N=new c({shape:S.getBoundingRect(),style:{fill:"transparent"}});var L=i.getModel("tooltip");if(L.get("show")){pt({el:N,componentModel:a,itemName:e,itemTooltipOption:L.option})}S.add(N);S.eachChild((function(t){t.silent=true}));N.silent=!u;this.getContentGroup().add(S);ft(S);S.__legendDataIndex=r;return S};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getContentGroup();var s=this.getSelectorGroup();gt(t.get("orient"),o,t.get("itemGap"),r.width,r.height);var l=o.getBoundingRect();var c=[-l.x,-l.y];s.markRedraw();o.markRedraw();if(a){gt("horizontal",s,t.get("selectorItemGap",true));var u=s.getBoundingRect();var h=[-u.x,-u.y];var v=t.get("selectorButtonGap",true);var f=t.getOrient().index;var d=f===0?"width":"height";var p=f===0?"height":"width";var g=f===0?"y":"x";if(n==="end"){h[f]+=l[d]+v}else{c[f]+=u[d]+v}h[1-f]+=l[p]/2-u[p]/2;s.x=h[0];s.y=h[1];o.x=c[0];o.y=c[1];var m={x:0,y:0};m[d]=l[d]+v+u[d];m[p]=Math.max(l[p],u[p]);m[g]=Math.min(0,u[g]+h[1-f]);return m}else{o.x=c[0];o.y=c[1];return this.group.getBoundingRect()}};e.prototype.remove=function(){this.getContentGroup().removeAll();this._isFirstRender=true};e.type="legend.plain";return e}(J);function qe(t,e,r,i,a,n,o){function s(t,e){if(t.lineWidth==="auto"){t.lineWidth=e.lineWidth>0?2:0}Ee(t,(function(r,i){t[i]==="inherit"&&(t[i]=e[i])}))}var l=e.getModel("itemStyle");var c=l.getItemStyle();var u=t.lastIndexOf("empty",0)===0?"fill":"stroke";var h=l.getShallow("decal");c.decal=!h||h==="inherit"?i.decal:mt(h,o);if(c.fill==="inherit"){c.fill=i[a]}if(c.stroke==="inherit"){c.stroke=i[u]}if(c.opacity==="inherit"){c.opacity=(a==="fill"?i:r).opacity}s(c,i);var v=e.getModel("lineStyle");var f=v.getLineStyle();s(f,r);c.fill==="auto"&&(c.fill=i.fill);c.stroke==="auto"&&(c.stroke=i.fill);f.stroke==="auto"&&(f.stroke=i.fill);if(!n){var d=e.get("inactiveBorderWidth");var p=c[u];c.lineWidth=d==="auto"?i.lineWidth>0&&p?2:0:c.lineWidth;c.fill=e.get("inactiveColor");c.stroke=e.get("inactiveBorderColor");f.stroke=v.get("inactiveColor");f.lineWidth=v.get("inactiveWidth")}return{itemStyle:c,lineStyle:f}}function $e(t){var e=t.icon||"roundRect";var r=bt(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);r.setStyle(t.itemStyle);r.rotation=(t.iconRotate||0)*Math.PI/180;r.setOrigin([t.itemWidth/2,t.itemHeight/2]);if(e.indexOf("empty")>-1){r.style.stroke=r.style.fill;r.style.fill="#fff";r.style.lineWidth=2}return r}function Je(t,e,r,i){Qe(t,e,r,i);r.dispatchAction({type:"legendToggleSelect",name:t!=null?t:e});Ve(t,e,r,i)}function Ze(t){var e=t.getZr().storage.getDisplayList();var r;var i=0;var a=e.length;while(i<a&&!(r=e[i].states.emphasis)){i++}return r&&r.hoverLayer}function Ve(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}}function Qe(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}}const tr=Ke;function er(t){var e=t.findComponents({mainType:"legend"});if(e&&e.length){t.filterSeries((function(t){for(var r=0;r<e.length;r++){if(!e[r].isSelected(t.name)){return false}}return true}))}}function rr(t,e,r){var i={};var a=t==="toggleSelected";var n;r.eachComponent("legend",(function(r){if(a&&n!=null){r[n?"select":"unSelect"](e.name)}else if(t==="allSelect"||t==="inverseSelect"){r[t]()}else{r[t](e.name);n=r.isSelected(e.name)}var o=r.getData();x(o,(function(t){var e=t.get("name");if(e==="\n"||e===""){return}var a=r.isSelected(e);if(i.hasOwnProperty(e)){i[e]=i[e]&&a}else{i[e]=a}}))}));return t==="allSelect"||t==="inverseSelect"?{selected:i}:{name:e.name,selected:i}}function ir(t){t.registerAction("legendToggleSelect","legendselectchanged",yt(rr,"toggleSelected"));t.registerAction("legendAllSelect","legendselectall",yt(rr,"allSelect"));t.registerAction("legendInverseSelect","legendinverseselect",yt(rr,"inverseSelect"));t.registerAction("legendSelect","legendselected",yt(rr,"select"));t.registerAction("legendUnSelect","legendunselected",yt(rr,"unSelect"))}function ar(t){t.registerComponentModel(He);t.registerComponentView(tr);t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,er);t.registerSubTypeDefaulter("legend",(function(){return"plain"}));ir(t)}var nr=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t};e.prototype.init=function(e,r,i){var a=wt(e);t.prototype.init.call(this,e,r,i);or(this,e,a)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);or(this,this.option,e)};e.type="legend.scroll";e.defaultOption=St(He.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:"#2f4554",pageIconInactiveColor:"#aaa",pageIconSize:15,pageTextStyle:{color:"#333"},animationDurationUpdate:800});return e}(He);function or(t,e,r){var i=t.getOrient();var a=[1,1];a[i.index]=0;It(e,r,{type:"box",ignoreSize:!!a})}const sr=nr;var lr=xt;var cr=["width","height"];var ur=["x","y"];var hr=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=true;r._currentIndex=0;return r}e.prototype.init=function(){t.prototype.init.call(this);this.group.add(this._containerGroup=new lr);this._containerGroup.add(this.getContentGroup());this.group.add(this._controllerGroup=new lr)};e.prototype.resetInner=function(){t.prototype.resetInner.call(this);this._controllerGroup.removeAll();this._containerGroup.removeClipPath();this._containerGroup.__rectSize=null};e.prototype.renderInner=function(e,r,i,a,n,o,s){var l=this;t.prototype.renderInner.call(this,e,r,i,a,n,o,s);var c=this._controllerGroup;var u=r.get("pageIconSize",true);var h=y(u)?u:[u,u];f("pagePrev",0);var v=r.getModel("pageTextStyle");c.add(new k({name:"pageText",style:{text:"xx/xx",fill:v.getTextColor(),font:v.getFont(),verticalAlign:"middle",align:"center"},silent:true}));f("pageNext",1);function f(t,e){var i=t+"DataIndex";var n=Mt(r.get("pageIcons",true)[r.getOrient().name][e],{onclick:w(l._pageGo,l,i,r,a)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});n.name=t;c.add(n)}};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getSelectorGroup();var s=t.getOrient().index;var l=cr[s];var c=ur[s];var u=cr[1-s];var h=ur[1-s];a&&gt("horizontal",o,t.get("selectorItemGap",true));var v=t.get("selectorButtonGap",true);var f=o.getBoundingRect();var d=[-f.x,-f.y];var p=H(r);a&&(p[l]=r[l]-f[l]-v);var g=this._layoutContentAndController(t,i,p,s,l,u,h,c);if(a){if(n==="end"){d[s]+=g[l]+v}else{var m=f[l]+v;d[s]-=m;g[c]-=m}g[l]+=f[l]+v;d[1-s]+=g[h]+g[u]/2-f[u]/2;g[u]=Math.max(g[u],f[u]);g[h]=Math.min(g[h],f[h]+d[1-s]);o.x=d[0];o.y=d[1];o.markRedraw()}return g};e.prototype._layoutContentAndController=function(t,e,r,i,a,n,o,s){var l=this.getContentGroup();var u=this._containerGroup;var h=this._controllerGroup;gt(t.get("orient"),l,t.get("itemGap"),!i?null:r.width,i?null:r.height);gt("horizontal",h,t.get("pageButtonItemGap",true));var v=l.getBoundingRect();var f=h.getBoundingRect();var d=this._showController=v[a]>r[a];var p=[-v.x,-v.y];if(!e){p[i]=l[s]}var g=[0,0];var m=[-f.x,-f.y];var b=Tt(t.get("pageButtonGap",true),t.get("itemGap",true));if(d){var y=t.get("pageButtonPosition",true);if(y==="end"){m[i]+=r[a]-f[a]}else{g[i]+=f[a]+b}}m[1-i]+=v[n]/2-f[n]/2;l.setPosition(p);u.setPosition(g);h.setPosition(m);var x={x:0,y:0};x[a]=d?r[a]:v[a];x[n]=Math.max(v[n],f[n]);x[o]=Math.min(0,f[o]+m[1-i]);u.__rectSize=r[a];if(d){var w={x:0,y:0};w[a]=Math.max(r[a]-f[a]-b,0);w[n]=x[n];u.setClipPath(new c({shape:w}));u.__rectSize=w[a]}else{h.eachChild((function(t){t.attr({invisible:true,silent:true})}))}var S=this._getPageInfo(t);S.pageIndex!=null&&Ct(l,{x:S.contentPosition[0],y:S.contentPosition[1]},d?t:null);this._updatePageInfoView(t,S);return x};e.prototype._pageGo=function(t,e,r){var i=this._getPageInfo(e)[t];i!=null&&r.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})};e.prototype._updatePageInfoView=function(t,e){var r=this._controllerGroup;x(["pagePrev","pageNext"],(function(i){var a=i+"DataIndex";var n=e[a]!=null;var o=r.childOfName(i);if(o){o.setStyle("fill",n?t.get("pageIconColor",true):t.get("pageIconInactiveColor",true));o.cursor=n?"pointer":"default"}}));var i=r.childOfName("pageText");var a=t.get("pageFormatter");var n=e.pageIndex;var o=n!=null?n+1:0;var s=e.pageCount;i&&a&&i.setStyle("text",d(a)?a.replace("{current}",o==null?"":o+"").replace("{total}",s==null?"":s+""):a({current:o,total:s}))};e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",true);var r=this.getContentGroup();var i=this._containerGroup.__rectSize;var a=t.getOrient().index;var n=cr[a];var o=ur[a];var s=this._findTargetItemIndex(e);var l=r.children();var c=l[s];var u=l.length;var h=!u?0:1;var v={contentPosition:[r.x,r.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!c){return v}var f=b(c);v.contentPosition[a]=-f.s;for(var d=s+1,p=f,g=f,m=null;d<=u;++d){m=b(l[d]);if(!m&&g.e>p.s+i||m&&!y(m,p.s)){if(g.i>p.i){p=g}else{p=m}if(p){if(v.pageNextDataIndex==null){v.pageNextDataIndex=p.i}++v.pageCount}}g=m}for(var d=s-1,p=f,g=f,m=null;d>=-1;--d){m=b(l[d]);if((!m||!y(g,m.s))&&p.i<g.i){g=p;if(v.pagePrevDataIndex==null){v.pagePrevDataIndex=p.i}++v.pageCount;++v.pageIndex}p=m}return v;function b(t){if(t){var e=t.getBoundingRect();var r=e[o]+t[o];return{s:r,e:r+e[n],i:t.__legendDataIndex}}}function y(t,e){return t.e>=e&&t.s<=e+i}};e.prototype._findTargetItemIndex=function(t){if(!this._showController){return 0}var e;var r=this.getContentGroup();var i;r.eachChild((function(r,a){var n=r.__legendDataIndex;if(i==null&&n!=null){i=a}if(n===t){e=a}}));return e!=null?e:i};e.type="legend.scroll";return e}(tr);const vr=hr;function fr(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var r=t.scrollDataIndex;r!=null&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(r)}))}))}function dr(t){tt(ar);t.registerComponentModel(sr);t.registerComponentView(vr);fr(t)}function pr(t){tt(ar);tt(dr)}var gr=Math.PI*2;var mr=Math.PI/180;function br(t,e){return q(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function yr(t,e){var r=br(t,e);var i=t.get("center");var a=t.get("radius");if(!y(a)){a=[0,a]}var n=K(r.width,e.getWidth());var o=K(r.height,e.getHeight());var s=Math.min(n,o);var l=K(a[0],s/2);var c=K(a[1],s/2);var u;var h;var v=t.coordinateSystem;if(v){var f=v.dataToPoint(i);u=f[0]||0;h=f[1]||0}else{if(!y(i)){i=[i,i]}u=K(i[0],n)+r.x;h=K(i[1],o)+r.y}return{cx:u,cy:h,r0:l,r:c}}function xr(t,e,r){e.eachSeriesByType(t,(function(t){var e=t.getData();var i=e.mapDimension("value");var a=br(t,r);var n=yr(t,r),o=n.cx,s=n.cy,l=n.r,c=n.r0;var u=-t.get("startAngle")*mr;var h=t.get("endAngle");var v=t.get("padAngle")*mr;h=h==="auto"?u-gr:-h*mr;var f=t.get("minAngle")*mr;var d=f+v;var p=0;e.each(i,(function(t){!isNaN(t)&&p++}));var g=e.getSum(i);var m=Math.PI/(g||p)*2;var b=t.get("clockwise");var y=t.get("roseType");var x=t.get("stillShowZeroSum");var w=e.getDataExtent(i);w[0]=0;var S=b?1:-1;var I=[u,h];var M=S*v/2;kt(I,!b);u=I[0],h=I[1];var T=wr(t);T.startAngle=u;T.endAngle=h;T.clockwise=b;var C=Math.abs(h-u);var k=C;var z=0;var A=u;e.setLayout({viewRect:a,r:l});e.each(i,(function(t,r){var i;if(isNaN(t)){e.setItemLayout(r,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:b,cx:o,cy:s,r0:c,r:y?NaN:l});return}if(y!=="area"){i=g===0&&x?m:t*m}else{i=C/p}if(i<d){i=d;k-=d}else{z+=t}var a=A+S*i;var n=0;var u=0;if(v>i){n=A+S*i/2;u=n}else{n=A+M;u=a-M}e.setItemLayout(r,{angle:i,startAngle:n,endAngle:u,clockwise:b,cx:o,cy:s,r0:c,r:y?zt(t,w,[c,l]):l});A=a}));if(k<gr&&p){if(k<=.001){var D=C/p;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);i.angle=D;var a=0;var n=0;if(D<v){a=u+S*(r+1/2)*D;n=a}else{a=u+S*r*D+M;n=u+S*(r+1)*D-M}i.startAngle=a;i.endAngle=n}}))}else{m=k/z;A=u;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);var a=i.angle===d?d:t*m;var n=0;var o=0;if(a<v){n=A+S*a/2;o=n}else{n=A+M;o=A+S*a-M}i.startAngle=n;i.endAngle=o;A+=S*a}}))}}}))}var wr=At();function Sr(t){return{seriesType:t,reset:function(t,e){var r=e.findComponents({mainType:"legend"});if(!r||!r.length){return}var i=t.getData();i.filterSelf((function(t){var e=i.getName(t);for(var a=0;a<r.length;a++){if(!r[a].isSelected(e)){return false}}return true}))}}}var Ir=Math.PI/180;function Mr(t,e,r,i,a,n,o,s,l,c){if(t.length<2){return}function u(t){var n=t.rB;var o=n*n;for(var s=0;s<t.list.length;s++){var l=t.list[s];var c=Math.abs(l.label.y-r);var u=i+l.len;var h=u*u;var v=Math.sqrt((1-Math.abs(c*c/o))*h);var f=e+(v+l.len2)*a;var d=f-l.label.x;var p=l.targetTextWidth-d*a;Cr(l,p,true);l.label.x=f}}function h(t){var n={list:[],maxY:0};var o={list:[],maxY:0};for(var s=0;s<t.length;s++){if(t[s].labelAlignTo!=="none"){continue}var l=t[s];var c=l.label.y>r?o:n;var h=Math.abs(l.label.y-r);if(h>=c.maxY){var v=l.label.x-e-l.len2*a;var f=i+l.len;var d=Math.abs(v)<f?Math.sqrt(h*h/(1-v*v/f/f)):f;c.rB=d;c.maxY=h}c.list.push(l)}u(n);u(o)}var v=t.length;for(var f=0;f<v;f++){if(t[f].position==="outer"&&t[f].labelAlignTo==="labelLine"){var d=t[f].label.x-c;t[f].linePoints[1][0]+=d;t[f].label.x=c}}if(Nt(t,l,l+o)){h(t)}}function Tr(t,e,r,i,a,n,o,s){var l=[];var c=[];var u=Number.MAX_VALUE;var h=-Number.MAX_VALUE;for(var v=0;v<t.length;v++){var f=t[v].label;if(kr(t[v])){continue}if(f.x<e){u=Math.min(u,f.x);l.push(t[v])}else{h=Math.max(h,f.x);c.push(t[v])}}for(var v=0;v<t.length;v++){var d=t[v];if(!kr(d)&&d.linePoints){if(d.labelStyleWidth!=null){continue}var f=d.label;var p=d.linePoints;var g=void 0;if(d.labelAlignTo==="edge"){if(f.x<e){g=p[2][0]-d.labelDistance-o-d.edgeDistance}else{g=o+a-d.edgeDistance-p[2][0]-d.labelDistance}}else if(d.labelAlignTo==="labelLine"){if(f.x<e){g=u-o-d.bleedMargin}else{g=o+a-h-d.bleedMargin}}else{if(f.x<e){g=f.x-o-d.bleedMargin}else{g=o+a-f.x-d.bleedMargin}}d.targetTextWidth=g;Cr(d,g)}}Mr(c,e,r,i,1,a,n,o,s,h);Mr(l,e,r,i,-1,a,n,o,s,u);for(var v=0;v<t.length;v++){var d=t[v];if(!kr(d)&&d.linePoints){var f=d.label;var p=d.linePoints;var m=d.labelAlignTo==="edge";var b=f.style.padding;var y=b?b[1]+b[3]:0;var x=f.style.backgroundColor?0:y;var w=d.rect.width+x;var S=p[1][0]-p[2][0];if(m){if(f.x<e){p[2][0]=o+d.edgeDistance+w+d.labelDistance}else{p[2][0]=o+a-d.edgeDistance-w-d.labelDistance}}else{if(f.x<e){p[2][0]=f.x+d.labelDistance}else{p[2][0]=f.x-d.labelDistance}p[1][0]=p[2][0]+S}p[1][1]=p[2][1]=f.y}}}function Cr(t,e,r){if(r===void 0){r=false}if(t.labelStyleWidth!=null){return}var i=t.label;var a=i.style;var n=t.rect;var o=a.backgroundColor;var s=a.padding;var l=s?s[1]+s[3]:0;var c=a.overflow;var u=n.width+(o?0:l);if(e<u||r){var h=n.height;if(c&&c.match("break")){i.setStyle("backgroundColor",null);i.setStyle("width",e-l);var v=i.getBoundingRect();i.setStyle("width",Math.ceil(v.width));i.setStyle("backgroundColor",o)}else{var f=e-l;var d=e<u?f:r?f>t.unconstrainedWidth?null:f:null;i.setStyle("width",d)}var p=i.getBoundingRect();n.width=p.width;var g=(i.style.margin||0)+2.1;n.height=p.height+g;n.y-=(n.height-h)/2}}function kr(t){return t.position==="center"}function zr(t){var e=t.getData();var r=[];var i;var a;var n=false;var o=(t.get("minShowLabelAngle")||0)*Ir;var s=e.getLayout("viewRect");var l=e.getLayout("r");var c=s.width;var u=s.x;var h=s.y;var v=s.height;function f(t){t.ignore=true}function d(t){if(!t.ignore){return true}for(var e in t.states){if(t.states[e].ignore===false){return true}}return false}e.each((function(t){var s=e.getItemGraphicEl(t);var h=s.shape;var v=s.getTextContent();var p=s.getTextGuideLine();var g=e.getItemModel(t);var m=g.getModel("label");var b=m.get("position")||g.get(["emphasis","label","position"]);var y=m.get("distanceToLabelLine");var w=m.get("alignTo");var S=K(m.get("edgeDistance"),c);var I=m.get("bleedMargin");var M=g.getModel("labelLine");var T=M.get("length");T=K(T,c);var C=M.get("length2");C=K(C,c);if(Math.abs(h.endAngle-h.startAngle)<o){x(v.states,f);v.ignore=true;if(p){x(p.states,f);p.ignore=true}return}if(!d(v)){return}var k=(h.startAngle+h.endAngle)/2;var z=Math.cos(k);var A=Math.sin(k);var D;var N;var L;var O;i=h.cx;a=h.cy;var B=b==="inside"||b==="inner";if(b==="center"){D=h.cx;N=h.cy;O="center"}else{var R=(B?(h.r+h.r0)/2*z:h.r*z)+i;var U=(B?(h.r+h.r0)/2*A:h.r*A)+a;D=R+z*3;N=U+A*3;if(!B){var P=R+z*(T+l-h.r);var W=U+A*(T+l-h.r);var F=P+(z<0?-1:1)*C;var Y=W;if(w==="edge"){D=z<0?u+S:u+c-S}else{D=F+(z<0?-y:y)}N=Y;L=[[R,U],[P,W],[F,Y]]}O=B?"center":w==="edge"?z>0?"right":"left":z>0?"left":"right"}var G=Math.PI;var j=0;var H=m.get("rotate");if(lt(H)){j=H*(G/180)}else if(b==="center"){j=0}else if(H==="radial"||H===true){var X=z<0?-k+G:-k;j=X}else if(H==="tangential"&&b!=="outside"&&b!=="outer"){var E=Math.atan2(z,A);if(E<0){E=G*2+E}var _=A>0;if(_){E=G+E}j=E-G}n=!!j;v.x=D;v.y=N;v.rotation=j;v.setStyle({verticalAlign:"middle"});if(!B){var q=v.getBoundingRect().clone();q.applyTransform(v.getComputedTransform());var $=(v.style.margin||0)+2.1;q.y-=$/2;q.height+=$;r.push({label:v,labelLine:p,position:b,len:T,len2:C,minTurnAngle:M.get("minTurnAngle"),maxSurfaceAngle:M.get("maxSurfaceAngle"),surfaceNormal:new Dt(z,A),linePoints:L,textAlign:O,labelDistance:y,labelAlignTo:w,edgeDistance:S,bleedMargin:I,rect:q,unconstrainedWidth:q.width,labelStyleWidth:v.style.width})}else{v.setStyle({align:O});var J=v.states.select;if(J){J.x+=v.x;J.y+=v.y}}s.setTextConfig({inside:B})}));if(!n&&t.get("avoidLabelOverlap")){Tr(r,i,a,l,c,v,u,h)}for(var p=0;p<r.length;p++){var g=r[p];var m=g.label;var b=g.labelLine;var y=isNaN(m.x)||isNaN(m.y);if(m){m.setStyle({align:g.textAlign});if(y){x(m.states,f);m.ignore=true}var w=m.states.select;if(w){w.x+=m.x;w.y+=m.y}}if(b){var S=g.linePoints;if(y||!S){x(b.states,f);b.ignore=true}else{Vt(S,g.minTurnAngle);Qt(S,g.surfaceNormal,g.maxSurfaceAngle);b.setShape({points:S});m.__hostTarget.textGuideLineConfig={anchor:new Dt(S[0][0],S[0][1])}}}}}var Ar=function(t){u(e,t);function e(e,r,i){var a=t.call(this)||this;a.z2=2;var n=new k;a.setTextContent(n);a.updateData(e,r,i,true);return a}e.prototype.updateData=function(t,e,r,i){var a=this;var n=t.hostModel;var o=t.getItemModel(e);var s=o.getModel("emphasis");var l=t.getItemLayout(e);var c=G(te(o.getModel("itemStyle"),l,true),l);if(isNaN(c.startAngle)){a.setShape(c);return}if(i){a.setShape(c);var u=n.getShallow("animationType");if(n.ecModel.ssr){Lt(a,{scaleX:0,scaleY:0},n,{dataIndex:e,isFrom:true});a.originX=c.cx;a.originY=c.cy}else if(u==="scale"){a.shape.r=l.r0;Lt(a,{shape:{r:l.r}},n,e)}else{if(r!=null){a.setShape({startAngle:r,endAngle:r});Lt(a,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},n,e)}else{a.shape.endAngle=l.startAngle;Ct(a,{shape:{endAngle:l.endAngle}},n,e)}}}else{Ot(a);Ct(a,{shape:c},n,e)}a.useStyle(t.getItemVisual(e,"style"));Bt(a,o);var h=(l.startAngle+l.endAngle)/2;var v=n.get("selectedOffset");var f=Math.cos(h)*v;var d=Math.sin(h)*v;var p=o.getShallow("cursor");p&&a.attr("cursor",p);this._updateLabel(n,t,e);a.ensureState("emphasis").shape=G({r:l.r+(s.get("scale")?s.get("scaleSize")||0:0)},te(s.getModel("itemStyle"),l));G(a.ensureState("select"),{x:f,y:d,shape:te(o.getModel(["select","itemStyle"]),l)});G(a.ensureState("blur"),{shape:te(o.getModel(["blur","itemStyle"]),l)});var g=a.getTextGuideLine();var m=a.getTextContent();g&&G(g.ensureState("select"),{x:f,y:d});G(m.ensureState("select"),{x:f,y:d});Rt(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))};e.prototype._updateLabel=function(t,e,r){var i=this;var a=e.getItemModel(r);var n=a.getModel("labelLine");var o=e.getItemVisual(r,"style");var s=o&&o.fill;var l=o&&o.opacity;vt(i,Ut(a),{labelFetcher:e.hostModel,labelDataIndex:r,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(r,"normal")||e.getName(r)});var c=i.getTextContent();i.setTextConfig({position:null,rotation:null});c.attr({z2:10});var u=t.get(["label","position"]);if(u!=="outside"&&u!=="outer"){i.removeTextGuideLine()}else{var h=this.getTextGuideLine();if(!h){h=new Pt;this.setTextGuideLine(h)}ee(this,re(a),{stroke:s,opacity:Wt(n.get(["lineStyle","opacity"]),l,1)})}};return e}(Ft);var Dr=function(t){u(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.ignoreLabelLineUpdate=true;return e}e.prototype.render=function(t,e,r,i){var a=t.getData();var n=this._data;var o=this.group;var s;if(!n&&a.count()>0){var l=a.getItemLayout(0);for(var c=1;isNaN(l&&l.startAngle)&&c<a.count();++c){l=a.getItemLayout(c)}if(l){s=l.startAngle}}if(this._emptyCircleSector){o.remove(this._emptyCircleSector)}if(a.count()===0&&t.get("showEmptyCircle")){var u=wr(t);var h=new Ft({shape:G(yr(t,r),u)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle());this._emptyCircleSector=h;o.add(h)}a.diff(n).add((function(t){var e=new Ar(a,t,s);a.setItemGraphicEl(t,e);o.add(e)})).update((function(t,e){var r=n.getItemGraphicEl(e);r.updateData(a,t,s);r.off("click");o.add(r);a.setItemGraphicEl(t,r)})).remove((function(e){var r=n.getItemGraphicEl(e);Yt(r,t,e)})).execute();zr(t);if(t.get("animationTypeUpdate")!=="expansion"){this._data=a}};e.prototype.dispose=function(){};e.prototype.containPoint=function(t,e){var r=e.getData();var i=r.getItemLayout(0);if(i){var a=t[0]-i.cx;var n=t[1]-i.cy;var o=Math.sqrt(a*a+n*n);return o<=i.r&&o>=i.r0}};e.type="pie";return e}(Gt);const Nr=Dr;function Lr(t,e,r){e=y(e)&&{coordDimensions:e}||G({encodeDefine:t.getEncode()},e);var i=t.getSource();var a=jt(i,e).dimensions;var n=new Ht(a,t);n.initData(i,r);return n}var Or=function(){function t(t,e){this._getDataWithEncodedVisual=t;this._getRawData=e}t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)};t.prototype.containName=function(t){var e=this._getRawData();return e.indexOfName(t)>=0};t.prototype.indexOfName=function(t){var e=this._getDataWithEncodedVisual();return e.indexOfName(t)};t.prototype.getItemVisual=function(t,e){var r=this._getDataWithEncodedVisual();return r.getItemVisual(t,e)};return t}();const Br=Or;var Rr=At();var Ur=function(t){u(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}e.prototype.init=function(e){t.prototype.init.apply(this,arguments);this.legendVisualProvider=new Br(w(this.getData,this),w(this.getRawData,this));this._defaultLabelLine(e)};e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)};e.prototype.getInitialData=function(){return Lr(this,{coordDimensions:["value"],encodeDefaulter:yt(Xt,this)})};e.prototype.getDataParams=function(e){var r=this.getData();var i=Rr(r);var a=i.seats;if(!a){var n=[];r.each(r.mapDimension("value"),(function(t){n.push(t)}));a=i.seats=Et(n,r.hostModel.get("percentPrecision"))}var o=t.prototype.getDataParams.call(this,e);o.percent=a[e]||0;o.$vars.push("percent");return o};e.prototype._defaultLabelLine=function(t){_t(t,"labelLine",["show"]);var e=t.labelLine;var r=t.emphasis.labelLine;e.show=e.show&&t.label.show;r.show=r.show&&t.emphasis.label.show};e.type="series.pie";e.defaultOption={z:2,legendHoverLink:true,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:true,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:true,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:true,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:true,length:15,length2:15,smooth:false,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:true,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:true},emphasis:{scale:true,scaleSize:5},avoidLabelOverlap:true,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"};return e}(Kt);const Pr=Ur;function Wr(t){return{seriesType:t,reset:function(t,e){var r=t.getData();r.filterSelf((function(t){var e=r.mapDimension("value");var i=r.get(e,t);if(lt(i)&&!isNaN(i)&&i<0){return false}return true}))}}}function Fr(t){t.registerChartView(Nr);t.registerSeriesModel(Pr);qt("pie",t.registerAction);t.registerLayout(yt(xr,"pie"));t.registerProcessor(Sr("pie"));t.registerProcessor(Wr("pie"))}const Yr="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:focus{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";const Gr=Yr;tt([Ye,pr,Fr,$t,Jt,ie]);const jr=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.click=e(this,"click",7);this.defaultRecord={id:null,value:null,name:null};this.onClickElsewhere=t=>{t.stopPropagation();this.clearSelection()};this.onButtonKeyDown=t=>{const{selectedId:e,data:r}=this;let i=this.getIndexById(e)||0;switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"ArrowLeft":t.preventDefault();i--;if(i<0)i=r.length-1;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"ArrowRight":t.preventDefault();i++;if(i>r.length-1)i=0;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"Escape":this.clearSelection();break;case" ":t.preventDefault();break;default:return}};this.onButtonClick=t=>{t.stopPropagation();const{selectedId:e}=this;const r=e?this.getDataById(e):Object.assign({},this.defaultRecord);this.click.emit(r)};this.onContainerClick=t=>{if(this.isInChangeEvent)return;if(!(t.target instanceof HTMLElement))return;this.clearSelection();t.stopPropagation()};this.onLegendClick=t=>{if(t.detail){const e=this.getDataIndexForId(t.detail.id);this.selectedId=t.detail.id;this.chart.dispatchAction({type:"select",seriesIndex:0,dataIndex:e})}else{const t=this.getDataIndexForId(this.selectedId);this.hoveredId=this.selectedId;this.selectedId=null;this.chart.dispatchAction({type:"unselect",seriesIndex:0,dataIndex:t})}};this.onLegendMouseleave=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=this.selectedId;this.chart.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:e})};this.onLegendMouseenter=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=t.detail.id;this.chart.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e})};this.data=[];this.chartName=undefined;this.format=undefined;this.hoverScaleSize=5;this.isClickable=undefined;this.innerRadius="70%";this.minSliceSize="2.5%";this.outerRadius="85%";this.selectedId=undefined;this.selectedOffset=10;this.showLegend=false;this.summaryIcon=undefined;this.summaryName=undefined;this.hoveredId=undefined;this.legendData=undefined}componentDidLoad(){const t=Zt(this.chartContainer);this.cacheComputedStyles();this.colors=this.getColors();this.resizeObserver=new ResizeObserver((()=>this.resizeChart()));this.resizeObserver.observe(this.hostElement);this.updateChart(t);this.setupChartEvents(t);this.checkSelectedId();this.chart=t;this.setLegendData();this.selectById(this.selectedId);a(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}get centerData(){const{hoveredId:t,data:e}=this;const r=t;const i=this.getIndexById(r);return r?Object.assign(Object.assign({},this.getDataById(r)),{color:this.colors[i]}):{name:n(this.summaryName||"tecton.element.chartDonut.button.summaryName"),icon:this.summaryIcon,value:e.reduce(((t,e)=>t+e.value),0),color:null}}get isMobile(){return o()}get legendHoveredId(){return this.hoveredId===this.selectedId?null:this.hoveredId}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}displayValue(t){const e=parseFloat(t.toString());if(isNaN(e))return;if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}else{return Intl.NumberFormat("en-US").format(e)}}getCSSProperty(t){let e;if(t.startsWith("var(")&&t.endsWith(")")){const r=/var\((.*)\)/g;const i=r.exec(t);const a=i.length>=2?i[1].split(","):[];t=a[0];e=a[1]}let r=this.chartContainerStyles.getPropertyValue(t).trim();if(!r)r=this.hostElementStyles.getPropertyValue(t).trim();return r||e}getIndexById(t){return this.data.findIndex((e=>e.id===t))}getDataByIndex(t){if(typeof t!=="number")return;return this.data[t]}getDataById(t){if(!t)return;return this.data.find((e=>e.id===t))}getColors(){const t=["--comp-color-1","--comp-color-2","--comp-color-3","--comp-color-4","--comp-color-5","--comp-color-6","--comp-color-7","--comp-color-8","--comp-color-9","--comp-color-10","--comp-color-11","--comp-color-12"];return this.data.reduce(((e,r)=>{let i=t.shift();if(r.color)i=r.color;e.push(this.getCSSProperty(i)||i);return e}),[])}getMinSliceSizeAsAngle(){return parseFloat(this.minSliceSize)/100*360}getDataIndexForId(t){return this.data.findIndex((e=>e.id===t))}setLegendData(){const t=this.chart.getOption().series[0].color;this.legendData=this.data.map(((e,r)=>{if(!e.color)e.color=t[r];return e}))}setupChartEvents(t){if(!this.isMobile){t.on("mouseover",(t=>{this.hoveredId=t.data.id}));t.on("mouseout",(()=>{this.hoveredId=this.selectedId}))}t.on("click",(t=>{t.event.stop()}));t.on("selectchanged",(t=>{var e,r,i,a;const n=(a=(i=(r=(e=t.selected)===null||e===void 0?void 0:e[0])===null||r===void 0?void 0:r.dataIndex)===null||i===void 0?void 0:i[0])!==null&&a!==void 0?a:null;const o=typeof n==="number"?this.getDataByIndex(n):Object.assign({},this.defaultRecord);this.selectedId=o.id;this.isInChangeEvent=true;this.change.emit(o);setTimeout((()=>{this.isInChangeEvent=false}),0)}));t.on("finished",(()=>{var e;const r=t.getDom().querySelector("canvas");if((e=r===null||r===void 0?void 0:r.hasAttribute("aria-hidden"))!==null&&e!==void 0?e:false)return;r.setAttribute("aria-hidden","true")}))}updateChart(t){return t.setOption({tooltip:{show:false},legend:{show:false},aria:{enabled:true},series:[{name:this.chartName,animationType:"scale",color:this.colors,id:"pie",type:"pie",selectedOffset:this.selectedOffset,selectedMode:"single",radius:[this.innerRadius,this.outerRadius],label:{show:false},labelLine:{show:false},itemStyle:{borderWidth:5,borderColor:this.getCSSProperty("--comp-background-color")},emphasis:{disabled:this.isMobile,scaleSize:this.hoverScaleSize,itemStyle:{color:"inherit"}},minAngle:this.getMinSliceSizeAsAngle(),data:this.data}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}dataUpdated(){this.colors=this.getColors();this.updateChart(this.chart)}innerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(r>=i){this.innerRadius=`${i-15}%`}}outerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(i<=r){this.outerRadius=`${r+15}%`}}checkSelectedId(){if(!!this.selectedId){this.hoveredId=this.selectedId;if(this.chart){this.selectById(this.selectedId)}}else{if(this.chart){this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(this.hoveredId)})}this.hoveredId=null}}delegateFocus(t){var e;if(!s(t,this.hostElement))return;if(!this.isClickable)return;(e=this.centerButtonElement)===null||e===void 0?void 0:e.focus()}async selectById(t){const e=this.getIndexById(t);if(e===-1)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async selectByIndex(t){const e=this.data[t]?t:null;if(!e)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async clearSelection(){const{selectedId:t}=this;if(!t)return;this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(t)})}async getChartOptions(){return this.chart.getOption()}renderCenterBlock(){const{icon:t,name:e,value:i,color:a}=this.centerData;const{isClickable:o}=this;const s=o?"button":"div";const l=this.displayValue(i);const c=o?{onKeyDown:this.onButtonKeyDown,onClick:this.onButtonClick,ref:t=>this.centerButtonElement=t,"aria-describedby":"center-card-description","aria-roledescription":n("tecton.element.chartDonut.button.roleDescription")}:null;return r("div",{class:"center-card-container",style:{width:`calc(${this.innerRadius} - 10%)`}},r("div",{id:"center-card-description",class:"sr"},n("tecton.element.chartDonut.button.description")),r(s,Object.assign({class:"center-card","test-id":"centerCard"},c),!!t&&r("q2-icon",{type:t,style:a&&{"--tct-icon-stroke-primary":a,"--tct-icon-stroke-secondary":a,color:a}}),!!e&&r("div",{class:"name"},e),!!i&&r("div",{class:"value"},l)))}render(){return r("click-elsewhere",{key:"fe9b4ba472076ecd92381990e3a92930edf14888",onChange:this.onClickElsewhere},r("figure",{key:"8755fa2976da39a7a8c4ce2fe13ca04191942e9c"},r("div",{key:"84e1198bce7f609546efe37cb506fe77e087feb1",class:"container"},r("div",{key:"9dbcff19f30ca7e5ac4d818e801f63b2c3674117",ref:t=>this.chartContainer=t,"aria-describedby":!this.isClickable?"center-card-description":undefined,class:"chart-container",role:"img","test-id":"chartContainer",onClick:this.onContainerClick,tabIndex:!this.isClickable?0:undefined,onKeyDown:!this.isClickable?this.onButtonKeyDown:undefined}),this.renderCenterBlock()),this.showLegend&&r("figcaption",{key:"ae47c89d19314470c25394cddeeb284e4431f490"},r("q2-legend",{key:"85cca395c371302d7dbca7b93f777fee6908b6fc",class:"legend",data:this.legendData,format:this.format,hoveredItemId:this.legendHoveredId,onClick:this.onLegendClick,onMouseleave:this.onLegendMouseleave,onMouseenter:this.onLegendMouseenter,selectedItemId:this.selectedId}))))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],innerRadius:["propsUpdates","innerRadiusUpdated"],outerRadius:["propsUpdates","outerRadiusUpdated"],minSliceSize:["propsUpdates"],hoverScaleSize:["propsUpdates"],selectedOffset:["propsUpdates"],data:["dataUpdated"],selectedId:["checkSelectedId"]}}};jr.style=Gr;export{jr as q2_chart_donut};
+//# sourceMappingURL=p-0097a699.entry.js.map

package/dist/q2-tecton-elements/p-0d8de2f9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,F as i,g as n}from"./p-a5f18e27.js";import{w as s,a as o,h as r,i as d,o as h,l as a}from"./p-34eff2c8.js";const l="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const c=l;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.focusToggle=()=>{this.controlElement.shadowRoot.querySelector("button").focus()};this.openDropdown=()=>{if(this.open)return;this.open=true};this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onToggleClick=()=>{this.popoverElement.controlElement=this.controlElement;if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=t=>{this.popoverElement.controlElement=this.controlElement;if(["ArrowUp","Up"].includes(t.key)){t.preventDefault();this.openDropdown();this.focusLastItem();return}if(["ArrowDown","Down"].includes(t.key)){t.preventDefault();this.openDropdown();this.focusFirstItem();return}if(["Escape","Esc"].includes(t.key)){t.preventDefault();this.focusToggle();this.closeDropdown();return}};this.onDropdownMenuClick=async t=>{if(t.target.localName!=="q2-dropdown-item"){return}const e=t.target;if(!e.disabled&&!e.separator){this.closeDropdown();await s();this.focusToggle()}};this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key)){this.closeDropdown();this.focusToggle();return}if(t.target.localName!=="q2-dropdown-item"){return}const e=t.target;if(["ArrowUp","Up"].includes(t.key)){t.preventDefault();this.focusAdjacentItem(e,"prev");return}if(["ArrowDown","Down"].includes(t.key)){t.preventDefault();this.focusAdjacentItem(e,"next");return}if(t.key==="Tab"){t.preventDefault()}};this.additionalContext=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popoverDirection=undefined;this.popoverAlignment="left";this.popoverMode=null;this.popoverMinHeight=150;this.resolvedType=undefined;this.type="icon";this.alignment=undefined;this.popDirection=undefined;this.ariaLabel=undefined}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}orchestrateResolvedMenuItems(){if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=function(){var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.navigateTo)===null||n===void 0?void 0:n.call(e,t.featureName,t.moduleName,i)};break;case"showOverpanel":e=function(){var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.showOverpanel)===null||n===void 0?void 0:n.call(e,`${t.featureName}.${t.moduleName}`,i,undefined,true)};break}const n=document.createElement("q2-dropdown-item");n.setAttribute("value",t.itemLabel);n.classList.add("resolved-menu-item");n.innerHTML=t.itemLabel;n.onclick=e;return n}))))}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const n=i==="icon";const s=i==="fab";const o=i==="custom";let r;if(t.includes(i)){r=i==="neutral"?i:`workflow-${i}`}const d=this.open;const h=!!this.disabled;const a=this.open;const l=!n&&!s&&!r?"unstyled":"";return{icon:n,fab:s,intent:r,active:d,disabled:h,ariaExpanded:a,className:l,custom:o}}popDirectionHandler(){o(this,"popDirection","popoverDirection")}alignmentHandler(){o(this,"alignment","popoverAlignment")}ariaLabelHandler(){r(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}additionalContextHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){if(!d(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null||e===void 0?void 0:e.scrollContainerTo({top:0})}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();h(this.hostElement)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const n=i.indexOf(t);if(n===-1){return}let s=0;if(e==="next"){s=n<i.length-1?n+1:0}else if(e==="prev"){if(n>0){s=n-1}else{s=i.length-1}}const o=i[s];o&&o.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"8c9ac0d0aaf793a2590255d9e72baeb22f3c0ee2",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"f9bab68f077b4022602d14117ec1517d42b18355",ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?a(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:a("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomButton?e("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},e("slot",{name:"custom-dropdown-button"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},a(this.label)))),e("q2-popover",{key:"8abb05b1bd880ec162822429151bc945e82f8110",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode||undefined,block:this.block},e("div",{key:"3e878b84fa9c417c49c754d45e269f148e78b245",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown,role:"menu","aria-label":a(this.label)||undefined},e("slot",{key:"f294c6468200cd6f089068a45dca6373f75558d4"})),this.open&&e("q2-btn",{key:"7443ef843ed355b9a9053a44c8b264fe2e5919e3",class:"sr close-dropdown",onFocus:this.closeDropdown})))}get hostElement(){return n(this)}static get watchers(){return{popDirection:["popDirectionHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"],additionalContext:["additionalContextHandler"]}}};u.style=c;export{u as q2_dropdown};
+//# sourceMappingURL=p-0d8de2f9.entry.js.map

package/dist/q2-tecton-elements/{p-e9e66809.entry.js.map → p-0d8de2f9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","focusToggle","controlElement","shadowRoot","querySelector","focus","openDropdown","open","closeDropdown","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onToggleClick","onToggleKeydown","includes","key","preventDefault","focusLastItem","focusFirstItem","onDropdownMenuClick","async","item","disabled","separator","waitForNextPaint","onDropdownMenuKeydown","focusAdjacentItem","resolveMenu","name","window","TectonElements","contextValue","resolvedType","additionalContext","orchestrateResolvedMenuItems","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","hostElement","appendChild","catch","err","resolvedElements","querySelectorAll","removeChild","datas","map","menuItemData","onClickFn","queryParams","contextIdParamName","action","_b","_a","navigateTo","call","featureName","moduleName","showOverpanel","undefined","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","innerHTML","onclick","hasCustomButton","determineDropdownItemCount","length","toggleButtonProps","allowedIntents","allowedTypes","type","icon","fab","custom","intent","active","ariaExpanded","className","popDirectionHandler","handleRenamedProp","alignmentHandler","ariaLabelHandler","handleAriaLabel","nameHandler","contextHandler","contextValueHandler","resolvedTypeHandler","additionalContextHandler","delegateFocus","isEventFromElement","popoverStateHandler","detail","scrollContainerTo","top","componentWillLoad","componentDidLoad","overrideFocus","firstItem","dispatchEvent","FocusEvent","lastItem","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role","onFocus"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-flex;\n}\n\n:host([block]) {\n    display: block;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-popover {\n    --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport {\n    handleAriaLabel,\n    handleRenamedProp,\n    isEventFromElement,\n    loc,\n    overrideFocus,\n    waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n    @Prop({ reflect: true }) additionalContext: string;\n\n    /** If `true`, component expands to fill the width of its parent element. */\n    @Prop({ reflect: true }) block: boolean;\n\n    /**\n     * Tells the outlet what the type of object being passed in as contextValue.\n     * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) context: string;\n\n    /**\n     * Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) contextValue: string;\n\n    /** Indicates the menu cannot be focused or interacted with. */\n    @Prop({ reflect: true }) disabled: boolean;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /** The icon that will render within the toggle button. You may use any of the `q2-icon` types. */\n    @Prop({ reflect: true }) icon: string;\n\n    /**\n     * The text that appears within the button.\n     * @warning\n     * This property should not be used if the `type` is `icon`.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /**\n     * Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) name: string;\n\n    /** Determine whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true }) open: boolean;\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true }) popoverDirection: 'up' | 'down';\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true }) popoverAlignment: 'left' | 'right' = 'left'; // being used in dropdown.scss\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true }) popoverMode: 'legacy' = null;\n\n    /** @deprecated */\n    @Prop() popoverMinHeight: number = 150;\n\n    /**\n     * Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) resolvedType: string;\n\n    /** The type of button used as the menu toggle. */\n    @Prop({ reflect: true }) type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral' = 'icon';\n\n    /** @deprecated */\n    @Prop({ reflect: true }) alignment: 'left' | 'right';\n\n    /** @deprecated */\n    @Prop({ reflect: true }) popDirection: 'up' | 'down';\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n    @Element() hostElement: HTMLElement;\n    privatePopDirection: 'down' | 'up';\n    controlElement?: HTMLQ2BtnElement;\n    popoverElement?: HTMLQ2PopoverElement;\n    dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n\n    resolveMenu() {\n        return (\n            this.name &&\n            window.TectonElements &&\n            window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n        );\n    }\n\n    orchestrateResolvedMenuItems() {\n        if (!this.name || !this.context) {\n            // this is only for contextual menu outlets\n            this.removeResolvedElements();\n            return;\n        }\n\n        this.resolveMenuItemElements()\n            .then(data => {\n                this.removeResolvedElements();\n                data.forEach(element => {\n                    this.hostElement.appendChild(element);\n                });\n            })\n            .catch(err => {\n                this.removeResolvedElements();\n                throw err;\n            });\n    }\n\n    removeResolvedElements() {\n        const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n        resolvedElements.forEach(element => this.hostElement.removeChild(element));\n    }\n\n    resolveMenuItemElements() {\n        return this.resolveMenu().then(datas => {\n            return datas.map(menuItemData => {\n                let onClickFn;\n                let queryParams;\n                if (menuItemData['tct-ctxid']) {\n                    queryParams = {};\n                    queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n                }\n\n                switch (menuItemData.action) {\n                    case 'navigateTo':\n                        onClickFn = function () {\n                            return window.TectonElements?.navigateTo?.(\n                                menuItemData.featureName,\n                                menuItemData.moduleName,\n                                queryParams\n                            );\n                        };\n\n                        break;\n                    case 'showOverpanel':\n                        onClickFn = function () {\n                            return window.TectonElements?.showOverpanel?.(\n                                `${menuItemData.featureName}.${menuItemData.moduleName}`,\n                                queryParams,\n                                undefined,\n                                true\n                            );\n                        };\n\n                        break;\n                }\n\n                const newDropdownItem = document.createElement('q2-dropdown-item');\n                newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n                newDropdownItem.classList.add('resolved-menu-item');\n                newDropdownItem.innerHTML = menuItemData.itemLabel;\n                newDropdownItem.onclick = onClickFn;\n\n                return newDropdownItem;\n            });\n        });\n    }\n\n    get hasCustomButton() {\n        return !!this.hostElement.querySelector('[slot=custom-dropdown-button]');\n    }\n\n    get determineDropdownItemCount() {\n        return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n    }\n\n    get toggleButtonProps() {\n        const allowedIntents = ['primary', 'secondary', 'neutral'];\n        const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n        const type = allowedTypes.includes(this.type) ? this.type : '';\n        const icon = type === 'icon';\n        const fab = type === 'fab';\n        const custom = type === 'custom';\n        let intent;\n        if (allowedIntents.includes(type)) {\n            intent = type === 'neutral' ? type : `workflow-${type}`;\n        }\n        const active = this.open;\n        const disabled = !!this.disabled;\n        const ariaExpanded = this.open;\n        const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n        return {\n            icon,\n            fab,\n            intent,\n            active,\n            disabled,\n            ariaExpanded,\n            className,\n            custom,\n        };\n    }\n\n    //////// Observers //////////\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('alignment')\n    alignmentHandler() {\n        handleRenamedProp(this, 'alignment', 'popoverAlignment');\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelHandler() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('name')\n    nameHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('context')\n    contextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('contextValue')\n    contextValueHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('resolvedType')\n    resolvedTypeHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('additionalContext')\n    additionalContextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.focusToggle();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        this.popoverElement?.scrollContainerTo({ top: 0 });\n    }\n\n    ///// Lifecycle Hooks ////////\n    componentWillLoad() {\n        this.popDirectionHandler();\n        this.alignmentHandler();\n        this.ariaLabelHandler();\n    }\n\n    componentDidLoad() {\n        this.orchestrateResolvedMenuItems();\n        overrideFocus(this.hostElement);\n    }\n\n    ///// Actions ////////\n    focusToggle = () => {\n        this.controlElement.shadowRoot.querySelector<HTMLButtonElement>('button').focus();\n    };\n\n    openDropdown = () => {\n        if (this.open) return;\n        this.open = true;\n    };\n\n    closeDropdown = () => {\n        if (!this.open) return;\n        this.open = false;\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    onToggleClick = () => {\n        if (this.open) {\n            this.closeDropdown();\n        } else {\n            this.openDropdown();\n        }\n    };\n\n    onToggleKeydown = (event: KeyboardEvent) => {\n        if (['ArrowUp', 'Up'].includes(event.key)) {\n            event.preventDefault();\n            this.openDropdown();\n            this.focusLastItem();\n            return;\n        }\n\n        if (['ArrowDown', 'Down'].includes(event.key)) {\n            event.preventDefault();\n            this.openDropdown();\n            this.focusFirstItem();\n            return;\n        }\n\n        if (['Escape', 'Esc'].includes(event.key)) {\n            event.preventDefault();\n            this.focusToggle();\n            this.closeDropdown();\n            return;\n        }\n    };\n\n    onDropdownMenuClick = async (event: MouseEvent | CustomEvent) => {\n        if ((event.target as HTMLElement).localName !== 'q2-dropdown-item') {\n            return;\n        }\n        const item = event.target as HTMLQ2DropdownItemElement;\n        if (!item.disabled && !item.separator) {\n            this.closeDropdown();\n            await waitForNextPaint();\n            this.focusToggle();\n        }\n    };\n\n    focusFirstItem() {\n        const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:first-child`\n        );\n\n        firstItem?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    focusLastItem() {\n        const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:last-child`\n        );\n        lastItem?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' | 'prev') {\n        const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n            this.hostElement.querySelectorAll(this.dropdownItemSelector)\n        );\n\n        const activeIndex = dropdownItems.indexOf(activeItem);\n\n        if (activeIndex === -1) {\n            return;\n        }\n\n        let targetIndex: number = 0;\n        if (direction === 'next') {\n            targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n        } else if (direction === 'prev') {\n            if (activeIndex > 0) {\n                targetIndex = activeIndex - 1;\n            } else {\n                targetIndex = dropdownItems.length - 1;\n            }\n        }\n        const targetItem = dropdownItems[targetIndex];\n        targetItem && targetItem.dispatchEvent(new Event('focus'));\n    }\n\n    onDropdownMenuKeydown = (event: KeyboardEvent) => {\n        if (['Escape', 'Esc'].includes(event.key)) {\n            this.closeDropdown();\n            this.focusToggle();\n            return;\n        }\n\n        if ((event.target as HTMLElement).localName !== 'q2-dropdown-item') {\n            return;\n        }\n\n        const item = event.target as HTMLQ2DropdownItemElement;\n        if (['ArrowUp', 'Up'].includes(event.key)) {\n            event.preventDefault();\n            this.focusAdjacentItem(item, 'prev');\n            return;\n        }\n\n        if (['ArrowDown', 'Down'].includes(event.key)) {\n            event.preventDefault();\n            this.focusAdjacentItem(item, 'next');\n            return;\n        }\n        if (event.key === 'Tab') {\n            event.preventDefault();\n        }\n    };\n\n    /// DOM ///\n\n    render() {\n        const btnProps = this.toggleButtonProps;\n\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : ''}\n                onChange={this.onClickElsewhere}\n                test-id=\"dropdownContainer\"\n            >\n                <q2-btn\n                    ref={el => (this.controlElement = el)}\n                    class={btnProps.className}\n                    onClick={this.onToggleClick}\n                    onKeyDown={this.onToggleKeydown}\n                    fab={btnProps.fab}\n                    intent={btnProps.intent}\n                    active={btnProps.active}\n                    disabled={btnProps.disabled}\n                    ariaExpanded={`${!!btnProps.ariaExpanded}`}\n                    label={this.hideLabel && this.label ? loc(this.label) : undefined}\n                    hideLabel={this.hideLabel}\n                    ariaHasPopup=\"menu\"\n                    test-id=\"dropdownButton\"\n                    block={this.block}\n                    description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n                >\n                    {this.hasCustomButton ? (\n                        <div\n                            test-id=\"dropdownCustom\"\n                            class={btnProps.custom ? '' : 'hidden'}\n                        >\n                            <slot name=\"custom-dropdown-button\" />\n                        </div>\n                    ) : (\n                        <Fragment>\n                            {this.icon ? <q2-icon type={this.icon} /> : ' '}\n                            {this.label && !this.hideLabel && (\n                                <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n                            )}\n                        </Fragment>\n                    )}\n                </q2-btn>\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    controlElement={this.controlElement}\n                    open={this.open}\n                    minHeight={this.popoverMinHeight}\n                    direction={this.popoverDirection}\n                    align={this.popoverAlignment}\n                    mode={this.popoverMode || undefined}\n                    block={this.block}\n                >\n                    <div\n                        onClick={this.onDropdownMenuClick}\n                        onKeyDown={this.onDropdownMenuKeydown}\n                        role=\"menu\"\n                        aria-label={loc(this.label) || undefined}\n                    >\n                        <slot />\n                    </div>\n                    {this.open && (\n                        <q2-btn\n                            class=\"sr close-dropdown\"\n                            onFocus={this.closeDropdown}\n                        />\n                    )}\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","focusToggle","controlElement","shadowRoot","querySelector","focus","openDropdown","open","closeDropdown","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onToggleClick","onToggleKeydown","includes","key","preventDefault","focusLastItem","focusFirstItem","onDropdownMenuClick","async","item","disabled","separator","waitForNextPaint","onDropdownMenuKeydown","focusAdjacentItem","resolveMenu","name","window","TectonElements","contextValue","resolvedType","additionalContext","orchestrateResolvedMenuItems","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","hostElement","appendChild","catch","err","resolvedElements","querySelectorAll","removeChild","datas","map","menuItemData","onClickFn","queryParams","contextIdParamName","action","_b","_a","navigateTo","call","featureName","moduleName","showOverpanel","undefined","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","innerHTML","onclick","hasCustomButton","determineDropdownItemCount","length","toggleButtonProps","allowedIntents","allowedTypes","type","icon","fab","custom","intent","active","ariaExpanded","className","popDirectionHandler","handleRenamedProp","alignmentHandler","ariaLabelHandler","handleAriaLabel","nameHandler","contextHandler","contextValueHandler","resolvedTypeHandler","additionalContextHandler","delegateFocus","isEventFromElement","popoverStateHandler","detail","scrollContainerTo","top","componentWillLoad","componentDidLoad","overrideFocus","firstItem","dispatchEvent","FocusEvent","lastItem","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role","onFocus"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-flex;\n}\n\n:host([block]) {\n    display: block;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-popover {\n    --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport {\n    handleAriaLabel,\n    handleRenamedProp,\n    isEventFromElement,\n    loc,\n    overrideFocus,\n    waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n    @Prop({ reflect: true }) additionalContext: string;\n\n    /** If `true`, component expands to fill the width of its parent element. */\n    @Prop({ reflect: true }) block: boolean;\n\n    /**\n     * Tells the outlet what the type of object being passed in as contextValue.\n     * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) context: string;\n\n    /**\n     * Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) contextValue: string;\n\n    /** Indicates the menu cannot be focused or interacted with. */\n    @Prop({ reflect: true }) disabled: boolean;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /** The icon that will render within the toggle button. You may use any of the `q2-icon` types. */\n    @Prop({ reflect: true }) icon: string;\n\n    /**\n     * The text that appears within the button.\n     * @warning\n     * This property should not be used if the `type` is `icon`.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /**\n     * Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) name: string;\n\n    /** Determine whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true }) open: boolean;\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true }) popoverDirection: 'up' | 'down';\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true }) popoverAlignment: 'left' | 'right' = 'left'; // being used in dropdown.scss\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true }) popoverMode: 'legacy' = null;\n\n    /** @deprecated */\n    @Prop() popoverMinHeight: number = 150;\n\n    /**\n     * Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true }) resolvedType: string;\n\n    /** The type of button used as the menu toggle. */\n    @Prop({ reflect: true }) type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral' = 'icon';\n\n    /** @deprecated */\n    @Prop({ reflect: true }) alignment: 'left' | 'right';\n\n    /** @deprecated */\n    @Prop({ reflect: true }) popDirection: 'up' | 'down';\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n    @Element() hostElement: HTMLElement;\n    privatePopDirection: 'down' | 'up';\n    controlElement?: HTMLQ2BtnElement;\n    popoverElement?: HTMLQ2PopoverElement;\n    dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n\n    resolveMenu() {\n        return (\n            this.name &&\n            window.TectonElements &&\n            window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n        );\n    }\n\n    orchestrateResolvedMenuItems() {\n        if (!this.name || !this.context) {\n            // this is only for contextual menu outlets\n            this.removeResolvedElements();\n            return;\n        }\n\n        this.resolveMenuItemElements()\n            .then(data => {\n                this.removeResolvedElements();\n                data.forEach(element => {\n                    this.hostElement.appendChild(element);\n                });\n            })\n            .catch(err => {\n                this.removeResolvedElements();\n                throw err;\n            });\n    }\n\n    removeResolvedElements() {\n        const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n        resolvedElements.forEach(element => this.hostElement.removeChild(element));\n    }\n\n    resolveMenuItemElements() {\n        return this.resolveMenu().then(datas => {\n            return datas.map(menuItemData => {\n                let onClickFn;\n                let queryParams;\n                if (menuItemData['tct-ctxid']) {\n                    queryParams = {};\n                    queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n                }\n\n                switch (menuItemData.action) {\n                    case 'navigateTo':\n                        onClickFn = function () {\n                            return window.TectonElements?.navigateTo?.(\n                                menuItemData.featureName,\n                                menuItemData.moduleName,\n                                queryParams\n                            );\n                        };\n\n                        break;\n                    case 'showOverpanel':\n                        onClickFn = function () {\n                            return window.TectonElements?.showOverpanel?.(\n                                `${menuItemData.featureName}.${menuItemData.moduleName}`,\n                                queryParams,\n                                undefined,\n                                true\n                            );\n                        };\n\n                        break;\n                }\n\n                const newDropdownItem = document.createElement('q2-dropdown-item');\n                newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n                newDropdownItem.classList.add('resolved-menu-item');\n                newDropdownItem.innerHTML = menuItemData.itemLabel;\n                newDropdownItem.onclick = onClickFn;\n\n                return newDropdownItem;\n            });\n        });\n    }\n\n    get hasCustomButton() {\n        return !!this.hostElement.querySelector('[slot=custom-dropdown-button]');\n    }\n\n    get determineDropdownItemCount() {\n        return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n    }\n\n    get toggleButtonProps() {\n        const allowedIntents = ['primary', 'secondary', 'neutral'];\n        const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n        const type = allowedTypes.includes(this.type) ? this.type : '';\n        const icon = type === 'icon';\n        const fab = type === 'fab';\n        const custom = type === 'custom';\n        let intent;\n        if (allowedIntents.includes(type)) {\n            intent = type === 'neutral' ? type : `workflow-${type}`;\n        }\n        const active = this.open;\n        const disabled = !!this.disabled;\n        const ariaExpanded = this.open;\n        const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n        return {\n            icon,\n            fab,\n            intent,\n            active,\n            disabled,\n            ariaExpanded,\n            className,\n            custom,\n        };\n    }\n\n    //////// Observers //////////\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('alignment')\n    alignmentHandler() {\n        handleRenamedProp(this, 'alignment', 'popoverAlignment');\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelHandler() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('name')\n    nameHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('context')\n    contextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('contextValue')\n    contextValueHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('resolvedType')\n    resolvedTypeHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('additionalContext')\n    additionalContextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.focusToggle();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        this.popoverElement?.scrollContainerTo({ top: 0 });\n    }\n\n    ///// Lifecycle Hooks ////////\n    componentWillLoad() {\n        this.popDirectionHandler();\n        this.alignmentHandler();\n        this.ariaLabelHandler();\n    }\n\n    componentDidLoad() {\n        this.orchestrateResolvedMenuItems();\n        overrideFocus(this.hostElement);\n    }\n\n    ///// Actions ////////\n    focusToggle = () => {\n        this.controlElement.shadowRoot.querySelector<HTMLButtonElement>('button').focus();\n    };\n\n    openDropdown = () => {\n        if (this.open) return;\n        this.open = true;\n    };\n\n    closeDropdown = () => {\n        if (!this.open) return;\n        this.open = false;\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    onToggleClick = () => {\n        this.popoverElement.controlElement = this.controlElement;\n        if (this.open) {\n            this.closeDropdown();\n        } else {\n            this.openDropdown();\n        }\n    };\n\n    onToggleKeydown = (event: KeyboardEvent) => {\n        this.popoverElement.controlElement = this.controlElement;\n        if (['ArrowUp', 'Up'].includes(event.key)) {\n            event.preventDefault();\n            this.openDropdown();\n            this.focusLastItem();\n            return;\n        }\n\n        if (['ArrowDown', 'Down'].includes(event.key)) {\n            event.preventDefault();\n            this.openDropdown();\n            this.focusFirstItem();\n            return;\n        }\n\n        if (['Escape', 'Esc'].includes(event.key)) {\n            event.preventDefault();\n            this.focusToggle();\n            this.closeDropdown();\n            return;\n        }\n    };\n\n    onDropdownMenuClick = async (event: MouseEvent | CustomEvent) => {\n        if ((event.target as HTMLElement).localName !== 'q2-dropdown-item') {\n            return;\n        }\n        const item = event.target as HTMLQ2DropdownItemElement;\n        if (!item.disabled && !item.separator) {\n            this.closeDropdown();\n            await waitForNextPaint();\n            this.focusToggle();\n        }\n    };\n\n    focusFirstItem() {\n        const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:first-child`\n        );\n\n        firstItem?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    focusLastItem() {\n        const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:last-child`\n        );\n        lastItem?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' | 'prev') {\n        const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n            this.hostElement.querySelectorAll(this.dropdownItemSelector)\n        );\n\n        const activeIndex = dropdownItems.indexOf(activeItem);\n\n        if (activeIndex === -1) {\n            return;\n        }\n\n        let targetIndex: number = 0;\n        if (direction === 'next') {\n            targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n        } else if (direction === 'prev') {\n            if (activeIndex > 0) {\n                targetIndex = activeIndex - 1;\n            } else {\n                targetIndex = dropdownItems.length - 1;\n            }\n        }\n        const targetItem = dropdownItems[targetIndex];\n        targetItem && targetItem.dispatchEvent(new Event('focus'));\n    }\n\n    onDropdownMenuKeydown = (event: KeyboardEvent) => {\n        if (['Escape', 'Esc'].includes(event.key)) {\n            this.closeDropdown();\n            this.focusToggle();\n            return;\n        }\n\n        if ((event.target as HTMLElement).localName !== 'q2-dropdown-item') {\n            return;\n        }\n\n        const item = event.target as HTMLQ2DropdownItemElement;\n        if (['ArrowUp', 'Up'].includes(event.key)) {\n            event.preventDefault();\n            this.focusAdjacentItem(item, 'prev');\n            return;\n        }\n\n        if (['ArrowDown', 'Down'].includes(event.key)) {\n            event.preventDefault();\n            this.focusAdjacentItem(item, 'next');\n            return;\n        }\n        if (event.key === 'Tab') {\n            event.preventDefault();\n        }\n    };\n\n    /// DOM ///\n\n    render() {\n        const btnProps = this.toggleButtonProps;\n\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : ''}\n                onChange={this.onClickElsewhere}\n                test-id=\"dropdownContainer\"\n            >\n                <q2-btn\n                    ref={el => (this.controlElement = el)}\n                    class={btnProps.className}\n                    onClick={this.onToggleClick}\n                    onKeyDown={this.onToggleKeydown}\n                    fab={btnProps.fab}\n                    intent={btnProps.intent}\n                    active={btnProps.active}\n                    disabled={btnProps.disabled}\n                    ariaExpanded={`${!!btnProps.ariaExpanded}`}\n                    label={this.hideLabel && this.label ? loc(this.label) : undefined}\n                    hideLabel={this.hideLabel}\n                    ariaHasPopup=\"menu\"\n                    test-id=\"dropdownButton\"\n                    block={this.block}\n                    description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n                >\n                    {this.hasCustomButton ? (\n                        <div\n                            test-id=\"dropdownCustom\"\n                            class={btnProps.custom ? '' : 'hidden'}\n                        >\n                            <slot name=\"custom-dropdown-button\" />\n                        </div>\n                    ) : (\n                        <Fragment>\n                            {this.icon ? <q2-icon type={this.icon} /> : ' '}\n                            {this.label && !this.hideLabel && (\n                                <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n                            )}\n                        </Fragment>\n                    )}\n                </q2-btn>\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    controlElement={this.controlElement}\n                    open={this.open}\n                    minHeight={this.popoverMinHeight}\n                    direction={this.popoverDirection}\n                    align={this.popoverAlignment}\n                    mode={this.popoverMode || undefined}\n                    block={this.block}\n                >\n                    <div\n                        onClick={this.onDropdownMenuClick}\n                        onKeyDown={this.onDropdownMenuKeydown}\n                        role=\"menu\"\n                        aria-label={loc(this.label) || undefined}\n                    >\n                        <slot />\n                    </div>\n                    {this.open && (\n                        <q2-btn\n                            class=\"sr close-dropdown\"\n                            onFocus={this.closeDropdown}\n                        />\n                    )}\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/{p-fce6bc58.entry.js → p-108f6df7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as e,F as i,g as r}from"./p-a5f18e27.js";import{c as o,l as n,i as s,o as c}from"./p-84190698.js";const l="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";const b=l;const d=class{constructor(e){t(this,e);this.change=a(this,"change",7);this.settled=a(this,"settled",7);this.guid=o();this.scheduledAfterRender=[];this.lastScrolled=new Date(null).getTime();this.updateTabData=()=>{this.updateTabPaneProps();this.setTabs()};this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue;t.guid=this.guid;t.index=a}))};this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a,badgeCount:e,badgeDescription:i,badgeTheme:r,badgeStatus:o})=>({label:t&&n(t)||"",value:a,badgeCount:e,badgeDescription:i,badgeTheme:r,badgeStatus:o})))};this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;const e=this.value===a;if(e)return;this.change.emit({value:a})};this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault();this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault();this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault();this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault();this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault();this.change.emit({value:a});break}};this.moveToAdjacentTab=(t,a)=>{const e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1;break}if(e===i)return;this.moveFocus(i,false)};this.moveFocus=(t,a=true)=>{const e=this.tabs[t].value;const i=this.listElement.querySelector(`[data-value="${e}"]`);i.focus({preventScroll:a});const r=i.offsetLeft-this.listElement.clientWidth/2;this.listElement.scrollTo({left:r,behavior:"smooth"});return i};this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e;this.showScrollLeft=t>0;this.showScrollRight=a>Math.ceil(t)+e};this.onScrollBtnClick=t=>{const{scrollLeft:a,scrollWidth:e,clientWidth:i}=this.listElement;const r=Math.floor(i/2);let o=0;if(t==="left"){o=-Math.min(r,Math.abs(a))}else{o=Math.min(r,Math.abs(e-a-i))}this.listElement.scrollBy({left:o,behavior:"smooth"})};this.onSlotChange=()=>{this.checkScrollState()};this.color=undefined;this.name=undefined;this.noPrint=false;this.type=undefined;this.value=undefined;this.hasLeft=false;this.hasRight=false;this.scrollEnabled=false;this.showScrollLeft=false;this.showScrollRight=false;this.tabs=undefined}resizeIframe(){var t,a;return(a=(t=window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||a===void 0?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");if(t.length===0){return[]}return Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}}onResize(){this.checkScrollState()}onFocus(t){if(!s(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}onBadge(){this.setTabs()}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t;this.resizeObserver=new ResizeObserver((()=>this.checkScrollState()));this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.settled.emit()}componentDidLoad(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.listElement);this.checkScrollState();c(this.hostElement);const a=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{const t=this.tabs.length>0;if(!t)return;const e=this.moveFocus(Math.max(a,0));this.value=e.dataset.value;e.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect();this.mutationObserver.disconnect();this.resizeObserver=null;this.mutationObserver=null}valueObserver(){this.updateTabData();this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));if(t>-1){this.scheduledAfterRender.push((()=>this.moveFocus(t,false)))}}nameObserver(){this.updateTabData()}render(){return e(i,{key:"09622574aaa5bca54c9b37398fb46edeb577cfc6"},e("div",{key:"c2e864d343919252f6b42f34cb413e13e3503cad",class:"tab-container"},this.scrollEnabled&&e(i,{key:"f4b70c0b8731ba26d3603d34f67d4064dedb406b"},e("div",{key:"57f8a4ea2334e6067be3264e5c0d7a96fc61f839",class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{key:"a00e6c0e2e927603924db4dfb8a1561425471138",class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{key:"e89500dd1bd69fb6d36cf84a5a29bd9388d7ced2",class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{key:"2b8216d238f83144f4169f156850a75d342e7533",type:"chevron-left",label:"scroll left"})),e("q2-btn",{key:"af48812b20977617efd714a864af725c9cac4a82",class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{key:"455339159c7c9b3254428e0bce20578c663a7264",type:"chevron-right",label:"scroll right"}))),e("ul",{key:"e4d34f7a48a6b616e75e0acc96ad7edf3f7c87a2",onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),e("div",{key:"1e2471c87e744f1e1f096d13749bce78c420a4fb",class:"tab-content"},e("slot",{key:"6694c82b4d54c05aca9796f94e4970a16e896398",onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t;const o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false",onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},t.badgeCount===undefined?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){let i;if(!t.badgeStatus&&a)i=t.badgeTheme||"primary";let r;if(t.badgeDescription)r=n(t.badgeDescription);else if(t.badgeStatus)r=n(`tecton.element.tab.pane.${t.badgeStatus}`,[t.badgeCount]);else r=n("tecton.element.tab.pane.new");return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${r}`},t.label,e("q2-badge",{value:t.badgeCount,theme:i,status:t.badgeStatus}))}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};d.style=b;export{d as q2_tab_container};
-//# sourceMappingURL=p-fce6bc58.entry.js.map
+import{r as t,c as a,h as e,F as i,g as r}from"./p-a5f18e27.js";import{c as o,l as n,i as s,o as c}from"./p-34eff2c8.js";const l="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";const b=l;const d=class{constructor(e){t(this,e);this.change=a(this,"change",7);this.settled=a(this,"settled",7);this.guid=o();this.scheduledAfterRender=[];this.lastScrolled=new Date(null).getTime();this.updateTabData=()=>{this.updateTabPaneProps();this.setTabs()};this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue;t.guid=this.guid;t.index=a}))};this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a,badgeCount:e,badgeDescription:i,badgeTheme:r,badgeStatus:o})=>({label:t&&n(t)||"",value:a,badgeCount:e,badgeDescription:i,badgeTheme:r,badgeStatus:o})))};this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;const e=this.value===a;if(e)return;this.change.emit({value:a})};this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault();this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault();this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault();this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault();this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault();this.change.emit({value:a});break}};this.moveToAdjacentTab=(t,a)=>{const e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1;break}if(e===i)return;this.moveFocus(i,false)};this.moveFocus=(t,a=true)=>{const e=this.tabs[t].value;const i=this.listElement.querySelector(`[data-value="${e}"]`);i.focus({preventScroll:a});const r=i.offsetLeft-this.listElement.clientWidth/2;this.listElement.scrollTo({left:r,behavior:"smooth"});return i};this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e;this.showScrollLeft=t>0;this.showScrollRight=a>Math.ceil(t)+e};this.onScrollBtnClick=t=>{const{scrollLeft:a,scrollWidth:e,clientWidth:i}=this.listElement;const r=Math.floor(i/2);let o=0;if(t==="left"){o=-Math.min(r,Math.abs(a))}else{o=Math.min(r,Math.abs(e-a-i))}this.listElement.scrollBy({left:o,behavior:"smooth"})};this.onSlotChange=()=>{this.checkScrollState()};this.color=undefined;this.name=undefined;this.noPrint=false;this.type=undefined;this.value=undefined;this.hasLeft=false;this.hasRight=false;this.scrollEnabled=false;this.showScrollLeft=false;this.showScrollRight=false;this.tabs=undefined}resizeIframe(){var t,a;return(a=(t=window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||a===void 0?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");if(t.length===0){return[]}return Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}}onResize(){this.checkScrollState()}onFocus(t){if(!s(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}onBadge(){this.setTabs()}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t;this.resizeObserver=new ResizeObserver((()=>this.checkScrollState()));this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.settled.emit()}componentDidLoad(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.listElement);this.checkScrollState();c(this.hostElement);const a=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{const t=this.tabs.length>0;if(!t)return;const e=this.moveFocus(Math.max(a,0));this.value=e.dataset.value;e.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect();this.mutationObserver.disconnect();this.resizeObserver=null;this.mutationObserver=null}valueObserver(){this.updateTabData();this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));if(t>-1){this.scheduledAfterRender.push((()=>this.moveFocus(t,false)))}}nameObserver(){this.updateTabData()}render(){return e(i,{key:"09622574aaa5bca54c9b37398fb46edeb577cfc6"},e("div",{key:"c2e864d343919252f6b42f34cb413e13e3503cad",class:"tab-container"},this.scrollEnabled&&e(i,{key:"f4b70c0b8731ba26d3603d34f67d4064dedb406b"},e("div",{key:"57f8a4ea2334e6067be3264e5c0d7a96fc61f839",class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{key:"a00e6c0e2e927603924db4dfb8a1561425471138",class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{key:"e89500dd1bd69fb6d36cf84a5a29bd9388d7ced2",class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{key:"2b8216d238f83144f4169f156850a75d342e7533",type:"chevron-left",label:"scroll left"})),e("q2-btn",{key:"af48812b20977617efd714a864af725c9cac4a82",class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{key:"455339159c7c9b3254428e0bce20578c663a7264",type:"chevron-right",label:"scroll right"}))),e("ul",{key:"e4d34f7a48a6b616e75e0acc96ad7edf3f7c87a2",onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),e("div",{key:"1e2471c87e744f1e1f096d13749bce78c420a4fb",class:"tab-content"},e("slot",{key:"6694c82b4d54c05aca9796f94e4970a16e896398",onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t;const o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false",onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},t.badgeCount===undefined?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){let i;if(!t.badgeStatus&&a)i=t.badgeTheme||"primary";let r;if(t.badgeDescription)r=n(t.badgeDescription);else if(t.badgeStatus)r=n(`tecton.element.tab.pane.${t.badgeStatus}`,[t.badgeCount]);else r=n("tecton.element.tab.pane.new");return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${r}`},t.label,e("q2-badge",{value:t.badgeCount,theme:i,status:t.badgeStatus}))}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};d.style=b;export{d as q2_tab_container};
+//# sourceMappingURL=p-108f6df7.entry.js.map