@skdx/web-components-charts 0.39.0 → 0.41.0

package/dist/waterfall.js

@@ -1,5 +1,6 @@
-var Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(e,n,t,r)=>{for(var i=r>1?void 0:r?Dt(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&&Rt(n,t,i),i};import{customElement as rn,property as N}from"lit/decorators.js";var lt=e=>Number(e.toPrecision(12)),Nt,Gt=e=>(Nt??(Nt=new Intl.NumberFormat)).format(lt(e)),Ft=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 ae(e){if(e===void 0)return Gt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,s=d=>i?u=>d(u)+i:d,a=d=>r===void 0?d===void 0?{}:{maximumFractionDigits:d}:{minimumFractionDigits:r,maximumFractionDigits:r},l=d=>{let u=new Intl.NumberFormat(t,d);return s(g=>u.format(lt(g)))},h=d=>{let u=new Intl.DateTimeFormat(t,o?{...d,timeZone:o}:d);return g=>u.format(g)};switch(n){case"integer":return l({maximumFractionDigits:0});case"decimal":return l(a(2));case"percent":return l({style:"percent",...a(0)});case"currency":return l({style:"currency",currency:e.currency??"USD",...a()});case"compact":return l({notation:"compact",...a(1)});case"scientific":return l({notation:"scientific",...a(2)});case"date":return h({dateStyle:"medium"});case"time":return h({timeStyle:"short"});case"datetime":return h({dateStyle:"medium",timeStyle:"short"});case"duration":return s(Ft)}}function ce([e,n],[t,r]){let i=n-e;return o=>i===0?t:t+(o-e)/i*(r-t)}function de(e,n,t=5){if(e===n)return[e];let r=(n-e)/Math.max(1,t),i=10**Math.floor(Math.log10(r)),o=r/i,s=(o<1.5?1:o<3.5?2:o<7.5?5:10)*i,a=Math.floor(e/s)*s,l=Math.ceil(n/s)*s,h=[];for(let d=a;d<=l+s/2;d+=s)h.push(dt(d));return h}function ct(e,[n,t],r=.2){let i=e===0?0:(t-n)/e,o=i*(1-Math.max(0,Math.min(.9,r)));return{step:i,bandwidth:o,start:s=>n+s*i+(i-o)/2,center:s=>n+(s+.5)*i}}var dt=e=>Number(e.toPrecision(12)),m=e=>Number(e.toFixed(2)),ue=e=>typeof e=="number"&&Number.isFinite(e);var Q=1e3,J=60*Q,ee=60*J,le=24*ee,an=[Q,5*Q,15*Q,30*Q,J,5*J,15*J,30*J,ee,3*ee,6*ee,12*ee,le,2*le,7*le,14*le];function ut(e,n){let t=Math.floor(Math.log10(e)),r=Math.ceil(Math.log10(n)),i=r-t<=1?[1,2,5]:[1],o=[];for(let s=t;s<=r;s++)for(let a of i)o.push(dt(a*10**s));return o.filter(s=>s>=e/1.0001&&s<=n*1.0001)}var jt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Ht=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Vt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Zt(e,n,t){return e.replace(Ht,(r,i,o)=>{let s=Vt[i];if(s===void 0)return i+o;let l=(o.match(jt)??[]).map((h,d)=>{let u=Number(h);if(s===-1)return String(u+n);if(s===-2)return String(u+t);let g=d%s;return s===7?g===5?String(u+n):g===6?String(u+t):h:String(g%2===0?u+n:u+t)});return i+l.join(" ")})}var ht=(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:Zt(r.d,n,t)}}});var we=["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)"))),M={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)"};var pt=(e,n)=>n??we[e%we.length];var W={top:16,right:16,bottom:32,left:48};function ft(e,n,t=W){return{x:t.left,y:t.top,width:Math.max(0,e-t.left-t.right),height:Math.max(0,n-t.top-t.bottom)}}function te(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function mt(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var he=20,_t=120,bt=e=>{let n=te(e);return n&&(n.position==="left"||n.position==="right")?n.width??_t:0},pe=(e,n=600,t=300)=>({width:(e.width??n)-bt(e),height:(e.height??t)-(te(e)?.position==="bottom"?he:0)}),gt=(e,n,t)=>{let r=te(e);return!r||!(r.position===void 0||r.position==="top")?0:(n?Math.max(1,yt(n,t??pe(e).width,r)):1)*he},D=6.5,xt=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:pt(n));function ke(e,n,t=[],r={},i=10,o=8,s=!1){let a=[],l=r.maxItems,h=l!==void 0&&l>=0&&e.length>l?e.slice(0,l):e,d=e.length-h.length,u=r.interactive??!0,g=o,S=i,k=(c,y,x,w)=>{let I=(y?18:4)+c.length*D;g>o&&(s||g+I>n-8)&&(g=o,S+=he),y&&a.push({kind:"rect",part:"legend-swatch",x:g,y:S-5,width:10,height:10,fill:y,opacity:w?.3:void 0,item:x}),a.push({kind:"text",part:"legend-label",x:g+(y?14:0),y:S,text:c,baseline:"middle",fill:w?M.grid:M.label,item:x}),g+=I+12};for(let c of h){let y=t.includes(c.name),x=u?{label:c.name,series:c.name,legend:!0}:void 0;k(r.formatter?.(c.name)??c.name,c.color,x,y)}return d>0&&k(`+${d} more`,void 0,void 0,!1),r.align==="end"?Et(a,n):a}function Et(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*D)),s=n-8-o;for(let a of i)r.push({...a,x:a.x+s})}return r}var yt=(e,n,t={})=>new Set(ke(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Me(e,n,t,r=[]){let i=te(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=mt(e),a=o?.position==="bottom",l=bt(e),h=e.hiddenSeries??[],d=o?l?ke(r,1/0,h,o,10,(o.position==="right"?n:0)+8,!0):ke(r,n,h,o,a?t+10:10):[],u=a?yt(r,n,o):0;return{width:n+l,height:a?t+Math.max(1,u)*he:t,legendOffset:o?.position==="left"?l: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:d}}function Ce(e){let n=e.legendOffset;if(!n)return e;let t=[...ht(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,s=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,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 fe(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(g=>g.length))*D+12,l=6+s.length*16,h=o==="top"?{x:e-a/2,y:n-l-8}:o==="bottom"?{x:e-a/2,y:n+8}:o==="left"?{x:e-a-8,y:n-l/2}:o==="right"?{x:e+8,y:n-l/2}:{x:e+12,y:n-l-6},d=Math.max(0,Math.min(r-a,h.x)),u=Math.max(0,Math.min(i-l,h.y));return[{kind:"rect",part:"tooltip",x:m(d),y:m(u),width:m(a),height:l,fill:"var(--skdx-color-surface-raised)",stroke:M.axis,rx:3},...s.map((g,S)=>({kind:"text",part:"tooltip-label",x:m(d+6),y:m(u+11+S*16),text:g,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&S===0?"bold":void 0}))]}function vt([e,n],t,r=!1,i){let o=typeof r=="boolean"?{scale:r?"log":"linear"}:r,s=ae(o.format??i),a=o.min??e,l=o.max??n;o.reversed&&(t=[t[1],t[0]]);let h={id:o.id,position:o.position,options:o};if(o.scale==="sqrt"){let c=f=>Math.sign(f)*Math.sqrt(Math.abs(f)),y=o.nice===!1?[a,l]:de(a,l,o.ticks),x=o.min??y[0],w=o.max??y[y.length-1],I=ce([c(x),c(w)],t),z=f=>I(c(f)),A=de(x,w,o.ticks).filter(f=>f>=x-1e-9&&f<=w+1e-9);return{...h,scale:z,domain:[x,w],format:s,ticks:(A.length>=2?A:[x,w]).map(f=>({pos:m(z(f)),label:s(f)})),zero:m(z(Math.min(Math.max(0,x),w)))}}if(o.scale==="log"){let c=Math.max(a,Number.EPSILON),y=Math.max(l,c),x=ut(c,y),w=[Math.log10(c),Math.log10(y)],I=ce(w,t),z=A=>I(Math.log10(Math.max(A,Number.EPSILON)));return{...h,scale:z,domain:w,format:s,ticks:x.map(A=>({pos:m(z(A)),label:s(A)})),zero:m(t[0])}}let d=de(a,l,o.ticks),u=[o.min??(o.nice===!1?a:d[0]),o.max??(o.nice===!1?l:d[d.length-1])],g=ce(u,t),S=d.filter(c=>c>=u[0]-1e-9&&c<=u[1]+1e-9),k=(S.length>=2?S:[u[0],u[1]]).map(c=>({pos:m(g(c)),label:s(c)}));return{...h,scale:g,domain:u,format:s,ticks:k,zero:m(g(Math.min(Math.max(0,u[0]),u[1])))}}function $e(e,n){if(e.length<2)return e;let t=e.reduce((i,o)=>Math.max(i,o.label.length),0)*D+8,r=Math.max(1,Math.ceil(e.length*t/Math.max(1,n)));return r===1?e:e.filter((i,o)=>o%r===0)}function wt(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}=pe(e,t,r),a=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:s,fill:"var(--skdx-color-surface-sunken)",rx:4}),l.push({kind:"text",part:`state-${i}`,x:m(o/2),y:m(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":M.label}),{...Me(e,o,s),shapes:l,tooltip:!1}}var kt=(e,n,t)=>{let r=n.length*D/2;return e+r>t?"end":e-r<0?"start":"middle"};function Mt(e,n={}){let{plot:t,xTicks:r,yTicks:i,baseline:o}=e,s=t.x+t.width,a=t.y+t.height,l=[],h=n.grid??!0,d=(k,c)=>c?{kind:"line",part:"grid",x1:k.pos,x2:k.pos,y1:t.y,y2:a,stroke:M.grid}:{kind:"line",part:"grid",x1:t.x,x2:s,y1:k.pos,y2:k.pos,stroke:M.grid},u=n.x?.tickRotation??0,g=(k,c,y,x)=>u?L(k,c,y,{part:x,anchor:u<0?"end":"start",baseline:"middle",rotate:u}):L(k,c,y,{part:x,anchor:kt(k,y,e.width)}),S=(k,c,y,x,w)=>{for(let I of k)l.push(c==="x"?{kind:"line",part:"tick",x1:I.pos,x2:I.pos,y1:y,y2:m(y+x*w),stroke:M.axis}:{kind:"line",part:"tick",x1:y,x2:m(y+x*w),y1:I.pos,y2:I.pos,stroke:M.axis})};if(n.categoryGrid)for(let k of r)l.push(d(k,!n.horizontal));if(n.horizontal){let k=n.axes??[{ticks:i,position:"bottom",offset:0,label:n.yLabel,...n.y}];if(h)for(let c of i)l.push(d(c,!0));k[0]?.showLine!==!1&&l.push({kind:"line",part:"axis",x1:o,x2:o,y1:t.y,y2:a,stroke:M.axis});for(let c of k){let y=c.position==="top"||c.position==="right",x=m(y?t.y-c.offset:a+c.offset),w=y||c.offset>0;c.showLine&&w&&l.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:x,y2:x,stroke:M.axis}),c.showTicks&&S(c.ticks,"x",x,y?-1:1,c.tickSize??4);let I=m(y?x-8:x+20);for(let z of c.ticks)l.push(y?L(z.pos,I,z.label,{part:"x-label-top",anchor:kt(z.pos,z.label,e.width)}):g(z.pos,I,z.label,"x-label"));c.label&&l.push(w?L(4,I,c.label,{part:"axis-title",anchor:"start",baseline:y?void 0:"middle"}):L(4,t.y-6,c.label,{part:"axis-title",anchor:"start"}))}n.x?.showLine&&l.push({kind:"line",part:"axis",x1:n.rtl?s:t.x,x2:n.rtl?s:t.x,y1:t.y,y2:a,stroke:M.axis}),n.x?.showTicks&&S(r,"y",n.rtl?s:t.x,n.rtl?1:-1,n.x.tickSize??4);for(let c of r)l.push(n.rtl?L(s+8,c.pos,c.label,{part:"y-label",anchor:"start",baseline:"middle"}):L(t.x-8,c.pos,c.label,{part:"y-label",anchor:"end",baseline:"middle"}))}else{if(h)for(let c of i)l.push(d(c,!1));n.y?.showLine!==!1&&l.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:o,y2:o,stroke:M.axis});let k=n.axes??[{ticks:i,position:"left",offset:0,label:n.yLabel,...n.y},...n.rightTicks?[{ticks:n.rightTicks,position:"right",offset:0,label:n.rightLabel}]:[]];for(let c of k){let y=c.position==="left",x=y?t.x-c.offset:s+c.offset,w=y?"y-label":"y-label-right";c.showLine&&l.push({kind:"line",part:"axis",x1:m(x),x2:m(x),y1:t.y,y2:a,stroke:M.axis}),c.showTicks&&S(c.ticks,"y",m(x),y?-1:1,c.tickSize??4);for(let I of c.ticks)l.push(L(m(y?x-8:x+8),I.pos,I.label,{part:w,anchor:y?"end":"start",baseline:"middle"}));c.label&&l.push(L(m(y?c.offset===0?4:Math.max(4,x-40):c.offset===0?e.width-4:Math.min(e.width-4,x+40)),t.y-6,c.label,{part:"axis-title",anchor:y?"start":"end"}))}n.x?.showTicks&&S(r,"x",a,1,n.x.tickSize??4);for(let c of r)l.push(g(c.pos,a+(u?12:20),c.label,"x-label"))}return n.xLabel&&l.push(L(m(t.x+t.width/2),e.height-4,n.xLabel,{part:"axis-title",anchor:"middle"})),n.horizontal&&n.rightLabel&&l.push(L(e.width-4,t.y-6,n.rightLabel,{part:"axis-title",anchor:"end"})),l}var L=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:M.label,...r});function me(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Se=e=>e.id??e.name??e.series,Ct=e=>e.seriesId??e.series;function G(e,n){let t=!1;return n.id!==void 0&&(t=!0,Se(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,Ct(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 j(e){let n={},t=Se(e);t!==void 0&&(n.id=t);let r=Ct(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Ie=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function Te(e,n,t){let r=me(e),i=j(n),o=r.some(s=>G(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!G(n,s)):[...r,i]}var Wt=.2;function Ut(e){let n=M.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 Kt=(e,n)=>e.kind==="text"?{...e,fill:M.grid}:{...e,opacity:(e.opacity??1)*n};function ze(e,n){let t=me(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:me(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=d=>!i||r.some(u=>G(d,u))?!0:o.highlighted==="series"?r.some(u=>u.series!==void 0&&G(d,{series:u.series})):!1,l=d=>{if(!i||o.faded==="none"||a(d))return!1;if(o.faded==="series"){let u=i.series;return u!==void 0&&G(d,{series:u})}return!0},h=e.shapes.map(d=>{let u=d.item;if(!u||u.legend)return d;if(t.some(g=>G(u,g))){let g=Ut(d);g&&s.push(g)}return l(u)?Kt(d,Wt):d});return s.length?{...e,shapes:[...h,...s]}:{...e,shapes:h}}function Y(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 Oe=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function $t(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 ne(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=$t(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Ae(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[$t(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:M.axis,dash:"3 3"}}function Le(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Oe(r.plot,n,t))return[];let i=Ae(e,n),{rows:o}=ne(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...fe(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function Be(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 Le(e,i,t.plot.y+8)}function Pe(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:l,y:h}=Y(t,r,i,e.width,e.height);if(Oe(e.hit.plot,l,h)){let d=ne(e,l),u=Ae(e,l);if(d&&u)return{lines:d.rows,shapes:[u]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?H(e,n)?.item:void 0,a=s&&e.tooltipFormatter?.(s)||o&&Array.from(o.children).find(l=>l.tagName.toLowerCase()==="title")?.textContent;return a?{lines:Array.isArray(a)?a:[a],shapes:[]}:{lines:[],shapes:[]}}function St(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),l=s&&s.tooltipFormatter?H(s,e)?.item:void 0,h=l&&s?.tooltipFormatter?.(l)||a&&Array.from(a.children).find(k=>k.tagName.toLowerCase()==="title")?.textContent;if(!h)return[];let d=s?.tooltipAnchored?H(s,e):void 0,u=d?s?.shapes[d.index]:void 0,{x:g,y:S}=u?re(u):Y(n,t,r,i,o);return fe(g,S,h,i,o,s?.tooltipPlacement)}function Re(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:s}=Y(t,r,i,e.width,e.height),a=Le(e,o,s);if(a.length>0)return a}return St(n,t,r,i,e.width,e.height,e)}function De(e,n){let t=H(e,n);return t&&!t.item.legend?j(t.item):null}var Yt=(e,n)=>{let{x:t,y:r}=re(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 Ne(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!Yt(i,n))continue;let o=j(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var Ge=e=>({kind:"rect",part:"selection-box",x:m(e.x),y:m(e.y),width:m(e.width),height:m(e.height),fill:M.focus,opacity:.12,stroke:M.focus}),ge=(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 It(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 Fe(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}=re(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!It(n,o,a))continue;let l=j(i.item),h=JSON.stringify(l);t.has(h)||(t.add(h),r.push(l))}return r}var je=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${m(n.x)} ${m(n.y)}`).join("L")}`:"",fill:M.focus,fillOpacity:.12,stroke:M.focus,dash:"4 3"}),be=6;function He(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 Ve(e,n,t){let r=e.edit;return Tt(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function Ze(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 s=t.altKey?t.shiftKey?"start":"end":"move",a=r.snap??r.invert(o.x0+10)-r.invert(o.x0);return Tt(r,{bar:o,mode:s},i*a)}function Tt(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 _e(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:m(Math.min(i,o)),y:m(n.bar.y),width:m(Math.max(1,Math.abs(o-i))),height:m(n.bar.height),fill:M.focus,opacity:.25,stroke:M.focus,rx:2}}var qt=64,Xt=e=>Math.max(1,Math.min(qt,e));function Ee(e,n,t,r){let i=n>0?.8:1.25,o=Xt(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:s,scale:a}=e,[l,h]=e.view.center,d=(t-(s.x+s.width/2))/a,u=(r-(s.y+s.height/2))/a,g=e.view.zoom/o;return{center:[l+d*(1-g),e.fromY(e.toY(h)-u*(1-g))],zoom:o}}function We(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 H(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 xe=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function re(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 Ue(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=M.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*D+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}=re(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?fe(m(o),m(s),a,e.width,e.height):[]]}function Ke(e,n,t){let r=xe(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 U=2,K=(e,n,t)=>{let r=Math.max(U,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},zt=(e,n)=>!e||e.start<=0&&e.end>=n;function Ye(e,n,t){if(e.count<=U||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(U,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!zt(e.zoom,e.count)?K(r,a,e.count):void 0;let l=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),h=r+l*o;return K(h-l*a,a,e.count)}function qe(e,n,t,r){let i=n.end-n.start,o=Math.max(U,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 K(n.start+s*i-s*o,o,e.count)}function Xe(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return K(n.start-t/i,r,e.count)}function Qe(e,n,t){let r=e.brush;if(!r||!Oe(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:K(s-o/2,o,e.count)}}function Je(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 K(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-U,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+U,Math.round(t.end+o)));return{start:t.start,end:s}}function tt(e,n){switch(n.type){case"svg":return Promise.resolve(et(e,n.label,n.resolve));case"csv":return Promise.resolve(Bt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=et(e,n.label,n.resolve);return Lt(t,e.width,e.height,n.scale,n.background)}}}var F=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;"),ie=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${F(String(t))}"`).join("");function Ot(e){let n=e.title?`<title>${F(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${ie([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${ie([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${ie([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${ie([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${ie([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]])}>${F(e.text)}</text>`}}function At(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${F(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="${F(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function et(e,n,t){let r=At(e)+e.shapes.map(Ot).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="${F(n)}" font-family="${F(M.fontFamily)}" font-size="${F(M.fontSize)}"><title>${F(n)}</title>${r}</svg>`}function Lt(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"})),l=new Image;l.onload=()=>{URL.revokeObjectURL(a);let h=document.createElement("canvas");h.width=Math.round(n*r),h.height=Math.round(t*r);let d=h.getContext("2d");if(!d)return s(new Error("canvas 2d context unavailable"));i&&(d.fillStyle=i,d.fillRect(0,0,h.width,h.height)),d.drawImage(l,0,0,h.width,h.height),h.toBlob(u=>u?o(u):s(new Error("toBlob failed")),"image/png")},l.onerror=()=>{URL.revokeObjectURL(a),s(new Error("svg could not be decoded"))},l.src=a})}function Bt(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 nt(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 l=["",...a.slice(1).map(d=>d.replace(/:\s[^:]*$/,""))],h=r.rows.map(d=>[d[0],...d.slice(1).map(u=>u.slice(u.lastIndexOf(": ")+2))]);return[l,...h]}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(l=>l[a]!==void 0)),s=(a,l)=>a[l]===void 0?"":String(a[l]);return[o.map(a=>a[0]?.toUpperCase()+a.slice(1)),...i.map(a=>o.map(l=>s(a,l)))]}var rt=new Map;function ye(e){let n=rt.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&&rt.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return rt.set(e,{group:i,listeners:t}),i}var Pt='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',it=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Pt}{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){${Pt}{animation:none;transition:none}}`;function ot(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}var Qt="var(--skdx-color-success-500)",Jt="var(--skdx-color-danger-500)";function st(e){let n=[],t=e.data.filter(f=>f.type==="subtotal"||f.type==="total"||f.subtotal||ue(f.value)?!0:(n.push({code:"invalid-value",severity:"warning",message:`Row "${f.name}" has no valid value and was dropped.`,itemId:f.id??f.name}),!1)),r=wt(e,t.length===0);if(r)return{...r,issues:n};let i=ae(e.format),{width:o,height:s}=pe(e),a=e.orientation==="horizontal",l=e.positiveColor??Qt,h=e.negativeColor??Jt,d=e.totalColor??xt(e,0),u=[],g=ue(e.start)?e.start:0,S=f=>`${f>=0?"+":""}${i(f)}`;ue(e.start)&&e.startLabel!==void 0&&u.push({id:void 0,name:e.startLabel,from:0,to:g,color:d,title:`${e.startLabel}: ${i(g)}`,flat:!0});for(let f of t){if((f.type??(f.subtotal?"subtotal":"change"))!=="change"){u.push({id:f.id,name:f.name,from:0,to:g,color:f.color??d,title:`${f.name}: ${i(g)}`,flat:!0});continue}let Z=g;g+=f.value,u.push({id:f.id,name:f.name,from:Z,to:g,color:f.color??(f.value>=0?l:h),title:`${f.name}: ${S(f.value)}`,flat:!1})}e.total!==void 0&&u.push({id:void 0,name:e.total,from:0,to:g,color:d,title:`${e.total}: ${i(g)}`,flat:!0});let k=a?Math.max(0,...u.map(f=>f.name.length))*D+16:0,c=ft(o,s,{...W,top:W.top+gt(e),left:Math.max(W.left,k),right:e.labels&&a?56:W.right}),y=u.flatMap(f=>[f.from,f.to]),x=vt([Math.min(0,...y),Math.max(0,...y)],a?[c.x,c.x+c.width]:[c.y+c.height,c.y],{},e.format),w=ct(u.length,a?[c.y,c.y+c.height]:[c.x,c.x+c.width]),I=Me(e,o,s,[{name:"Increase",color:l},{name:"Decrease",color:h}]),z=u.map((f,O)=>({pos:m(w.center(O)),label:f.name})),A=Mt({...I,plot:c,xTicks:a?z:$e(z,c.width),yTicks:a?$e(x.ticks,c.width):x.ticks,baseline:x.zero},{horizontal:a});return u.forEach((f,O)=>{let Z=x.scale(f.from),_=x.scale(f.to),q=Math.min(Z,_),oe=Math.max(1,Math.abs(_-Z));if(A.push({kind:"rect",part:"bar",x:m(a?q:w.start(O)),y:m(a?w.start(O):q),width:m(a?oe:w.bandwidth),height:m(a?w.bandwidth:oe),fill:f.color,title:f.title,item:{label:f.title,id:f.id??f.name,name:f.name,index:O,value:f.flat?f.to:f.to-f.from}}),e.labels){let X=f.flat?i(f.to):S(f.to-f.from),se=Math.max(Z,_);A.push(a?L(m(se+6),m(w.center(O)),X,{part:"value-label",baseline:"middle"}):L(m(w.center(O)),m(q-4),X,{part:"value-label",anchor:"middle"}))}let E=u[O+1];if(E&&(e.connectors??!0)){let X=m(_),se=m(x.scale(E.flat?E.to:E.from));A.push(a?{kind:"line",part:"connector",x1:X,x2:se,y1:m(w.start(O)+w.bandwidth),y2:m(w.start(O+1)),stroke:M.axis,dash:"4 3"}:{kind:"line",part:"connector",x1:m(w.start(O)+w.bandwidth),x2:m(w.start(O+1)),y1:X,y2:se,stroke:M.axis,dash:"4 3"})}}),{...I,shapes:[...A,...I.shapes],issues:n}}import{css as en,html as V,LitElement as tn,nothing as T,svg as P}from"lit";import{property as b,state as R}from"lit/decorators.js";import{ifDefined as $}from"lit/directives/if-defined.js";var at={fromAttribute:()=>!1},v=class extends tn{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=[Ge(ge(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=[je(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ve(r,i.gantt,o-i.x),this.overlay=[_e(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(We(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(qe(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"?Xe(r.hit,i.zoom,o-i.x):Je(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Pe(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=Re(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(De(r,t.target)),this.syncId&&r.hit?.crosshair){let o=ne(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=H(r,t.target)?.item.legend,a=this.canEdit(r)?He(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 h=r.map.plot;if(i<h.x||i>h.x+h.width||o<h.y||o>h.y+h.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[h,d]=[...this.pointers.values()];this.drag={x:(h+d)/2,y:o,zoom:l.zoom,grab:"pinch",distance:Math.abs(h-d)||1}}else{let h=Qe(l,i,o);if(h)this.drag={x:i,y:o,zoom:h.zoom,grab:h.grab},h.zoom!==l.zoom&&this.setZoom(h.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: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(Ne(o,ge(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(Fe(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(Ee(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=Ye(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=H(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)?Ze(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=Ke(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?j(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:l,error:h,emptyMessage:d,description:u,decorative:g,animated:S,responsive:k,highlighted:c,highlightScope:y,accessibleTable:x}=this;return{...typeof k=="object"&&this.measured!==void 0&&this.measured<(k.breakpoint??480)?k.compact:void 0,width:k&&this.measured?this.measured:t,height:r,animate:S,responsive:k,legend:i,tooltip:o,format:s,palette:a,loading:l,error:h,emptyMessage:d,description:u,decorative:g,highlighted:c===void 0?this.highlightState:c,highlightScope:y,accessibleTable:x,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&&Ie(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(Te(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 Y(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&&G(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?tt(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=ze(Ce(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let x of o.issues??[])this.emit("skdx-data-issue",x)}let s=this.canZoom(o),a=this.canPan(o),l=this.canEdit(o),h=this.brushing(),d=s||a||l||h,u=!o.decorative&&xe(o).length>0,g=o.description?`${r}-desc`:void 0,S=ot(o),k=nt(o,this.accessibleTable),c=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,y=this.portal;return V`<svg
+var Gt=Object.defineProperty;var jt=Object.getOwnPropertyDescriptor;var p=(e,n,t,r)=>{for(var i=r>1?void 0:r?jt(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&&Gt(n,t,i),i};import{customElement as cn,property as F}from"lit/decorators.js";var ut=e=>Number(e.toPrecision(12)),Ht,Vt=e=>(Ht??(Ht=new Intl.NumberFormat)).format(ut(e)),_t=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 le(e){if(e===void 0)return Vt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,a=c=>i?u=>c(u)+i:c,s=c=>r===void 0?c===void 0?{}:{maximumFractionDigits:c}:{minimumFractionDigits:r,maximumFractionDigits:r},l=c=>{let u=new Intl.NumberFormat(t,c);return a(m=>u.format(ut(m)))},h=c=>{let u=new Intl.DateTimeFormat(t,o?{...c,timeZone:o}:c);return m=>u.format(m)};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 h({dateStyle:"medium"});case"time":return h({timeStyle:"short"});case"datetime":return h({dateStyle:"medium",timeStyle:"short"});case"duration":return a(_t)}}function de([e,n],[t,r]){let i=n-e;return o=>i===0?t:t+(o-e)/i*(r-t)}function ue(e,n,t=5){if(e===n)return[e];let r=(n-e)/Math.max(1,t),i=10**Math.floor(Math.log10(r)),o=r/i,a=(o<1.5?1:o<3.5?2:o<7.5?5:10)*i,s=Math.floor(e/a)*a,l=Math.ceil(n/a)*a,h=[];for(let c=s;c<=l+a/2;c+=a)h.push(pt(c));return h}function ht(e,[n,t],r=.2){let i=e===0?0:(t-n)/e,o=i*(1-Math.max(0,Math.min(.9,r)));return{step:i,bandwidth:o,start:a=>n+a*i+(i-o)/2,center:a=>n+(a+.5)*i}}var pt=e=>Number(e.toPrecision(12)),b=e=>Number(e.toFixed(2)),he=e=>typeof e=="number"&&Number.isFinite(e);var Q=1e3,J=60*Q,ee=60*J,ce=24*ee,hn=[Q,5*Q,15*Q,30*Q,J,5*J,15*J,30*J,ee,3*ee,6*ee,12*ee,ce,2*ce,7*ce,14*ce];function ft(e,n){let t=Math.floor(Math.log10(e)),r=Math.ceil(Math.log10(n)),i=r-t<=1?[1,2,5]:[1],o=[];for(let a=t;a<=r;a++)for(let s of i)o.push(pt(s*10**a));return o.filter(a=>a>=e/1.0001&&a<=n*1.0001)}var Et=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Zt=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Wt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Ut(e,n,t){return e.replace(Zt,(r,i,o)=>{let a=Wt[i];if(a===void 0)return i+o;let l=(o.match(Et)??[]).map((h,c)=>{let u=Number(h);if(a===-1)return String(u+n);if(a===-2)return String(u+t);let m=c%a;return a===7?m===5?String(u+n):m===6?String(u+t):h:String(m%2===0?u+n:u+t)});return i+l.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:Ut(r.d,n,t)}}});var Me=["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)"))),S={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)"};var bt=(e,n)=>n??Me[e%Me.length];var W={top:16,right:16,bottom:32,left:48};function gt(e,n,t=W){return{x:t.left,y:t.top,width:Math.max(0,e-t.left-t.right),height:Math.max(0,n-t.top-t.bottom)}}function te(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function xt(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var pe=20,Kt=120,yt=e=>{let n=te(e);return n&&(n.position==="left"||n.position==="right")?n.width??Kt:0},fe=(e,n=600,t=300)=>({width:(e.width??n)-yt(e),height:(e.height??t)-(te(e)?.position==="bottom"?pe:0)}),vt=(e,n,t)=>{let r=te(e);return!r||!(r.position===void 0||r.position==="top")?0:(n?Math.max(1,kt(n,t??fe(e).width,r)):1)*pe},B=6.5;function Ce(e,n){let t=Array.from(e),r=Math.max(0,Math.floor(n/B));return t.length<=r?e:r===0?"":`${t.slice(0,r-1).join("")}\u2026`}var wt=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:bt(n));function Se(e,n,t=[],r={},i=10,o=8,a=!1){let s=[],l=r.maxItems,h=l!==void 0&&l>=0&&e.length>l?e.slice(0,l):e,c=e.length-h.length,u=r.interactive??!0,m=o,I=i,k=(d,f,x,w)=>{let M=(f?18:4)+d.length*B;m>o&&(a||m+M>n-8)&&(m=o,I+=pe),f&&s.push({kind:"rect",part:"legend-swatch",x:m,y:I-5,width:10,height:10,fill:f,opacity:w?.3:void 0,item:x}),s.push({kind:"text",part:"legend-label",x:m+(f?14:0),y:I,text:d,baseline:"middle",fill:w?S.grid:S.label,item:x}),m+=M+12};for(let d of h){let f=t.includes(d.name),x=u?{label:d.name,series:d.name,legend:!0}:void 0;k(r.formatter?.(d.name)??d.name,d.color,x,f)}return c>0&&k(`+${c} more`,void 0,void 0,!1),r.align==="end"?Yt(s,n):s}function Yt(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*B)),a=n-8-o;for(let s of i)r.push({...s,x:s.x+a})}return r}var kt=(e,n,t={})=>new Set(Se(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function $e(e,n,t,r=[]){let i=te(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,a=xt(e),s=o?.position==="bottom",l=yt(e),h=e.hiddenSeries??[],c=o?l?Se(r,1/0,h,o,10,(o.position==="right"?n:0)+8,!0):Se(r,n,h,o,s?t+10:10):[],u=s?kt(r,n,o):0;return{width:n+l,height:s?t+Math.max(1,u)*pe: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:c}}function Ie(e){let n=e.legendOffset;if(!n)return e;let t=[...mt(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 me(e,n,t,r,i,o="auto"){let a=Array.isArray(t)?t:[t],s=Math.max(1,Math.floor((r-12)/B)),l=a.flatMap(f=>{let x=[],w=Array.from(f);for(;w.length>s;){let M=w.slice(0,s+1).lastIndexOf(" ");M<1&&(M=s),x.push(w.slice(0,M).join("")),w=w.slice(M),w[0]===" "&&w.shift()}return x.push(w.join("")),x}),h=Math.max(1,Math.floor((i-6)/16)),c=l.slice(0,h);l.length>h&&(c[h-1]=Ce(`${c[h-1]}\u2026`,r-12));let u=Math.min(r,Math.max(0,...c.map(f=>Array.from(f).length))*B+12),m=Math.min(i,6+c.length*16),I=o==="top"?{x:e-u/2,y:n-m-8}:o==="bottom"?{x:e-u/2,y:n+8}:o==="left"?{x:e-u-8,y:n-m/2}:o==="right"?{x:e+8,y:n-m/2}:{x:e+12,y:n-m-6},k=Math.max(0,Math.min(r-u,I.x)),d=Math.max(0,Math.min(i-m,I.y));return[{kind:"rect",part:"tooltip",title:a.join(`
+`),x:b(k),y:b(d),width:b(u),height:m,fill:"var(--skdx-color-surface-raised)",stroke:S.axis,rx:8},...c.map((f,x)=>({kind:"text",part:"tooltip-label",x:b(k+6),y:b(d+11+x*16),text:f,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:c.length>1&&x===0?"bold":void 0}))]}function Mt([e,n],t,r=!1,i){let o=typeof r=="boolean"?{scale:r?"log":"linear"}:r,a=le(o.format??i),s=o.min??e,l=o.max??n;o.reversed&&(t=[t[1],t[0]]);let h={id:o.id,position:o.position,options:o};if(o.scale==="sqrt"){let d=z=>Math.sign(z)*Math.sqrt(Math.abs(z)),f=o.nice===!1?[s,l]:ue(s,l,o.ticks),x=o.min??f[0],w=o.max??f[f.length-1],M=de([d(x),d(w)],t),O=z=>M(d(z)),P=ue(x,w,o.ticks).filter(z=>z>=x-1e-9&&z<=w+1e-9);return{...h,scale:O,domain:[x,w],format:a,ticks:(P.length>=2?P:[x,w]).map(z=>({pos:b(O(z)),label:a(z)})),zero:b(O(Math.min(Math.max(0,x),w)))}}if(o.scale==="log"){let d=Math.max(s,Number.EPSILON),f=Math.max(l,d),x=ft(d,f),w=[Math.log10(d),Math.log10(f)],M=de(w,t),O=P=>M(Math.log10(Math.max(P,Number.EPSILON)));return{...h,scale:O,domain:w,format:a,ticks:x.map(P=>({pos:b(O(P)),label:a(P)})),zero:b(t[0])}}let c=ue(s,l,o.ticks),u=[o.min??(o.nice===!1?s:c[0]),o.max??(o.nice===!1?l:c[c.length-1])],m=de(u,t),I=c.filter(d=>d>=u[0]-1e-9&&d<=u[1]+1e-9),k=(I.length>=2?I:[u[0],u[1]]).map(d=>({pos:b(m(d)),label:a(d)}));return{...h,scale:m,domain:u,format:a,ticks:k,zero:b(m(Math.min(Math.max(0,u[0]),u[1])))}}function Te(e,n){if(e.length<2)return e;let t=e.reduce((i,o)=>Math.max(i,o.label.length),0)*B+8,r=Math.max(1,Math.ceil(e.length*t/Math.max(1,n)));return r===1?e:e.filter((i,o)=>o%r===0)}function St(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}=fe(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:b(o/2),y:b(a/2),text:s,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":S.label}),{...$e(e,o,a),shapes:l,tooltip:!1}}var Ct=(e,n,t)=>{let r=n.length*B/2;return e+r>t?"end":e-r<0?"start":"middle"};function $t(e,n={}){let{plot:t,xTicks:r,yTicks:i,baseline:o}=e,a=t.x+t.width,s=t.y+t.height,l=[],h=n.grid??!0,c=(k,d)=>d?{kind:"line",part:"grid",x1:k.pos,x2:k.pos,y1:t.y,y2:s,stroke:S.grid}:{kind:"line",part:"grid",x1:t.x,x2:a,y1:k.pos,y2:k.pos,stroke:S.grid},u=n.x?.tickRotation??0,m=(k,d,f,x)=>u?R(k,d,f,{part:x,anchor:u<0?"end":"start",baseline:"middle",rotate:u}):qt(k,d,f,e.width,{part:x,anchor:Ct(k,f,e.width)}),I=(k,d,f,x,w)=>{for(let M of k)l.push(d==="x"?{kind:"line",part:"tick",x1:M.pos,x2:M.pos,y1:f,y2:b(f+x*w),stroke:S.axis}:{kind:"line",part:"tick",x1:f,x2:b(f+x*w),y1:M.pos,y2:M.pos,stroke:S.axis})};if(n.categoryGrid)for(let k of r)l.push(c(k,!n.horizontal));if(n.horizontal){let k=n.axes??[{ticks:i,position:"bottom",offset:0,label:n.yLabel,...n.y}];if(h)for(let d of i)l.push(c(d,!0));k[0]?.showLine!==!1&&l.push({kind:"line",part:"axis",x1:o,x2:o,y1:t.y,y2:s,stroke:S.axis});for(let d of k){let f=d.position==="top"||d.position==="right",x=b(f?t.y-d.offset:s+d.offset),w=f||d.offset>0;d.showLine&&w&&l.push({kind:"line",part:"axis",x1:t.x,x2:a,y1:x,y2:x,stroke:S.axis}),d.showTicks&&I(d.ticks,"x",x,f?-1:1,d.tickSize??4);let M=b(f?x-8:x+20);for(let O of d.ticks)l.push(f?R(O.pos,M,O.label,{part:"x-label-top",anchor:Ct(O.pos,O.label,e.width)}):m(O.pos,M,O.label,"x-label"));d.label&&l.push(w?R(4,M,d.label,{part:"axis-title",anchor:"start",baseline:f?void 0:"middle"}):R(4,t.y-6,d.label,{part:"axis-title",anchor:"start"}))}n.x?.showLine&&l.push({kind:"line",part:"axis",x1:n.rtl?a:t.x,x2:n.rtl?a:t.x,y1:t.y,y2:s,stroke:S.axis}),n.x?.showTicks&&I(r,"y",n.rtl?a:t.x,n.rtl?1:-1,n.x.tickSize??4);for(let d of r)l.push(n.rtl?R(a+8,d.pos,d.label,{part:"y-label",anchor:"start",baseline:"middle"}):R(t.x-8,d.pos,d.label,{part:"y-label",anchor:"end",baseline:"middle"}))}else{if(h)for(let d of i)l.push(c(d,!1));n.y?.showLine!==!1&&l.push({kind:"line",part:"axis",x1:t.x,x2:a,y1:o,y2:o,stroke:S.axis});let k=n.axes??[{ticks:i,position:"left",offset:0,label:n.yLabel,...n.y},...n.rightTicks?[{ticks:n.rightTicks,position:"right",offset:0,label:n.rightLabel}]:[]];for(let d of k){let f=d.position==="left",x=f?t.x-d.offset:a+d.offset,w=f?"y-label":"y-label-right";d.showLine&&l.push({kind:"line",part:"axis",x1:b(x),x2:b(x),y1:t.y,y2:s,stroke:S.axis}),d.showTicks&&I(d.ticks,"y",b(x),f?-1:1,d.tickSize??4);for(let M of d.ticks)l.push(R(b(f?x-8:x+8),M.pos,M.label,{part:w,anchor:f?"end":"start",baseline:"middle"}));d.label&&l.push(R(b(f?d.offset===0?4:Math.max(4,x-40):d.offset===0?e.width-4:Math.min(e.width-4,x+40)),t.y-6,d.label,{part:"axis-title",anchor:f?"start":"end"}))}n.x?.showTicks&&I(r,"x",s,1,n.x.tickSize??4);for(let d of r)l.push(m(d.pos,s+(u?12:20),d.label,"x-label"))}return n.xLabel&&l.push(R(b(t.x+t.width/2),e.height-4,n.xLabel,{part:"axis-title",anchor:"middle"})),n.horizontal&&n.rightLabel&&l.push(R(e.width-4,t.y-6,n.rightLabel,{part:"axis-title",anchor:"end"})),l}var R=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:S.label,...r});function qt(e,n,t,r,i={}){let o=Math.max(4,Math.min(r-4,e)),a=i.anchor??"start",s=a==="middle"?2*Math.min(o-4,r-o-4):a==="end"?o-4:r-o-4,l=Ce(t,s);return{kind:"text",part:"label",x:o,y:n,fill:S.label,...i,text:l,title:l===t?i.title:t}}function be(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Oe=e=>e.id??e.name??e.series,It=e=>e.seriesId??e.series;function G(e,n){let t=!1;return n.id!==void 0&&(t=!0,Oe(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,It(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 H(e){let n={},t=Oe(e);t!==void 0&&(n.id=t);let r=It(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var ze=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function Ae(e,n,t){let r=be(e),i=H(n),o=r.some(a=>G(n,a));return t==="single"?o?[]:[i]:o?r.filter(a=>!G(n,a)):[...r,i]}var Xt=.2;function Qt(e){let n=S.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 Jt=(e,n)=>e.kind==="text"?{...e,fill:S.grid}:{...e,opacity:(e.opacity??1)*n};function Le(e,n){let t=be(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:be(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=c=>!i||r.some(u=>G(c,u))?!0:o.highlighted==="series"?r.some(u=>u.series!==void 0&&G(c,{series:u.series})):!1,l=c=>{if(!i||o.faded==="none"||s(c))return!1;if(o.faded==="series"){let u=i.series;return u!==void 0&&G(c,{series:u})}return!0},h=e.shapes.map(c=>{let u=c.item;if(!u||u.legend)return c;if(t.some(m=>G(u,m))){let m=Qt(c);m&&a.push(m)}return l(u)?Jt(c,Xt):c});return a.length?{...e,shapes:[...h,...a]}:{...e,shapes:h}}var Tt="var(--skdx-radius-default, var(--skdx-radius-md, 0.5rem))";function ge(e){return["tooltip","skeleton","label-background","stage-label-background","brush-handle"].includes(e)?Tt:void 0}function Y(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 Re=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function Ot(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 ne(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=Ot(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Pe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[Ot(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:S.axis,dash:"3 3"}}function Be(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Re(r.plot,n,t))return[];let i=Pe(e,n),{rows:o}=ne(e,n),a=e.tooltipAnchored?r.plot.y+8:t;return[i,...me(i.x1,a,o,e.width,e.height,e.tooltipPlacement)]}function De(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 Be(e,i,t.plot.y+8)}function Ne(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:l,y:h}=Y(t,r,i,e.width,e.height);if(Re(e.hit.plot,l,h)){let c=ne(e,l),u=Pe(e,l);if(c&&u)return{lines:c.rows,shapes:[u]}}}let o=n?.closest?.("[data-skdx-part]"),a=e.tooltipFormatter?V(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 zt(e,n,t,r,i,o,a){let s=e?.closest?.("[data-skdx-part]"),l=a&&a.tooltipFormatter?V(a,e)?.item:void 0,h=l&&a?.tooltipFormatter?.(l)||s&&Array.from(s.children).find(k=>k.tagName.toLowerCase()==="title")?.textContent;if(!h)return[];let c=a?.tooltipAnchored?V(a,e):void 0,u=c?a?.shapes[c.index]:void 0,{x:m,y:I}=u?re(u):Y(n,t,r,i,o);return me(m,I,h,i,o,a?.tooltipPlacement)}function Fe(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:a}=Y(t,r,i,e.width,e.height),s=Be(e,o,a);if(s.length>0)return s}return zt(n,t,r,i,e.width,e.height,e)}function Ge(e,n){let t=V(e,n);return t&&!t.item.legend?H(t.item):null}var en=(e,n)=>{let{x:t,y:r}=re(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 je(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!en(i,n))continue;let o=H(i.item),a=JSON.stringify(o);t.has(a)||(t.add(a),r.push(o))}return r}var He=e=>({kind:"rect",part:"selection-box",x:b(e.x),y:b(e.y),width:b(e.width),height:b(e.height),fill:S.focus,opacity:.12,stroke:S.focus}),ye=(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 At(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 Ve(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}=re(i),s=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:a;if(!At(n,o,s))continue;let l=H(i.item),h=JSON.stringify(l);t.has(h)||(t.add(h),r.push(l))}return r}var _e=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${b(n.x)} ${b(n.y)}`).join("L")}`:"",fill:S.focus,fillOpacity:.12,stroke:S.focus,dash:"4 3"}),xe=6;function Ee(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-xe||n>i.x1+xe))return Math.abs(n-i.x0)<=xe?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=xe?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function Ze(e,n,t){let r=e.edit;return Lt(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function We(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 Lt(r,{bar:o,mode:a},i*s)}function Lt(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 Ue(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:b(Math.min(i,o)),y:b(n.bar.y),width:b(Math.max(1,Math.abs(o-i))),height:b(n.bar.height),fill:S.focus,opacity:.25,stroke:S.focus,rx:2}}var tn=64,nn=e=>Math.max(1,Math.min(tn,e));function Ke(e,n,t,r){let i=n>0?.8:1.25,o=nn(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:a,scale:s}=e,[l,h]=e.view.center,c=(t-(a.x+a.width/2))/s,u=(r-(a.y+a.height/2))/s,m=e.view.zoom/o;return{center:[l+c*(1-m),e.fromY(e.toY(h)-u*(1-m))],zoom:o}}function Ye(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 V(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 ve=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function re(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 qe(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=S.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*B+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}=re(t),s=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...s?me(b(o),b(a),s,e.width,e.height):[]]}function Xe(e,n,t){let r=ve(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 U=2,K=(e,n,t)=>{let r=Math.max(U,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 Qe(e,n,t){if(e.count<=U||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,a=n>0?1.25:.8,s=Math.max(U,Math.min(e.count,Math.round(o*a)));if(s===o)return n>0&&!Rt(e.zoom,e.count)?K(r,s,e.count):void 0;let l=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),h=r+l*o;return K(h-l*s,s,e.count)}function Je(e,n,t,r){let i=n.end-n.start,o=Math.max(U,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 K(n.start+a*i-a*o,o,e.count)}function et(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return K(n.start-t/i,r,e.count)}function tt(e,n,t){let r=e.brush;if(!r||!Re(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:K(a-o/2,o,e.count)}}function nt(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 K(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-U,Math.round(t.start+o))),end:t.end};let a=Math.min(e.count,Math.max(t.start+U,Math.round(t.end+o)));return{start:t.start,end:a}}function it(e,n){switch(n.type){case"svg":return Promise.resolve(rt(e,n.label,n.resolve));case"csv":return Promise.resolve(Nt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=rt(e,n.label,n.resolve);return Dt(t,e.width,e.height,n.scale,n.background)}}}var j=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;"),ie=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${j(String(t))}"`).join("");function Pt(e){let n=e.title?`<title>${j(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${ie([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${ie([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${ie([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${ie([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${ie([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]])}>${j(e.text)}</text>`}}function Bt(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${j(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="${j(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function rt(e,n,t){let r=Bt(e)+e.shapes.map(Pt).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="${j(n)}" font-family="${j(S.fontFamily)}" font-size="${j(S.fontSize)}"><title>${j(n)}</title>${r}</svg>`}function Dt(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 h=document.createElement("canvas");h.width=Math.round(n*r),h.height=Math.round(t*r);let c=h.getContext("2d");if(!c)return a(new Error("canvas 2d context unavailable"));i&&(c.fillStyle=i,c.fillRect(0,0,h.width,h.height)),c.drawImage(l,0,0,h.width,h.height),h.toBlob(u=>u?o(u):a(new Error("toBlob failed")),"image/png")},l.onerror=()=>{URL.revokeObjectURL(s),a(new Error("svg could not be decoded"))},l.src=s})}function Nt(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 ot(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(c=>c.replace(/:\s[^:]*$/,""))],h=r.rows.map(c=>[c[0],...c.slice(1).map(u=>u.slice(u.lastIndexOf(": ")+2))]);return[l,...h]}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 at=new Map;function we(e){let n=at.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&&at.delete(e)}},publish(o,a){Object.assign(r,o);for(let s of t)s(o,a)}};return at.set(e,{group:i,listeners:t}),i}var Ft='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',st=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Ft}{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){${Ft}{animation:none;transition:none}}`;function lt(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}var rn="var(--skdx-color-success-500)",on="var(--skdx-color-danger-500)";function ct(e){let n=[],t=e.data.filter(y=>y.type==="subtotal"||y.type==="total"||y.subtotal||he(y.value)?!0:(n.push({code:"invalid-value",severity:"warning",message:`Row "${y.name}" has no valid value and was dropped.`,itemId:y.id??y.name}),!1)),r=St(e,t.length===0);if(r)return{...r,issues:n};let i=le(e.format),{width:o,height:a}=fe(e),s=e.orientation==="horizontal",l=e.positiveColor??rn,h=e.negativeColor??on,c=e.totalColor??wt(e,0),u=[],m=he(e.start)?e.start:0,I=y=>`${y>=0?"+":""}${i(y)}`;he(e.start)&&e.startLabel!==void 0&&u.push({id:void 0,name:e.startLabel,from:0,to:m,color:c,title:`${e.startLabel}: ${i(m)}`,flat:!0});for(let y of t){if((y.type??(y.subtotal?"subtotal":"change"))!=="change"){u.push({id:y.id,name:y.name,from:0,to:m,color:y.color??c,title:`${y.name}: ${i(m)}`,flat:!0});continue}let E=m;m+=y.value,u.push({id:y.id,name:y.name,from:E,to:m,color:y.color??(y.value>=0?l:h),title:`${y.name}: ${I(y.value)}`,flat:!1})}e.total!==void 0&&u.push({id:void 0,name:e.total,from:0,to:m,color:c,title:`${e.total}: ${i(m)}`,flat:!0});let k=s?Math.max(0,...u.map(y=>y.name.length))*B+16:0,d=[{name:"Increase",color:l},{name:"Decrease",color:h}],f=gt(o,a,{...W,top:W.top+vt(e,d,o),left:Math.max(W.left,k),right:e.labels&&s?56:W.right}),x=u.flatMap(y=>[y.from,y.to]),w=Mt([Math.min(0,...x),Math.max(0,...x)],s?[f.x,f.x+f.width]:[f.y+f.height,f.y],{},e.format),M=ht(u.length,s?[f.y,f.y+f.height]:[f.x,f.x+f.width]),O=$e(e,o,a,d),P=u.map((y,A)=>({pos:b(M.center(A)),label:y.name})),z=$t({...O,plot:f,xTicks:s?P:Te(P,f.width),yTicks:s?Te(w.ticks,f.width):w.ticks,baseline:w.zero},{horizontal:s});return u.forEach((y,A)=>{let E=w.scale(y.from),Z=w.scale(y.to),q=Math.min(E,Z),oe=Math.max(1,Math.abs(Z-E));if(z.push({kind:"rect",part:"bar",x:b(s?q:M.start(A)),y:b(s?M.start(A):q),width:b(s?oe:M.bandwidth),height:b(s?M.bandwidth:oe),fill:y.color,title:y.title,item:{label:y.title,id:y.id??y.name,name:y.name,index:A,value:y.flat?y.to:y.to-y.from}}),e.labels){let X=y.flat?i(y.to):I(y.to-y.from),se=Math.max(E,Z);z.push(s?R(b(se+6),b(M.center(A)),X,{part:"value-label",baseline:"middle"}):R(b(M.center(A)),b(q-4),X,{part:"value-label",anchor:"middle"}))}let ae=u[A+1];if(ae&&(e.connectors??!0)){let X=b(Z),se=b(w.scale(ae.flat?ae.to:ae.from));z.push(s?{kind:"line",part:"connector",x1:X,x2:se,y1:b(M.start(A)+M.bandwidth),y2:b(M.start(A+1)),stroke:S.axis,dash:"4 3"}:{kind:"line",part:"connector",x1:b(M.start(A)+M.bandwidth),x2:b(M.start(A+1)),y1:X,y2:se,stroke:S.axis,dash:"4 3"})}}),{...O,shapes:[...z,...O.shapes],issues:n}}import{css as an,html as _,LitElement as sn,nothing as T,svg as D}from"lit";import{property as g,state as N}from"lit/decorators.js";import{ifDefined as C}from"lit/directives/if-defined.js";var dt={fromAttribute:()=>!1},v=class extends sn{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=[He(ye(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=[_e(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ze(r,i.gantt,o-i.x),this.overlay=[Ue(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(Ye(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(Je(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"?et(r.hit,i.zoom,o-i.x):nt(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:a}=Ne(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=Fe(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(Ge(r,t.target)),this.syncId&&r.hit?.crosshair){let o=ne(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=V(r,t.target)?.item.legend,s=this.canEdit(r)?Ee(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 h=r.map.plot;if(i<h.x||i>h.x+h.width||o<h.y||o>h.y+h.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[h,c]=[...this.pointers.values()];this.drag={x:(h+c)/2,y:o,zoom:l.zoom,grab:"pinch",distance:Math.abs(h-c)||1}}else{let h=tt(l,i,o);if(h)this.drag={x:i,y:o,zoom:h.zoom,grab:h.grab},h.zoom!==l.zoom&&this.setZoom(h.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(je(o,ye(i.x,i.y,a,s))):i.grab==="lasso"?this.setSelected(Ve(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(Ke(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=Qe(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=V(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)?We(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=Xe(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?H(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:h,emptyMessage:c,description:u,decorative:m,animated:I,responsive:k,highlighted:d,highlightScope:f,accessibleTable:x}=this;return{...typeof k=="object"&&this.measured!==void 0&&this.measured<(k.breakpoint??480)?k.compact:void 0,width:k&&this.measured?this.measured:t,height:r,animate:I,responsive:k,legend:i,tooltip:o,format:a,palette:s,loading:l,error:h,emptyMessage:c,description:u,decorative:m,highlighted:d===void 0?this.highlightState:d,highlightScope:f,accessibleTable:x,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&&we(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=we(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&&ze(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(Ae(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 Y(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&&G(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?it(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Le(Ie(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let f of o.issues??[])this.emit("skdx-data-issue",f)}let a=this.canZoom(o),s=this.canPan(o),l=this.canEdit(o),h=this.brushing(),c=a||s||l||h,u=!o.decorative&&ve(o).length>0,m=lt(o),I=ot(o,this.accessibleTable),k=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,d=this.portal;return _`<svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 ${o.width} ${o.height}"
         width=${o.width}
@@ -7,55 +8,55 @@ var Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(e,n,t
         role=${o.decorative?"presentation":"img"}
         aria-hidden=${o.decorative?"true":T}
         aria-label=${o.decorative?T:i}
-        aria-describedby=${$(g)}
+        aria-description=${C(o.description)}
         tabindex=${u?0:T}
         data-skdx-chart=${r}
-        data-zoomable=${s||a?"":T}
-        data-brushing=${h&&!(s||a)?"":T}
+        data-zoomable=${a||s?"":T}
+        data-brushing=${h&&!(a||s)?"":T}
         data-editable=${l?"":T}
-        style=${S?`--skdx-chart-duration:${S}`:T}
-        font-family=${M.fontFamily}
-        font-size=${M.fontSize}
-        @pointermove=${o.tooltip||d?this.onPointerMove:T}
+        style=${m?`--skdx-chart-duration:${m}`:T}
+        font-family=${S.fontFamily}
+        font-size=${S.fontSize}
+        @pointermove=${o.tooltip||c?this.onPointerMove:T}
         @pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
-        @pointerdown=${d?this.onPointerDown:T}
-        @pointerup=${d?this.onPointerUp:T}
-        @pointercancel=${d?this.onPointerUp:T}
-        @wheel=${s||a?this.onWheel:T}
-        @dblclick=${s||a?()=>a?this.setView(void 0):this.setZoom(void 0):T}
+        @pointerdown=${c?this.onPointerDown:T}
+        @pointerup=${c?this.onPointerUp:T}
+        @pointercancel=${c?this.onPointerUp:T}
+        @wheel=${a||s?this.onWheel:T}
+        @dblclick=${a||s?()=>s?this.setView(void 0):this.setZoom(void 0):T}
         @click=${this.onClick}
         @keydown=${u?this.onKeyDown:T}
         @blur=${()=>{this.focused=null,this.highlight(null)}}
       >
         <title>${i}</title>
-        ${o.description?P`<desc id=${$(g)}>${o.description}</desc>`:T}
-        ${S?P`<style>${it}</style>`:T} ${nn(o)}
-        ${ve(o.shapes)}
-        ${ve(this.tip.length||!this.crossState?this.tip:Be(o,this.crossState))}
-        ${ve(Ue(o,this.focused))} ${ve(this.overlay)}
+        ${o.description?D`<desc>${o.description}</desc>`:T}
+        ${m?D`<style>${st}</style>`:T} ${ln(o)}
+        ${ke(o.shapes)}
+        ${ke(this.tip.length||!this.crossState?this.tip:De(o,this.crossState))}
+        ${ke(qe(o,this.focused))} ${ke(this.overlay)}
       </svg>
-      ${y?V`<div
+      ${d?_`<div
               role="tooltip"
               data-skdx-tooltip=${r}
-              style="left:${y.x+12}px;top:${y.y+12}px"
+              style="left:${d.x+12}px;top:${d.y+12}px"
             >
-              ${y.lines.map(x=>V`<div>${x}</div>`)}
+              ${d.lines.map(f=>_`<div>${f}</div>`)}
             </div>`:T}
-      ${k?V`<table data-skdx-table=${r}>
+      ${I?_`<table data-skdx-table=${r}>
               <caption>
-                ${c}
+                ${k}
               </caption>
               <thead>
                 <tr>
-                  ${(k[0]??[]).map(x=>V`<th scope="col">${x}</th>`)}
+                  ${(I[0]??[]).map(f=>_`<th scope="col">${f}</th>`)}
                 </tr>
               </thead>
               <tbody>
-                ${k.slice(1).map(x=>V`<tr>
-                      ${x.map((w,I)=>I===0?V`<th scope="row">${w}</th>`:V`<td>${w}</td>`)}
+                ${I.slice(1).map(f=>_`<tr>
+                      ${f.map((x,w)=>w===0?_`<th scope="row">${x}</th>`:_`<td>${x}</td>`)}
                     </tr>`)}
               </tbody>
-            </table>`:T}`}};v.styles=en`
+            </table>`:T}`}};v.styles=an`
     :host {
       display: inline-block;
     }
@@ -63,7 +64,6 @@ var Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(e,n,t
       display: block;
       max-width: 100%;
       height: auto;
-      outline: none;
     }
     svg[data-zoomable] {
       cursor: grab;
@@ -78,6 +78,9 @@ var Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(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 Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(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 Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var p=(e,n,t
     [role='tooltip'] > :first-child:not(:only-child) {
       font-weight: bold;
     }
-  `,p([b({type:Number})],v.prototype,"width",2),p([b({type:Number})],v.prototype,"height",2),p([b()],v.prototype,"label",2),p([b({type:Boolean,reflect:!0})],v.prototype,"legend",2),p([b({type:Boolean,attribute:"no-tooltip",converter:at})],v.prototype,"tooltip",2),p([b({attribute:!1})],v.prototype,"format",2),p([b({attribute:!1})],v.prototype,"palette",2),p([b({attribute:!1})],v.prototype,"hiddenSeries",2),p([b({attribute:!1})],v.prototype,"selected",2),p([b({attribute:"selection-mode"})],v.prototype,"selectionMode",2),p([b({attribute:!1})],v.prototype,"highlighted",2),p([b({attribute:!1})],v.prototype,"highlightScope",2),p([b({type:Boolean,reflect:!0})],v.prototype,"loading",2),p([b()],v.prototype,"error",2),p([b({attribute:"empty-message"})],v.prototype,"emptyMessage",2),p([b()],v.prototype,"description",2),p([b({type:Boolean,reflect:!0})],v.prototype,"decorative",2),p([b({type:Boolean,attribute:"accessible-table"})],v.prototype,"accessibleTable",2),p([b({attribute:!1})],v.prototype,"zoom",2),p([b({attribute:!1})],v.prototype,"view",2),p([b({type:Boolean,reflect:!0})],v.prototype,"zoomable",2),p([b({type:Boolean,reflect:!0})],v.prototype,"editable",2),p([b({attribute:"sync-id"})],v.prototype,"syncId",2),p([b({type:Boolean,attribute:"cross-filter"})],v.prototype,"crossFilter",2),p([b({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],v.prototype,"animated",2),p([b({type:Boolean,reflect:!0})],v.prototype,"responsive",2),p([R()],v.prototype,"tip",2),p([R()],v.prototype,"overlay",2),p([R()],v.prototype,"portal",2),p([R()],v.prototype,"measured",2),p([R()],v.prototype,"viewState",2),p([R()],v.prototype,"highlightState",2),p([R()],v.prototype,"crossState",2),p([R()],v.prototype,"focused",2),p([R()],v.prototype,"hiddenState",2),p([R()],v.prototype,"zoomState",2),p([R()],v.prototype,"selectedState",2);var C=class extends v{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:l,labels:h,curve:d,connectNulls:u,nulls:g,stacked:S,stackOffset:k,orientation:c,radius:y,barGap:x,barWidth:w,sort:I,transform:z,transforms:A,bins:f,binWidth:O,binDomain:Z,binMode:_,sampling:q,brush:oe,crosshair:E}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:l,labels:h,curve:d,connectNulls:u,nulls:g,stacked:S,stackOffset:k,orientation:c,radius:y,barGap:x,barWidth:w,sort:I,transform:z,transforms:A,bins:f,binWidth:O,binDomain:Z,binMode:_,sampling:q,brush:oe,crosshair:E}}};p([b({attribute:!1})],C.prototype,"series",2),p([b({attribute:!1})],C.prototype,"categories",2),p([b({attribute:!1})],C.prototype,"xAxis",2),p([b({attribute:!1})],C.prototype,"yAxis",2),p([b({attribute:!1})],C.prototype,"rightAxis",2),p([b({attribute:!1})],C.prototype,"references",2),p([b({attribute:!1})],C.prototype,"annotations",2),p([b({type:Boolean,reflect:!0})],C.prototype,"labels",2),p([b()],C.prototype,"curve",2),p([b({type:Boolean,attribute:"connect-nulls"})],C.prototype,"connectNulls",2),p([b()],C.prototype,"nulls",2),p([b({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],C.prototype,"stacked",2),p([b({attribute:"stack-offset"})],C.prototype,"stackOffset",2),p([b()],C.prototype,"orientation",2),p([b({type:Number})],C.prototype,"radius",2),p([b({type:Number,attribute:"bar-gap"})],C.prototype,"barGap",2),p([b({type:Number,attribute:"bar-width"})],C.prototype,"barWidth",2),p([b()],C.prototype,"sort",2),p([b()],C.prototype,"transform",2),p([b({attribute:!1})],C.prototype,"transforms",2),p([b({type:Number})],C.prototype,"bins",2),p([b({type:Number,attribute:"bin-width"})],C.prototype,"binWidth",2),p([b({attribute:!1})],C.prototype,"binDomain",2),p([b({attribute:"bin-mode"})],C.prototype,"binMode",2),p([b({attribute:!1})],C.prototype,"sampling",2),p([b({type:Boolean,reflect:!0})],C.prototype,"brush",2),p([b({type:Boolean,reflect:!0})],C.prototype,"crosshair",2);var nn=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=${$(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:T,ve=e=>P`${e.map((n,t)=>{let r=n.title?P`<title>${n.title}</title>`:T,i=n.item?t:void 0;switch(n.kind){case"path":return P`<path data-skdx-part=${n.part} data-skdx-i=${$(i)} d=${n.d} fill=${n.fill??"none"} stroke=${$(n.stroke)} stroke-width=${$(n.strokeWidth)} stroke-linecap=${$(n.strokeLinecap)} stroke-linejoin=${$(n.strokeLinejoin)} stroke-dasharray=${$(n.dash)} opacity=${$(n.opacity)} fill-opacity=${$(n.fillOpacity)}>${r}</path>`;case"rect":return P`<rect data-skdx-part=${n.part} data-skdx-i=${$(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${$(n.rx)} fill=${n.fill} stroke=${$(n.stroke)} fill-opacity=${$(n.opacity)}>${r}</rect>`;case"line":return P`<line data-skdx-part=${n.part} data-skdx-i=${$(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${$(n.strokeWidth)} stroke-dasharray=${$(n.dash)} opacity=${$(n.opacity)}>${r}</line>`;case"circle":return P`<circle data-skdx-part=${n.part} data-skdx-i=${$(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${$(n.stroke)} opacity=${$(n.opacity)}>${r}</circle>`;case"text":return P`<text data-skdx-part=${n.part} data-skdx-i=${$(i)} x=${n.x} y=${n.y} text-anchor=${$(n.anchor)} dominant-baseline=${$(n.baseline)} fill=${$(n.fill)} font-weight=${$(n.weight)} pointer-events=${$(i===void 0?"none":void 0)} transform=${$(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var B=class extends v{constructor(){super(...arguments);this.data=[];this.connectors=!0;this.labels=!1}render(){let{data:t,total:r,start:i,startLabel:o,orientation:s,connectors:a,labels:l,positiveColor:h,negativeColor:d,totalColor:u}=this;return this.root(st({...this.sized(),data:t,total:r,start:i,startLabel:o,orientation:s,connectors:a,labels:l,positiveColor:h,negativeColor:d,totalColor:u}),"waterfall",this.label??"Waterfall chart")}};p([N({attribute:!1})],B.prototype,"data",2),p([N()],B.prototype,"total",2),p([N({type:Number})],B.prototype,"start",2),p([N({attribute:"start-label"})],B.prototype,"startLabel",2),p([N()],B.prototype,"orientation",2),p([N({type:Boolean,attribute:"no-connectors",converter:at})],B.prototype,"connectors",2),p([N({type:Boolean,reflect:!0})],B.prototype,"labels",2),p([N({attribute:"positive-color"})],B.prototype,"positiveColor",2),p([N({attribute:"negative-color"})],B.prototype,"negativeColor",2),p([N({attribute:"total-color"})],B.prototype,"totalColor",2),B=p([rn("skdx-waterfall-chart")],B);export{B as SkdxWaterfallChart};
+  `,p([g({type:Number})],v.prototype,"width",2),p([g({type:Number})],v.prototype,"height",2),p([g()],v.prototype,"label",2),p([g({type:Boolean,reflect:!0})],v.prototype,"legend",2),p([g({type:Boolean,attribute:"no-tooltip",converter:dt})],v.prototype,"tooltip",2),p([g({attribute:!1})],v.prototype,"format",2),p([g({attribute:!1})],v.prototype,"palette",2),p([g({attribute:!1})],v.prototype,"hiddenSeries",2),p([g({attribute:!1})],v.prototype,"selected",2),p([g({attribute:"selection-mode"})],v.prototype,"selectionMode",2),p([g({attribute:!1})],v.prototype,"highlighted",2),p([g({attribute:!1})],v.prototype,"highlightScope",2),p([g({type:Boolean,reflect:!0})],v.prototype,"loading",2),p([g()],v.prototype,"error",2),p([g({attribute:"empty-message"})],v.prototype,"emptyMessage",2),p([g()],v.prototype,"description",2),p([g({type:Boolean,reflect:!0})],v.prototype,"decorative",2),p([g({type:Boolean,attribute:"accessible-table"})],v.prototype,"accessibleTable",2),p([g({attribute:!1})],v.prototype,"zoom",2),p([g({attribute:!1})],v.prototype,"view",2),p([g({type:Boolean,reflect:!0})],v.prototype,"zoomable",2),p([g({type:Boolean,reflect:!0})],v.prototype,"editable",2),p([g({attribute:"sync-id"})],v.prototype,"syncId",2),p([g({type:Boolean,attribute:"cross-filter"})],v.prototype,"crossFilter",2),p([g({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],v.prototype,"animated",2),p([g({type:Boolean,reflect:!0})],v.prototype,"responsive",2),p([N()],v.prototype,"tip",2),p([N()],v.prototype,"overlay",2),p([N()],v.prototype,"portal",2),p([N()],v.prototype,"measured",2),p([N()],v.prototype,"viewState",2),p([N()],v.prototype,"highlightState",2),p([N()],v.prototype,"crossState",2),p([N()],v.prototype,"focused",2),p([N()],v.prototype,"hiddenState",2),p([N()],v.prototype,"zoomState",2),p([N()],v.prototype,"selectedState",2);var $=class extends v{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:h,curve:c,connectNulls:u,nulls:m,stacked:I,stackOffset:k,orientation:d,radius:f,barGap:x,barWidth:w,sort:M,transform:O,transforms:P,bins:z,binWidth:y,binDomain:A,binMode:E,sampling:Z,brush:q,crosshair:oe}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:a,references:s,annotations:l,labels:h,curve:c,connectNulls:u,nulls:m,stacked:I,stackOffset:k,orientation:d,radius:f,barGap:x,barWidth:w,sort:M,transform:O,transforms:P,bins:z,binWidth:y,binDomain:A,binMode:E,sampling:Z,brush:q,crosshair:oe}}};p([g({attribute:!1})],$.prototype,"series",2),p([g({attribute:!1})],$.prototype,"categories",2),p([g({attribute:!1})],$.prototype,"xAxis",2),p([g({attribute:!1})],$.prototype,"yAxis",2),p([g({attribute:!1})],$.prototype,"rightAxis",2),p([g({attribute:!1})],$.prototype,"references",2),p([g({attribute:!1})],$.prototype,"annotations",2),p([g({type:Boolean,reflect:!0})],$.prototype,"labels",2),p([g()],$.prototype,"curve",2),p([g({type:Boolean,attribute:"connect-nulls"})],$.prototype,"connectNulls",2),p([g()],$.prototype,"nulls",2),p([g({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],$.prototype,"stacked",2),p([g({attribute:"stack-offset"})],$.prototype,"stackOffset",2),p([g()],$.prototype,"orientation",2),p([g({type:Number})],$.prototype,"radius",2),p([g({type:Number,attribute:"bar-gap"})],$.prototype,"barGap",2),p([g({type:Number,attribute:"bar-width"})],$.prototype,"barWidth",2),p([g()],$.prototype,"sort",2),p([g()],$.prototype,"transform",2),p([g({attribute:!1})],$.prototype,"transforms",2),p([g({type:Number})],$.prototype,"bins",2),p([g({type:Number,attribute:"bin-width"})],$.prototype,"binWidth",2),p([g({attribute:!1})],$.prototype,"binDomain",2),p([g({attribute:"bin-mode"})],$.prototype,"binMode",2),p([g({attribute:!1})],$.prototype,"sampling",2),p([g({type:Boolean,reflect:!0})],$.prototype,"brush",2),p([g({type:Boolean,reflect:!0})],$.prototype,"crosshair",2);var ln=e=>e.defs&&e.defs.length?D`<defs>${e.defs.map(n=>D`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>D`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${C(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:T,ke=e=>D`${e.map((n,t)=>{let r=n.title?D`<title>${n.title}</title>`:T,i=n.item?t:void 0;switch(n.kind){case"path":return D`<path data-skdx-part=${n.part} data-skdx-i=${C(i)} d=${n.d} fill=${n.fill??"none"} stroke=${C(n.stroke)} stroke-width=${C(n.strokeWidth)} stroke-linecap=${C(n.strokeLinecap)} stroke-linejoin=${C(n.strokeLinejoin)} stroke-dasharray=${C(n.dash)} opacity=${C(n.opacity)} fill-opacity=${C(n.fillOpacity)}>${r}</path>`;case"rect":return D`<rect data-skdx-part=${n.part} data-skdx-i=${C(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${C(n.rx)} style=${C(ge(n.part)?`rx:${ge(n.part)}`:void 0)} fill=${n.fill} stroke=${C(n.stroke)} fill-opacity=${C(n.opacity)} pointer-events=${C(n.part==="stage-label-background"||n.part==="label-background"?"none":void 0)}>${r}</rect>`;case"line":return D`<line data-skdx-part=${n.part} data-skdx-i=${C(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${C(n.strokeWidth)} stroke-dasharray=${C(n.dash)} opacity=${C(n.opacity)}>${r}</line>`;case"circle":return D`<circle data-skdx-part=${n.part} data-skdx-i=${C(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${C(n.stroke)} opacity=${C(n.opacity)}>${r}</circle>`;case"text":return D`<text aria-label=${C(n.title)} data-skdx-part=${n.part} data-skdx-i=${C(i)} x=${n.x} y=${n.y} text-anchor=${C(n.anchor)} dominant-baseline=${C(n.baseline)} fill=${C(n.fill)} font-weight=${C(n.weight)} pointer-events=${C(i===void 0?"none":void 0)} transform=${C(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var L=class extends v{constructor(){super(...arguments);this.data=[];this.connectors=!0;this.labels=!1}render(){let{data:t,total:r,start:i,startLabel:o,orientation:a,connectors:s,labels:l,positiveColor:h,negativeColor:c,totalColor:u}=this;return this.root(ct({...this.sized(),data:t,total:r,start:i,startLabel:o,orientation:a,connectors:s,labels:l,positiveColor:h,negativeColor:c,totalColor:u}),"waterfall",this.label??"Waterfall chart")}};p([F({attribute:!1})],L.prototype,"data",2),p([F()],L.prototype,"total",2),p([F({type:Number})],L.prototype,"start",2),p([F({attribute:"start-label"})],L.prototype,"startLabel",2),p([F()],L.prototype,"orientation",2),p([F({type:Boolean,attribute:"no-connectors",converter:dt})],L.prototype,"connectors",2),p([F({type:Boolean,reflect:!0})],L.prototype,"labels",2),p([F({attribute:"positive-color"})],L.prototype,"positiveColor",2),p([F({attribute:"negative-color"})],L.prototype,"negativeColor",2),p([F({attribute:"total-color"})],L.prototype,"totalColor",2),L=p([cn("skdx-waterfall-chart")],L);export{L as SkdxWaterfallChart};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components-charts",
-  "version": "0.39.0",
+  "version": "0.41.0",
   "description": "Forty SVG charts as <skdx-*> custom elements (Lit), from bar and line to sankey, radial bar and choropleth map — colored by @skdx/tokens",
   "license": "MIT",
   "publishConfig": {
@@ -53,7 +53,7 @@
     "./dist/*.cjs"
   ],
   "peerDependencies": {
-    "@skdx/tokens": "^0.39.0"
+    "@skdx/tokens": "^0.41.0"
   },
   "dependencies": {
     "lit": "^3.3.0"
@@ -63,12 +63,12 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/charts-core": "0.39.0"
+    "@skdx/charts-core": "0.41.0"
   },
   "scripts": {
     "sync": "node ../../scripts/sync-core.mjs",
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
-    "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup",
+    "build": "tsup",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "vitest run",
     "test:watch": "vitest"