@skdx/web-components-charts 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +98 -0
- package/dist/area.cjs +109 -0
- package/dist/area.d.cts +2 -0
- package/dist/area.d.ts +2 -0
- package/dist/area.js +109 -0
- package/dist/bar.cjs +109 -0
- package/dist/bar.d.cts +2 -0
- package/dist/bar.d.ts +2 -0
- package/dist/bar.js +109 -0
- package/dist/boxplot.cjs +109 -0
- package/dist/boxplot.d.cts +2 -0
- package/dist/boxplot.d.ts +2 -0
- package/dist/boxplot.js +109 -0
- package/dist/bubble.cjs +109 -0
- package/dist/bubble.d.cts +2 -0
- package/dist/bubble.d.ts +2 -0
- package/dist/bubble.js +109 -0
- package/dist/bullet.cjs +109 -0
- package/dist/bullet.d.cts +2 -0
- package/dist/bullet.d.ts +2 -0
- package/dist/bullet.js +109 -0
- package/dist/bump.cjs +109 -0
- package/dist/bump.d.cts +2 -0
- package/dist/bump.d.ts +2 -0
- package/dist/bump.js +109 -0
- package/dist/candlestick.cjs +109 -0
- package/dist/candlestick.d.cts +2 -0
- package/dist/candlestick.d.ts +2 -0
- package/dist/candlestick.js +109 -0
- package/dist/chord.cjs +109 -0
- package/dist/chord.d.cts +2 -0
- package/dist/chord.d.ts +2 -0
- package/dist/chord.js +109 -0
- package/dist/circle-packing.cjs +109 -0
- package/dist/circle-packing.d.cts +2 -0
- package/dist/circle-packing.d.ts +2 -0
- package/dist/circle-packing.js +109 -0
- package/dist/combo.cjs +109 -0
- package/dist/combo.d.cts +2 -0
- package/dist/combo.d.ts +2 -0
- package/dist/combo.js +109 -0
- package/dist/dumbbell.cjs +109 -0
- package/dist/dumbbell.d.cts +2 -0
- package/dist/dumbbell.d.ts +2 -0
- package/dist/dumbbell.js +109 -0
- package/dist/funnel.cjs +109 -0
- package/dist/funnel.d.cts +2 -0
- package/dist/funnel.d.ts +2 -0
- package/dist/funnel.js +109 -0
- package/dist/gantt.cjs +109 -0
- package/dist/gantt.d.cts +2 -0
- package/dist/gantt.d.ts +2 -0
- package/dist/gantt.js +109 -0
- package/dist/gauge.cjs +109 -0
- package/dist/gauge.d.cts +2 -0
- package/dist/gauge.d.ts +2 -0
- package/dist/gauge.js +109 -0
- package/dist/heatmap.cjs +109 -0
- package/dist/heatmap.d.cts +2 -0
- package/dist/heatmap.d.ts +2 -0
- package/dist/heatmap.js +109 -0
- package/dist/histogram.cjs +109 -0
- package/dist/histogram.d.cts +2 -0
- package/dist/histogram.d.ts +2 -0
- package/dist/histogram.js +109 -0
- package/dist/icicle.cjs +109 -0
- package/dist/icicle.d.cts +2 -0
- package/dist/icicle.d.ts +2 -0
- package/dist/icicle.js +109 -0
- package/dist/index-oF5ss8v9.d.cts +2331 -0
- package/dist/index-oF5ss8v9.d.ts +2331 -0
- package/dist/index.cjs +109 -0
- package/dist/index.d.cts +29 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.js +109 -0
- package/dist/line.cjs +109 -0
- package/dist/line.d.cts +2 -0
- package/dist/line.d.ts +2 -0
- package/dist/line.js +109 -0
- package/dist/linear-gauge.cjs +109 -0
- package/dist/linear-gauge.d.cts +2 -0
- package/dist/linear-gauge.d.ts +2 -0
- package/dist/linear-gauge.js +109 -0
- package/dist/map.cjs +109 -0
- package/dist/map.d.cts +2 -0
- package/dist/map.d.ts +2 -0
- package/dist/map.js +109 -0
- package/dist/marimekko.cjs +109 -0
- package/dist/marimekko.d.cts +2 -0
- package/dist/marimekko.d.ts +2 -0
- package/dist/marimekko.js +109 -0
- package/dist/network.cjs +109 -0
- package/dist/network.d.cts +2 -0
- package/dist/network.d.ts +2 -0
- package/dist/network.js +109 -0
- package/dist/organization.cjs +109 -0
- package/dist/organization.d.cts +2 -0
- package/dist/organization.d.ts +2 -0
- package/dist/organization.js +109 -0
- package/dist/parallel.cjs +109 -0
- package/dist/parallel.d.cts +2 -0
- package/dist/parallel.d.ts +2 -0
- package/dist/parallel.js +109 -0
- package/dist/pareto.cjs +109 -0
- package/dist/pareto.d.cts +2 -0
- package/dist/pareto.d.ts +2 -0
- package/dist/pareto.js +109 -0
- package/dist/pie.cjs +109 -0
- package/dist/pie.d.cts +2 -0
- package/dist/pie.d.ts +2 -0
- package/dist/pie.js +109 -0
- package/dist/polar-area.cjs +109 -0
- package/dist/polar-area.d.cts +2 -0
- package/dist/polar-area.d.ts +2 -0
- package/dist/polar-area.js +109 -0
- package/dist/radar.cjs +109 -0
- package/dist/radar.d.cts +2 -0
- package/dist/radar.d.ts +2 -0
- package/dist/radar.js +109 -0
- package/dist/radial.cjs +109 -0
- package/dist/radial.d.cts +2 -0
- package/dist/radial.d.ts +2 -0
- package/dist/radial.js +109 -0
- package/dist/range.cjs +109 -0
- package/dist/range.d.cts +2 -0
- package/dist/range.d.ts +2 -0
- package/dist/range.js +109 -0
- package/dist/sankey.cjs +109 -0
- package/dist/sankey.d.cts +2 -0
- package/dist/sankey.d.ts +2 -0
- package/dist/sankey.js +109 -0
- package/dist/scatter.cjs +109 -0
- package/dist/scatter.d.cts +2 -0
- package/dist/scatter.d.ts +2 -0
- package/dist/scatter.js +109 -0
- package/dist/sparkline.cjs +109 -0
- package/dist/sparkline.d.cts +2 -0
- package/dist/sparkline.d.ts +2 -0
- package/dist/sparkline.js +109 -0
- package/dist/sunburst.cjs +109 -0
- package/dist/sunburst.d.cts +2 -0
- package/dist/sunburst.d.ts +2 -0
- package/dist/sunburst.js +109 -0
- package/dist/swarm.cjs +109 -0
- package/dist/swarm.d.cts +2 -0
- package/dist/swarm.d.ts +2 -0
- package/dist/swarm.js +109 -0
- package/dist/timeline.cjs +109 -0
- package/dist/timeline.d.cts +2 -0
- package/dist/timeline.d.ts +2 -0
- package/dist/timeline.js +109 -0
- package/dist/tree.cjs +109 -0
- package/dist/tree.d.cts +2 -0
- package/dist/tree.d.ts +2 -0
- package/dist/tree.js +109 -0
- package/dist/treemap.cjs +109 -0
- package/dist/treemap.d.cts +2 -0
- package/dist/treemap.d.ts +2 -0
- package/dist/treemap.js +109 -0
- package/dist/waffle.cjs +109 -0
- package/dist/waffle.d.cts +2 -0
- package/dist/waffle.d.ts +2 -0
- package/dist/waffle.js +109 -0
- package/dist/waterfall.cjs +109 -0
- package/dist/waterfall.d.cts +2 -0
- package/dist/waterfall.d.ts +2 -0
- package/dist/waterfall.js +109 -0
- package/package.json +76 -0
package/dist/funnel.js
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
var Rt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var d=(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 H}from"lit/decorators.js";var ft=e=>Number(e.toPrecision(12)),Nt,Gt=e=>(Nt??(Nt=new Intl.NumberFormat)).format(ft(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 $e(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=l=>i?h=>l(h)+i:l,a=l=>r===void 0?l===void 0?{}:{maximumFractionDigits:l}:{minimumFractionDigits:r,maximumFractionDigits:r},c=l=>{let h=new Intl.NumberFormat(t,l);return s(g=>h.format(ft(g)))},u=l=>{let h=new Intl.DateTimeFormat(t,o?{...l,timeZone:o}:l);return g=>h.format(g)};switch(n){case"integer":return c({maximumFractionDigits:0});case"decimal":return c(a(2));case"percent":return c({style:"percent",...a(0)});case"currency":return c({style:"currency",currency:e.currency??"USD",...a()});case"compact":return c({notation:"compact",...a(1)});case"scientific":return c({notation:"scientific",...a(2)});case"date":return u({dateStyle:"medium"});case"time":return u({timeStyle:"short"});case"datetime":return u({dateStyle:"medium",timeStyle:"short"});case"duration":return s(Ft)}}var m=e=>Number(e.toFixed(2)),mt=e=>typeof e=="number"&&Number.isFinite(e);var W=1e3,E=60*W,U=60*E,ce=24*U,cn=[W,5*W,15*W,30*W,E,5*E,15*E,30*E,U,3*U,6*U,12*U,ce,2*ce,7*ce,14*ce];var jt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Zt=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Vt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Ht(e,n,t){return e.replace(Zt,(r,i,o)=>{let s=Vt[i];if(s===void 0)return i+o;let c=(o.match(jt)??[]).map((u,l)=>{let h=Number(u);if(s===-1)return String(h+n);if(s===-2)return String(h+t);let g=l%s;return s===7?g===5?String(h+n):g===6?String(h+t):u:String(g%2===0?h+n:h+t)});return i+c.join(" ")})}var gt=(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:Ht(r.d,n,t)}}});var ke=["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)"))),v={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??ke[e%ke.length];function K(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 le=20,_t=120,yt=e=>{let n=K(e);return n&&(n.position==="left"||n.position==="right")?n.width??_t:0},Se=(e,n=600,t=300)=>({width:(e.width??n)-yt(e),height:(e.height??t)-(K(e)?.position==="bottom"?le:0)}),vt=e=>{let n=K(e);return n&&(n.position===void 0||n.position==="top")?le:0},Y=6.5,Ce=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:bt(n));function Me(e,n,t=[],r={},i=10,o=8,s=!1){let a=[],c=r.maxItems,u=c!==void 0&&c>=0&&e.length>c?e.slice(0,c):e,l=e.length-u.length,h=r.interactive??!0,g=o,k=i,M=(S,w,C,z)=>{let A=(w?18:4)+S.length*Y;g>o&&(s||g+A>n-8)&&(g=o,k+=le),w&&a.push({kind:"rect",part:"legend-swatch",x:g,y:k-5,width:10,height:10,fill:w,opacity:z?.3:void 0,item:C}),a.push({kind:"text",part:"legend-label",x:g+(w?14:0),y:k,text:S,baseline:"middle",fill:z?v.grid:v.label,item:C}),g+=A+12};for(let S of u){let w=t.includes(S.name),C=h?{label:S.name,series:S.name,legend:!0}:void 0;M(r.formatter?.(S.name)??S.name,S.color,C,w)}return l>0&&M(`+${l} more`,void 0,void 0,!1),r.align==="end"?Wt(a,n):a}function Wt(e,n){let t=new Map;for(let i of e){let o=i.kind==="rect"?i.y+5:i.y;t.set(o,[...t.get(o)??[],i])}let r=[];for(let i of t.values()){let o=Math.max(...i.map(a=>a.kind==="rect"?a.x+a.width:a.x+a.text.length*Y)),s=n-8-o;for(let a of i)r.push({...a,x:a.x+s})}return r}var Et=(e,n,t={})=>new Set(Me(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Ie(e,n,t,r=[]){let i=K(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=xt(e),a=o?.position==="bottom",c=yt(e),u=e.hiddenSeries??[],l=o?c?Me(r,1/0,u,o,10,(o.position==="right"?n:0)+8,!0):Me(r,n,u,o,a?t+10:10):[],h=a?Et(r,n,o):0;return{width:n+c,height:a?t+Math.max(1,h)*le:t,legendOffset:o?.position==="left"?c:void 0,tooltip:s.enabled,tooltipFormatter:s.formatter,axisTooltipFormatter:s.axisFormatter,tooltipPortal:s.portal,tooltipPlacement:s.placement,tooltipAnchored:s.followPointer===!1?!0:void 0,description:e.description,decorative:e.decorative,animate:e.animate===!0?300:e.animate||void 0,responsive:!!e.responsive,shapes:l}}function Te(e){let n=e.legendOffset;if(!n)return e;let t=[...gt(e.shapes.filter(c=>!c.part.startsWith("legend-")),n,0),...e.shapes.filter(c=>c.part.startsWith("legend-"))],r=c=>({...c,x:c.x+n}),i=e.hit?{...e.hit,plot:r(e.hit.plot),xs:e.hit.xs.map(c=>c+n),brush:e.hit.brush?{box:r(e.hit.brush.box),window:r(e.hit.brush.window)}:void 0}:void 0,o=e.edit,s=o?{...o,scale:c=>o.scale(c)+n,invert:c=>o.invert(c-n),bars:o.bars.map(c=>({...c,x0:c.x0+n,x1:c.x1+n}))}:void 0,a=e.map?{...e.map,plot:r(e.map.plot)}:void 0;return{...e,shapes:t,hit:i,edit:s,map:a,legendOffset:void 0}}function de(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(g=>g.length))*Y+12,c=6+s.length*16,u=o==="top"?{x:e-a/2,y:n-c-8}:o==="bottom"?{x:e-a/2,y:n+8}:o==="left"?{x:e-a-8,y:n-c/2}:o==="right"?{x:e+8,y:n-c/2}:{x:e+12,y:n-c-6},l=Math.max(0,Math.min(r-a,u.x)),h=Math.max(0,Math.min(i-c,u.y));return[{kind:"rect",part:"tooltip",x:m(l),y:m(h),width:m(a),height:c,fill:"var(--skdx-color-surface-raised)",stroke:v.axis,rx:3},...s.map((g,k)=>({kind:"text",part:"tooltip-label",x:m(l+6),y:m(h+11+k*16),text:g,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&k===0?"bold":void 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}=Se(e,t,r),a=i==="error"?e.error:i==="loading"?"Loading\u2026":e.emptyMessage??"No data available",c=[];return i==="loading"&&c.push({kind:"rect",part:"skeleton",x:0,y:0,width:o,height:s,fill:"var(--skdx-color-surface-sunken)",rx:4}),c.push({kind:"text",part:`state-${i}`,x:m(o/2),y:m(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":v.label}),{...Ie(e,o,s),shapes:c,tooltip:!1}}var ze=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:v.label,...r});function ue(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,$t=e=>e.seriesId??e.series;function B(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,$t(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 D(e){let n={},t=Oe(e);t!==void 0&&(n.id=t);let r=$t(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Le=(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=ue(e),i=D(n),o=r.some(s=>B(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!B(n,s)):[...r,i]}var Ut=.2;function Kt(e){let n=v.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 Yt=(e,n)=>e.kind==="text"?{...e,fill:v.grid}:{...e,opacity:(e.opacity??1)*n};function Pe(e,n){let t=ue(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:ue(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=l=>!i||r.some(h=>B(l,h))?!0:o.highlighted==="series"?r.some(h=>h.series!==void 0&&B(l,{series:h.series})):!1,c=l=>{if(!i||o.faded==="none"||a(l))return!1;if(o.faded==="series"){let h=i.series;return h!==void 0&&B(l,{series:h})}return!0},u=e.shapes.map(l=>{let h=l.item;if(!h||h.legend)return l;if(t.some(g=>B(h,g))){let g=Kt(l);g&&s.push(g)}return c(h)?Yt(l,Ut):l});return s.length?{...e,shapes:[...u,...s]}:{...e,shapes:u}}var he=8;function Be(e){let n=e.variant==="pyramid",t=[],r=e.sort??(n?"asc":void 0),i=e.data.filter(b=>mt(b.value)?!0:(t.push({code:"invalid-value",severity:"warning",message:`Stage "${b.name}" has no valid value and was dropped.`,itemId:b.id??b.name}),!1)).sort((b,T)=>r==="asc"?b.value-T.value:r==="desc"?T.value-b.value:0),o=wt(e,i.length===0,400,300);if(o)return{...o,issues:t};let s=$e(e.format),{width:a,height:c}=Se(e,400,300),u=i.length,l=e.orientation==="horizontal",h=Math.max(0,e.gap??4),g=e.labelPosition??"inside",k=Math.max(0,...i.map(b=>b.value)),M=i.reduce((b,T)=>b+Math.max(0,T.value),0),S=i[0]?.value??0,w=vt(e),C=l?a:c-w,z=l?c-w:a,A=g==="outside",J=Math.max(0,(A?z*2/3:z)-2*he),ee=u===0?0:(C-2*he)/u,te=Math.max(0,Math.min(1,e.neckWidth??0)),ne=b=>k>0?(te+(1-te)*(Math.max(0,b)/k))*J:0,re=e.percentFormat?$e(e.percentFormat):b=>`${Math.round(b*100)}%`,xe=i.map((b,T)=>({name:b.name,color:Ce(e,T,b.color)})),I=(l?w+(c-w)/2:a/2)-(A?z/6:0),ye=i.flatMap((b,T)=>{let oe=ne(b.value),se=ne(i[T+1]?.value??b.value),F=he+T*ee+(l?0:w),_=F+ee-h,Pt=n?M>0?b.value/M:0:S>0?b.value/S:0,ve=i[T-1]?.value,Bt=!n&&ve!==void 0&&ve>0?` \xB7 \u2212${re(1-b.value/ve)} from ${i[T-1]?.name}`:"",ut=`${b.name}: ${s(b.value)} (${re(Pt)})${Bt}`,we={kind:"path",part:"stage",d:l?`M${m(F)} ${m(I-oe/2)}L${m(F)} ${m(I+oe/2)}L${m(_)} ${m(I+se/2)}L${m(_)} ${m(I-se/2)}Z`:`M${m(I-oe/2)} ${m(F)}L${m(I+oe/2)} ${m(F)}L${m(I+se/2)} ${m(_)}L${m(I-se/2)} ${m(_)}Z`,fill:Ce(e,T,b.color),title:ut,item:{label:ut,id:b.id??b.name,name:b.name,index:T,value:b.value}};if(g==="none")return[we];let ht=`${b.name} \xB7 ${s(b.value)}`,ae=(F+_)/2;if(A){let pt=I+J/2+he;return[we,ze(m(l?ae:pt),m(l?pt:ae),ht,{part:"stage-label",anchor:l?"middle":"start",baseline:l?"hanging":"middle",fill:"var(--skdx-color-text-default)"})]}return[we,ze(m(l?ae:I),m(l?I:ae),ht,{part:"stage-label",anchor:"middle",baseline:"middle",fill:"var(--skdx-color-text-on-accent)"})]}),ie=Ie(e,a,c,xe);return{...ie,shapes:[...ye,...ie.shapes],issues:t}}function V(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 kt(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 q(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=kt(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function De(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[kt(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:v.axis,dash:"3 3"}}function Ne(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Re(r.plot,n,t))return[];let i=De(e,n),{rows:o}=q(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...de(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function Ge(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 Ne(e,i,t.plot.y+8)}function Fe(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:c,y:u}=V(t,r,i,e.width,e.height);if(Re(e.hit.plot,c,u)){let l=q(e,c),h=De(e,c);if(l&&h)return{lines:l.rows,shapes:[h]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?N(e,n)?.item:void 0,a=s&&e.tooltipFormatter?.(s)||o&&Array.from(o.children).find(c=>c.tagName.toLowerCase()==="title")?.textContent;return a?{lines:Array.isArray(a)?a:[a],shapes:[]}:{lines:[],shapes:[]}}function Mt(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),c=s&&s.tooltipFormatter?N(s,e)?.item:void 0,u=c&&s?.tooltipFormatter?.(c)||a&&Array.from(a.children).find(M=>M.tagName.toLowerCase()==="title")?.textContent;if(!u)return[];let l=s?.tooltipAnchored?N(s,e):void 0,h=l?s?.shapes[l.index]:void 0,{x:g,y:k}=h?X(h):V(n,t,r,i,o);return de(g,k,u,i,o,s?.tooltipPlacement)}function je(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:s}=V(t,r,i,e.width,e.height),a=Ne(e,o,s);if(a.length>0)return a}return Mt(n,t,r,i,e.width,e.height,e)}function Ze(e,n){let t=N(e,n);return t&&!t.item.legend?D(t.item):null}var qt=(e,n)=>{let{x:t,y:r}=X(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 Ve(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!qt(i,n))continue;let o=D(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var He=e=>({kind:"rect",part:"selection-box",x:m(e.x),y:m(e.y),width:m(e.width),height:m(e.height),fill:v.focus,opacity:.12,stroke:v.focus}),fe=(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 St(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 _e(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}=X(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!St(n,o,a))continue;let c=D(i.item),u=JSON.stringify(c);t.has(u)||(t.add(u),r.push(c))}return r}var We=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${m(n.x)} ${m(n.y)}`).join("L")}`:"",fill:v.focus,fillOpacity:.12,stroke:v.focus,dash:"4 3"}),pe=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-pe||n>i.x1+pe))return Math.abs(n-i.x0)<=pe?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=pe?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function Ue(e,n,t){let r=e.edit;return Ct(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function Ke(e,n,t){let r=e.edit,i=t.key==="ArrowRight"?1:t.key==="ArrowLeft"?-1:0;if(!r||n===null||!i||!(t.shiftKey||t.altKey))return;let o=r.bars.find(c=>c.index===n);if(!o)return;let s=t.altKey?t.shiftKey?"start":"end":"move",a=r.snap??r.invert(o.x0+10)-r.invert(o.x0);return Ct(r,{bar:o,mode:s},i*a)}function Ct(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 Ye(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:v.focus,opacity:.25,stroke:v.focus,rx:2}}var Xt=64,Qt=e=>Math.max(1,Math.min(Xt,e));function qe(e,n,t,r){let i=n>0?.8:1.25,o=Qt(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:s,scale:a}=e,[c,u]=e.view.center,l=(t-(s.x+s.width/2))/a,h=(r-(s.y+s.height/2))/a,g=e.view.zoom/o;return{center:[c+l*(1-g),e.fromY(e.toY(u)-h*(1-g))],zoom:o}}function Xe(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 N(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 me=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function X(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=v.focus,i;switch(t.kind){case"rect":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-2,width:t.width+4,height:t.height+4,fill:"none",stroke:r,rx:2};break;case"circle":i={kind:"circle",part:"focus",cx:t.cx,cy:t.cy,r:t.r+3,fill:"none",stroke:r};break;case"line":i={kind:"line",part:"focus",x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:r,strokeWidth:4};break;case"text":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-8,width:t.text.length*Y+4,height:16,fill:"none",stroke:r,rx:2};break;case"path":i={kind:"path",part:"focus",d:t.d,stroke:r,strokeWidth:2,fill:"none"};break}let{x:o,y:s}=X(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?de(m(o),m(s),a,e.width,e.height):[]]}function Je(e,n,t){let r=me(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 j=2,Z=(e,n,t)=>{let r=Math.max(j,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},It=(e,n)=>!e||e.start<=0&&e.end>=n;function et(e,n,t){if(e.count<=j||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(j,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!It(e.zoom,e.count)?Z(r,a,e.count):void 0;let c=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),u=r+c*o;return Z(u-c*a,a,e.count)}function tt(e,n,t,r){let i=n.end-n.start,o=Math.max(j,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 Z(n.start+s*i-s*o,o,e.count)}function nt(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return Z(n.start-t/i,r,e.count)}function rt(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,s=(n-r.box.x)/Math.max(1,r.box.width)*e.count;return{grab:"move",zoom:Z(s-o/2,o,e.count)}}function it(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 Z(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-j,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+j,Math.round(t.end+o)));return{start:t.start,end:s}}function st(e,n){switch(n.type){case"svg":return Promise.resolve(ot(e,n.label,n.resolve));case"csv":return Promise.resolve(Lt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=ot(e,n.label,n.resolve);return Ot(t,e.width,e.height,n.scale,n.background)}}}var R=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,"""),Q=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${R(String(t))}"`).join("");function Tt(e){let n=e.title?`<title>${R(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${Q([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${Q([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${Q([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${Q([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${Q([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]])}>${R(e.text)}</text>`}}function zt(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${R(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="${R(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function ot(e,n,t){let r=zt(e)+e.shapes.map(Tt).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="${R(n)}" font-family="${R(v.fontFamily)}" font-size="${R(v.fontSize)}"><title>${R(n)}</title>${r}</svg>`}function Ot(e,n,t,r=2,i){return new Promise((o,s)=>{let a=URL.createObjectURL(new Blob([e],{type:"image/svg+xml;charset=utf-8"})),c=new Image;c.onload=()=>{URL.revokeObjectURL(a);let u=document.createElement("canvas");u.width=Math.round(n*r),u.height=Math.round(t*r);let l=u.getContext("2d");if(!l)return s(new Error("canvas 2d context unavailable"));i&&(l.fillStyle=i,l.fillRect(0,0,u.width,u.height)),l.drawImage(c,0,0,u.width,u.height),u.toBlob(h=>h?o(h):s(new Error("toBlob failed")),"image/png")},c.onerror=()=>{URL.revokeObjectURL(a),s(new Error("svg could not be decoded"))},c.src=a})}function Lt(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
|
|
2
|
+
`)}function at(e,n){if(!n)return;let t=typeof n=="object"?n.maxRows??500:500,r=e.hit;if(r&&r.rows.length>0){let a=r.rows[0];if(r.rows.length>t)return;let c=["",...a.slice(1).map(l=>l.replace(/:\s[^:]*$/,""))],u=r.rows.map(l=>[l[0],...l.slice(1).map(h=>h.slice(h.lastIndexOf(": ")+2))]);return[c,...u]}let i=e.shapes.flatMap(a=>a.item&&!a.item.legend&&!(a.part==="anchor"&&!a.title)?[a.item]:[]);if(i.length===0||i.length>t)return;let o=["series","name","category","value"].filter(a=>i.some(c=>c[a]!==void 0)),s=(a,c)=>a[c]===void 0?"":String(a[c]);return[o.map(a=>a[0]?.toUpperCase()+a.slice(1)),...i.map(a=>o.map(c=>s(a,c)))]}var ct=new Map;function ge(e){let n=ct.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&&ct.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return ct.set(e,{group:i,listeners:t}),i}var At='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',lt=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${At}{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){${At}{animation:none;transition:none}}`;function dt(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}import{css as Jt,html as G,LitElement as en,nothing as $,svg as O}from"lit";import{property as p,state as L}from"lit/decorators.js";import{ifDefined as y}from"lit/directives/if-defined.js";var tn={fromAttribute:()=>!1},f=class extends en{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=[He(fe(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=[We(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ue(r,i.gantt,o-i.x),this.overlay=[Ye(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(Xe(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(tt(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"?nt(r.hit,i.zoom,o-i.x):it(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Fe(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=je(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(Ze(r,t.target)),this.syncId&&r.hit?.crosshair){let o=q(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=N(r,t.target)?.item.legend,a=this.canEdit(r)?Ee(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 u=r.map.plot;if(i<u.x||i>u.x+u.width||o<u.y||o>u.y+u.height)return;this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"map",view:r.map.view},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}let c=r.hit;if(!(!c||!this.canZoom(r))){if(this.pointers.set(t.pointerId,i),this.pointers.size===2){let[u,l]=[...this.pointers.values()];this.drag={x:(u+l)/2,y:o,zoom:c.zoom,grab:"pinch",distance:Math.abs(u-l)||1}}else{let u=rt(c,i,o);if(u)this.drag={x:i,y:o,zoom:u.zoom,grab:u.grab},u.zoom!==c.zoom&&this.setZoom(u.zoom);else if(this.zoomable&&i>=c.plot.x&&i<=c.plot.x+c.plot.width&&o>=c.plot.y&&o<=c.plot.y+c.plot.height)this.drag={x:i,y:o,zoom:c.zoom,grab:"pan"};else{this.pointers.delete(t.pointerId);return}}t.currentTarget.setPointerCapture(t.pointerId),this.clearTip()}};this.onPointerUp=t=>{this.pointers.delete(t.pointerId);let r=t.currentTarget;r.hasPointerCapture(t.pointerId)&&r.releasePointerCapture(t.pointerId);let i=this.drag,o=this.layout;if(o&&(i?.grab==="select"||i?.grab==="lasso"||i?.grab==="edit"||i?.grab==="map")){this.overlay=[];let{x:s,y:a}=this.viewBox(t,o);if(Math.abs(s-i.x)>2||Math.abs(a-i.y)>2){i.grab==="select"?this.setSelected(Ve(o,fe(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(_e(o,i.points??[])):i.grab==="edit"&&i.change&&this.emit("skdx-task-change",i.change),this.drag={...i,distance:-1};return}this.drag=null;return}(this.pointers.size===0||this.drag?.grab==="pinch")&&(this.drag=null)};this.onWheel=t=>{let r=this.layout;if(!r)return;let{x:i,y:o}=this.viewBox(t,r);if(r.map&&this.canPan(r)){let c=r.map.plot;if(i<c.x||i>c.x+c.width||o<c.y||o>c.y+c.height)return;t.preventDefault(),this.setView(qe(r.map,t.deltaY,i,o));return}let s=r.hit;if(!s||!this.canZoom(r)||o<s.plot.y||o>s.plot.y+s.plot.height)return;let a=et(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=N(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)?Ke(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=Je(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?D(s):null)}}connectedCallback(){super.connectedCallback(),!(typeof ResizeObserver>"u")&&(this.observer=new ResizeObserver(([t])=>{let r=Math.floor(t?.contentRect.width??0);r>0&&(this.measured=r)}),this.observer.observe(this))}disconnectedCallback(){this.observer?.disconnect(),this.leave?.(),this.leave=void 0,this.joined=void 0,super.disconnectedCallback()}sized(){let{width:t,height:r,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:l,description:h,decorative:g,animated:k,responsive:M,highlighted:S,highlightScope:w,accessibleTable:C}=this;return{...typeof M=="object"&&this.measured!==void 0&&this.measured<(M.breakpoint??480)?M.compact:void 0,width:M&&this.measured?this.measured:t,height:r,animate:k,responsive:M,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:l,description:h,decorative:g,highlighted:S===void 0?this.highlightState:S,highlightScope:w,accessibleTable:C,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&ge(this.syncId).publish(t,this.token)}join(){if(this.joined===this.syncId||(this.leave?.(),this.leave=void 0,this.joined=this.syncId,!this.syncId))return;let t=ge(this.syncId),r=i=>{"highlighted"in i&&(this.highlightState=i.highlighted??null),i.selected&&(this.selectedState=i.selected,this.crossFilter&&(this.highlightState=i.selected.length?i.selected:null)),"zoom"in i&&(this.zoomState=i.zoom),i.hiddenSeries&&(this.hiddenState=i.hiddenSeries),"crosshair"in i&&(this.crossState=i.crosshair??null)};r(t.current),this.leave=t.subscribe((i,o)=>{o!==this.token&&r(i)})}setZoom(t){this.zoomState=t,this.emit("skdx-zoom-change",t),this.publish({zoom:t})}setView(t){this.viewState=t,this.emit("skdx-view-change",t)}setSelected(t){this.selectedState=t,this.emit("skdx-selected-change",t),this.publish({selected:t})}toggle(t){let r=this.hiddenSeries??this.hiddenState,i=r.includes(t)?r.filter(o=>o!==t):[...r,t];this.hiddenState=i,this.emit("skdx-hidden-series-change",i),this.publish({hiddenSeries:i})}highlight(t){let r=this.hover;r===t||r&&t&&Le(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(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 V(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&&B(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?st(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Pe(Te(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let C of o.issues??[])this.emit("skdx-data-issue",C)}let s=this.canZoom(o),a=this.canPan(o),c=this.canEdit(o),u=this.brushing(),l=s||a||c||u,h=!o.decorative&&me(o).length>0,g=o.description?`${r}-desc`:void 0,k=dt(o),M=at(o,this.accessibleTable),S=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,w=this.portal;return G`<svg
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4
|
+
viewBox="0 0 ${o.width} ${o.height}"
|
|
5
|
+
width=${o.width}
|
|
6
|
+
height=${o.height}
|
|
7
|
+
role=${o.decorative?"presentation":"img"}
|
|
8
|
+
aria-hidden=${o.decorative?"true":$}
|
|
9
|
+
aria-label=${o.decorative?$:i}
|
|
10
|
+
aria-describedby=${y(g)}
|
|
11
|
+
tabindex=${h?0:$}
|
|
12
|
+
data-skdx-chart=${r}
|
|
13
|
+
data-zoomable=${s||a?"":$}
|
|
14
|
+
data-brushing=${u&&!(s||a)?"":$}
|
|
15
|
+
data-editable=${c?"":$}
|
|
16
|
+
style=${k?`--skdx-chart-duration:${k}`:$}
|
|
17
|
+
font-family=${v.fontFamily}
|
|
18
|
+
font-size=${v.fontSize}
|
|
19
|
+
@pointermove=${o.tooltip||l?this.onPointerMove:$}
|
|
20
|
+
@pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
|
|
21
|
+
@pointerdown=${l?this.onPointerDown:$}
|
|
22
|
+
@pointerup=${l?this.onPointerUp:$}
|
|
23
|
+
@pointercancel=${l?this.onPointerUp:$}
|
|
24
|
+
@wheel=${s||a?this.onWheel:$}
|
|
25
|
+
@dblclick=${s||a?()=>a?this.setView(void 0):this.setZoom(void 0):$}
|
|
26
|
+
@click=${this.onClick}
|
|
27
|
+
@keydown=${h?this.onKeyDown:$}
|
|
28
|
+
@blur=${()=>{this.focused=null,this.highlight(null)}}
|
|
29
|
+
>
|
|
30
|
+
<title>${i}</title>
|
|
31
|
+
${o.description?O`<desc id=${y(g)}>${o.description}</desc>`:$}
|
|
32
|
+
${k?O`<style>${lt}</style>`:$} ${nn(o)}
|
|
33
|
+
${be(o.shapes)}
|
|
34
|
+
${be(this.tip.length||!this.crossState?this.tip:Ge(o,this.crossState))}
|
|
35
|
+
${be(Qe(o,this.focused))} ${be(this.overlay)}
|
|
36
|
+
</svg>
|
|
37
|
+
${w?G`<div
|
|
38
|
+
role="tooltip"
|
|
39
|
+
data-skdx-tooltip=${r}
|
|
40
|
+
style="left:${w.x+12}px;top:${w.y+12}px"
|
|
41
|
+
>
|
|
42
|
+
${w.lines.map(C=>G`<div>${C}</div>`)}
|
|
43
|
+
</div>`:$}
|
|
44
|
+
${M?G`<table data-skdx-table=${r}>
|
|
45
|
+
<caption>
|
|
46
|
+
${S}
|
|
47
|
+
</caption>
|
|
48
|
+
<thead>
|
|
49
|
+
<tr>
|
|
50
|
+
${(M[0]??[]).map(C=>G`<th scope="col">${C}</th>`)}
|
|
51
|
+
</tr>
|
|
52
|
+
</thead>
|
|
53
|
+
<tbody>
|
|
54
|
+
${M.slice(1).map(C=>G`<tr>
|
|
55
|
+
${C.map((z,A)=>A===0?G`<th scope="row">${z}</th>`:G`<td>${z}</td>`)}
|
|
56
|
+
</tr>`)}
|
|
57
|
+
</tbody>
|
|
58
|
+
</table>`:$}`}};f.styles=Jt`
|
|
59
|
+
:host {
|
|
60
|
+
display: inline-block;
|
|
61
|
+
}
|
|
62
|
+
svg {
|
|
63
|
+
display: block;
|
|
64
|
+
max-width: 100%;
|
|
65
|
+
height: auto;
|
|
66
|
+
outline: none;
|
|
67
|
+
}
|
|
68
|
+
svg[data-zoomable] {
|
|
69
|
+
cursor: grab;
|
|
70
|
+
touch-action: none;
|
|
71
|
+
}
|
|
72
|
+
svg[data-brushing] {
|
|
73
|
+
cursor: crosshair;
|
|
74
|
+
touch-action: none;
|
|
75
|
+
}
|
|
76
|
+
svg[data-editable] {
|
|
77
|
+
touch-action: none;
|
|
78
|
+
}
|
|
79
|
+
:host([responsive]) {
|
|
80
|
+
display: block;
|
|
81
|
+
}
|
|
82
|
+
table {
|
|
83
|
+
position: absolute;
|
|
84
|
+
width: 1px;
|
|
85
|
+
height: 1px;
|
|
86
|
+
margin: -1px;
|
|
87
|
+
padding: 0;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
clip: rect(0 0 0 0);
|
|
90
|
+
white-space: nowrap;
|
|
91
|
+
border: 0;
|
|
92
|
+
}
|
|
93
|
+
[role='tooltip'] {
|
|
94
|
+
position: fixed;
|
|
95
|
+
pointer-events: none;
|
|
96
|
+
z-index: 1000;
|
|
97
|
+
background: var(--skdx-color-surface-raised);
|
|
98
|
+
color: var(--skdx-color-text-default);
|
|
99
|
+
border: 1px solid var(--skdx-color-border-strong);
|
|
100
|
+
border-radius: 3px;
|
|
101
|
+
padding: 4px 8px;
|
|
102
|
+
font-family: var(--skdx-font-family);
|
|
103
|
+
font-size: var(--skdx-font-size-xs);
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
}
|
|
106
|
+
[role='tooltip'] > :first-child:not(:only-child) {
|
|
107
|
+
font-weight: bold;
|
|
108
|
+
}
|
|
109
|
+
`,d([p({type:Number})],f.prototype,"width",2),d([p({type:Number})],f.prototype,"height",2),d([p()],f.prototype,"label",2),d([p({type:Boolean,reflect:!0})],f.prototype,"legend",2),d([p({type:Boolean,attribute:"no-tooltip",converter:tn})],f.prototype,"tooltip",2),d([p({attribute:!1})],f.prototype,"format",2),d([p({attribute:!1})],f.prototype,"palette",2),d([p({attribute:!1})],f.prototype,"hiddenSeries",2),d([p({attribute:!1})],f.prototype,"selected",2),d([p({attribute:"selection-mode"})],f.prototype,"selectionMode",2),d([p({attribute:!1})],f.prototype,"highlighted",2),d([p({attribute:!1})],f.prototype,"highlightScope",2),d([p({type:Boolean,reflect:!0})],f.prototype,"loading",2),d([p()],f.prototype,"error",2),d([p({attribute:"empty-message"})],f.prototype,"emptyMessage",2),d([p()],f.prototype,"description",2),d([p({type:Boolean,reflect:!0})],f.prototype,"decorative",2),d([p({type:Boolean,attribute:"accessible-table"})],f.prototype,"accessibleTable",2),d([p({attribute:!1})],f.prototype,"zoom",2),d([p({attribute:!1})],f.prototype,"view",2),d([p({type:Boolean,reflect:!0})],f.prototype,"zoomable",2),d([p({type:Boolean,reflect:!0})],f.prototype,"editable",2),d([p({attribute:"sync-id"})],f.prototype,"syncId",2),d([p({type:Boolean,attribute:"cross-filter"})],f.prototype,"crossFilter",2),d([p({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],f.prototype,"animated",2),d([p({type:Boolean,reflect:!0})],f.prototype,"responsive",2),d([L()],f.prototype,"tip",2),d([L()],f.prototype,"overlay",2),d([L()],f.prototype,"portal",2),d([L()],f.prototype,"measured",2),d([L()],f.prototype,"viewState",2),d([L()],f.prototype,"highlightState",2),d([L()],f.prototype,"crossState",2),d([L()],f.prototype,"focused",2),d([L()],f.prototype,"hiddenState",2),d([L()],f.prototype,"zoomState",2),d([L()],f.prototype,"selectedState",2);var x=class extends f{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:l,connectNulls:h,nulls:g,stacked:k,stackOffset:M,orientation:S,radius:w,barGap:C,barWidth:z,sort:A,transform:J,transforms:ee,bins:te,binWidth:ne,binDomain:re,binMode:xe,sampling:I,brush:ye,crosshair:ie}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:l,connectNulls:h,nulls:g,stacked:k,stackOffset:M,orientation:S,radius:w,barGap:C,barWidth:z,sort:A,transform:J,transforms:ee,bins:te,binWidth:ne,binDomain:re,binMode:xe,sampling:I,brush:ye,crosshair:ie}}};d([p({attribute:!1})],x.prototype,"series",2),d([p({attribute:!1})],x.prototype,"categories",2),d([p({attribute:!1})],x.prototype,"xAxis",2),d([p({attribute:!1})],x.prototype,"yAxis",2),d([p({attribute:!1})],x.prototype,"rightAxis",2),d([p({attribute:!1})],x.prototype,"references",2),d([p({attribute:!1})],x.prototype,"annotations",2),d([p({type:Boolean,reflect:!0})],x.prototype,"labels",2),d([p()],x.prototype,"curve",2),d([p({type:Boolean,attribute:"connect-nulls"})],x.prototype,"connectNulls",2),d([p()],x.prototype,"nulls",2),d([p({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],x.prototype,"stacked",2),d([p({attribute:"stack-offset"})],x.prototype,"stackOffset",2),d([p()],x.prototype,"orientation",2),d([p({type:Number})],x.prototype,"radius",2),d([p({type:Number,attribute:"bar-gap"})],x.prototype,"barGap",2),d([p({type:Number,attribute:"bar-width"})],x.prototype,"barWidth",2),d([p()],x.prototype,"sort",2),d([p()],x.prototype,"transform",2),d([p({attribute:!1})],x.prototype,"transforms",2),d([p({type:Number})],x.prototype,"bins",2),d([p({type:Number,attribute:"bin-width"})],x.prototype,"binWidth",2),d([p({attribute:!1})],x.prototype,"binDomain",2),d([p({attribute:"bin-mode"})],x.prototype,"binMode",2),d([p({attribute:!1})],x.prototype,"sampling",2),d([p({type:Boolean,reflect:!0})],x.prototype,"brush",2),d([p({type:Boolean,reflect:!0})],x.prototype,"crosshair",2);var nn=e=>e.defs&&e.defs.length?O`<defs>${e.defs.map(n=>O`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>O`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${y(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:$,be=e=>O`${e.map((n,t)=>{let r=n.title?O`<title>${n.title}</title>`:$,i=n.item?t:void 0;switch(n.kind){case"path":return O`<path data-skdx-part=${n.part} data-skdx-i=${y(i)} d=${n.d} fill=${n.fill??"none"} stroke=${y(n.stroke)} stroke-width=${y(n.strokeWidth)} stroke-linecap=${y(n.strokeLinecap)} stroke-linejoin=${y(n.strokeLinejoin)} stroke-dasharray=${y(n.dash)} opacity=${y(n.opacity)} fill-opacity=${y(n.fillOpacity)}>${r}</path>`;case"rect":return O`<rect data-skdx-part=${n.part} data-skdx-i=${y(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${y(n.rx)} fill=${n.fill} stroke=${y(n.stroke)} fill-opacity=${y(n.opacity)}>${r}</rect>`;case"line":return O`<line data-skdx-part=${n.part} data-skdx-i=${y(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${y(n.strokeWidth)} stroke-dasharray=${y(n.dash)} opacity=${y(n.opacity)}>${r}</line>`;case"circle":return O`<circle data-skdx-part=${n.part} data-skdx-i=${y(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${y(n.stroke)} opacity=${y(n.opacity)}>${r}</circle>`;case"text":return O`<text data-skdx-part=${n.part} data-skdx-i=${y(i)} x=${n.x} y=${n.y} text-anchor=${y(n.anchor)} dominant-baseline=${y(n.baseline)} fill=${y(n.fill)} font-weight=${y(n.weight)} pointer-events=${y(i===void 0?"none":void 0)} transform=${y(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var P=class extends f{constructor(){super(...arguments);this.data=[]}render(){let{data:t,orientation:r,variant:i,gap:o,labelPosition:s,sort:a}=this;return this.root(Be({...this.sized(),data:t,orientation:r,variant:i,gap:o,labelPosition:s,sort:a}),"funnel",this.label??"Funnel chart")}};d([H({attribute:!1})],P.prototype,"data",2),d([H()],P.prototype,"orientation",2),d([H()],P.prototype,"variant",2),d([H({type:Number})],P.prototype,"gap",2),d([H({attribute:"label-position"})],P.prototype,"labelPosition",2),d([H()],P.prototype,"sort",2),P=d([rn("skdx-funnel-chart")],P);export{P as SkdxFunnelChart};
|
package/dist/gantt.cjs
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";var ge=Object.defineProperty;var At=Object.getOwnPropertyDescriptor;var dn=Object.getOwnPropertyNames;var hn=Object.prototype.hasOwnProperty;var un=(e,n)=>{for(var t in n)ge(e,t,{get:n[t],enumerable:!0})},pn=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of dn(n))!hn.call(e,i)&&i!==t&&ge(e,i,{get:()=>n[i],enumerable:!(r=At(n,i))||r.enumerable});return e};var fn=e=>pn(ge({},"__esModule",{value:!0}),e),f=(e,n,t,r)=>{for(var i=r>1?void 0:r?At(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&&ge(n,t,i),i};var Gn={};un(Gn,{SkdxGanttChart:()=>H});module.exports=fn(Gn);var E=require("lit/decorators.js");var zt=e=>Number(e.toPrecision(12)),mn,xn=e=>(mn??(mn=new Intl.NumberFormat)).format(zt(e)),bn=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 ye(e){if(e===void 0)return xn;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,a=h=>i?p=>h(p)+i:h,l=h=>r===void 0?h===void 0?{}:{maximumFractionDigits:h}:{minimumFractionDigits:r,maximumFractionDigits:r},s=h=>{let p=new Intl.NumberFormat(t,h);return a(x=>p.format(zt(x)))},d=h=>{let p=new Intl.DateTimeFormat(t,o?{...h,timeZone:o}:h);return x=>p.format(x)};switch(n){case"integer":return s({maximumFractionDigits:0});case"decimal":return s(l(2));case"percent":return s({style:"percent",...l(0)});case"currency":return s({style:"currency",currency:e.currency??"USD",...l()});case"compact":return s({notation:"compact",...l(1)});case"scientific":return s({notation:"scientific",...l(2)});case"date":return d({dateStyle:"medium"});case"time":return d({timeStyle:"short"});case"datetime":return d({dateStyle:"medium",timeStyle:"short"});case"duration":return a(bn)}}var Pe=e=>{if(e instanceof Date)return e.getTime();if(typeof e=="number")return e;let n=Number(e);return Number.isFinite(n)&&e.trim()!==""?n:Date.parse(e)};function we([e,n],[t,r]){let i=n-e;return o=>i===0?t:t+(o-e)/i*(r-t)}function ke(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,l=Math.floor(e/a)*a,s=Math.ceil(n/a)*a,d=[];for(let h=l;h<=s+a/2;h+=a)d.push(Pt(h));return d}function Lt(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)),u=e=>Number(e.toFixed(2)),re=e=>typeof e=="number"&&Number.isFinite(e);function Be(e){let n=1/0,t=-1/0;for(let r of e)re(r)&&(r<n&&(n=r),r>t&&(t=r));return n===1/0?[0,0]:[n,t]}var de=1e3,he=60*de,ue=60*he,ve=24*ue,Nn=[de,5*de,15*de,30*de,he,5*he,15*he,30*he,ue,3*ue,6*ue,12*ue,ve,2*ve,7*ve,14*ve];function Bt(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 l of i)o.push(Pt(l*10**a));return o.filter(a=>a>=e/1.0001&&a<=n*1.0001)}var gn=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,yn=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,vn={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function wn(e,n,t){return e.replace(yn,(r,i,o)=>{let a=vn[i];if(a===void 0)return i+o;let s=(o.match(gn)??[]).map((d,h)=>{let p=Number(d);if(a===-1)return String(p+n);if(a===-2)return String(p+t);let x=h%a;return a===7?x===5?String(p+n):x===6?String(p+t):d:String(x%2===0?p+n:p+t)});return i+s.join(" ")})}var Gt=(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:wn(r.d,n,t)}}});var Ge=["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)"))),$={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)"},Me=(e="neutral")=>e==="neutral"?$.axis:`var(--skdx-color-${e}-500)`,Re=(e="neutral")=>e==="neutral"?$.label:e==="primary"?"var(--skdx-color-text-accent)":`var(--skdx-color-text-${e})`,Rt=(e,n)=>n??Ge[e%Ge.length];var kn={top:16,right:16,bottom:32,left:48};function Dt(e,n,t=kn){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 pe(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function Nt(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var Se=20,Mn=120,Ft=e=>{let n=pe(e);return n&&(n.position==="left"||n.position==="right")?n.width??Mn:0},Ne=(e,n=600,t=300)=>({width:(e.width??n)-Ft(e),height:(e.height??t)-(pe(e)?.position==="bottom"?Se:0)}),jt=e=>{let n=pe(e);return n&&(n.position===void 0||n.position==="top")?Se:0},U=6.5,Fe=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:Rt(n)),Ht=(e,n)=>e.hiddenSeries?.includes(n)??!1;function De(e,n,t=[],r={},i=10,o=8,a=!1){let l=[],s=r.maxItems,d=s!==void 0&&s>=0&&e.length>s?e.slice(0,s):e,h=e.length-d.length,p=r.interactive??!0,x=o,g=i,b=(w,k,S,T)=>{let L=(k?18:4)+w.length*U;x>o&&(a||x+L>n-8)&&(x=o,g+=Se),k&&l.push({kind:"rect",part:"legend-swatch",x,y:g-5,width:10,height:10,fill:k,opacity:T?.3:void 0,item:S}),l.push({kind:"text",part:"legend-label",x:x+(k?14:0),y:g,text:w,baseline:"middle",fill:T?$.grid:$.label,item:S}),x+=L+12};for(let w of d){let k=t.includes(w.name),S=p?{label:w.name,series:w.name,legend:!0}:void 0;b(r.formatter?.(w.name)??w.name,w.color,S,k)}return h>0&&b(`+${h} more`,void 0,void 0,!1),r.align==="end"?Sn(l,n):l}function Sn(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(l=>l.kind==="rect"?l.x+l.width:l.x+l.text.length*U)),a=n-8-o;for(let l of i)r.push({...l,x:l.x+a})}return r}var $n=(e,n,t={})=>new Set(De(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function je(e,n,t,r=[]){let i=pe(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,a=Nt(e),l=o?.position==="bottom",s=Ft(e),d=e.hiddenSeries??[],h=o?s?De(r,1/0,d,o,10,(o.position==="right"?n:0)+8,!0):De(r,n,d,o,l?t+10:10):[],p=l?$n(r,n,o):0;return{width:n+s,height:l?t+Math.max(1,p)*Se:t,legendOffset:o?.position==="left"?s: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:h}}function He(e){let n=e.legendOffset;if(!n)return e;let t=[...Gt(e.shapes.filter(s=>!s.part.startsWith("legend-")),n,0),...e.shapes.filter(s=>s.part.startsWith("legend-"))],r=s=>({...s,x:s.x+n}),i=e.hit?{...e.hit,plot:r(e.hit.plot),xs:e.hit.xs.map(s=>s+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:s=>o.scale(s)+n,invert:s=>o.invert(s-n),bars:o.bars.map(s=>({...s,x0:s.x0+n,x1:s.x1+n}))}:void 0,l=e.map?{...e.map,plot:r(e.map.plot)}:void 0;return{...e,shapes:t,hit:i,edit:a,map:l,legendOffset:void 0}}function $e(e,n,t,r,i,o="auto"){let a=Array.isArray(t)?t:[t],l=Math.max(...a.map(x=>x.length))*U+12,s=6+a.length*16,d=o==="top"?{x:e-l/2,y:n-s-8}:o==="bottom"?{x:e-l/2,y:n+8}:o==="left"?{x:e-l-8,y:n-s/2}:o==="right"?{x:e+8,y:n-s/2}:{x:e+12,y:n-s-6},h=Math.max(0,Math.min(r-l,d.x)),p=Math.max(0,Math.min(i-s,d.y));return[{kind:"rect",part:"tooltip",x:u(h),y:u(p),width:u(l),height:s,fill:"var(--skdx-color-surface-raised)",stroke:$.axis,rx:3},...a.map((x,g)=>({kind:"text",part:"tooltip-label",x:u(h+6),y:u(p+11+g*16),text:x,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:a.length>1&&g===0?"bold":void 0}))]}function Vt([e,n],t,r=!1,i){let o=typeof r=="boolean"?{scale:r?"log":"linear"}:r,a=ye(o.format??i),l=o.min??e,s=o.max??n;o.reversed&&(t=[t[1],t[0]]);let d={id:o.id,position:o.position,options:o};if(o.scale==="sqrt"){let w=G=>Math.sign(G)*Math.sqrt(Math.abs(G)),k=o.nice===!1?[l,s]:ke(l,s,o.ticks),S=o.min??k[0],T=o.max??k[k.length-1],L=we([w(S),w(T)],t),D=G=>L(w(G)),F=ke(S,T,o.ticks).filter(G=>G>=S-1e-9&&G<=T+1e-9);return{...d,scale:D,domain:[S,T],format:a,ticks:(F.length>=2?F:[S,T]).map(G=>({pos:u(D(G)),label:a(G)})),zero:u(D(Math.min(Math.max(0,S),T)))}}if(o.scale==="log"){let w=Math.max(l,Number.EPSILON),k=Math.max(s,w),S=Bt(w,k),T=[Math.log10(w),Math.log10(k)],L=we(T,t),D=F=>L(Math.log10(Math.max(F,Number.EPSILON)));return{...d,scale:D,domain:T,format:a,ticks:S.map(F=>({pos:u(D(F)),label:a(F)})),zero:u(t[0])}}let h=ke(l,s,o.ticks),p=[o.min??(o.nice===!1?l:h[0]),o.max??(o.nice===!1?s:h[h.length-1])],x=we(p,t),g=h.filter(w=>w>=p[0]-1e-9&&w<=p[1]+1e-9),b=(g.length>=2?g:[p[0],p[1]]).map(w=>({pos:u(x(w)),label:a(w)}));return{...d,scale:x,domain:p,format:a,ticks:b,zero:u(x(Math.min(Math.max(0,p[0]),p[1])))}}function _t(e,n){if(e.length<2)return e;let t=e.reduce((i,o)=>Math.max(i,o.label.length),0)*U+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 Zt(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}=Ne(e,t,r),l=i==="error"?e.error:i==="loading"?"Loading\u2026":e.emptyMessage??"No data available",s=[];return i==="loading"&&s.push({kind:"rect",part:"skeleton",x:0,y:0,width:o,height:a,fill:"var(--skdx-color-surface-sunken)",rx:4}),s.push({kind:"text",part:`state-${i}`,x:u(o/2),y:u(a/2),text:l,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":$.label}),{...je(e,o,a),shapes:s,tooltip:!1}}var j=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:$.label,...r});function Ve(e,n){let t=[],{plot:r}=n,i=r.x+r.width,o=r.y+r.height,a=s=>Math.max(r.x,Math.min(i,s)),l=s=>Math.max(r.y,Math.min(o,s));for(let s of e??[]){let d=s.color??Me(s.variant),h=s.color??Re(s.variant),p={part:"reference-label",fill:h},x=n.horizontal===!0;if("y"in s){let g=u(n.y(s.y,s.axis??"left"));if(x){let b=a(g);t.push(...Et(b,r.y,o,d,s.label,p))}else{let b=l(g);t.push(...Wt(r.x,i,b,d,s.label,p))}}else if("x"in s){let g=n.x(s.x);if(g===void 0)continue;x?t.push(...Wt(r.x,i,l(u(g)),d,s.label,p)):t.push(...Et(a(u(g)),r.y,o,d,s.label,p))}else if("y1"in s){let g=u(n.y(s.y1,s.axis??"left")),b=u(n.y(s.y2,s.axis??"left"));x?t.push(...Kt(a(Math.min(g,b)),a(Math.max(g,b)),r,d,s.label,h)):t.push(...Ut(l(Math.min(g,b)),l(Math.max(g,b)),r,d,s.label,h))}else{let g=n.x(s.x1),b=n.x(s.x2);if(g===void 0||b===void 0)continue;let w=u(Math.min(g,b)),k=u(Math.max(g,b));x?t.push(...Ut(l(w),l(k),r,d,s.label,h)):t.push(...Kt(a(w),a(k),r,d,s.label,h))}}return t}function Wt(e,n,t,r,i,o){let a={kind:"line",part:"reference",x1:e,x2:n,y1:t,y2:t,stroke:r,dash:"6 4",strokeWidth:1.5,title:i};return i?[a,j(n-4,t-5,i,{...o,anchor:"end"})]:[a]}function Et(e,n,t,r,i,o){let a={kind:"line",part:"reference",x1:e,x2:e,y1:n,y2:t,stroke:r,dash:"6 4",strokeWidth:1.5,title:i};return i?[a,j(e+4,n+10,i,{...o,anchor:"start"})]:[a]}function Ut(e,n,t,r,i,o){let a={kind:"rect",part:"reference-area",x:t.x,y:e,width:t.width,height:u(Math.max(0,n-e)),fill:r,opacity:.12,title:i};return i?[a,j(t.x+t.width-4,e+12,i,{part:"reference-label",fill:o,anchor:"end"})]:[a]}function Kt(e,n,t,r,i,o){let a={kind:"rect",part:"reference-area",x:e,y:t.y,width:u(Math.max(0,n-e)),height:t.height,fill:r,opacity:.12,title:i};return i?[a,j(e+4,t.y+12,i,{part:"reference-label",fill:o,anchor:"start"})]:[a]}function Yt(e,n){let t=[],{plot:r}=n,i=r.x+r.width,o=r.y+r.height;for(let a of e??[]){let l=a.color??Me(a.variant),s=a.color??Re(a.variant),d=(b,w,k)=>{let S=n.x(b);if(S===void 0)return;let T=n.y(w,k??"left");return n.horizontal?{x:u(T),y:u(S)}:{x:u(S),y:u(T)}},h=a.id??a.label,p=b=>({label:b,id:h,name:a.label});if(a.type==="line"||a.type==="band"){let{type:b,id:w,...k}=a;t.push(...Ve([k],n));continue}if(a.type==="rect"){let b=d(a.x1,a.y1,a.axis),w=d(a.x2,a.y2,a.axis);if(!b||!w)continue;let k=Math.max(r.x,Math.min(b.x,w.x)),S=Math.max(r.y,Math.min(b.y,w.y)),T=a.label??"";t.push({kind:"rect",part:"annotation-rect",x:u(k),y:u(S),width:u(Math.max(0,Math.min(i,Math.max(b.x,w.x))-k)),height:u(Math.max(0,Math.min(o,Math.max(b.y,w.y))-S)),fill:l,opacity:.12,stroke:l,title:T||void 0,item:T?p(T):void 0}),a.label&&t.push(j(u(k+4),u(S+12),a.label,{part:"annotation-label",fill:s}));continue}let x=d(a.x,a.y,a.axis);if(!x)continue;if(a.type==="text"){t.push(j(x.x,x.y,a.text,{part:"annotation-text",fill:s,anchor:"middle",baseline:"middle",title:a.label}));continue}let g=a.label??`${String(a.x)}, ${a.y}`;if(t.push({kind:"circle",part:"annotation-point",cx:x.x,cy:x.y,r:5,fill:l,stroke:"var(--skdx-color-surface-default)",title:g,item:p(g)}),a.type==="callout"&&a.label){let[b,w]=a.offset??[16,-16],k=u(Math.max(r.x,Math.min(i,x.x+b))),S=u(Math.max(r.y,Math.min(o,x.y+w)));t.push({kind:"line",part:"annotation-leader",x1:x.x,y1:x.y,x2:k,y2:S,stroke:l},j(k,S,a.label,{part:"annotation-label",fill:s,anchor:b>=0?"start":"end",baseline:"middle"}))}}return t}function Ce(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var _e=e=>e.id??e.name??e.series,qt=e=>e.seriesId??e.series;function Z(e,n){let t=!1;return n.id!==void 0&&(t=!0,_e(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,qt(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 K(e){let n={},t=_e(e);t!==void 0&&(n.id=t);let r=qt(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 We(e,n,t){let r=Ce(e),i=K(n),o=r.some(a=>Z(n,a));return t==="single"?o?[]:[i]:o?r.filter(a=>!Z(n,a)):[...r,i]}var Cn=.2;function Tn(e){let n=$.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 In=(e,n)=>e.kind==="text"?{...e,fill:$.grid}:{...e,opacity:(e.opacity??1)*n};function Ee(e,n){let t=Ce(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:Ce(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=[],l=h=>!i||r.some(p=>Z(h,p))?!0:o.highlighted==="series"?r.some(p=>p.series!==void 0&&Z(h,{series:p.series})):!1,s=h=>{if(!i||o.faded==="none"||l(h))return!1;if(o.faded==="series"){let p=i.series;return p!==void 0&&Z(h,{series:p})}return!0},d=e.shapes.map(h=>{let p=h.item;if(!p||p.legend)return h;if(t.some(x=>Z(p,x))){let x=Tn(h);x&&a.push(x)}return s(p)?In(h,Cn):h});return a.length?{...e,shapes:[...d,...a]}:{...e,shapes:d}}function ae(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 Ue=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function Xt(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 fe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=Xt(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Ke(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[Xt(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:$.axis,dash:"3 3"}}function Ye(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Ue(r.plot,n,t))return[];let i=Ke(e,n),{rows:o}=fe(e,n),a=e.tooltipAnchored?r.plot.y+8:t;return[i,...$e(i.x1,a,o,e.width,e.height,e.tooltipPlacement)]}function qe(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 Ye(e,i,t.plot.y+8)}function Xe(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:s,y:d}=ae(t,r,i,e.width,e.height);if(Ue(e.hit.plot,s,d)){let h=fe(e,s),p=Ke(e,s);if(h&&p)return{lines:h.rows,shapes:[p]}}}let o=n?.closest?.("[data-skdx-part]"),a=e.tooltipFormatter?Y(e,n)?.item:void 0,l=a&&e.tooltipFormatter?.(a)||o&&Array.from(o.children).find(s=>s.tagName.toLowerCase()==="title")?.textContent;return l?{lines:Array.isArray(l)?l:[l],shapes:[]}:{lines:[],shapes:[]}}function Qt(e,n,t,r,i,o,a){let l=e?.closest?.("[data-skdx-part]"),s=a&&a.tooltipFormatter?Y(a,e)?.item:void 0,d=s&&a?.tooltipFormatter?.(s)||l&&Array.from(l.children).find(b=>b.tagName.toLowerCase()==="title")?.textContent;if(!d)return[];let h=a?.tooltipAnchored?Y(a,e):void 0,p=h?a?.shapes[h.index]:void 0,{x,y:g}=p?me(p):ae(n,t,r,i,o);return $e(x,g,d,i,o,a?.tooltipPlacement)}function Qe(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:a}=ae(t,r,i,e.width,e.height),l=Ye(e,o,a);if(l.length>0)return l}return Qt(n,t,r,i,e.width,e.height,e)}function Je(e,n){let t=Y(e,n);return t&&!t.item.legend?K(t.item):null}var On=(e,n)=>{let{x:t,y:r}=me(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 et(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!On(i,n))continue;let o=K(i.item),a=JSON.stringify(o);t.has(a)||(t.add(a),r.push(o))}return r}var tt=e=>({kind:"rect",part:"selection-box",x:u(e.x),y:u(e.y),width:u(e.width),height:u(e.height),fill:$.focus,opacity:.12,stroke:$.focus}),Ie=(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 Jt(e,n,t){let r=!1;for(let i=0,o=e.length-1;i<e.length;o=i++){let a=e[i],l=e[o];a.y>t!=l.y>t&&n<(l.x-a.x)*(t-a.y)/(l.y-a.y)+a.x&&(r=!r)}return r}function nt(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}=me(i),l=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:a;if(!Jt(n,o,l))continue;let s=K(i.item),d=JSON.stringify(s);t.has(d)||(t.add(d),r.push(s))}return r}var rt=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${u(n.x)} ${u(n.y)}`).join("L")}`:"",fill:$.focus,fillOpacity:.12,stroke:$.focus,dash:"4 3"}),Te=6;function it(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-Te||n>i.x1+Te))return Math.abs(n-i.x0)<=Te?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=Te?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function ot(e,n,t){let r=e.edit;return en(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function at(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(s=>s.index===n);if(!o)return;let a=t.altKey?t.shiftKey?"start":"end":"move",l=r.snap??r.invert(o.x0+10)-r.invert(o.x0);return en(r,{bar:o,mode:a},i*l)}function en(e,{bar:n,mode:t},r){let i=l=>e.snap?Math.round(l/e.snap)*e.snap:l,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 st(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:u(Math.min(i,o)),y:u(n.bar.y),width:u(Math.max(1,Math.abs(o-i))),height:u(n.bar.height),fill:$.focus,opacity:.25,stroke:$.focus,rx:2}}var An=64,zn=e=>Math.max(1,Math.min(An,e));function ct(e,n,t,r){let i=n>0?.8:1.25,o=zn(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:a,scale:l}=e,[s,d]=e.view.center,h=(t-(a.x+a.width/2))/l,p=(r-(a.y+a.height/2))/l,x=e.view.zoom/o;return{center:[s+h*(1-x),e.fromY(e.toY(d)-p*(1-x))],zoom:o}}function lt(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 Y(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 Oe=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function me(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 dt(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=$.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*U+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}=me(t),l=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...l?$e(u(o),u(a),l,e.width,e.height):[]]}function ht(e,n,t){let r=Oe(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 ie=2,oe=(e,n,t)=>{let r=Math.max(ie,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},tn=(e,n)=>!e||e.start<=0&&e.end>=n;function ut(e,n,t){if(e.count<=ie||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,a=n>0?1.25:.8,l=Math.max(ie,Math.min(e.count,Math.round(o*a)));if(l===o)return n>0&&!tn(e.zoom,e.count)?oe(r,l,e.count):void 0;let s=Math.max(0,Math.min(1,(t-e.plot.x)/e.plot.width)),d=r+s*o;return oe(d-s*l,l,e.count)}function pt(e,n,t,r){let i=n.end-n.start,o=Math.max(ie,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 oe(n.start+a*i-a*o,o,e.count)}function ft(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return oe(n.start-t/i,r,e.count)}function mt(e,n,t){let r=e.brush;if(!r||!Ue(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:oe(a-o/2,o,e.count)}}function xt(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 oe(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-ie,Math.round(t.start+o))),end:t.end};let a=Math.min(e.count,Math.max(t.start+ie,Math.round(t.end+o)));return{start:t.start,end:a}}function gt(e,n){switch(n.type){case"svg":return Promise.resolve(bt(e,n.label,n.resolve));case"csv":return Promise.resolve(an(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=bt(e,n.label,n.resolve);return on(t,e.width,e.height,n.scale,n.background)}}}var W=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,"""),xe=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${W(String(t))}"`).join("");function nn(e){let n=e.title?`<title>${W(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${xe([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${xe([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${xe([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${xe([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${xe([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]])}>${W(e.text)}</text>`}}function rn(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${W(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="${W(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function bt(e,n,t){let r=rn(e)+e.shapes.map(nn).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="${W(n)}" font-family="${W($.fontFamily)}" font-size="${W($.fontSize)}"><title>${W(n)}</title>${r}</svg>`}function on(e,n,t,r=2,i){return new Promise((o,a)=>{let l=URL.createObjectURL(new Blob([e],{type:"image/svg+xml;charset=utf-8"})),s=new Image;s.onload=()=>{URL.revokeObjectURL(l);let d=document.createElement("canvas");d.width=Math.round(n*r),d.height=Math.round(t*r);let h=d.getContext("2d");if(!h)return a(new Error("canvas 2d context unavailable"));i&&(h.fillStyle=i,h.fillRect(0,0,d.width,d.height)),h.drawImage(s,0,0,d.width,d.height),d.toBlob(p=>p?o(p):a(new Error("toBlob failed")),"image/png")},s.onerror=()=>{URL.revokeObjectURL(l),a(new Error("svg could not be decoded"))},s.src=l})}function an(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
|
|
2
|
+
`)}function yt(e,n){if(!n)return;let t=typeof n=="object"?n.maxRows??500:500,r=e.hit;if(r&&r.rows.length>0){let l=r.rows[0];if(r.rows.length>t)return;let s=["",...l.slice(1).map(h=>h.replace(/:\s[^:]*$/,""))],d=r.rows.map(h=>[h[0],...h.slice(1).map(p=>p.slice(p.lastIndexOf(": ")+2))]);return[s,...d]}let i=e.shapes.flatMap(l=>l.item&&!l.item.legend&&!(l.part==="anchor"&&!l.title)?[l.item]:[]);if(i.length===0||i.length>t)return;let o=["series","name","category","value"].filter(l=>i.some(s=>s[l]!==void 0)),a=(l,s)=>l[s]===void 0?"":String(l[s]);return[o.map(l=>l[0]?.toUpperCase()+l.slice(1)),...i.map(l=>o.map(s=>a(l,s)))]}var vt=new Map;function Ae(e){let n=vt.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&&vt.delete(e)}},publish(o,a){Object.assign(r,o);for(let l of t)l(o,a)}};return vt.set(e,{group:i,listeners:t}),i}var sn='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',wt=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${sn}{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){${sn}{animation:none;transition:none}}`;function kt(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}function Ln(e){let n=new Map;for(let s of e)s.id!==void 0&&!n.has(s.id)&&n.set(s.id,s),n.has(s.name)||n.set(s.name,s);let t=new Map,r=new Set,i=s=>{let d=t.get(s);if(d)return d;if(r.has(s))return{length:0,next:void 0};r.add(s);let h={length:0,next:void 0};for(let x of s.dependsOn??[]){let g=n.get(x);if(!g||g===s)continue;let b=i(g);b.length>h.length&&(h={length:b.length,next:g})}r.delete(s);let p={length:h.length+Math.max(0,s.end-s.start),next:h.next};return t.set(s,p),p},o,a=-1;for(let s of e){let d=i(s);d.length>a&&(a=d.length,o=s)}let l=new Set;for(let s=o;s&&!l.has(s);s=t.get(s)?.next)l.add(s);return l}function Mt(e){let n=[],t=e.tasks.filter(c=>{let y=re(c.start)&&(c.milestone?!0:re(c.end));return y?!c.milestone&&c.end<c.start&&n.push({code:"inverted-range",severity:"warning",message:`Task "${c.name}" ends before it starts; the interval was normalized.`,itemId:c.id??c.name}):n.push({code:"invalid-value",severity:"warning",message:`Task "${c.name}" has no valid start/end and was dropped.`,itemId:c.id??c.name}),y}),r=Zt(e,t.length===0);if(r)return{...r,issues:n};let{width:i,height:o}=Ne(e),a=e.criticalPath?Ln(t):void 0,l=c=>c.id??c.name,s=new Map;for(let c of t)c.id!==void 0&&!s.has(c.id)&&s.set(c.id,c),s.has(c.name)||s.set(c.name,c);let d=new Map,h=[];for(let c of t){let y=c.parent===void 0?void 0:s.get(c.parent);y&&y!==c?d.set(y,[...d.get(y)??[],c]):h.push(c)}let p=new Set(e.collapsed??[]),x=c=>p.has(l(c))||p.has(c.name),g=[],b=(c,y,O)=>{if(!O.has(c)&&(O.add(c),g.push({task:c,depth:y}),!x(c)))for(let A of d.get(c)??[])b(A,y+1,O)},w=new Set;for(let c of h)b(c,0,w);let k=g.map(c=>c.task),S=new Map(g.map(c=>[c.task,c.depth])),T=c=>{let y=d.get(c)??[];if(y.length===0||re(c.end)&&c.end!==c.start)return{start:c.start,end:c.end};let O=y.map(T);return{start:Math.min(...O.map(A=>A.start)),end:Math.max(...O.map(A=>A.end))}},L=[...new Set(k.map(c=>c.group??c.name))],D=new Map;for(let c of k){let y=c.group??c.name;D.has(y)||D.set(y,S.get(c)??0)}let F=c=>k.some(y=>(y.group??y.name)===c&&x(y)&&(d.get(y)?.length??0)>0)?" +":"",G=Math.max(0,...L.map(c=>c.length+F(c).length))*U+Math.max(0,...L.map(c=>(D.get(c)??0)*12)),z=Dt(i,o,{top:8+jt(e),right:16,bottom:32+(e.xAxis?.label?14:0),left:Math.min(i/2,Math.max(64,G+16))}),q=ye(e.xAxis?.format??e.format),te=e.today===void 0?void 0:Pe(e.today),[X,Q]=Be([...k.flatMap(c=>{let y=T(c);return[...c.milestone?[c.start]:[y.start,y.end],...c.baseline?[c.baseline.start,c.baseline.end]:[]]}),...te!==void 0?[te]:[]]),P=Vt([X,Q],[z.x,z.x+z.width],{ticks:e.xAxis?.ticks,format:e.xAxis?.format},e.format),B=Lt(L.length,[z.y,z.y+z.height]),N=[],St=[],cn=c=>P.domain[0]+(c-z.x)/Math.max(1,z.width)*(P.domain[1]-P.domain[0]);for(let c of _t(P.ticks,z.width))N.push({kind:"line",part:"grid",x1:c.pos,x2:c.pos,y1:z.y,y2:z.y+z.height,stroke:$.grid}),N.push(j(c.pos,z.y+z.height+20,c.label,{part:"x-label",anchor:"middle"}));L.forEach((c,y)=>{let O=k.find(A=>(A.group??A.name)===c);N.push(j(z.x-8,u(B.center(y)),`${c}${F(c)}`,{part:"y-label",anchor:"end",baseline:"middle",item:O&&(d.get(O)?.length??0)>0?{label:c,id:l(O),name:O.name}:void 0}))});for(let c of N){if(c.kind!=="text"||c.part!=="y-label")continue;let y=D.get(c.text.replace(/ \+$/,""))??0;y&&(c.x=u(c.x+y*12))}let se=864e5;if(e.nonWorkingDays?.length&&Q-X<=400*se&&Q>X){let c=new Set(e.nonWorkingDays);for(let y=Math.floor(X/se)*se;y<Q;y+=se){if(!c.has(new Date(y).getUTCDay()))continue;let O=Math.max(X,y),A=Math.min(Q,y+se);A<=O||N.push({kind:"rect",part:"non-working",x:u(P.scale(O)),y:z.y,width:u(Math.max(0,P.scale(A)-P.scale(O))),height:z.height,fill:$.grid,opacity:.12})}}e.xAxis?.label&&N.push(j(u(z.x+z.width/2),o-4,e.xAxis.label,{part:"axis-title",anchor:"middle"}));let $t={plot:z,x:c=>P.scale(Pe(c)),y:c=>B.center(c)};N.push(...Ve([...e.references??[],...te!==void 0?[{x:te,label:"Today",variant:"primary"}]:[]],$t));let ne=new Map,Le=[];k.forEach(c=>{if(Ht(e,c.name))return;let y=t.indexOf(c),O=L.indexOf(c.group??c.name),A=T(c),R=P.scale(Math.min(A.start,A.end)),V=c.milestone?R:P.scale(Math.max(A.start,A.end)),J=(d.get(c)?.length??0)>0;if(c.baseline&&!c.milestone){let ee=P.scale(Math.min(c.baseline.start,c.baseline.end)),be=P.scale(Math.max(c.baseline.start,c.baseline.end));N.push({kind:"rect",part:"baseline",x:u(ee),y:u(B.start(O)+B.bandwidth*.75),width:u(Math.max(1,be-ee)),height:u(B.bandwidth/4),fill:$.axis,opacity:.6,rx:1,title:`${c.name} planned: ${q(c.baseline.start)} \u2013 ${q(c.baseline.end)}`})}let _=B.center(O),Tt=Fe(e,y,c.color),It=a&&!a.has(c)?.35:void 0;if(ne.has(c.name)||ne.set(c.name,{x0:R,x1:V,mid:_}),c.id!==void 0&&!ne.has(c.id)&&ne.set(c.id,{x0:R,x1:V,mid:_}),c.milestone){let ee=B.bandwidth/2,be=`${c.name}: ${q(c.start)}`;N.push({kind:"path",part:"milestone",d:`M${u(R)} ${u(_-ee)}L${u(R+ee)} ${u(_)}L${u(R)} ${u(_+ee)}L${u(R-ee)} ${u(_)}Z`,fill:Tt,opacity:It,title:be,item:{label:be,id:c.id,name:c.name,category:c.group,index:y,value:c.start}});return}let le=re(c.progress)?Math.max(0,Math.min(1,c.progress)):void 0,Ot=`${c.name}: ${q(A.start)} \u2013 ${q(A.end)}${le!==void 0?` \xB7 ${Math.round(le*100)}% done`:""}`;J||St.push({index:N.length,id:c.id??c.name,name:c.name,start:Math.min(c.start,c.end),end:Math.max(c.start,c.end),x0:u(R),x1:u(V),y:u(B.start(O)),height:u(B.bandwidth)});let ln=c.baseline?B.bandwidth*.7:B.bandwidth;N.push({kind:"rect",part:J?"summary":"bar",x:u(R),y:u(B.start(O)),width:u(Math.max(1,V-R)),height:u(J?B.bandwidth/3:ln),fill:Tt,rx:2,opacity:It,title:Ot,item:{label:Ot,id:c.id,name:c.name,category:c.group,index:y,value:Math.abs(c.end-c.start)}}),le!==void 0&&le>0&&Le.push({kind:"rect",part:"progress",x:u(R),y:u(_-B.bandwidth/4),width:u(Math.max(1,(V-R)*le)),height:u(B.bandwidth/2),fill:"var(--skdx-color-text-default)",opacity:.35,rx:1})});let ce=new Map;for(let c of t)c.id!==void 0&&!ce.has(c.id)&&ce.set(c.id,c),ce.has(c.name)||ce.set(c.name,c);for(let c of t)for(let y of c.dependsOn??[]){let O=ne.get(y),A=ne.get(c.id??c.name);if(!O){n.push({code:"unknown-node",severity:"warning",message:`Task "${c.name}" depends on "${String(y)}", which does not exist.`,itemId:c.id??c.name});continue}if(!A||O===A)continue;let R=Math.max(O.x1+6,A.x0-6),V=ce.get(y),J=a&&V&&a.has(V)&&a.has(c),_=`${V?.name??String(y)} \u2192 ${c.name}`;Le.push({kind:"path",part:"dependency",d:`M${u(O.x1)} ${u(O.mid)}H${u(R)}V${u(A.mid)}H${u(A.x0)}`,stroke:J?"var(--skdx-color-danger-500)":$.axis,strokeWidth:J?2.5:1.5,opacity:a&&!J?.35:void 0,title:_,item:{label:_,name:V?.name??String(y),category:c.name}})}N.push(...Le,...Yt(e.annotations,$t));let Ct=je(e,i,o,e.tasks.map((c,y)=>({name:c.name,color:Fe(e,y,c.color)})));return{...Ct,shapes:[...N,...Ct.shapes],issues:n,edit:{scale:c=>P.scale(c),invert:cn,bars:St}}}var v=require("lit"),m=require("lit/decorators.js"),C=require("lit/directives/if-defined.js");var Pn={fromAttribute:()=>!1},M=class extends v.LitElement{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=[tt(Ie(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=[rt(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=ot(r,i.gantt,o-i.x),this.overlay=[st(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(lt(r.map,i.view,o-i.x,a-i.y));return}if(i&&r.hit){if(i.grab==="pinch"){let[a,l]=[...this.pointers.values()];if(a===void 0||l===void 0||!i.distance)return;this.setZoom(pt(r.hit,i.zoom,Math.abs(a-l)/i.distance,(a+l)/2));return}let{x:o}=this.viewBox(t,r);this.setZoom(i.grab==="pan"?ft(r.hit,i.zoom,o-i.x):xt(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:a}=Xe(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=Qe(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(Je(r,t.target)),this.syncId&&r.hit?.crosshair){let o=fe(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=Y(r,t.target)?.item.legend,l=this.canEdit(r)?it(r,i,o):void 0;if(l){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"edit",gantt:l},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 d=r.map.plot;if(i<d.x||i>d.x+d.width||o<d.y||o>d.y+d.height)return;this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"map",view:r.map.view},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}let s=r.hit;if(!(!s||!this.canZoom(r))){if(this.pointers.set(t.pointerId,i),this.pointers.size===2){let[d,h]=[...this.pointers.values()];this.drag={x:(d+h)/2,y:o,zoom:s.zoom,grab:"pinch",distance:Math.abs(d-h)||1}}else{let d=mt(s,i,o);if(d)this.drag={x:i,y:o,zoom:d.zoom,grab:d.grab},d.zoom!==s.zoom&&this.setZoom(d.zoom);else if(this.zoomable&&i>=s.plot.x&&i<=s.plot.x+s.plot.width&&o>=s.plot.y&&o<=s.plot.y+s.plot.height)this.drag={x:i,y:o,zoom:s.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:l}=this.viewBox(t,o);if(Math.abs(a-i.x)>2||Math.abs(l-i.y)>2){i.grab==="select"?this.setSelected(et(o,Ie(i.x,i.y,a,l))):i.grab==="lasso"?this.setSelected(nt(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 s=r.map.plot;if(i<s.x||i>s.x+s.width||o<s.y||o>s.y+s.height)return;t.preventDefault(),this.setView(ct(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 l=ut(a,t.deltaY,i);l&&(t.preventDefault(),this.setZoom(l))};this.onClick=t=>{if(!this.layout)return;if(this.drag?.distance===-1){this.drag=null;return}let r=Y(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 l=r.shapes[this.focused]?.item;l&&(t.preventDefault(),this.select(l),this.emit("skdx-item-click",l));return}let i=this.canEdit(r)?at(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=ht(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?K(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:l,loading:s,error:d,emptyMessage:h,description:p,decorative:x,animated:g,responsive:b,highlighted:w,highlightScope:k,accessibleTable:S}=this;return{...typeof b=="object"&&this.measured!==void 0&&this.measured<(b.breakpoint??480)?b.compact:void 0,width:b&&this.measured?this.measured:t,height:r,animate:g,responsive:b,legend:i,tooltip:o,format:a,palette:l,loading:s,error:d,emptyMessage:h,description:p,decorative:x,highlighted:w===void 0?this.highlightState:w,highlightScope:k,accessibleTable:S,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&Ae(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=Ae(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.syncId&&(this.highlightState=t,this.publish({highlighted:t})))}select(t){let r=this.selectionMode;r!=="none"&&this.setSelected(We(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 ae(t.currentTarget,t.clientX,t.clientY,r.width,r.height)}getSvgElement(){return this.renderRoot.querySelector("svg")}getLayout(){return this.layout}resetZoom(){this.setZoom(void 0)}zoomTo(t){this.setZoom(t)}focusItem(t){let r=this.layout;if(!r)return!1;let i=r.shapes.findIndex(o=>o.item&&!o.item.legend&&Z(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?gt(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Ee(He(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let S of o.issues??[])this.emit("skdx-data-issue",S)}let a=this.canZoom(o),l=this.canPan(o),s=this.canEdit(o),d=this.brushing(),h=a||l||s||d,p=!o.decorative&&Oe(o).length>0,x=o.description?`${r}-desc`:void 0,g=kt(o),b=yt(o,this.accessibleTable),w=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,k=this.portal;return v.html`<svg
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4
|
+
viewBox="0 0 ${o.width} ${o.height}"
|
|
5
|
+
width=${o.width}
|
|
6
|
+
height=${o.height}
|
|
7
|
+
role=${o.decorative?"presentation":"img"}
|
|
8
|
+
aria-hidden=${o.decorative?"true":v.nothing}
|
|
9
|
+
aria-label=${o.decorative?v.nothing:i}
|
|
10
|
+
aria-describedby=${(0,C.ifDefined)(x)}
|
|
11
|
+
tabindex=${p?0:v.nothing}
|
|
12
|
+
data-skdx-chart=${r}
|
|
13
|
+
data-zoomable=${a||l?"":v.nothing}
|
|
14
|
+
data-brushing=${d&&!(a||l)?"":v.nothing}
|
|
15
|
+
data-editable=${s?"":v.nothing}
|
|
16
|
+
style=${g?`--skdx-chart-duration:${g}`:v.nothing}
|
|
17
|
+
font-family=${$.fontFamily}
|
|
18
|
+
font-size=${$.fontSize}
|
|
19
|
+
@pointermove=${o.tooltip||h?this.onPointerMove:v.nothing}
|
|
20
|
+
@pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
|
|
21
|
+
@pointerdown=${h?this.onPointerDown:v.nothing}
|
|
22
|
+
@pointerup=${h?this.onPointerUp:v.nothing}
|
|
23
|
+
@pointercancel=${h?this.onPointerUp:v.nothing}
|
|
24
|
+
@wheel=${a||l?this.onWheel:v.nothing}
|
|
25
|
+
@dblclick=${a||l?()=>l?this.setView(void 0):this.setZoom(void 0):v.nothing}
|
|
26
|
+
@click=${this.onClick}
|
|
27
|
+
@keydown=${p?this.onKeyDown:v.nothing}
|
|
28
|
+
@blur=${()=>{this.focused=null,this.highlight(null)}}
|
|
29
|
+
>
|
|
30
|
+
<title>${i}</title>
|
|
31
|
+
${o.description?v.svg`<desc id=${(0,C.ifDefined)(x)}>${o.description}</desc>`:v.nothing}
|
|
32
|
+
${g?v.svg`<style>${wt}</style>`:v.nothing} ${Bn(o)}
|
|
33
|
+
${ze(o.shapes)}
|
|
34
|
+
${ze(this.tip.length||!this.crossState?this.tip:qe(o,this.crossState))}
|
|
35
|
+
${ze(dt(o,this.focused))} ${ze(this.overlay)}
|
|
36
|
+
</svg>
|
|
37
|
+
${k?v.html`<div
|
|
38
|
+
role="tooltip"
|
|
39
|
+
data-skdx-tooltip=${r}
|
|
40
|
+
style="left:${k.x+12}px;top:${k.y+12}px"
|
|
41
|
+
>
|
|
42
|
+
${k.lines.map(S=>v.html`<div>${S}</div>`)}
|
|
43
|
+
</div>`:v.nothing}
|
|
44
|
+
${b?v.html`<table data-skdx-table=${r}>
|
|
45
|
+
<caption>
|
|
46
|
+
${w}
|
|
47
|
+
</caption>
|
|
48
|
+
<thead>
|
|
49
|
+
<tr>
|
|
50
|
+
${(b[0]??[]).map(S=>v.html`<th scope="col">${S}</th>`)}
|
|
51
|
+
</tr>
|
|
52
|
+
</thead>
|
|
53
|
+
<tbody>
|
|
54
|
+
${b.slice(1).map(S=>v.html`<tr>
|
|
55
|
+
${S.map((T,L)=>L===0?v.html`<th scope="row">${T}</th>`:v.html`<td>${T}</td>`)}
|
|
56
|
+
</tr>`)}
|
|
57
|
+
</tbody>
|
|
58
|
+
</table>`:v.nothing}`}};M.styles=v.css`
|
|
59
|
+
:host {
|
|
60
|
+
display: inline-block;
|
|
61
|
+
}
|
|
62
|
+
svg {
|
|
63
|
+
display: block;
|
|
64
|
+
max-width: 100%;
|
|
65
|
+
height: auto;
|
|
66
|
+
outline: none;
|
|
67
|
+
}
|
|
68
|
+
svg[data-zoomable] {
|
|
69
|
+
cursor: grab;
|
|
70
|
+
touch-action: none;
|
|
71
|
+
}
|
|
72
|
+
svg[data-brushing] {
|
|
73
|
+
cursor: crosshair;
|
|
74
|
+
touch-action: none;
|
|
75
|
+
}
|
|
76
|
+
svg[data-editable] {
|
|
77
|
+
touch-action: none;
|
|
78
|
+
}
|
|
79
|
+
:host([responsive]) {
|
|
80
|
+
display: block;
|
|
81
|
+
}
|
|
82
|
+
table {
|
|
83
|
+
position: absolute;
|
|
84
|
+
width: 1px;
|
|
85
|
+
height: 1px;
|
|
86
|
+
margin: -1px;
|
|
87
|
+
padding: 0;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
clip: rect(0 0 0 0);
|
|
90
|
+
white-space: nowrap;
|
|
91
|
+
border: 0;
|
|
92
|
+
}
|
|
93
|
+
[role='tooltip'] {
|
|
94
|
+
position: fixed;
|
|
95
|
+
pointer-events: none;
|
|
96
|
+
z-index: 1000;
|
|
97
|
+
background: var(--skdx-color-surface-raised);
|
|
98
|
+
color: var(--skdx-color-text-default);
|
|
99
|
+
border: 1px solid var(--skdx-color-border-strong);
|
|
100
|
+
border-radius: 3px;
|
|
101
|
+
padding: 4px 8px;
|
|
102
|
+
font-family: var(--skdx-font-family);
|
|
103
|
+
font-size: var(--skdx-font-size-xs);
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
}
|
|
106
|
+
[role='tooltip'] > :first-child:not(:only-child) {
|
|
107
|
+
font-weight: bold;
|
|
108
|
+
}
|
|
109
|
+
`,f([(0,m.property)({type:Number})],M.prototype,"width",2),f([(0,m.property)({type:Number})],M.prototype,"height",2),f([(0,m.property)()],M.prototype,"label",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"legend",2),f([(0,m.property)({type:Boolean,attribute:"no-tooltip",converter:Pn})],M.prototype,"tooltip",2),f([(0,m.property)({attribute:!1})],M.prototype,"format",2),f([(0,m.property)({attribute:!1})],M.prototype,"palette",2),f([(0,m.property)({attribute:!1})],M.prototype,"hiddenSeries",2),f([(0,m.property)({attribute:!1})],M.prototype,"selected",2),f([(0,m.property)({attribute:"selection-mode"})],M.prototype,"selectionMode",2),f([(0,m.property)({attribute:!1})],M.prototype,"highlighted",2),f([(0,m.property)({attribute:!1})],M.prototype,"highlightScope",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"loading",2),f([(0,m.property)()],M.prototype,"error",2),f([(0,m.property)({attribute:"empty-message"})],M.prototype,"emptyMessage",2),f([(0,m.property)()],M.prototype,"description",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"decorative",2),f([(0,m.property)({type:Boolean,attribute:"accessible-table"})],M.prototype,"accessibleTable",2),f([(0,m.property)({attribute:!1})],M.prototype,"zoom",2),f([(0,m.property)({attribute:!1})],M.prototype,"view",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"zoomable",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"editable",2),f([(0,m.property)({attribute:"sync-id"})],M.prototype,"syncId",2),f([(0,m.property)({type:Boolean,attribute:"cross-filter"})],M.prototype,"crossFilter",2),f([(0,m.property)({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],M.prototype,"animated",2),f([(0,m.property)({type:Boolean,reflect:!0})],M.prototype,"responsive",2),f([(0,m.state)()],M.prototype,"tip",2),f([(0,m.state)()],M.prototype,"overlay",2),f([(0,m.state)()],M.prototype,"portal",2),f([(0,m.state)()],M.prototype,"measured",2),f([(0,m.state)()],M.prototype,"viewState",2),f([(0,m.state)()],M.prototype,"highlightState",2),f([(0,m.state)()],M.prototype,"crossState",2),f([(0,m.state)()],M.prototype,"focused",2),f([(0,m.state)()],M.prototype,"hiddenState",2),f([(0,m.state)()],M.prototype,"zoomState",2),f([(0,m.state)()],M.prototype,"selectedState",2);var I=class extends M{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:a,references:l,annotations:s,labels:d,curve:h,connectNulls:p,nulls:x,stacked:g,stackOffset:b,orientation:w,radius:k,barGap:S,barWidth:T,sort:L,transform:D,transforms:F,bins:G,binWidth:z,binDomain:q,binMode:te,sampling:X,brush:Q,crosshair:P}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:a,references:l,annotations:s,labels:d,curve:h,connectNulls:p,nulls:x,stacked:g,stackOffset:b,orientation:w,radius:k,barGap:S,barWidth:T,sort:L,transform:D,transforms:F,bins:G,binWidth:z,binDomain:q,binMode:te,sampling:X,brush:Q,crosshair:P}}};f([(0,m.property)({attribute:!1})],I.prototype,"series",2),f([(0,m.property)({attribute:!1})],I.prototype,"categories",2),f([(0,m.property)({attribute:!1})],I.prototype,"xAxis",2),f([(0,m.property)({attribute:!1})],I.prototype,"yAxis",2),f([(0,m.property)({attribute:!1})],I.prototype,"rightAxis",2),f([(0,m.property)({attribute:!1})],I.prototype,"references",2),f([(0,m.property)({attribute:!1})],I.prototype,"annotations",2),f([(0,m.property)({type:Boolean,reflect:!0})],I.prototype,"labels",2),f([(0,m.property)()],I.prototype,"curve",2),f([(0,m.property)({type:Boolean,attribute:"connect-nulls"})],I.prototype,"connectNulls",2),f([(0,m.property)()],I.prototype,"nulls",2),f([(0,m.property)({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],I.prototype,"stacked",2),f([(0,m.property)({attribute:"stack-offset"})],I.prototype,"stackOffset",2),f([(0,m.property)()],I.prototype,"orientation",2),f([(0,m.property)({type:Number})],I.prototype,"radius",2),f([(0,m.property)({type:Number,attribute:"bar-gap"})],I.prototype,"barGap",2),f([(0,m.property)({type:Number,attribute:"bar-width"})],I.prototype,"barWidth",2),f([(0,m.property)()],I.prototype,"sort",2),f([(0,m.property)()],I.prototype,"transform",2),f([(0,m.property)({attribute:!1})],I.prototype,"transforms",2),f([(0,m.property)({type:Number})],I.prototype,"bins",2),f([(0,m.property)({type:Number,attribute:"bin-width"})],I.prototype,"binWidth",2),f([(0,m.property)({attribute:!1})],I.prototype,"binDomain",2),f([(0,m.property)({attribute:"bin-mode"})],I.prototype,"binMode",2),f([(0,m.property)({attribute:!1})],I.prototype,"sampling",2),f([(0,m.property)({type:Boolean,reflect:!0})],I.prototype,"brush",2),f([(0,m.property)({type:Boolean,reflect:!0})],I.prototype,"crosshair",2);var Bn=e=>e.defs&&e.defs.length?v.svg`<defs>${e.defs.map(n=>v.svg`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>v.svg`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${(0,C.ifDefined)(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:v.nothing,ze=e=>v.svg`${e.map((n,t)=>{let r=n.title?v.svg`<title>${n.title}</title>`:v.nothing,i=n.item?t:void 0;switch(n.kind){case"path":return v.svg`<path data-skdx-part=${n.part} data-skdx-i=${(0,C.ifDefined)(i)} d=${n.d} fill=${n.fill??"none"} stroke=${(0,C.ifDefined)(n.stroke)} stroke-width=${(0,C.ifDefined)(n.strokeWidth)} stroke-linecap=${(0,C.ifDefined)(n.strokeLinecap)} stroke-linejoin=${(0,C.ifDefined)(n.strokeLinejoin)} stroke-dasharray=${(0,C.ifDefined)(n.dash)} opacity=${(0,C.ifDefined)(n.opacity)} fill-opacity=${(0,C.ifDefined)(n.fillOpacity)}>${r}</path>`;case"rect":return v.svg`<rect data-skdx-part=${n.part} data-skdx-i=${(0,C.ifDefined)(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${(0,C.ifDefined)(n.rx)} fill=${n.fill} stroke=${(0,C.ifDefined)(n.stroke)} fill-opacity=${(0,C.ifDefined)(n.opacity)}>${r}</rect>`;case"line":return v.svg`<line data-skdx-part=${n.part} data-skdx-i=${(0,C.ifDefined)(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${(0,C.ifDefined)(n.strokeWidth)} stroke-dasharray=${(0,C.ifDefined)(n.dash)} opacity=${(0,C.ifDefined)(n.opacity)}>${r}</line>`;case"circle":return v.svg`<circle data-skdx-part=${n.part} data-skdx-i=${(0,C.ifDefined)(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${(0,C.ifDefined)(n.stroke)} opacity=${(0,C.ifDefined)(n.opacity)}>${r}</circle>`;case"text":return v.svg`<text data-skdx-part=${n.part} data-skdx-i=${(0,C.ifDefined)(i)} x=${n.x} y=${n.y} text-anchor=${(0,C.ifDefined)(n.anchor)} dominant-baseline=${(0,C.ifDefined)(n.baseline)} fill=${(0,C.ifDefined)(n.fill)} font-weight=${(0,C.ifDefined)(n.weight)} pointer-events=${(0,C.ifDefined)(i===void 0?"none":void 0)} transform=${(0,C.ifDefined)(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var H=class extends M{constructor(){super(...arguments);this.tasks=[];this.criticalPath=!1}render(){let{tasks:t,references:r,annotations:i,today:o,criticalPath:a,xAxis:l}=this;return this.root(Mt({...this.sized(),tasks:t,references:r,annotations:i,today:o,criticalPath:a,xAxis:l}),"gantt",this.label??"Gantt chart")}};f([(0,E.property)({attribute:!1})],H.prototype,"tasks",2),f([(0,E.property)({attribute:!1})],H.prototype,"references",2),f([(0,E.property)({attribute:!1})],H.prototype,"annotations",2),f([(0,E.property)({attribute:!1})],H.prototype,"today",2),f([(0,E.property)({type:Boolean,reflect:!0,attribute:"critical-path"})],H.prototype,"criticalPath",2),f([(0,E.property)({attribute:!1})],H.prototype,"xAxis",2),H=f([(0,E.customElement)("skdx-gantt-chart")],H);0&&(module.exports={SkdxGanttChart});
|
package/dist/gantt.d.cts
ADDED
package/dist/gantt.d.ts
ADDED