@skdx/web-components-charts 0.38.0 → 0.40.0

package/dist/gauge.js

@@ -1,61 +1,62 @@
-var Wt=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var l=(e,n,t,r)=>{for(var i=r>1?void 0:r?Et(n,t):n,o=e.length-1,s;o>=0;o--)(s=e[o])&&(i=(r?s(n,t,i):s(i))||i);return r&&i&&Wt(n,t,i),i};import{customElement as mn,property as O}from"lit/decorators.js";var yt=e=>Number(e.toPrecision(12)),Ut,Kt=e=>(Ut??(Ut=new Intl.NumberFormat)).format(yt(e)),Yt=e=>{let n=Math.round(Math.abs(e)),t=e<0?"-":"",r=Math.floor(n/3600),i=Math.floor(n%3600/60),o=s=>String(s).padStart(2,"0");return r>0?`${t}${r}h ${o(i)}m`:i>0?`${t}${i}m ${o(n%60)}s`:`${t}${n}s`};function vt(e){if(e===void 0)return Kt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,s=h=>i?u=>h(u)+i:h,a=h=>r===void 0?h===void 0?{}:{maximumFractionDigits:h}:{minimumFractionDigits:r,maximumFractionDigits:r},c=h=>{let u=new Intl.NumberFormat(t,h);return s(b=>u.format(yt(b)))},d=h=>{let u=new Intl.DateTimeFormat(t,o?{...h,timeZone:o}:h);return b=>u.format(b)};switch(n){case"integer":return c({maximumFractionDigits:0});case"decimal":return c(a(2));case"percent":return c({style:"percent",...a(0)});case"currency":return c({style:"currency",currency:e.currency??"USD",...a()});case"compact":return c({notation:"compact",...a(1)});case"scientific":return c({notation:"scientific",...a(2)});case"date":return d({dateStyle:"medium"});case"time":return d({timeStyle:"short"});case"datetime":return d({dateStyle:"medium",timeStyle:"short"});case"duration":return s(Yt)}}var g=e=>Number(e.toFixed(2)),j=e=>typeof e=="number"&&Number.isFinite(e);var te=1e3,ne=60*te,re=60*ne,le=24*re,yn=[te,5*te,15*te,30*te,ne,5*ne,15*ne,30*ne,re,3*re,6*re,12*re,le,2*le,7*le,14*le];var qt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Xt=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Qt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Jt(e,n,t){return e.replace(Xt,(r,i,o)=>{let s=Qt[i];if(s===void 0)return i+o;let c=(o.match(qt)??[]).map((d,h)=>{let u=Number(d);if(s===-1)return String(u+n);if(s===-2)return String(u+t);let b=h%s;return s===7?b===5?String(u+n):b===6?String(u+t):d:String(b%2===0?u+n:u+t)});return i+c.join(" ")})}var Mt=(e,n,t)=>e.map(r=>{switch(r.kind){case"rect":return{...r,x:r.x+n,y:r.y+t};case"circle":return{...r,cx:r.cx+n,cy:r.cy+t};case"line":return{...r,x1:r.x1+n,x2:r.x2+n,y1:r.y1+t,y2:r.y2+t};case"text":return{...r,x:r.x+n,y:r.y+t};case"path":return{...r,d:Jt(r.d,n,t)}}});var Se=["primary","success","warning","danger","neutral"].flatMap(e=>[500,700].map(n=>`var(--skdx-color-${e}-${n})`)).sort((e,n)=>Number(e.endsWith("700)"))-Number(n.endsWith("700)"))),x={axis:"var(--skdx-color-border-strong)",grid:"var(--skdx-color-border-subtle)",label:"var(--skdx-color-text-muted)",focus:"var(--skdx-color-focus-ring)",positive:"var(--skdx-color-success-500)",negative:"var(--skdx-color-danger-500)",fontFamily:"var(--skdx-font-family)",fontSize:"var(--skdx-font-size-xs)"},Ie=(e="neutral")=>e==="neutral"?x.axis:`var(--skdx-color-${e}-500)`;var wt=(e,n)=>n??Se[e%Se.length];function ie(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function $t(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var de=20,en=120,kt=e=>{let n=ie(e);return n&&(n.position==="left"||n.position==="right")?n.width??en:0},Ae=(e,n=600,t=300)=>({width:(e.width??n)-kt(e),height:(e.height??t)-(ie(e)?.position==="bottom"?de:0)}),Ct=e=>{let n=ie(e);return n&&(n.position===void 0||n.position==="top")?de:0},Y=6.5,St=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:wt(n));function Te(e,n,t=[],r={},i=10,o=8,s=!1){let a=[],c=r.maxItems,d=c!==void 0&&c>=0&&e.length>c?e.slice(0,c):e,h=e.length-d.length,u=r.interactive??!0,b=o,$=i,M=(S,k,I,B)=>{let G=(k?18:4)+S.length*Y;b>o&&(s||b+G>n-8)&&(b=o,$+=de),k&&a.push({kind:"rect",part:"legend-swatch",x:b,y:$-5,width:10,height:10,fill:k,opacity:B?.3:void 0,item:I}),a.push({kind:"text",part:"legend-label",x:b+(k?14:0),y:$,text:S,baseline:"middle",fill:B?x.grid:x.label,item:I}),b+=G+12};for(let S of d){let k=t.includes(S.name),I=u?{label:S.name,series:S.name,legend:!0}:void 0;M(r.formatter?.(S.name)??S.name,S.color,I,k)}return h>0&&M(`+${h} more`,void 0,void 0,!1),r.align==="end"?tn(a,n):a}function tn(e,n){let t=new Map;for(let i of e){let o=i.kind==="rect"?i.y+5:i.y;t.set(o,[...t.get(o)??[],i])}let r=[];for(let i of t.values()){let o=Math.max(...i.map(a=>a.kind==="rect"?a.x+a.width:a.x+a.text.length*Y)),s=n-8-o;for(let a of i)r.push({...a,x:a.x+s})}return r}var nn=(e,n,t={})=>new Set(Te(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Oe(e,n,t,r=[]){let i=ie(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=$t(e),a=o?.position==="bottom",c=kt(e),d=e.hiddenSeries??[],h=o?c?Te(r,1/0,d,o,10,(o.position==="right"?n:0)+8,!0):Te(r,n,d,o,a?t+10:10):[],u=a?nn(r,n,o):0;return{width:n+c,height:a?t+Math.max(1,u)*de:t,legendOffset:o?.position==="left"?c:void 0,tooltip:s.enabled,tooltipFormatter:s.formatter,axisTooltipFormatter:s.axisFormatter,tooltipPortal:s.portal,tooltipPlacement:s.placement,tooltipAnchored:s.followPointer===!1?!0:void 0,description:e.description,decorative:e.decorative,animate:e.animate===!0?300:e.animate||void 0,responsive:!!e.responsive,shapes:h}}function ze(e){let n=e.legendOffset;if(!n)return e;let t=[...Mt(e.shapes.filter(c=>!c.part.startsWith("legend-")),n,0),...e.shapes.filter(c=>c.part.startsWith("legend-"))],r=c=>({...c,x:c.x+n}),i=e.hit?{...e.hit,plot:r(e.hit.plot),xs:e.hit.xs.map(c=>c+n),brush:e.hit.brush?{box:r(e.hit.brush.box),window:r(e.hit.brush.window)}:void 0}:void 0,o=e.edit,s=o?{...o,scale:c=>o.scale(c)+n,invert:c=>o.invert(c-n),bars:o.bars.map(c=>({...c,x0:c.x0+n,x1:c.x1+n}))}:void 0,a=e.map?{...e.map,plot:r(e.map.plot)}:void 0;return{...e,shapes:t,hit:i,edit:s,map:a,legendOffset:void 0}}function he(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(b=>b.length))*Y+12,c=6+s.length*16,d=o==="top"?{x:e-a/2,y:n-c-8}:o==="bottom"?{x:e-a/2,y:n+8}:o==="left"?{x:e-a-8,y:n-c/2}:o==="right"?{x:e+8,y:n-c/2}:{x:e+12,y:n-c-6},h=Math.max(0,Math.min(r-a,d.x)),u=Math.max(0,Math.min(i-c,d.y));return[{kind:"rect",part:"tooltip",x:g(h),y:g(u),width:g(a),height:c,fill:"var(--skdx-color-surface-raised)",stroke:x.axis,rx:3},...s.map((b,$)=>({kind:"text",part:"tooltip-label",x:g(h+6),y:g(u+11+$*16),text:b,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&$===0?"bold":void 0}))]}function It(e,n,t,r){let i=e.error!==void 0?"error":e.loading?"loading":n?"empty":null;if(!i)return null;let{width:o,height:s}=Ae(e,t,r),a=i==="error"?e.error:i==="loading"?"Loading\u2026":e.emptyMessage??"No data available",c=[];return i==="loading"&&c.push({kind:"rect",part:"skeleton",x:0,y:0,width:o,height:s,fill:"var(--skdx-color-surface-sunken)",rx:4}),c.push({kind:"text",part:`state-${i}`,x:g(o/2),y:g(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":x.label}),{...Oe(e,o,s),shapes:c,tooltip:!1}}var ue=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:x.label,...r});function pe(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Le=e=>e.id??e.name??e.series,Tt=e=>e.seriesId??e.series;function Z(e,n){let t=!1;return n.id!==void 0&&(t=!0,Le(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,Tt(e)!==n.series&&e.series!==n.series)||n.index!==void 0&&(t=!0,e.index!==n.index)||n.category!==void 0&&(t=!0,e.category!==n.category)?!1:t}function W(e){let n={},t=Le(e);t!==void 0&&(n.id=t);let r=Tt(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Pe=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function Be(e,n,t){let r=pe(e),i=W(n),o=r.some(s=>Z(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!Z(n,s)):[...r,i]}var rn=.2;function on(e){let n=x.focus;switch(e.kind){case"rect":return{kind:"rect",part:"selected",x:e.x-1.5,y:e.y-1.5,width:e.width+3,height:e.height+3,fill:"none",stroke:n,rx:e.rx};case"circle":return{kind:"circle",part:"selected",cx:e.cx,cy:e.cy,r:e.r+2.5,fill:"none",stroke:n};case"path":return{kind:"path",part:"selected",d:e.d,fill:"none",stroke:n,strokeWidth:2.5};case"line":return{...e,part:"selected",stroke:n,strokeWidth:(e.strokeWidth??1)+3,title:void 0,item:void 0};case"text":return}}var sn=(e,n)=>e.kind==="text"?{...e,fill:x.grid}:{...e,opacity:(e.opacity??1)*n};function Re(e,n){let t=pe(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:pe(n.highlighted),i=r[0];if(t.length===0&&!i)return e;let o={highlighted:n.highlightScope?.highlighted??"item",faded:n.highlightScope?.faded??"global"},s=[],a=h=>!i||r.some(u=>Z(h,u))?!0:o.highlighted==="series"?r.some(u=>u.series!==void 0&&Z(h,{series:u.series})):!1,c=h=>{if(!i||o.faded==="none"||a(h))return!1;if(o.faded==="series"){let u=i.series;return u!==void 0&&Z(h,{series:u})}return!0},d=e.shapes.map(h=>{let u=h.item;if(!u||u.legend)return h;if(t.some(b=>Z(u,b))){let b=on(h);b&&s.push(b)}return c(u)?sn(h,rn):h});return s.length?{...e,shapes:[...d,...s]}:{...e,shapes:d}}var At=2*Math.PI;function q(e,n,t,r,i,o){let s=(d,h)=>`${g(e+d*Math.sin(h))} ${g(n-d*Math.cos(h))}`;if(o-i>=At-1e-9){let d=i+At/2;return`${q(e,n,t,r,i,d)}${q(e,n,t,r,d,o)}`}let a=o-i>Math.PI?1:0,c=`M${s(t,i)}A${t} ${t} 0 ${a} 1 ${s(t,o)}`;return r>0?`${c}L${s(r,o)}A${r} ${r} 0 ${a} 0 ${s(r,i)}Z`:`${c}L${g(e)} ${g(n)}Z`}var Ot=e=>e*Math.PI/180;function an(e,n){let t=[0],r=[0],i=o=>{t.push(Math.sin(o)),r.push(-Math.cos(o))};i(e),i(n);for(let o=Math.ceil(e/(Math.PI/2));o*(Math.PI/2)<=n;o++)i(o*(Math.PI/2));return{x0:Math.min(...t),y0:Math.min(...r),x1:Math.max(...t),y1:Math.max(...r)}}function Ne(e){let n=It(e,!j(e.value),300,300);if(n)return n;let t=vt(e.format),{width:r,height:i}=Ae(e,300,300),o=Ct(e),s=j(e.min)?e.min:0,a=j(e.max)?e.max:100,c=e.startAngle??-120,d=e.endAngle??120,h=Ot(c),u=Ot(Math.max(c,Math.min(c+360,d))),b=u-h,$=m=>a>s?Math.max(0,Math.min(1,(m-s)/(a-s))):0,M=m=>h+$(m)*b,S=e.variant==="solid",k=e.ticks===!1?0:e.ticks===!0||e.ticks===void 0?5:e.ticks,I=e.tickLabels??!0,B=Array.from({length:k},(m,w)=>k===1?s:s+(a-s)*w/(k-1)),G=k>0&&I,ye=G?Math.max(...B.map(m=>t(m).length))*Y:0,ve=G?14+ye:10,Me=G?26:10,R=an(h,u),we=Math.max(R.x1-R.x0,.2),$e=Math.max(R.y1-R.y0,.2),A=Math.max(0,Math.min((r-2*ve)/we,(i-o-2*Me)/$e)),N=r/2-(R.x0+R.x1)/2*A,z=o+(i-o)/2-(R.y0+R.y1)/2*A,Zt=A*Math.max(.04,Math.min(.6,e.thickness??.18)),K=A-Zt,H=(m,w)=>({x:g(N+m*Math.sin(w)),y:g(z-m*Math.cos(w))}),D=[],Vt=`${t(s)} \u2013 ${t(a)}`,ft=(e.bands??[]).filter(m=>j(m.from)&&j(m.to)),Ht=m=>ft.find(w=>m>=w.from&&m<=w.to),ke=m=>m.color??Ie(m.variant);D.push({kind:"path",part:"track",d:q(N,z,A,K,h,u),fill:x.grid,opacity:.6});for(let m of ft){let w=M(Math.min(m.from,m.to)),L=M(Math.max(m.from,m.to));if(L<=w)continue;let _=`${m.label?`${m.label}: `:""}${t(m.from)} \u2013 ${t(m.to)}`;D.push(S?{kind:"path",part:"band",d:q(N,z,A+6,A+2,w,L),fill:ke(m),opacity:.7,title:_}:{kind:"path",part:"band",d:q(N,z,A,K,w,L),fill:ke(m),opacity:.75,title:_})}let ce=`${e.caption??"Value"}: ${t(e.value)} (${Vt})`,Ce={label:ce,name:e.caption,value:e.value},ee=M(e.value);if(S){let m=Ht(e.value),w=m?ke(m):St(e,0);ee>h+1e-6?D.push({kind:"path",part:"value",d:q(N,z,A,K,h,ee),fill:w,title:ce,item:Ce}):D.push({...cn(N,z),title:ce,item:Ce})}else{let m=H(K-4,ee),w=4,L=H(w,ee-Math.PI/2),_=H(w,ee+Math.PI/2);D.push({kind:"path",part:"needle",d:`M${L.x} ${L.y}L${m.x} ${m.y}L${_.x} ${_.y}Z`,fill:"var(--skdx-color-text-default)",title:ce,item:Ce},{kind:"circle",part:"hub",cx:g(N),cy:g(z),r:5,fill:"var(--skdx-color-text-default)"})}for(let m of B){let w=M(m),L=H(A+2,w),_=H(A+7,w);if(D.push({kind:"line",part:"tick",x1:L.x,y1:L.y,x2:_.x,y2:_.y,stroke:x.axis}),I){let gt=H(A+12,w),xt=Math.sin(w);D.push(ue(gt.x,gt.y,t(m),{part:"tick-label",anchor:xt>.3?"start":xt<-.3?"end":"middle",baseline:"middle"}))}}if(j(e.target)){let m=M(e.target),w=H(K-2,m),L=H(A+4,m);D.push({kind:"line",part:"target",x1:w.x,y1:w.y,x2:L.x,y2:L.y,stroke:"var(--skdx-color-text-default)",strokeWidth:2,title:`Target: ${t(e.target)}`})}let mt=b<2*Math.PI-1e-6?R.y1<.2?z-K*.4:z+K*.45:z;D.push(ue(g(N),g(mt),e.centerLabel??t(e.value),{part:"center-label",anchor:"middle",baseline:"middle",fill:"var(--skdx-color-text-default)",weight:"bold"})),e.caption&&D.push(ue(g(N),g(mt+16),e.caption,{part:"caption",anchor:"middle",baseline:"middle"}));let bt=Oe(e,r,i),_t=j(e.target)?`, target ${t(e.target)}`:"";return{...bt,description:e.description??`${e.caption??"Value"} ${t(e.value)} on a scale from ${t(s)} to ${t(a)}${_t}.`,shapes:[...D,...bt.shapes]}}var cn=(e,n)=>({kind:"circle",part:"anchor",cx:g(e),cy:g(n),r:.01,fill:"none"});function J(e,n,t,r,i){let o=e.getBoundingClientRect();return{x:o.width?(n-o.left)*r/o.width:n,y:o.height?(t-o.top)*i/o.height:t}}var De=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function zt(e,n){let t=0,r=1/0;return e.xs.forEach((i,o)=>{let s=Math.abs(i-n);s<r&&(r=s,t=o)}),t}function oe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=zt(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Fe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[zt(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:x.axis,dash:"3 3"}}function Ge(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!De(r.plot,n,t))return[];let i=Fe(e,n),{rows:o}=oe(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...he(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function je(e,n){let t=e.hit;if(!t||t.xs.length===0)return[];let r=t.rows.findIndex(o=>o[0]===n);if(r<0)return[];let i=t.xs[r];return Ge(e,i,t.plot.y+8)}function Ze(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:c,y:d}=J(t,r,i,e.width,e.height);if(De(e.hit.plot,c,d)){let h=oe(e,c),u=Fe(e,c);if(h&&u)return{lines:h.rows,shapes:[u]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?E(e,n)?.item:void 0,a=s&&e.tooltipFormatter?.(s)||o&&Array.from(o.children).find(c=>c.tagName.toLowerCase()==="title")?.textContent;return a?{lines:Array.isArray(a)?a:[a],shapes:[]}:{lines:[],shapes:[]}}function Lt(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),c=s&&s.tooltipFormatter?E(s,e)?.item:void 0,d=c&&s?.tooltipFormatter?.(c)||a&&Array.from(a.children).find(M=>M.tagName.toLowerCase()==="title")?.textContent;if(!d)return[];let h=s?.tooltipAnchored?E(s,e):void 0,u=h?s?.shapes[h.index]:void 0,{x:b,y:$}=u?se(u):J(n,t,r,i,o);return he(b,$,d,i,o,s?.tooltipPlacement)}function Ve(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:s}=J(t,r,i,e.width,e.height),a=Ge(e,o,s);if(a.length>0)return a}return Lt(n,t,r,i,e.width,e.height,e)}function He(e,n){let t=E(e,n);return t&&!t.item.legend?W(t.item):null}var ln=(e,n)=>{let{x:t,y:r}=se(e),i=e.kind==="circle"?e.cy:e.kind==="rect"?e.y+e.height/2:r;return t>=n.x&&t<=n.x+n.width&&i>=n.y&&i<=n.y+n.height};function _e(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!ln(i,n))continue;let o=W(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var We=e=>({kind:"rect",part:"selection-box",x:g(e.x),y:g(e.y),width:g(e.width),height:g(e.height),fill:x.focus,opacity:.12,stroke:x.focus}),me=(e,n,t,r)=>({x:Math.min(e,t),y:Math.min(n,r),width:Math.abs(t-e),height:Math.abs(r-n)});function Pt(e,n,t){let r=!1;for(let i=0,o=e.length-1;i<e.length;o=i++){let s=e[i],a=e[o];s.y>t!=a.y>t&&n<(a.x-s.x)*(t-s.y)/(a.y-s.y)+s.x&&(r=!r)}return r}function Ee(e,n){if(n.length<3)return[];let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor")continue;let{x:o,y:s}=se(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!Pt(n,o,a))continue;let c=W(i.item),d=JSON.stringify(c);t.has(d)||(t.add(d),r.push(c))}return r}var Ue=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${g(n.x)} ${g(n.y)}`).join("L")}`:"",fill:x.focus,fillOpacity:.12,stroke:x.focus,dash:"4 3"}),fe=6;function Ke(e,n,t){let r=e.edit;if(r){for(let i of r.bars)if(!(t<i.y||t>i.y+i.height||n<i.x0-fe||n>i.x1+fe))return Math.abs(n-i.x0)<=fe?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=fe?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function Ye(e,n,t){let r=e.edit;return Bt(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function qe(e,n,t){let r=e.edit,i=t.key==="ArrowRight"?1:t.key==="ArrowLeft"?-1:0;if(!r||n===null||!i||!(t.shiftKey||t.altKey))return;let o=r.bars.find(c=>c.index===n);if(!o)return;let s=t.altKey?t.shiftKey?"start":"end":"move",a=r.snap??r.invert(o.x0+10)-r.invert(o.x0);return Bt(r,{bar:o,mode:s},i*a)}function Bt(e,{bar:n,mode:t},r){let i=a=>e.snap?Math.round(a/e.snap)*e.snap:a,o=n.start,s=n.end;return t==="move"?(o=i(n.start+r),s=o+(n.end-n.start)):t==="start"?o=Math.min(i(n.start+r),n.end):s=Math.max(i(n.end+r),n.start),{id:n.id,name:n.name,start:o,end:s}}function Xe(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:g(Math.min(i,o)),y:g(n.bar.y),width:g(Math.max(1,Math.abs(o-i))),height:g(n.bar.height),fill:x.focus,opacity:.25,stroke:x.focus,rx:2}}var dn=64,hn=e=>Math.max(1,Math.min(dn,e));function Qe(e,n,t,r){let i=n>0?.8:1.25,o=hn(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:s,scale:a}=e,[c,d]=e.view.center,h=(t-(s.x+s.width/2))/a,u=(r-(s.y+s.height/2))/a,b=e.view.zoom/o;return{center:[c+h*(1-b),e.fromY(e.toY(d)-u*(1-b))],zoom:o}}function Je(e,n,t,r){let{scale:i}=e;return{center:[n.center[0]-t/i,e.fromY(e.toY(n.center[1])+r/i)],zoom:n.zoom}}function E(e,n){let t=n?.closest?.("[data-skdx-i]"),r=Number(t?.getAttribute("data-skdx-i")),i=Number.isInteger(r)?e.shapes[r]?.item:void 0;return i?{index:r,item:i}:void 0}var be=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function se(e){switch(e.kind){case"rect":return{x:e.x+e.width/2,y:e.y};case"circle":return{x:e.cx,y:e.cy-e.r};case"line":return{x:(e.x1+e.x2)/2,y:Math.min(e.y1,e.y2)};case"text":return{x:e.x,y:e.y};case"path":{let n=/M\s*(-?[\d.]+)[ ,](-?[\d.]+)/.exec(e.d);return n?{x:Number(n[1]),y:Number(n[2])}:{x:0,y:0}}}}function et(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=x.focus,i;switch(t.kind){case"rect":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-2,width:t.width+4,height:t.height+4,fill:"none",stroke:r,rx:2};break;case"circle":i={kind:"circle",part:"focus",cx:t.cx,cy:t.cy,r:t.r+3,fill:"none",stroke:r};break;case"line":i={kind:"line",part:"focus",x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:r,strokeWidth:4};break;case"text":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-8,width:t.text.length*Y+4,height:16,fill:"none",stroke:r,rx:2};break;case"path":i={kind:"path",part:"focus",d:t.d,stroke:r,strokeWidth:2,fill:"none"};break}let{x:o,y:s}=se(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?he(g(o),g(s),a,e.width,e.height):[]]}function tt(e,n,t){let r=be(e);if(r.length===0)return;let i=n===null?-1:r.indexOf(n);switch(t){case"ArrowRight":case"ArrowDown":return r[Math.min(r.length-1,i+1)];case"ArrowLeft":case"ArrowUp":return r[Math.max(0,i<=0?0:i-1)];case"Home":return r[0];case"End":return r[r.length-1];case"Escape":return null;default:return}}var X=2,Q=(e,n,t)=>{let r=Math.max(X,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},Rt=(e,n)=>!e||e.start<=0&&e.end>=n;function nt(e,n,t){if(e.count<=X||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(X,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!Rt(e.zoom,e.count)?Q(r,a,e.count):void 0;let c=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),d=r+c*o;return Q(d-c*a,a,e.count)}function rt(e,n,t,r){let i=n.end-n.start,o=Math.max(X,Math.min(e.count,Math.round(i/Math.max(.05,t)))),s=Math.max(0,Math.min(1,(r-e.plot.x)/Math.max(1,e.plot.width)));return Q(n.start+s*i-s*o,o,e.count)}function it(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return Q(n.start-t/i,r,e.count)}function ot(e,n,t){let r=e.brush;if(!r||!De(r.box,n,t))return;let i=r.window;if(Math.abs(n-i.x)<=6)return{grab:"left",zoom:e.zoom};if(Math.abs(n-(i.x+i.width))<=6)return{grab:"right",zoom:e.zoom};if(n>i.x&&n<i.x+i.width)return{grab:"move",zoom:e.zoom};let o=e.zoom.end-e.zoom.start,s=(n-r.box.x)/Math.max(1,r.box.width)*e.count;return{grab:"move",zoom:Q(s-o/2,o,e.count)}}function st(e,n,t,r){let i=e.brush;if(!i)return t;let o=r/Math.max(1,i.box.width)*e.count;if(n==="move")return Q(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-X,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+X,Math.round(t.end+o)));return{start:t.start,end:s}}function ct(e,n){switch(n.type){case"svg":return Promise.resolve(at(e,n.label,n.resolve));case"csv":return Promise.resolve(Gt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=at(e,n.label,n.resolve);return Ft(t,e.width,e.height,n.scale,n.background)}}}var V=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;"),ae=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${V(String(t))}"`).join("");function Nt(e){let n=e.title?`<title>${V(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${ae([t,["d",e.d],["fill",e.fill??"none"],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-linecap",e.strokeLinecap],["stroke-linejoin",e.strokeLinejoin],["stroke-dasharray",e.dash],["opacity",e.opacity],["fill-opacity",e.fillOpacity]])}>${n}</path>`;case"rect":return`<rect${ae([t,["x",e.x],["y",e.y],["width",e.width],["height",e.height],["rx",e.rx],["fill",e.fill],["stroke",e.stroke],["fill-opacity",e.opacity]])}>${n}</rect>`;case"line":return`<line${ae([t,["x1",e.x1],["y1",e.y1],["x2",e.x2],["y2",e.y2],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-dasharray",e.dash],["opacity",e.opacity]])}>${n}</line>`;case"circle":return`<circle${ae([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${ae([t,["x",e.x],["y",e.y],["text-anchor",e.anchor],["dominant-baseline",e.baseline],["fill",e.fill],["font-weight",e.weight],["transform",e.rotate?`rotate(${e.rotate} ${e.x} ${e.y})`:void 0]])}>${V(e.text)}</text>`}}function Dt(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${V(t.id)}" x1="0" y1="0" x2="${t.vertical===!1?1:0}" y2="${t.vertical===!1?0:1}">${t.stops.map(r=>`<stop offset="${r.offset}" stop-color="${V(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function at(e,n,t){let r=Dt(e)+e.shapes.map(Nt).join("");return t&&(r=r.replace(/var\((--[\w-]+)\)/g,(i,o)=>t(o).trim()||i)),`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e.width} ${e.height}" width="${e.width}" height="${e.height}" role="img" aria-label="${V(n)}" font-family="${V(x.fontFamily)}" font-size="${V(x.fontSize)}"><title>${V(n)}</title>${r}</svg>`}function Ft(e,n,t,r=2,i){return new Promise((o,s)=>{let a=URL.createObjectURL(new Blob([e],{type:"image/svg+xml;charset=utf-8"})),c=new Image;c.onload=()=>{URL.revokeObjectURL(a);let d=document.createElement("canvas");d.width=Math.round(n*r),d.height=Math.round(t*r);let h=d.getContext("2d");if(!h)return s(new Error("canvas 2d context unavailable"));i&&(h.fillStyle=i,h.fillRect(0,0,d.width,d.height)),h.drawImage(c,0,0,d.width,d.height),d.toBlob(u=>u?o(u):s(new Error("toBlob failed")),"image/png")},c.onerror=()=>{URL.revokeObjectURL(a),s(new Error("svg could not be decoded"))},c.src=a})}function Gt(e){let n=t=>{let r=t==null?"":String(t);return/[",\n\r]/.test(r)?`"${r.replace(/"/g,'""')}"`:r};return e.map(t=>t.map(n).join(",")).join(`\r
-`)}function lt(e,n){if(!n)return;let t=typeof n=="object"?n.maxRows??500:500,r=e.hit;if(r&&r.rows.length>0){let a=r.rows[0];if(r.rows.length>t)return;let c=["",...a.slice(1).map(h=>h.replace(/:\s[^:]*$/,""))],d=r.rows.map(h=>[h[0],...h.slice(1).map(u=>u.slice(u.lastIndexOf(": ")+2))]);return[c,...d]}let i=e.shapes.flatMap(a=>a.item&&!a.item.legend&&!(a.part==="anchor"&&!a.title)?[a.item]:[]);if(i.length===0||i.length>t)return;let o=["series","name","category","value"].filter(a=>i.some(c=>c[a]!==void 0)),s=(a,c)=>a[c]===void 0?"":String(a[c]);return[o.map(a=>a[0]?.toUpperCase()+a.slice(1)),...i.map(a=>o.map(c=>s(a,c)))]}var dt=new Map;function ge(e){let n=dt.get(e);if(n)return n.group;let t=new Set,r={},i={current:r,subscribe(o){return t.add(o),()=>{t.delete(o),t.size===0&&dt.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return dt.set(e,{group:i,listeners:t}),i}var jt='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',ht=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${jt}{animation:skdx-in var(--skdx-chart-duration,0ms) ease-out;transition:${["x","y","width","height","cx","cy","r","opacity","fill-opacity","d"].map(e=>`${e} var(--skdx-chart-duration,0ms) ease-out`).join(",")}}@media (prefers-reduced-motion:reduce){${jt}{animation:none;transition:none}}`;function ut(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}import{css as un,html as U,LitElement as pn,nothing as C,svg as P}from"lit";import{property as p,state as F}from"lit/decorators.js";import{ifDefined as v}from"lit/directives/if-defined.js";var pt={fromAttribute:()=>!1},f=class extends pn{constructor(){super(...arguments);this.legend=!1;this.tooltip=!0;this.selectionMode="none";this.loading=!1;this.decorative=!1;this.accessibleTable=!1;this.zoomable=!1;this.editable=!1;this.crossFilter=!1;this.animated=!1;this.responsive=!1;this.tip=[];this.overlay=[];this.portal=null;this.highlightState=null;this.crossState=null;this.lastCross=null;this.pointers=new Map;this.hover=null;this.token={};this.focused=null;this.hiddenState=[];this.drag=null;this.onPointerMove=t=>{let r=this.layout;if(!r)return;this.pointers.has(t.pointerId)&&this.pointers.set(t.pointerId,this.viewBox(t,r).x);let i=this.drag;if(i?.grab==="select"){let{x:o,y:s}=this.viewBox(t,r);this.overlay=[We(me(i.x,i.y,o,s))];return}if(i?.grab==="lasso"){let{x:o,y:s}=this.viewBox(t,r);i.points=[...i.points??[],{x:o,y:s}],this.overlay=[Ue(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ye(r,i.gantt,o-i.x),this.overlay=[Xe(r,i.gantt,i.change)];return}if(i?.grab==="map"){if(!r.map||!i.view)return;let{x:o,y:s}=this.viewBox(t,r);this.setView(Je(r.map,i.view,o-i.x,s-i.y));return}if(i&&r.hit){if(i.grab==="pinch"){let[s,a]=[...this.pointers.values()];if(s===void 0||a===void 0||!i.distance)return;this.setZoom(rt(r.hit,i.zoom,Math.abs(s-a)/i.distance,(s+a)/2));return}let{x:o}=this.viewBox(t,r);this.setZoom(i.grab==="pan"?it(r.hit,i.zoom,o-i.x):st(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Ze(r,t.target,t.currentTarget,t.clientX,t.clientY);this.tip=s,this.portal=o.length?{x:t.clientX,y:t.clientY,lines:o}:null}else{let o=Ve(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(He(r,t.target)),this.syncId&&r.hit?.crosshair){let o=oe(r,this.viewBox(t,r).x);this.shareCrosshair(o?r.hit.rows[o.index]?.[0]??null:null)}};this.onPointerDown=t=>{let r=this.layout;if(!r||t.button!==0)return;let{x:i,y:o}=this.viewBox(t,r),s=E(r,t.target)?.item.legend,a=this.canEdit(r)?Ke(r,i,o):void 0;if(a){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"edit",gantt:a},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.brushing()&&!s){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:this.selectionMode==="lasso"?"lasso":"select",points:[{x:i,y:o}]},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.canPan(r)&&r.map){let d=r.map.plot;if(i<d.x||i>d.x+d.width||o<d.y||o>d.y+d.height)return;this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"map",view:r.map.view},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}let c=r.hit;if(!(!c||!this.canZoom(r))){if(this.pointers.set(t.pointerId,i),this.pointers.size===2){let[d,h]=[...this.pointers.values()];this.drag={x:(d+h)/2,y:o,zoom:c.zoom,grab:"pinch",distance:Math.abs(d-h)||1}}else{let d=ot(c,i,o);if(d)this.drag={x:i,y:o,zoom:d.zoom,grab:d.grab},d.zoom!==c.zoom&&this.setZoom(d.zoom);else if(this.zoomable&&i>=c.plot.x&&i<=c.plot.x+c.plot.width&&o>=c.plot.y&&o<=c.plot.y+c.plot.height)this.drag={x:i,y:o,zoom:c.zoom,grab:"pan"};else{this.pointers.delete(t.pointerId);return}}t.currentTarget.setPointerCapture(t.pointerId),this.clearTip()}};this.onPointerUp=t=>{this.pointers.delete(t.pointerId);let r=t.currentTarget;r.hasPointerCapture(t.pointerId)&&r.releasePointerCapture(t.pointerId);let i=this.drag,o=this.layout;if(o&&(i?.grab==="select"||i?.grab==="lasso"||i?.grab==="edit"||i?.grab==="map")){this.overlay=[];let{x:s,y:a}=this.viewBox(t,o);if(Math.abs(s-i.x)>2||Math.abs(a-i.y)>2){i.grab==="select"?this.setSelected(_e(o,me(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(Ee(o,i.points??[])):i.grab==="edit"&&i.change&&this.emit("skdx-task-change",i.change),this.drag={...i,distance:-1};return}this.drag=null;return}(this.pointers.size===0||this.drag?.grab==="pinch")&&(this.drag=null)};this.onWheel=t=>{let r=this.layout;if(!r)return;let{x:i,y:o}=this.viewBox(t,r);if(r.map&&this.canPan(r)){let c=r.map.plot;if(i<c.x||i>c.x+c.width||o<c.y||o>c.y+c.height)return;t.preventDefault(),this.setView(Qe(r.map,t.deltaY,i,o));return}let s=r.hit;if(!s||!this.canZoom(r)||o<s.plot.y||o>s.plot.y+s.plot.height)return;let a=nt(s,t.deltaY,i);a&&(t.preventDefault(),this.setZoom(a))};this.onClick=t=>{if(!this.layout)return;if(this.drag?.distance===-1){this.drag=null;return}let r=E(this.layout,t.target);r&&(r.item.range?this.setZoom(r.item.range):r.item.legend&&r.item.series!==void 0?this.toggle(r.item.series):(this.select(r.item),this.emit("skdx-item-click",r.item)))};this.onKeyDown=t=>{let r=this.layout;if(!r)return;if((t.key==="Enter"||t.key===" ")&&this.focused!==null){let a=r.shapes[this.focused]?.item;a&&(t.preventDefault(),this.select(a),this.emit("skdx-item-click",a));return}let i=this.canEdit(r)?qe(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=tt(r,this.focused,t.key);if(o===void 0)return;t.preventDefault(),this.focused=o;let s=o===null?void 0:r.shapes[o]?.item;this.highlight(s?W(s):null)}}connectedCallback(){super.connectedCallback(),!(typeof ResizeObserver>"u")&&(this.observer=new ResizeObserver(([t])=>{let r=Math.floor(t?.contentRect.width??0);r>0&&(this.measured=r)}),this.observer.observe(this))}disconnectedCallback(){this.observer?.disconnect(),this.leave?.(),this.leave=void 0,this.joined=void 0,super.disconnectedCallback()}sized(){let{width:t,height:r,legend:i,tooltip:o,format:s,palette:a,loading:c,error:d,emptyMessage:h,description:u,decorative:b,animated:$,responsive:M,highlighted:S,highlightScope:k,accessibleTable:I}=this;return{...typeof M=="object"&&this.measured!==void 0&&this.measured<(M.breakpoint??480)?M.compact:void 0,width:M&&this.measured?this.measured:t,height:r,animate:$,responsive:M,legend:i,tooltip:o,format:s,palette:a,loading:c,error:d,emptyMessage:h,description:u,decorative:b,highlighted:S===void 0?this.highlightState:S,highlightScope:k,accessibleTable:I,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&ge(this.syncId).publish(t,this.token)}join(){if(this.joined===this.syncId||(this.leave?.(),this.leave=void 0,this.joined=this.syncId,!this.syncId))return;let t=ge(this.syncId),r=i=>{"highlighted"in i&&(this.highlightState=i.highlighted??null),i.selected&&(this.selectedState=i.selected,this.crossFilter&&(this.highlightState=i.selected.length?i.selected:null)),"zoom"in i&&(this.zoomState=i.zoom),i.hiddenSeries&&(this.hiddenState=i.hiddenSeries),"crosshair"in i&&(this.crossState=i.crosshair??null)};r(t.current),this.leave=t.subscribe((i,o)=>{o!==this.token&&r(i)})}setZoom(t){this.zoomState=t,this.emit("skdx-zoom-change",t),this.publish({zoom:t})}setView(t){this.viewState=t,this.emit("skdx-view-change",t)}setSelected(t){this.selectedState=t,this.emit("skdx-selected-change",t),this.publish({selected:t})}toggle(t){let r=this.hiddenSeries??this.hiddenState,i=r.includes(t)?r.filter(o=>o!==t):[...r,t];this.hiddenState=i,this.emit("skdx-hidden-series-change",i),this.publish({hiddenSeries:i})}highlight(t){let r=this.hover;r===t||r&&t&&Pe(r,t)||(this.hover=t,this.emit("skdx-highlighted-change",t),this.syncId&&(this.highlightState=t,this.publish({highlighted:t})))}select(t){let r=this.selectionMode;r!=="none"&&this.setSelected(Be(this.selected??this.selectedState,t,r==="single"?"single":"multiple"))}shareCrosshair(t){!this.syncId||this.lastCross===t||(this.lastCross=t,this.publish({crosshair:t}))}clearTip(){this.tip=[],this.portal=null,this.shareCrosshair(null)}canZoom(t){return!!(t.hit&&(this.zoomable||t.hit.brush))}canPan(t){return!!(t.map&&this.zoomable)}canEdit(t){return!!(this.editable&&t.edit)}brushing(){return this.selectionMode==="brush"||this.selectionMode==="lasso"}viewBox(t,r){return J(t.currentTarget,t.clientX,t.clientY,r.width,r.height)}getSvgElement(){return this.renderRoot.querySelector("svg")}getLayout(){return this.layout}resetZoom(){this.setZoom(void 0)}zoomTo(t){this.setZoom(t)}focusItem(t){let r=this.layout;if(!r)return!1;let i=r.shapes.findIndex(o=>o.item&&!o.item.legend&&Z(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?ct(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Re(ze(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let I of o.issues??[])this.emit("skdx-data-issue",I)}let s=this.canZoom(o),a=this.canPan(o),c=this.canEdit(o),d=this.brushing(),h=s||a||c||d,u=!o.decorative&&be(o).length>0,b=o.description?`${r}-desc`:void 0,$=ut(o),M=lt(o,this.accessibleTable),S=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,k=this.portal;return U`<svg
+var Kt=Object.defineProperty;var Yt=Object.getOwnPropertyDescriptor;var c=(e,n,t,r)=>{for(var i=r>1?void 0:r?Yt(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=(r?a(n,t,i):a(i))||i);return r&&i&&Kt(n,t,i),i};import{customElement as gn,property as z}from"lit/decorators.js";var vt=e=>Number(e.toPrecision(12)),qt,Xt=e=>(qt??(qt=new Intl.NumberFormat)).format(vt(e)),Qt=e=>{let n=Math.round(Math.abs(e)),t=e<0?"-":"",r=Math.floor(n/3600),i=Math.floor(n%3600/60),o=a=>String(a).padStart(2,"0");return r>0?`${t}${r}h ${o(i)}m`:i>0?`${t}${i}m ${o(n%60)}s`:`${t}${n}s`};function Mt(e){if(e===void 0)return Xt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,a=d=>i?h=>d(h)+i:d,s=d=>r===void 0?d===void 0?{}:{maximumFractionDigits:d}:{minimumFractionDigits:r,maximumFractionDigits:r},l=d=>{let h=new Intl.NumberFormat(t,d);return a(f=>h.format(vt(f)))},u=d=>{let h=new Intl.DateTimeFormat(t,o?{...d,timeZone:o}:d);return f=>h.format(f)};switch(n){case"integer":return l({maximumFractionDigits:0});case"decimal":return l(s(2));case"percent":return l({style:"percent",...s(0)});case"currency":return l({style:"currency",currency:e.currency??"USD",...s()});case"compact":return l({notation:"compact",...s(1)});case"scientific":return l({notation:"scientific",...s(2)});case"date":return u({dateStyle:"medium"});case"time":return u({timeStyle:"short"});case"datetime":return u({dateStyle:"medium",timeStyle:"short"});case"duration":return a(Qt)}}var x=e=>Number(e.toFixed(2)),G=e=>typeof e=="number"&&Number.isFinite(e);var te=1e3,ne=60*te,re=60*ne,ce=24*re,wn=[te,5*te,15*te,30*te,ne,5*ne,15*ne,30*ne,re,3*re,6*re,12*re,ce,2*ce,7*ce,14*ce];var Jt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,en=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,tn={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function nn(e,n,t){return e.replace(en,(r,i,o)=>{let a=tn[i];if(a===void 0)return i+o;let l=(o.match(Jt)??[]).map((u,d)=>{let h=Number(u);if(a===-1)return String(h+n);if(a===-2)return String(h+t);let f=d%a;return a===7?f===5?String(h+n):f===6?String(h+t):u:String(f%2===0?h+n:h+t)});return i+l.join(" ")})}var wt=(e,n,t)=>e.map(r=>{switch(r.kind){case"rect":return{...r,x:r.x+n,y:r.y+t};case"circle":return{...r,cx:r.cx+n,cy:r.cy+t};case"line":return{...r,x1:r.x1+n,x2:r.x2+n,y1:r.y1+t,y2:r.y2+t};case"text":return{...r,x:r.x+n,y:r.y+t};case"path":return{...r,d:nn(r.d,n,t)}}});var Te=["primary","success","warning","danger","neutral"].flatMap(e=>[500,700].map(n=>`var(--skdx-color-${e}-${n})`)).sort((e,n)=>Number(e.endsWith("700)"))-Number(n.endsWith("700)"))),y={axis:"var(--skdx-color-border-strong)",grid:"var(--skdx-color-border-subtle)",label:"var(--skdx-color-text-muted)",focus:"var(--skdx-color-focus-ring)",positive:"var(--skdx-color-success-500)",negative:"var(--skdx-color-danger-500)",fontFamily:"var(--skdx-font-family)",fontSize:"var(--skdx-font-size-xs)"},Ae=(e="neutral")=>e==="neutral"?y.axis:`var(--skdx-color-${e}-500)`;var kt=(e,n)=>n??Te[e%Te.length];function ie(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function $t(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var de=20,rn=120,St=e=>{let n=ie(e);return n&&(n.position==="left"||n.position==="right")?n.width??rn:0},ue=(e,n=600,t=300)=>({width:(e.width??n)-St(e),height:(e.height??t)-(ie(e)?.position==="bottom"?de:0)}),Ct=(e,n,t)=>{let r=ie(e);return!r||!(r.position===void 0||r.position==="top")?0:(n?Math.max(1,Tt(n,t??ue(e).width,r)):1)*de},H=6.5;function on(e,n){let t=Array.from(e),r=Math.max(0,Math.floor(n/H));return t.length<=r?e:r===0?"":`${t.slice(0,r-1).join("")}\u2026`}var It=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:kt(n));function Oe(e,n,t=[],r={},i=10,o=8,a=!1){let s=[],l=r.maxItems,u=l!==void 0&&l>=0&&e.length>l?e.slice(0,l):e,d=e.length-u.length,h=r.interactive??!0,f=o,C=i,w=(k,v,S,T)=>{let L=(v?18:4)+k.length*H;f>o&&(a||f+L>n-8)&&(f=o,C+=de),v&&s.push({kind:"rect",part:"legend-swatch",x:f,y:C-5,width:10,height:10,fill:v,opacity:T?.3:void 0,item:S}),s.push({kind:"text",part:"legend-label",x:f+(v?14:0),y:C,text:k,baseline:"middle",fill:T?y.grid:y.label,item:S}),f+=L+12};for(let k of u){let v=t.includes(k.name),S=h?{label:k.name,series:k.name,legend:!0}:void 0;w(r.formatter?.(k.name)??k.name,k.color,S,v)}return d>0&&w(`+${d} more`,void 0,void 0,!1),r.align==="end"?an(s,n):s}function an(e,n){let t=new Map;for(let i of e){let o=i.kind==="rect"?i.y+5:i.y;t.set(o,[...t.get(o)??[],i])}let r=[];for(let i of t.values()){let o=Math.max(...i.map(s=>s.kind==="rect"?s.x+s.width:s.x+s.text.length*H)),a=n-8-o;for(let s of i)r.push({...s,x:s.x+a})}return r}var Tt=(e,n,t={})=>new Set(Oe(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Le(e,n,t,r=[]){let i=ie(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,a=$t(e),s=o?.position==="bottom",l=St(e),u=e.hiddenSeries??[],d=o?l?Oe(r,1/0,u,o,10,(o.position==="right"?n:0)+8,!0):Oe(r,n,u,o,s?t+10:10):[],h=s?Tt(r,n,o):0;return{width:n+l,height:s?t+Math.max(1,h)*de:t,legendOffset:o?.position==="left"?l:void 0,tooltip:a.enabled,tooltipFormatter:a.formatter,axisTooltipFormatter:a.axisFormatter,tooltipPortal:a.portal,tooltipPlacement:a.placement,tooltipAnchored:a.followPointer===!1?!0:void 0,description:e.description,decorative:e.decorative,animate:e.animate===!0?300:e.animate||void 0,responsive:!!e.responsive,shapes:d}}function ze(e){let n=e.legendOffset;if(!n)return e;let t=[...wt(e.shapes.filter(l=>!l.part.startsWith("legend-")),n,0),...e.shapes.filter(l=>l.part.startsWith("legend-"))],r=l=>({...l,x:l.x+n}),i=e.hit?{...e.hit,plot:r(e.hit.plot),xs:e.hit.xs.map(l=>l+n),brush:e.hit.brush?{box:r(e.hit.brush.box),window:r(e.hit.brush.window)}:void 0}:void 0,o=e.edit,a=o?{...o,scale:l=>o.scale(l)+n,invert:l=>o.invert(l-n),bars:o.bars.map(l=>({...l,x0:l.x0+n,x1:l.x1+n}))}:void 0,s=e.map?{...e.map,plot:r(e.map.plot)}:void 0;return{...e,shapes:t,hit:i,edit:a,map:s,legendOffset:void 0}}function he(e,n,t,r,i,o="auto"){let a=Array.isArray(t)?t:[t],s=Math.max(1,Math.floor((r-12)/H)),l=a.flatMap(v=>{let S=[],T=Array.from(v);for(;T.length>s;){let L=T.slice(0,s+1).lastIndexOf(" ");L<1&&(L=s),S.push(T.slice(0,L).join("")),T=T.slice(L),T[0]===" "&&T.shift()}return S.push(T.join("")),S}),u=Math.max(1,Math.floor((i-6)/16)),d=l.slice(0,u);l.length>u&&(d[u-1]=on(`${d[u-1]}\u2026`,r-12));let h=Math.min(r,Math.max(0,...d.map(v=>Array.from(v).length))*H+12),f=Math.min(i,6+d.length*16),C=o==="top"?{x:e-h/2,y:n-f-8}:o==="bottom"?{x:e-h/2,y:n+8}:o==="left"?{x:e-h-8,y:n-f/2}:o==="right"?{x:e+8,y:n-f/2}:{x:e+12,y:n-f-6},w=Math.max(0,Math.min(r-h,C.x)),k=Math.max(0,Math.min(i-f,C.y));return[{kind:"rect",part:"tooltip",title:a.join(`
+`),x:x(w),y:x(k),width:x(h),height:f,fill:"var(--skdx-color-surface-raised)",stroke:y.axis,rx:8},...d.map((v,S)=>({kind:"text",part:"tooltip-label",x:x(w+6),y:x(k+11+S*16),text:v,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:d.length>1&&S===0?"bold":void 0}))]}function At(e,n,t,r){let i=e.error!==void 0?"error":e.loading?"loading":n?"empty":null;if(!i)return null;let{width:o,height:a}=ue(e,t,r),s=i==="error"?e.error:i==="loading"?"Loading\u2026":e.emptyMessage??"No data available",l=[];return i==="loading"&&l.push({kind:"rect",part:"skeleton",x:0,y:0,width:o,height:a,fill:"var(--skdx-color-surface-sunken)",rx:8}),l.push({kind:"text",part:`state-${i}`,x:x(o/2),y:x(a/2),text:s,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":y.label}),{...Le(e,o,a),shapes:l,tooltip:!1}}var pe=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:y.label,...r});function fe(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Pe=e=>e.id??e.name??e.series,Ot=e=>e.seriesId??e.series;function V(e,n){let t=!1;return n.id!==void 0&&(t=!0,Pe(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,Ot(e)!==n.series&&e.series!==n.series)||n.index!==void 0&&(t=!0,e.index!==n.index)||n.category!==void 0&&(t=!0,e.category!==n.category)?!1:t}function W(e){let n={},t=Pe(e);t!==void 0&&(n.id=t);let r=Ot(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Re=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function Be(e,n,t){let r=fe(e),i=W(n),o=r.some(a=>V(n,a));return t==="single"?o?[]:[i]:o?r.filter(a=>!V(n,a)):[...r,i]}var sn=.2;function ln(e){let n=y.focus;switch(e.kind){case"rect":return{kind:"rect",part:"selected",x:e.x-1.5,y:e.y-1.5,width:e.width+3,height:e.height+3,fill:"none",stroke:n,rx:e.rx};case"circle":return{kind:"circle",part:"selected",cx:e.cx,cy:e.cy,r:e.r+2.5,fill:"none",stroke:n};case"path":return{kind:"path",part:"selected",d:e.d,fill:"none",stroke:n,strokeWidth:2.5};case"line":return{...e,part:"selected",stroke:n,strokeWidth:(e.strokeWidth??1)+3,title:void 0,item:void 0};case"text":return}}var cn=(e,n)=>e.kind==="text"?{...e,fill:y.grid}:{...e,opacity:(e.opacity??1)*n};function Ne(e,n){let t=fe(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:fe(n.highlighted),i=r[0];if(t.length===0&&!i)return e;let o={highlighted:n.highlightScope?.highlighted??"item",faded:n.highlightScope?.faded??"global"},a=[],s=d=>!i||r.some(h=>V(d,h))?!0:o.highlighted==="series"?r.some(h=>h.series!==void 0&&V(d,{series:h.series})):!1,l=d=>{if(!i||o.faded==="none"||s(d))return!1;if(o.faded==="series"){let h=i.series;return h!==void 0&&V(d,{series:h})}return!0},u=e.shapes.map(d=>{let h=d.item;if(!h||h.legend)return d;if(t.some(f=>V(h,f))){let f=ln(d);f&&a.push(f)}return l(h)?cn(d,sn):d});return a.length?{...e,shapes:[...u,...a]}:{...e,shapes:u}}var Lt=2*Math.PI;function q(e,n,t,r,i,o){let a=(u,d)=>`${x(e+u*Math.sin(d))} ${x(n-u*Math.cos(d))}`;if(o-i>=Lt-1e-9){let u=i+Lt/2;return`${q(e,n,t,r,i,u)}${q(e,n,t,r,u,o)}`}let s=o-i>Math.PI?1:0,l=`M${a(t,i)}A${t} ${t} 0 ${s} 1 ${a(t,o)}`;return r>0?`${l}L${a(r,o)}A${r} ${r} 0 ${s} 0 ${a(r,i)}Z`:`${l}L${x(e)} ${x(n)}Z`}var zt=e=>e*Math.PI/180;function dn(e,n){let t=[0],r=[0],i=o=>{t.push(Math.sin(o)),r.push(-Math.cos(o))};i(e),i(n);for(let o=Math.ceil(e/(Math.PI/2));o*(Math.PI/2)<=n;o++)i(o*(Math.PI/2));return{x0:Math.min(...t),y0:Math.min(...r),x1:Math.max(...t),y1:Math.max(...r)}}function De(e){let n=At(e,!G(e.value),300,300);if(n)return n;let t=Mt(e.format),{width:r,height:i}=ue(e,300,300),o=Ct(e),a=G(e.min)?e.min:0,s=G(e.max)?e.max:100,l=e.startAngle??-120,u=e.endAngle??120,d=zt(l),h=zt(Math.max(l,Math.min(l+360,u))),f=h-d,C=b=>s>a?Math.max(0,Math.min(1,(b-a)/(s-a))):0,w=b=>d+C(b)*f,k=e.variant==="solid",v=e.ticks===!1?0:e.ticks===!0||e.ticks===void 0?5:e.ticks,S=e.tickLabels??!0,T=Array.from({length:v},(b,$)=>v===1?a:a+(s-a)*$/(v-1)),L=v>0&&S,Me=L?Math.max(...T.map(b=>t(b).length))*H:0,we=L?14+Me:10,ke=L?26:10,N=dn(d,h),$e=Math.max(N.x1-N.x0,.2),Se=Math.max(N.y1-N.y0,.2),O=Math.max(0,Math.min((r-2*we)/$e,(i-o-2*ke)/Se)),D=r/2-(N.x0+N.x1)/2*O,P=o+(i-o)/2-(N.y0+N.y1)/2*O,_t=O*Math.max(.04,Math.min(.6,e.thickness??.18)),Y=O-_t,_=(b,$)=>({x:x(D+b*Math.sin($)),y:x(P-b*Math.cos($))}),F=[],Et=`${t(a)} \u2013 ${t(s)}`,mt=(e.bands??[]).filter(b=>G(b.from)&&G(b.to)),Wt=b=>mt.find($=>b>=$.from&&b<=$.to),Ce=b=>b.color??Ae(b.variant);F.push({kind:"path",part:"track",d:q(D,P,O,Y,d,h),fill:y.grid,opacity:.6});for(let b of mt){let $=w(Math.min(b.from,b.to)),R=w(Math.max(b.from,b.to));if(R<=$)continue;let E=`${b.label?`${b.label}: `:""}${t(b.from)} \u2013 ${t(b.to)}`;F.push(k?{kind:"path",part:"band",d:q(D,P,O+6,O+2,$,R),fill:Ce(b),opacity:.7,title:E}:{kind:"path",part:"band",d:q(D,P,O,Y,$,R),fill:Ce(b),opacity:.75,title:E})}let le=`${e.caption??"Value"}: ${t(e.value)} (${Et})`,Ie={label:le,name:e.caption,value:e.value},ee=w(e.value);if(k){let b=Wt(e.value),$=b?Ce(b):It(e,0);ee>d+1e-6?F.push({kind:"path",part:"value",d:q(D,P,O,Y,d,ee),fill:$,title:le,item:Ie}):F.push({...un(D,P),title:le,item:Ie})}else{let b=_(Y-4,ee),$=4,R=_($,ee-Math.PI/2),E=_($,ee+Math.PI/2);F.push({kind:"path",part:"needle",d:`M${R.x} ${R.y}L${b.x} ${b.y}L${E.x} ${E.y}Z`,fill:"var(--skdx-color-text-default)",title:le,item:Ie},{kind:"circle",part:"hub",cx:x(D),cy:x(P),r:5,fill:"var(--skdx-color-text-default)"})}for(let b of T){let $=w(b),R=_(O+2,$),E=_(O+7,$);if(F.push({kind:"line",part:"tick",x1:R.x,y1:R.y,x2:E.x,y2:E.y,stroke:y.axis}),S){let gt=_(O+12,$),yt=Math.sin($);F.push(pe(gt.x,gt.y,t(b),{part:"tick-label",anchor:yt>.3?"start":yt<-.3?"end":"middle",baseline:"middle"}))}}if(G(e.target)){let b=w(e.target),$=_(Y-2,b),R=_(O+4,b);F.push({kind:"line",part:"target",x1:$.x,y1:$.y,x2:R.x,y2:R.y,stroke:"var(--skdx-color-text-default)",strokeWidth:2,title:`Target: ${t(e.target)}`})}let bt=f<2*Math.PI-1e-6?N.y1<.2?P-Y*.4:P+Y*.45:P;F.push(pe(x(D),x(bt),e.centerLabel??t(e.value),{part:"center-label",anchor:"middle",baseline:"middle",fill:"var(--skdx-color-text-default)",weight:"bold"})),e.caption&&F.push(pe(x(D),x(bt+16),e.caption,{part:"caption",anchor:"middle",baseline:"middle"}));let xt=Le(e,r,i),Ut=G(e.target)?`, target ${t(e.target)}`:"";return{...xt,description:e.description??`${e.caption??"Value"} ${t(e.value)} on a scale from ${t(a)} to ${t(s)}${Ut}.`,shapes:[...F,...xt.shapes]}}var un=(e,n)=>({kind:"circle",part:"anchor",cx:x(e),cy:x(n),r:.01,fill:"none"});var Pt="var(--skdx-radius-default, var(--skdx-radius-md, 0.5rem))";function me(e){return["tooltip","skeleton","label-background","stage-label-background","brush-handle"].includes(e)?Pt:void 0}function J(e,n,t,r,i){let o=e.getBoundingClientRect();return{x:o.width?(n-o.left)*r/o.width:n,y:o.height?(t-o.top)*i/o.height:t}}var Fe=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function Rt(e,n){let t=0,r=1/0;return e.xs.forEach((i,o)=>{let a=Math.abs(i-n);a<r&&(r=a,t=o)}),t}function oe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=Rt(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function je(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[Rt(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:y.axis,dash:"3 3"}}function Ge(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Fe(r.plot,n,t))return[];let i=je(e,n),{rows:o}=oe(e,n),a=e.tooltipAnchored?r.plot.y+8:t;return[i,...he(i.x1,a,o,e.width,e.height,e.tooltipPlacement)]}function He(e,n){let t=e.hit;if(!t||t.xs.length===0)return[];let r=t.rows.findIndex(o=>o[0]===n);if(r<0)return[];let i=t.xs[r];return Ge(e,i,t.plot.y+8)}function Ve(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:l,y:u}=J(t,r,i,e.width,e.height);if(Fe(e.hit.plot,l,u)){let d=oe(e,l),h=je(e,l);if(d&&h)return{lines:d.rows,shapes:[h]}}}let o=n?.closest?.("[data-skdx-part]"),a=e.tooltipFormatter?U(e,n)?.item:void 0,s=a&&e.tooltipFormatter?.(a)||o&&Array.from(o.children).find(l=>l.tagName.toLowerCase()==="title")?.textContent;return s?{lines:Array.isArray(s)?s:[s],shapes:[]}:{lines:[],shapes:[]}}function Bt(e,n,t,r,i,o,a){let s=e?.closest?.("[data-skdx-part]"),l=a&&a.tooltipFormatter?U(a,e)?.item:void 0,u=l&&a?.tooltipFormatter?.(l)||s&&Array.from(s.children).find(w=>w.tagName.toLowerCase()==="title")?.textContent;if(!u)return[];let d=a?.tooltipAnchored?U(a,e):void 0,h=d?a?.shapes[d.index]:void 0,{x:f,y:C}=h?ae(h):J(n,t,r,i,o);return he(f,C,u,i,o,a?.tooltipPlacement)}function Ze(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:a}=J(t,r,i,e.width,e.height),s=Ge(e,o,a);if(s.length>0)return s}return Bt(n,t,r,i,e.width,e.height,e)}function _e(e,n){let t=U(e,n);return t&&!t.item.legend?W(t.item):null}var hn=(e,n)=>{let{x:t,y:r}=ae(e),i=e.kind==="circle"?e.cy:e.kind==="rect"?e.y+e.height/2:r;return t>=n.x&&t<=n.x+n.width&&i>=n.y&&i<=n.y+n.height};function Ee(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!hn(i,n))continue;let o=W(i.item),a=JSON.stringify(o);t.has(a)||(t.add(a),r.push(o))}return r}var We=e=>({kind:"rect",part:"selection-box",x:x(e.x),y:x(e.y),width:x(e.width),height:x(e.height),fill:y.focus,opacity:.12,stroke:y.focus}),xe=(e,n,t,r)=>({x:Math.min(e,t),y:Math.min(n,r),width:Math.abs(t-e),height:Math.abs(r-n)});function Nt(e,n,t){let r=!1;for(let i=0,o=e.length-1;i<e.length;o=i++){let a=e[i],s=e[o];a.y>t!=s.y>t&&n<(s.x-a.x)*(t-a.y)/(s.y-a.y)+a.x&&(r=!r)}return r}function Ue(e,n){if(n.length<3)return[];let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor")continue;let{x:o,y:a}=ae(i),s=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:a;if(!Nt(n,o,s))continue;let l=W(i.item),u=JSON.stringify(l);t.has(u)||(t.add(u),r.push(l))}return r}var Ke=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${x(n.x)} ${x(n.y)}`).join("L")}`:"",fill:y.focus,fillOpacity:.12,stroke:y.focus,dash:"4 3"}),be=6;function Ye(e,n,t){let r=e.edit;if(r){for(let i of r.bars)if(!(t<i.y||t>i.y+i.height||n<i.x0-be||n>i.x1+be))return Math.abs(n-i.x0)<=be?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=be?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function qe(e,n,t){let r=e.edit;return Dt(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function Xe(e,n,t){let r=e.edit,i=t.key==="ArrowRight"?1:t.key==="ArrowLeft"?-1:0;if(!r||n===null||!i||!(t.shiftKey||t.altKey))return;let o=r.bars.find(l=>l.index===n);if(!o)return;let a=t.altKey?t.shiftKey?"start":"end":"move",s=r.snap??r.invert(o.x0+10)-r.invert(o.x0);return Dt(r,{bar:o,mode:a},i*s)}function Dt(e,{bar:n,mode:t},r){let i=s=>e.snap?Math.round(s/e.snap)*e.snap:s,o=n.start,a=n.end;return t==="move"?(o=i(n.start+r),a=o+(n.end-n.start)):t==="start"?o=Math.min(i(n.start+r),n.end):a=Math.max(i(n.end+r),n.start),{id:n.id,name:n.name,start:o,end:a}}function Qe(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:x(Math.min(i,o)),y:x(n.bar.y),width:x(Math.max(1,Math.abs(o-i))),height:x(n.bar.height),fill:y.focus,opacity:.25,stroke:y.focus,rx:2}}var pn=64,fn=e=>Math.max(1,Math.min(pn,e));function Je(e,n,t,r){let i=n>0?.8:1.25,o=fn(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:a,scale:s}=e,[l,u]=e.view.center,d=(t-(a.x+a.width/2))/s,h=(r-(a.y+a.height/2))/s,f=e.view.zoom/o;return{center:[l+d*(1-f),e.fromY(e.toY(u)-h*(1-f))],zoom:o}}function et(e,n,t,r){let{scale:i}=e;return{center:[n.center[0]-t/i,e.fromY(e.toY(n.center[1])+r/i)],zoom:n.zoom}}function U(e,n){let t=n?.closest?.("[data-skdx-i]"),r=Number(t?.getAttribute("data-skdx-i")),i=Number.isInteger(r)?e.shapes[r]?.item:void 0;return i?{index:r,item:i}:void 0}var ge=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function ae(e){switch(e.kind){case"rect":return{x:e.x+e.width/2,y:e.y};case"circle":return{x:e.cx,y:e.cy-e.r};case"line":return{x:(e.x1+e.x2)/2,y:Math.min(e.y1,e.y2)};case"text":return{x:e.x,y:e.y};case"path":{let n=/M\s*(-?[\d.]+)[ ,](-?[\d.]+)/.exec(e.d);return n?{x:Number(n[1]),y:Number(n[2])}:{x:0,y:0}}}}function tt(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=y.focus,i;switch(t.kind){case"rect":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-2,width:t.width+4,height:t.height+4,fill:"none",stroke:r,rx:2};break;case"circle":i={kind:"circle",part:"focus",cx:t.cx,cy:t.cy,r:t.r+3,fill:"none",stroke:r};break;case"line":i={kind:"line",part:"focus",x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:r,strokeWidth:4};break;case"text":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-8,width:t.text.length*H+4,height:16,fill:"none",stroke:r,rx:2};break;case"path":i={kind:"path",part:"focus",d:t.d,stroke:r,strokeWidth:2,fill:"none"};break}let{x:o,y:a}=ae(t),s=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...s?he(x(o),x(a),s,e.width,e.height):[]]}function nt(e,n,t){let r=ge(e);if(r.length===0)return;let i=n===null?-1:r.indexOf(n);switch(t){case"ArrowRight":case"ArrowDown":return r[Math.min(r.length-1,i+1)];case"ArrowLeft":case"ArrowUp":return r[Math.max(0,i<=0?0:i-1)];case"Home":return r[0];case"End":return r[r.length-1];case"Escape":return null;default:return}}var X=2,Q=(e,n,t)=>{let r=Math.max(X,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},Ft=(e,n)=>!e||e.start<=0&&e.end>=n;function rt(e,n,t){if(e.count<=X||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,a=n>0?1.25:.8,s=Math.max(X,Math.min(e.count,Math.round(o*a)));if(s===o)return n>0&&!Ft(e.zoom,e.count)?Q(r,s,e.count):void 0;let l=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),u=r+l*o;return Q(u-l*s,s,e.count)}function it(e,n,t,r){let i=n.end-n.start,o=Math.max(X,Math.min(e.count,Math.round(i/Math.max(.05,t)))),a=Math.max(0,Math.min(1,(r-e.plot.x)/Math.max(1,e.plot.width)));return Q(n.start+a*i-a*o,o,e.count)}function ot(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return Q(n.start-t/i,r,e.count)}function at(e,n,t){let r=e.brush;if(!r||!Fe(r.box,n,t))return;let i=r.window;if(Math.abs(n-i.x)<=6)return{grab:"left",zoom:e.zoom};if(Math.abs(n-(i.x+i.width))<=6)return{grab:"right",zoom:e.zoom};if(n>i.x&&n<i.x+i.width)return{grab:"move",zoom:e.zoom};let o=e.zoom.end-e.zoom.start,a=(n-r.box.x)/Math.max(1,r.box.width)*e.count;return{grab:"move",zoom:Q(a-o/2,o,e.count)}}function st(e,n,t,r){let i=e.brush;if(!i)return t;let o=r/Math.max(1,i.box.width)*e.count;if(n==="move")return Q(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-X,Math.round(t.start+o))),end:t.end};let a=Math.min(e.count,Math.max(t.start+X,Math.round(t.end+o)));return{start:t.start,end:a}}function ct(e,n){switch(n.type){case"svg":return Promise.resolve(lt(e,n.label,n.resolve));case"csv":return Promise.resolve(Vt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=lt(e,n.label,n.resolve);return Ht(t,e.width,e.height,n.scale,n.background)}}}var Z=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;"),se=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${Z(String(t))}"`).join("");function jt(e){let n=e.title?`<title>${Z(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${se([t,["d",e.d],["fill",e.fill??"none"],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-linecap",e.strokeLinecap],["stroke-linejoin",e.strokeLinejoin],["stroke-dasharray",e.dash],["opacity",e.opacity],["fill-opacity",e.fillOpacity]])}>${n}</path>`;case"rect":return`<rect${se([t,["x",e.x],["y",e.y],["width",e.width],["height",e.height],["rx",e.rx],["fill",e.fill],["stroke",e.stroke],["fill-opacity",e.opacity]])}>${n}</rect>`;case"line":return`<line${se([t,["x1",e.x1],["y1",e.y1],["x2",e.x2],["y2",e.y2],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-dasharray",e.dash],["opacity",e.opacity]])}>${n}</line>`;case"circle":return`<circle${se([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${se([t,["aria-label",e.title],["x",e.x],["y",e.y],["text-anchor",e.anchor],["dominant-baseline",e.baseline],["fill",e.fill],["font-weight",e.weight],["transform",e.rotate?`rotate(${e.rotate} ${e.x} ${e.y})`:void 0]])}>${Z(e.text)}</text>`}}function Gt(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${Z(t.id)}" x1="0" y1="0" x2="${t.vertical===!1?1:0}" y2="${t.vertical===!1?0:1}">${t.stops.map(r=>`<stop offset="${r.offset}" stop-color="${Z(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function lt(e,n,t){let r=Gt(e)+e.shapes.map(jt).join("");return t&&(r=r.replace(/var\((--[\w-]+)\)/g,(i,o)=>t(o).trim()||i)),`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e.width} ${e.height}" width="${e.width}" height="${e.height}" role="img" aria-label="${Z(n)}" font-family="${Z(y.fontFamily)}" font-size="${Z(y.fontSize)}"><title>${Z(n)}</title>${r}</svg>`}function Ht(e,n,t,r=2,i){return new Promise((o,a)=>{let s=URL.createObjectURL(new Blob([e],{type:"image/svg+xml;charset=utf-8"})),l=new Image;l.onload=()=>{URL.revokeObjectURL(s);let u=document.createElement("canvas");u.width=Math.round(n*r),u.height=Math.round(t*r);let d=u.getContext("2d");if(!d)return a(new Error("canvas 2d context unavailable"));i&&(d.fillStyle=i,d.fillRect(0,0,u.width,u.height)),d.drawImage(l,0,0,u.width,u.height),u.toBlob(h=>h?o(h):a(new Error("toBlob failed")),"image/png")},l.onerror=()=>{URL.revokeObjectURL(s),a(new Error("svg could not be decoded"))},l.src=s})}function Vt(e){let n=t=>{let r=t==null?"":String(t);return/[",\n\r]/.test(r)?`"${r.replace(/"/g,'""')}"`:r};return e.map(t=>t.map(n).join(",")).join(`\r
+`)}function dt(e,n){if(!n)return;let t=typeof n=="object"?n.maxRows??500:500,r=e.hit;if(r&&r.rows.length>0){let s=r.rows[0];if(r.rows.length>t)return;let l=["",...s.slice(1).map(d=>d.replace(/:\s[^:]*$/,""))],u=r.rows.map(d=>[d[0],...d.slice(1).map(h=>h.slice(h.lastIndexOf(": ")+2))]);return[l,...u]}let i=e.shapes.flatMap(s=>s.item&&!s.item.legend&&!(s.part==="anchor"&&!s.title)?[s.item]:[]);if(i.length===0||i.length>t)return;let o=["series","name","category","value"].filter(s=>i.some(l=>l[s]!==void 0)),a=(s,l)=>s[l]===void 0?"":String(s[l]);return[o.map(s=>s[0]?.toUpperCase()+s.slice(1)),...i.map(s=>o.map(l=>a(s,l)))]}var ut=new Map;function ye(e){let n=ut.get(e);if(n)return n.group;let t=new Set,r={},i={current:r,subscribe(o){return t.add(o),()=>{t.delete(o),t.size===0&&ut.delete(e)}},publish(o,a){Object.assign(r,o);for(let s of t)s(o,a)}};return ut.set(e,{group:i,listeners:t}),i}var Zt='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',ht=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Zt}{animation:skdx-in var(--skdx-chart-duration,0ms) ease-out;transition:${["x","y","width","height","cx","cy","r","opacity","fill-opacity","d"].map(e=>`${e} var(--skdx-chart-duration,0ms) ease-out`).join(",")}}@media (prefers-reduced-motion:reduce){${Zt}{animation:none;transition:none}}`;function pt(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}import{css as mn,html as K,LitElement as bn,nothing as I,svg as B}from"lit";import{property as p,state as j}from"lit/decorators.js";import{ifDefined as g}from"lit/directives/if-defined.js";var ft={fromAttribute:()=>!1},m=class extends bn{constructor(){super(...arguments);this.legend=!1;this.tooltip=!0;this.selectionMode="none";this.loading=!1;this.decorative=!1;this.accessibleTable=!1;this.zoomable=!1;this.editable=!1;this.crossFilter=!1;this.animated=!1;this.responsive=!1;this.tip=[];this.overlay=[];this.portal=null;this.highlightState=null;this.crossState=null;this.lastCross=null;this.pointers=new Map;this.hover=null;this.token={};this.focused=null;this.hiddenState=[];this.drag=null;this.onPointerMove=t=>{let r=this.layout;if(!r)return;this.pointers.has(t.pointerId)&&this.pointers.set(t.pointerId,this.viewBox(t,r).x);let i=this.drag;if(i?.grab==="select"){let{x:o,y:a}=this.viewBox(t,r);this.overlay=[We(xe(i.x,i.y,o,a))];return}if(i?.grab==="lasso"){let{x:o,y:a}=this.viewBox(t,r);i.points=[...i.points??[],{x:o,y:a}],this.overlay=[Ke(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=qe(r,i.gantt,o-i.x),this.overlay=[Qe(r,i.gantt,i.change)];return}if(i?.grab==="map"){if(!r.map||!i.view)return;let{x:o,y:a}=this.viewBox(t,r);this.setView(et(r.map,i.view,o-i.x,a-i.y));return}if(i&&r.hit){if(i.grab==="pinch"){let[a,s]=[...this.pointers.values()];if(a===void 0||s===void 0||!i.distance)return;this.setZoom(it(r.hit,i.zoom,Math.abs(a-s)/i.distance,(a+s)/2));return}let{x:o}=this.viewBox(t,r);this.setZoom(i.grab==="pan"?ot(r.hit,i.zoom,o-i.x):st(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:a}=Ve(r,t.target,t.currentTarget,t.clientX,t.clientY);this.tip=a,this.portal=o.length?{x:t.clientX,y:t.clientY,lines:o}:null}else{let o=Ze(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(_e(r,t.target)),this.syncId&&r.hit?.crosshair){let o=oe(r,this.viewBox(t,r).x);this.shareCrosshair(o?r.hit.rows[o.index]?.[0]??null:null)}};this.onPointerDown=t=>{let r=this.layout;if(!r||t.button!==0)return;let{x:i,y:o}=this.viewBox(t,r),a=U(r,t.target)?.item.legend,s=this.canEdit(r)?Ye(r,i,o):void 0;if(s){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"edit",gantt:s},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.brushing()&&!a){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:this.selectionMode==="lasso"?"lasso":"select",points:[{x:i,y:o}]},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.canPan(r)&&r.map){let u=r.map.plot;if(i<u.x||i>u.x+u.width||o<u.y||o>u.y+u.height)return;this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"map",view:r.map.view},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}let l=r.hit;if(!(!l||!this.canZoom(r))){if(this.pointers.set(t.pointerId,i),this.pointers.size===2){let[u,d]=[...this.pointers.values()];this.drag={x:(u+d)/2,y:o,zoom:l.zoom,grab:"pinch",distance:Math.abs(u-d)||1}}else{let u=at(l,i,o);if(u)this.drag={x:i,y:o,zoom:u.zoom,grab:u.grab},u.zoom!==l.zoom&&this.setZoom(u.zoom);else if(this.zoomable&&i>=l.plot.x&&i<=l.plot.x+l.plot.width&&o>=l.plot.y&&o<=l.plot.y+l.plot.height)this.drag={x:i,y:o,zoom:l.zoom,grab:"pan"};else{this.pointers.delete(t.pointerId);return}}t.currentTarget.setPointerCapture(t.pointerId),this.clearTip()}};this.onPointerUp=t=>{this.pointers.delete(t.pointerId);let r=t.currentTarget;r.hasPointerCapture(t.pointerId)&&r.releasePointerCapture(t.pointerId);let i=this.drag,o=this.layout;if(o&&(i?.grab==="select"||i?.grab==="lasso"||i?.grab==="edit"||i?.grab==="map")){this.overlay=[];let{x:a,y:s}=this.viewBox(t,o);if(Math.abs(a-i.x)>2||Math.abs(s-i.y)>2){i.grab==="select"?this.setSelected(Ee(o,xe(i.x,i.y,a,s))):i.grab==="lasso"?this.setSelected(Ue(o,i.points??[])):i.grab==="edit"&&i.change&&this.emit("skdx-task-change",i.change),this.drag={...i,distance:-1};return}this.drag=null;return}(this.pointers.size===0||this.drag?.grab==="pinch")&&(this.drag=null)};this.onWheel=t=>{let r=this.layout;if(!r)return;let{x:i,y:o}=this.viewBox(t,r);if(r.map&&this.canPan(r)){let l=r.map.plot;if(i<l.x||i>l.x+l.width||o<l.y||o>l.y+l.height)return;t.preventDefault(),this.setView(Je(r.map,t.deltaY,i,o));return}let a=r.hit;if(!a||!this.canZoom(r)||o<a.plot.y||o>a.plot.y+a.plot.height)return;let s=rt(a,t.deltaY,i);s&&(t.preventDefault(),this.setZoom(s))};this.onClick=t=>{if(!this.layout)return;if(this.drag?.distance===-1){this.drag=null;return}let r=U(this.layout,t.target);r&&(r.item.range?this.setZoom(r.item.range):r.item.legend&&r.item.series!==void 0?this.toggle(r.item.series):(this.select(r.item),this.emit("skdx-item-click",r.item)))};this.onKeyDown=t=>{if(t.key==="Escape"){t.preventDefault(),this.focused=null,this.clearTip(),this.crossState=null,this.highlight(null);return}let r=this.layout;if(!r)return;if((t.key==="Enter"||t.key===" ")&&this.focused!==null){let s=r.shapes[this.focused]?.item;s&&(t.preventDefault(),this.select(s),this.emit("skdx-item-click",s));return}let i=this.canEdit(r)?Xe(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=nt(r,this.focused,t.key);if(o===void 0)return;t.preventDefault(),this.focused=o;let a=o===null?void 0:r.shapes[o]?.item;this.highlight(a?W(a):null)}}connectedCallback(){super.connectedCallback(),!(typeof ResizeObserver>"u")&&(this.observer=new ResizeObserver(([t])=>{let r=Math.floor(t?.contentRect.width??0);r>0&&(this.measured=r)}),this.observer.observe(this))}disconnectedCallback(){this.observer?.disconnect(),this.leave?.(),this.leave=void 0,this.joined=void 0,super.disconnectedCallback()}sized(){let{width:t,height:r,legend:i,tooltip:o,format:a,palette:s,loading:l,error:u,emptyMessage:d,description:h,decorative:f,animated:C,responsive:w,highlighted:k,highlightScope:v,accessibleTable:S}=this;return{...typeof w=="object"&&this.measured!==void 0&&this.measured<(w.breakpoint??480)?w.compact:void 0,width:w&&this.measured?this.measured:t,height:r,animate:C,responsive:w,legend:i,tooltip:o,format:a,palette:s,loading:l,error:u,emptyMessage:d,description:h,decorative:f,highlighted:k===void 0?this.highlightState:k,highlightScope:v,accessibleTable:S,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&ye(this.syncId).publish(t,this.token)}join(){if(this.joined===this.syncId||(this.leave?.(),this.leave=void 0,this.joined=this.syncId,!this.syncId))return;let t=ye(this.syncId),r=i=>{"highlighted"in i&&(this.highlightState=i.highlighted??null),i.selected&&(this.selectedState=i.selected,this.crossFilter&&(this.highlightState=i.selected.length?i.selected:null)),"zoom"in i&&(this.zoomState=i.zoom),i.hiddenSeries&&(this.hiddenState=i.hiddenSeries),"crosshair"in i&&(this.crossState=i.crosshair??null)};r(t.current),this.leave=t.subscribe((i,o)=>{o!==this.token&&r(i)})}setZoom(t){this.zoomState=t,this.emit("skdx-zoom-change",t),this.publish({zoom:t})}setView(t){this.viewState=t,this.emit("skdx-view-change",t)}setSelected(t){this.selectedState=t,this.emit("skdx-selected-change",t),this.publish({selected:t})}toggle(t){let r=this.hiddenSeries??this.hiddenState,i=r.includes(t)?r.filter(o=>o!==t):[...r,t];this.hiddenState=i,this.emit("skdx-hidden-series-change",i),this.publish({hiddenSeries:i})}highlight(t){let r=this.hover;r===t||r&&t&&Re(r,t)||(this.hover=t,this.emit("skdx-highlighted-change",t),this.highlightState=t,this.syncId&&this.publish({highlighted:t}))}select(t){let r=this.selectionMode;r!=="none"&&this.setSelected(Be(this.selected??this.selectedState,t,r==="single"?"single":"multiple"))}shareCrosshair(t){!this.syncId||this.lastCross===t||(this.lastCross=t,this.publish({crosshair:t}))}clearTip(){this.tip=[],this.portal=null,this.shareCrosshair(null)}canZoom(t){return!!(t.hit&&(this.zoomable||t.hit.brush))}canPan(t){return!!(t.map&&this.zoomable)}canEdit(t){return!!(this.editable&&t.edit)}brushing(){return this.selectionMode==="brush"||this.selectionMode==="lasso"}viewBox(t,r){return J(t.currentTarget,t.clientX,t.clientY,r.width,r.height)}getSvgElement(){return this.renderRoot.querySelector("svg")}getLayout(){return this.layout}resetZoom(){this.setZoom(void 0)}zoomTo(t){this.setZoom(t)}focusItem(t){let r=this.layout;if(!r)return!1;let i=r.shapes.findIndex(o=>o.item&&!o.item.legend&&V(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?ct(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Ne(ze(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let v of o.issues??[])this.emit("skdx-data-issue",v)}let a=this.canZoom(o),s=this.canPan(o),l=this.canEdit(o),u=this.brushing(),d=a||s||l||u,h=!o.decorative&&ge(o).length>0,f=pt(o),C=dt(o,this.accessibleTable),w=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,k=this.portal;return K`<svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 ${o.width} ${o.height}"
         width=${o.width}
         height=${o.height}
         role=${o.decorative?"presentation":"img"}
-        aria-hidden=${o.decorative?"true":C}
-        aria-label=${o.decorative?C:i}
-        aria-describedby=${v(b)}
-        tabindex=${u?0:C}
+        aria-hidden=${o.decorative?"true":I}
+        aria-label=${o.decorative?I:i}
+        aria-description=${g(o.description)}
+        tabindex=${h?0:I}
         data-skdx-chart=${r}
-        data-zoomable=${s||a?"":C}
-        data-brushing=${d&&!(s||a)?"":C}
-        data-editable=${c?"":C}
-        style=${$?`--skdx-chart-duration:${$}`:C}
-        font-family=${x.fontFamily}
-        font-size=${x.fontSize}
-        @pointermove=${o.tooltip||h?this.onPointerMove:C}
+        data-zoomable=${a||s?"":I}
+        data-brushing=${u&&!(a||s)?"":I}
+        data-editable=${l?"":I}
+        style=${f?`--skdx-chart-duration:${f}`:I}
+        font-family=${y.fontFamily}
+        font-size=${y.fontSize}
+        @pointermove=${o.tooltip||d?this.onPointerMove:I}
         @pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
-        @pointerdown=${h?this.onPointerDown:C}
-        @pointerup=${h?this.onPointerUp:C}
-        @pointercancel=${h?this.onPointerUp:C}
-        @wheel=${s||a?this.onWheel:C}
-        @dblclick=${s||a?()=>a?this.setView(void 0):this.setZoom(void 0):C}
+        @pointerdown=${d?this.onPointerDown:I}
+        @pointerup=${d?this.onPointerUp:I}
+        @pointercancel=${d?this.onPointerUp:I}
+        @wheel=${a||s?this.onWheel:I}
+        @dblclick=${a||s?()=>s?this.setView(void 0):this.setZoom(void 0):I}
         @click=${this.onClick}
-        @keydown=${u?this.onKeyDown:C}
+        @keydown=${h?this.onKeyDown:I}
         @blur=${()=>{this.focused=null,this.highlight(null)}}
       >
         <title>${i}</title>
-        ${o.description?P`<desc id=${v(b)}>${o.description}</desc>`:C}
-        ${$?P`<style>${ht}</style>`:C} ${fn(o)}
-        ${xe(o.shapes)}
-        ${xe(this.tip.length||!this.crossState?this.tip:je(o,this.crossState))}
-        ${xe(et(o,this.focused))} ${xe(this.overlay)}
+        ${o.description?B`<desc>${o.description}</desc>`:I}
+        ${f?B`<style>${ht}</style>`:I} ${xn(o)}
+        ${ve(o.shapes)}
+        ${ve(this.tip.length||!this.crossState?this.tip:He(o,this.crossState))}
+        ${ve(tt(o,this.focused))} ${ve(this.overlay)}
       </svg>
-      ${k?U`<div
+      ${k?K`<div
               role="tooltip"
               data-skdx-tooltip=${r}
               style="left:${k.x+12}px;top:${k.y+12}px"
             >
-              ${k.lines.map(I=>U`<div>${I}</div>`)}
-            </div>`:C}
-      ${M?U`<table data-skdx-table=${r}>
+              ${k.lines.map(v=>K`<div>${v}</div>`)}
+            </div>`:I}
+      ${C?K`<table data-skdx-table=${r}>
               <caption>
-                ${S}
+                ${w}
               </caption>
               <thead>
                 <tr>
-                  ${(M[0]??[]).map(I=>U`<th scope="col">${I}</th>`)}
+                  ${(C[0]??[]).map(v=>K`<th scope="col">${v}</th>`)}
                 </tr>
               </thead>
               <tbody>
-                ${M.slice(1).map(I=>U`<tr>
-                      ${I.map((B,G)=>G===0?U`<th scope="row">${B}</th>`:U`<td>${B}</td>`)}
+                ${C.slice(1).map(v=>K`<tr>
+                      ${v.map((S,T)=>T===0?K`<th scope="row">${S}</th>`:K`<td>${S}</td>`)}
                     </tr>`)}
               </tbody>
-            </table>`:C}`}};f.styles=un`
+            </table>`:I}`}};m.styles=mn`
     :host {
       display: inline-block;
     }
@@ -63,7 +64,6 @@ var Wt=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var l=(e,n,t
       display: block;
       max-width: 100%;
       height: auto;
-      outline: none;
     }
     svg[data-zoomable] {
       cursor: grab;
@@ -78,6 +78,9 @@ var Wt=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var l=(e,n,t
     }
     :host([responsive]) {
       display: block;
+      /* Keep centered flex/grid hosts independent of the previous SVG's intrinsic width. */
+      width: 100%;
+      min-width: 0;
     }
     table {
       position: absolute;
@@ -97,7 +100,7 @@ var Wt=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var l=(e,n,t
       background: var(--skdx-color-surface-raised);
       color: var(--skdx-color-text-default);
       border: 1px solid var(--skdx-color-border-strong);
-      border-radius: 3px;
+      border-radius: var(--skdx-radius-default, var(--skdx-radius-md, 0.5rem));
       padding: 4px 8px;
       font-family: var(--skdx-font-family);
       font-size: var(--skdx-font-size-xs);
@@ -106,4 +109,4 @@ var Wt=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var l=(e,n,t
     [role='tooltip'] > :first-child:not(:only-child) {
       font-weight: bold;
     }
-  `,l([p({type:Number})],f.prototype,"width",2),l([p({type:Number})],f.prototype,"height",2),l([p()],f.prototype,"label",2),l([p({type:Boolean,reflect:!0})],f.prototype,"legend",2),l([p({type:Boolean,attribute:"no-tooltip",converter:pt})],f.prototype,"tooltip",2),l([p({attribute:!1})],f.prototype,"format",2),l([p({attribute:!1})],f.prototype,"palette",2),l([p({attribute:!1})],f.prototype,"hiddenSeries",2),l([p({attribute:!1})],f.prototype,"selected",2),l([p({attribute:"selection-mode"})],f.prototype,"selectionMode",2),l([p({attribute:!1})],f.prototype,"highlighted",2),l([p({attribute:!1})],f.prototype,"highlightScope",2),l([p({type:Boolean,reflect:!0})],f.prototype,"loading",2),l([p()],f.prototype,"error",2),l([p({attribute:"empty-message"})],f.prototype,"emptyMessage",2),l([p()],f.prototype,"description",2),l([p({type:Boolean,reflect:!0})],f.prototype,"decorative",2),l([p({type:Boolean,attribute:"accessible-table"})],f.prototype,"accessibleTable",2),l([p({attribute:!1})],f.prototype,"zoom",2),l([p({attribute:!1})],f.prototype,"view",2),l([p({type:Boolean,reflect:!0})],f.prototype,"zoomable",2),l([p({type:Boolean,reflect:!0})],f.prototype,"editable",2),l([p({attribute:"sync-id"})],f.prototype,"syncId",2),l([p({type:Boolean,attribute:"cross-filter"})],f.prototype,"crossFilter",2),l([p({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],f.prototype,"animated",2),l([p({type:Boolean,reflect:!0})],f.prototype,"responsive",2),l([F()],f.prototype,"tip",2),l([F()],f.prototype,"overlay",2),l([F()],f.prototype,"portal",2),l([F()],f.prototype,"measured",2),l([F()],f.prototype,"viewState",2),l([F()],f.prototype,"highlightState",2),l([F()],f.prototype,"crossState",2),l([F()],f.prototype,"focused",2),l([F()],f.prototype,"hiddenState",2),l([F()],f.prototype,"zoomState",2),l([F()],f.prototype,"selectedState",2);var y=class extends f{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:d,curve:h,connectNulls:u,nulls:b,stacked:$,stackOffset:M,orientation:S,radius:k,barGap:I,barWidth:B,sort:G,transform:ye,transforms:ve,bins:Me,binWidth:R,binDomain:we,binMode:$e,sampling:A,brush:N,crosshair:z}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:d,curve:h,connectNulls:u,nulls:b,stacked:$,stackOffset:M,orientation:S,radius:k,barGap:I,barWidth:B,sort:G,transform:ye,transforms:ve,bins:Me,binWidth:R,binDomain:we,binMode:$e,sampling:A,brush:N,crosshair:z}}};l([p({attribute:!1})],y.prototype,"series",2),l([p({attribute:!1})],y.prototype,"categories",2),l([p({attribute:!1})],y.prototype,"xAxis",2),l([p({attribute:!1})],y.prototype,"yAxis",2),l([p({attribute:!1})],y.prototype,"rightAxis",2),l([p({attribute:!1})],y.prototype,"references",2),l([p({attribute:!1})],y.prototype,"annotations",2),l([p({type:Boolean,reflect:!0})],y.prototype,"labels",2),l([p()],y.prototype,"curve",2),l([p({type:Boolean,attribute:"connect-nulls"})],y.prototype,"connectNulls",2),l([p()],y.prototype,"nulls",2),l([p({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],y.prototype,"stacked",2),l([p({attribute:"stack-offset"})],y.prototype,"stackOffset",2),l([p()],y.prototype,"orientation",2),l([p({type:Number})],y.prototype,"radius",2),l([p({type:Number,attribute:"bar-gap"})],y.prototype,"barGap",2),l([p({type:Number,attribute:"bar-width"})],y.prototype,"barWidth",2),l([p()],y.prototype,"sort",2),l([p()],y.prototype,"transform",2),l([p({attribute:!1})],y.prototype,"transforms",2),l([p({type:Number})],y.prototype,"bins",2),l([p({type:Number,attribute:"bin-width"})],y.prototype,"binWidth",2),l([p({attribute:!1})],y.prototype,"binDomain",2),l([p({attribute:"bin-mode"})],y.prototype,"binMode",2),l([p({attribute:!1})],y.prototype,"sampling",2),l([p({type:Boolean,reflect:!0})],y.prototype,"brush",2),l([p({type:Boolean,reflect:!0})],y.prototype,"crosshair",2);var fn=e=>e.defs&&e.defs.length?P`<defs>${e.defs.map(n=>P`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>P`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${v(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:C,xe=e=>P`${e.map((n,t)=>{let r=n.title?P`<title>${n.title}</title>`:C,i=n.item?t:void 0;switch(n.kind){case"path":return P`<path data-skdx-part=${n.part} data-skdx-i=${v(i)} d=${n.d} fill=${n.fill??"none"} stroke=${v(n.stroke)} stroke-width=${v(n.strokeWidth)} stroke-linecap=${v(n.strokeLinecap)} stroke-linejoin=${v(n.strokeLinejoin)} stroke-dasharray=${v(n.dash)} opacity=${v(n.opacity)} fill-opacity=${v(n.fillOpacity)}>${r}</path>`;case"rect":return P`<rect data-skdx-part=${n.part} data-skdx-i=${v(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${v(n.rx)} fill=${n.fill} stroke=${v(n.stroke)} fill-opacity=${v(n.opacity)}>${r}</rect>`;case"line":return P`<line data-skdx-part=${n.part} data-skdx-i=${v(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${v(n.strokeWidth)} stroke-dasharray=${v(n.dash)} opacity=${v(n.opacity)}>${r}</line>`;case"circle":return P`<circle data-skdx-part=${n.part} data-skdx-i=${v(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${v(n.stroke)} opacity=${v(n.opacity)}>${r}</circle>`;case"text":return P`<text data-skdx-part=${n.part} data-skdx-i=${v(i)} x=${n.x} y=${n.y} text-anchor=${v(n.anchor)} dominant-baseline=${v(n.baseline)} fill=${v(n.fill)} font-weight=${v(n.weight)} pointer-events=${v(i===void 0?"none":void 0)} transform=${v(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var T=class extends f{constructor(){super(...arguments);this.value=Number.NaN;this.tickLabels=!0}render(){let{value:t,min:r,max:i,variant:o,startAngle:s,endAngle:a,thickness:c,bands:d,target:h,ticks:u,tickLabels:b,centerLabel:$,caption:M}=this;return this.root(Ne({...this.sized(),value:t,min:r,max:i,variant:o,startAngle:s,endAngle:a,thickness:c,bands:d,target:h,ticks:u,tickLabels:b,centerLabel:$,caption:M}),"gauge",this.label??"Gauge chart")}};l([O({type:Number})],T.prototype,"value",2),l([O({type:Number})],T.prototype,"min",2),l([O({type:Number})],T.prototype,"max",2),l([O()],T.prototype,"variant",2),l([O({type:Number,attribute:"start-angle"})],T.prototype,"startAngle",2),l([O({type:Number,attribute:"end-angle"})],T.prototype,"endAngle",2),l([O({type:Number})],T.prototype,"thickness",2),l([O({attribute:!1})],T.prototype,"bands",2),l([O({type:Number})],T.prototype,"target",2),l([O({attribute:!1})],T.prototype,"ticks",2),l([O({type:Boolean,attribute:"no-tick-labels",converter:pt})],T.prototype,"tickLabels",2),l([O({attribute:"center-label"})],T.prototype,"centerLabel",2),l([O()],T.prototype,"caption",2),T=l([mn("skdx-gauge-chart")],T);export{T as SkdxGaugeChart};
+  `,c([p({type:Number})],m.prototype,"width",2),c([p({type:Number})],m.prototype,"height",2),c([p()],m.prototype,"label",2),c([p({type:Boolean,reflect:!0})],m.prototype,"legend",2),c([p({type:Boolean,attribute:"no-tooltip",converter:ft})],m.prototype,"tooltip",2),c([p({attribute:!1})],m.prototype,"format",2),c([p({attribute:!1})],m.prototype,"palette",2),c([p({attribute:!1})],m.prototype,"hiddenSeries",2),c([p({attribute:!1})],m.prototype,"selected",2),c([p({attribute:"selection-mode"})],m.prototype,"selectionMode",2),c([p({attribute:!1})],m.prototype,"highlighted",2),c([p({attribute:!1})],m.prototype,"highlightScope",2),c([p({type:Boolean,reflect:!0})],m.prototype,"loading",2),c([p()],m.prototype,"error",2),c([p({attribute:"empty-message"})],m.prototype,"emptyMessage",2),c([p()],m.prototype,"description",2),c([p({type:Boolean,reflect:!0})],m.prototype,"decorative",2),c([p({type:Boolean,attribute:"accessible-table"})],m.prototype,"accessibleTable",2),c([p({attribute:!1})],m.prototype,"zoom",2),c([p({attribute:!1})],m.prototype,"view",2),c([p({type:Boolean,reflect:!0})],m.prototype,"zoomable",2),c([p({type:Boolean,reflect:!0})],m.prototype,"editable",2),c([p({attribute:"sync-id"})],m.prototype,"syncId",2),c([p({type:Boolean,attribute:"cross-filter"})],m.prototype,"crossFilter",2),c([p({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],m.prototype,"animated",2),c([p({type:Boolean,reflect:!0})],m.prototype,"responsive",2),c([j()],m.prototype,"tip",2),c([j()],m.prototype,"overlay",2),c([j()],m.prototype,"portal",2),c([j()],m.prototype,"measured",2),c([j()],m.prototype,"viewState",2),c([j()],m.prototype,"highlightState",2),c([j()],m.prototype,"crossState",2),c([j()],m.prototype,"focused",2),c([j()],m.prototype,"hiddenState",2),c([j()],m.prototype,"zoomState",2),c([j()],m.prototype,"selectedState",2);var M=class extends m{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:a,references:s,annotations:l,labels:u,curve:d,connectNulls:h,nulls:f,stacked:C,stackOffset:w,orientation:k,radius:v,barGap:S,barWidth:T,sort:L,transform:Me,transforms:we,bins:ke,binWidth:N,binDomain:$e,binMode:Se,sampling:O,brush:D,crosshair:P}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:a,references:s,annotations:l,labels:u,curve:d,connectNulls:h,nulls:f,stacked:C,stackOffset:w,orientation:k,radius:v,barGap:S,barWidth:T,sort:L,transform:Me,transforms:we,bins:ke,binWidth:N,binDomain:$e,binMode:Se,sampling:O,brush:D,crosshair:P}}};c([p({attribute:!1})],M.prototype,"series",2),c([p({attribute:!1})],M.prototype,"categories",2),c([p({attribute:!1})],M.prototype,"xAxis",2),c([p({attribute:!1})],M.prototype,"yAxis",2),c([p({attribute:!1})],M.prototype,"rightAxis",2),c([p({attribute:!1})],M.prototype,"references",2),c([p({attribute:!1})],M.prototype,"annotations",2),c([p({type:Boolean,reflect:!0})],M.prototype,"labels",2),c([p()],M.prototype,"curve",2),c([p({type:Boolean,attribute:"connect-nulls"})],M.prototype,"connectNulls",2),c([p()],M.prototype,"nulls",2),c([p({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],M.prototype,"stacked",2),c([p({attribute:"stack-offset"})],M.prototype,"stackOffset",2),c([p()],M.prototype,"orientation",2),c([p({type:Number})],M.prototype,"radius",2),c([p({type:Number,attribute:"bar-gap"})],M.prototype,"barGap",2),c([p({type:Number,attribute:"bar-width"})],M.prototype,"barWidth",2),c([p()],M.prototype,"sort",2),c([p()],M.prototype,"transform",2),c([p({attribute:!1})],M.prototype,"transforms",2),c([p({type:Number})],M.prototype,"bins",2),c([p({type:Number,attribute:"bin-width"})],M.prototype,"binWidth",2),c([p({attribute:!1})],M.prototype,"binDomain",2),c([p({attribute:"bin-mode"})],M.prototype,"binMode",2),c([p({attribute:!1})],M.prototype,"sampling",2),c([p({type:Boolean,reflect:!0})],M.prototype,"brush",2),c([p({type:Boolean,reflect:!0})],M.prototype,"crosshair",2);var xn=e=>e.defs&&e.defs.length?B`<defs>${e.defs.map(n=>B`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>B`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${g(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:I,ve=e=>B`${e.map((n,t)=>{let r=n.title?B`<title>${n.title}</title>`:I,i=n.item?t:void 0;switch(n.kind){case"path":return B`<path data-skdx-part=${n.part} data-skdx-i=${g(i)} d=${n.d} fill=${n.fill??"none"} stroke=${g(n.stroke)} stroke-width=${g(n.strokeWidth)} stroke-linecap=${g(n.strokeLinecap)} stroke-linejoin=${g(n.strokeLinejoin)} stroke-dasharray=${g(n.dash)} opacity=${g(n.opacity)} fill-opacity=${g(n.fillOpacity)}>${r}</path>`;case"rect":return B`<rect data-skdx-part=${n.part} data-skdx-i=${g(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${g(n.rx)} style=${g(me(n.part)?`rx:${me(n.part)}`:void 0)} fill=${n.fill} stroke=${g(n.stroke)} fill-opacity=${g(n.opacity)} pointer-events=${g(n.part==="stage-label-background"||n.part==="label-background"?"none":void 0)}>${r}</rect>`;case"line":return B`<line data-skdx-part=${n.part} data-skdx-i=${g(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${g(n.strokeWidth)} stroke-dasharray=${g(n.dash)} opacity=${g(n.opacity)}>${r}</line>`;case"circle":return B`<circle data-skdx-part=${n.part} data-skdx-i=${g(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${g(n.stroke)} opacity=${g(n.opacity)}>${r}</circle>`;case"text":return B`<text aria-label=${g(n.title)} data-skdx-part=${n.part} data-skdx-i=${g(i)} x=${n.x} y=${n.y} text-anchor=${g(n.anchor)} dominant-baseline=${g(n.baseline)} fill=${g(n.fill)} font-weight=${g(n.weight)} pointer-events=${g(i===void 0?"none":void 0)} transform=${g(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var A=class extends m{constructor(){super(...arguments);this.value=Number.NaN;this.tickLabels=!0}render(){let{value:t,min:r,max:i,variant:o,startAngle:a,endAngle:s,thickness:l,bands:u,target:d,ticks:h,tickLabels:f,centerLabel:C,caption:w}=this;return this.root(De({...this.sized(),value:t,min:r,max:i,variant:o,startAngle:a,endAngle:s,thickness:l,bands:u,target:d,ticks:h,tickLabels:f,centerLabel:C,caption:w}),"gauge",this.label??"Gauge chart")}};c([z({type:Number})],A.prototype,"value",2),c([z({type:Number})],A.prototype,"min",2),c([z({type:Number})],A.prototype,"max",2),c([z()],A.prototype,"variant",2),c([z({type:Number,attribute:"start-angle"})],A.prototype,"startAngle",2),c([z({type:Number,attribute:"end-angle"})],A.prototype,"endAngle",2),c([z({type:Number})],A.prototype,"thickness",2),c([z({attribute:!1})],A.prototype,"bands",2),c([z({type:Number})],A.prototype,"target",2),c([z({attribute:!1})],A.prototype,"ticks",2),c([z({type:Boolean,attribute:"no-tick-labels",converter:ft})],A.prototype,"tickLabels",2),c([z({attribute:"center-label"})],A.prototype,"centerLabel",2),c([z()],A.prototype,"caption",2),A=c([gn("skdx-gauge-chart")],A);export{A as SkdxGaugeChart};