@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
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";var se=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var Nt=Object.prototype.hasOwnProperty;var Dt=(e,n)=>{for(var t in n)se(e,t,{get:n[t],enumerable:!0})},Gt=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of Rt(n))!Nt.call(e,i)&&i!==t&&se(e,i,{get:()=>n[i],enumerable:!(r=ct(n,i))||r.enumerable});return e};var Ft=e=>Gt(se({},"__esModule",{value:!0}),e),h=(e,n,t,r)=>{for(var i=r>1?void 0:r?ct(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&&se(n,t,i),i};var on={};Dt(on,{SkdxMarimekkoChart:()=>R});module.exports=Ft(on);var H=require("lit/decorators.js");var lt=e=>Number(e.toPrecision(12)),jt,Vt=e=>(jt??(jt=new Intl.NumberFormat)).format(lt(e)),Ht=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 Y(e){if(e===void 0)return Vt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,s=l=>i?p=>l(p)+i:l,a=l=>r===void 0?l===void 0?{}:{maximumFractionDigits:l}:{minimumFractionDigits:r,maximumFractionDigits:r},c=l=>{let p=new Intl.NumberFormat(t,l);return s(g=>p.format(lt(g)))},u=l=>{let p=new Intl.DateTimeFormat(t,o?{...l,timeZone:o}:l);return g=>p.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(Ht)}}function ce([e,n],[t,r]){let i=n-e;return o=>i===0?t:t+(o-e)/i*(r-t)}function le(e,n,t=5){if(e===n)return[e];let r=(n-e)/Math.max(1,t),i=10**Math.floor(Math.log10(r)),o=r/i,s=(o<1.5?1:o<3.5?2:o<7.5?5:10)*i,a=Math.floor(e/s)*s,c=Math.ceil(n/s)*s,u=[];for(let l=a;l<=c+s/2;l+=s)u.push(dt(l));return u}var dt=e=>Number(e.toPrecision(12)),y=e=>Number(e.toFixed(2)),J=e=>typeof e=="number"&&Number.isFinite(e);var q=1e3,X=60*q,Q=60*X,ae=24*Q,cn=[q,5*q,15*q,30*q,X,5*X,15*X,30*X,Q,3*Q,6*Q,12*Q,ae,2*ae,7*ae,14*ae];function ut(e,n){let t=Math.floor(Math.log10(e)),r=Math.ceil(Math.log10(n)),i=r-t<=1?[1,2,5]:[1],o=[];for(let s=t;s<=r;s++)for(let a of i)o.push(dt(a*10**s));return o.filter(s=>s>=e/1.0001&&s<=n*1.0001)}var Zt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,_t=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Wt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Et(e,n,t){return e.replace(_t,(r,i,o)=>{let s=Wt[i];if(s===void 0)return i+o;let c=(o.match(Zt)??[]).map((u,l)=>{let p=Number(u);if(s===-1)return String(p+n);if(s===-2)return String(p+t);let g=l%s;return s===7?g===5?String(p+n):g===6?String(p+t):u:String(g%2===0?p+n:p+t)});return i+c.join(" ")})}var ht=(e,n,t)=>e.map(r=>{switch(r.kind){case"rect":return{...r,x:r.x+n,y:r.y+t};case"circle":return{...r,cx:r.cx+n,cy:r.cy+t};case"line":return{...r,x1:r.x1+n,x2:r.x2+n,y1:r.y1+t,y2:r.y2+t};case"text":return{...r,x:r.x+n,y:r.y+t};case"path":return{...r,d:Et(r.d,n,t)}}});var ye=["primary","success","warning","danger","neutral"].flatMap(e=>[500,700].map(n=>`var(--skdx-color-${e}-${n})`)).sort((e,n)=>Number(e.endsWith("700)"))-Number(n.endsWith("700)"))),M={axis:"var(--skdx-color-border-strong)",grid:"var(--skdx-color-border-subtle)",label:"var(--skdx-color-text-muted)",focus:"var(--skdx-color-focus-ring)",positive:"var(--skdx-color-success-500)",negative:"var(--skdx-color-danger-500)",fontFamily:"var(--skdx-font-family)",fontSize:"var(--skdx-font-size-xs)"};var pt=(e,n)=>n??ye[e%ye.length];var ee={top:16,right:16,bottom:32,left:48};function ft(e,n,t=ee){return{x:t.left,y:t.top,width:Math.max(0,e-t.left-t.right),height:Math.max(0,n-t.top-t.bottom)}}function te(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function mt(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var de=20,Ut=120,gt=e=>{let n=te(e);return n&&(n.position==="left"||n.position==="right")?n.width??Ut:0},we=(e,n=600,t=300)=>({width:(e.width??n)-gt(e),height:(e.height??t)-(te(e)?.position==="bottom"?de:0)}),bt=e=>{let n=te(e);return n&&(n.position===void 0||n.position==="top")?de:0},W=6.5,ke=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:pt(n)),xt=(e,n)=>e.hiddenSeries?.includes(n)??!1;function ve(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,p=r.interactive??!0,g=o,I=i,k=(d,b,x,S)=>{let T=(b?18:4)+d.length*W;g>o&&(s||g+T>n-8)&&(g=o,I+=de),b&&a.push({kind:"rect",part:"legend-swatch",x:g,y:I-5,width:10,height:10,fill:b,opacity:S?.3:void 0,item:x}),a.push({kind:"text",part:"legend-label",x:g+(b?14:0),y:I,text:d,baseline:"middle",fill:S?M.grid:M.label,item:x}),g+=T+12};for(let d of u){let b=t.includes(d.name),x=p?{label:d.name,series:d.name,legend:!0}:void 0;k(r.formatter?.(d.name)??d.name,d.color,x,b)}return l>0&&k(`+${l} more`,void 0,void 0,!1),r.align==="end"?Kt(a,n):a}function Kt(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*W)),s=n-8-o;for(let a of i)r.push({...a,x:a.x+s})}return r}var Yt=(e,n,t={})=>new Set(ve(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Me(e,n,t,r=[]){let i=te(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=mt(e),a=o?.position==="bottom",c=gt(e),u=e.hiddenSeries??[],l=o?c?ve(r,1/0,u,o,10,(o.position==="right"?n:0)+8,!0):ve(r,n,u,o,a?t+10:10):[],p=a?Yt(r,n,o):0;return{width:n+c,height:a?t+Math.max(1,p)*de:t,legendOffset:o?.position==="left"?c:void 0,tooltip:s.enabled,tooltipFormatter:s.formatter,axisTooltipFormatter:s.axisFormatter,tooltipPortal:s.portal,tooltipPlacement:s.placement,tooltipAnchored:s.followPointer===!1?!0:void 0,description:e.description,decorative:e.decorative,animate:e.animate===!0?300:e.animate||void 0,responsive:!!e.responsive,shapes:l}}function $e(e){let n=e.legendOffset;if(!n)return e;let t=[...ht(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 ue(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(g=>g.length))*W+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)),p=Math.max(0,Math.min(i-c,u.y));return[{kind:"rect",part:"tooltip",x:y(l),y:y(p),width:y(a),height:c,fill:"var(--skdx-color-surface-raised)",stroke:M.axis,rx:3},...s.map((g,I)=>({kind:"text",part:"tooltip-label",x:y(l+6),y:y(p+11+I*16),text:g,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&I===0?"bold":void 0}))]}function yt([e,n],t,r=!1,i){let o=typeof r=="boolean"?{scale:r?"log":"linear"}:r,s=Y(o.format??i),a=o.min??e,c=o.max??n;o.reversed&&(t=[t[1],t[0]]);let u={id:o.id,position:o.position,options:o};if(o.scale==="sqrt"){let d=L=>Math.sign(L)*Math.sqrt(Math.abs(L)),b=o.nice===!1?[a,c]:le(a,c,o.ticks),x=o.min??b[0],S=o.max??b[b.length-1],T=ce([d(x),d(S)],t),A=L=>T(d(L)),B=le(x,S,o.ticks).filter(L=>L>=x-1e-9&&L<=S+1e-9);return{...u,scale:A,domain:[x,S],format:s,ticks:(B.length>=2?B:[x,S]).map(L=>({pos:y(A(L)),label:s(L)})),zero:y(A(Math.min(Math.max(0,x),S)))}}if(o.scale==="log"){let d=Math.max(a,Number.EPSILON),b=Math.max(c,d),x=ut(d,b),S=[Math.log10(d),Math.log10(b)],T=ce(S,t),A=B=>T(Math.log10(Math.max(B,Number.EPSILON)));return{...u,scale:A,domain:S,format:s,ticks:x.map(B=>({pos:y(A(B)),label:s(B)})),zero:y(t[0])}}let l=le(a,c,o.ticks),p=[o.min??(o.nice===!1?a:l[0]),o.max??(o.nice===!1?c:l[l.length-1])],g=ce(p,t),I=l.filter(d=>d>=p[0]-1e-9&&d<=p[1]+1e-9),k=(I.length>=2?I:[p[0],p[1]]).map(d=>({pos:y(g(d)),label:s(d)}));return{...u,scale:g,domain:p,format:s,ticks:k,zero:y(g(Math.min(Math.max(0,p[0]),p[1])))}}function vt(e,n){if(e.length<2)return e;let t=e.reduce((i,o)=>Math.max(i,o.label.length),0)*W+8,r=Math.max(1,Math.ceil(e.length*t/Math.max(1,n)));return r===1?e:e.filter((i,o)=>o%r===0)}function wt(e,n,t,r){let i=e.error!==void 0?"error":e.loading?"loading":n?"empty":null;if(!i)return null;let{width:o,height:s}=we(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:y(o/2),y:y(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":M.label}),{...Me(e,o,s),shapes:c,tooltip:!1}}function kt(e,n={}){let{plot:t,xTicks:r,yTicks:i,baseline:o}=e,s=t.x+t.width,a=t.y+t.height,c=[],u=n.grid??!0,l=(k,d)=>d?{kind:"line",part:"grid",x1:k.pos,x2:k.pos,y1:t.y,y2:a,stroke:M.grid}:{kind:"line",part:"grid",x1:t.x,x2:s,y1:k.pos,y2:k.pos,stroke:M.grid},p=n.x?.tickRotation??0,g=(k,d,b,x)=>p?P(k,d,b,{part:x,anchor:p<0?"end":"start",baseline:"middle",rotate:p}):P(k,d,b,{part:x,anchor:"middle"}),I=(k,d,b,x,S)=>{for(let T of k)c.push(d==="x"?{kind:"line",part:"tick",x1:T.pos,x2:T.pos,y1:b,y2:y(b+x*S),stroke:M.axis}:{kind:"line",part:"tick",x1:b,x2:y(b+x*S),y1:T.pos,y2:T.pos,stroke:M.axis})};if(n.categoryGrid)for(let k of r)c.push(l(k,!n.horizontal));if(n.horizontal){let k=n.axes??[{ticks:i,position:"bottom",offset:0,label:n.yLabel,...n.y}];if(u)for(let d of i)c.push(l(d,!0));k[0]?.showLine!==!1&&c.push({kind:"line",part:"axis",x1:o,x2:o,y1:t.y,y2:a,stroke:M.axis});for(let d of k){let b=d.position==="top"||d.position==="right",x=y(b?t.y-d.offset:a+d.offset),S=b||d.offset>0;d.showLine&&S&&c.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:x,y2:x,stroke:M.axis}),d.showTicks&&I(d.ticks,"x",x,b?-1:1,d.tickSize??4);let T=y(b?x-8:x+20);for(let A of d.ticks)c.push(b?P(A.pos,T,A.label,{part:"x-label-top",anchor:"middle"}):g(A.pos,T,A.label,"x-label"));d.label&&c.push(S?P(4,T,d.label,{part:"axis-title",anchor:"start",baseline:b?void 0:"middle"}):P(4,t.y-6,d.label,{part:"axis-title",anchor:"start"}))}n.x?.showLine&&c.push({kind:"line",part:"axis",x1:n.rtl?s:t.x,x2:n.rtl?s:t.x,y1:t.y,y2:a,stroke:M.axis}),n.x?.showTicks&&I(r,"y",n.rtl?s:t.x,n.rtl?1:-1,n.x.tickSize??4);for(let d of r)c.push(n.rtl?P(s+8,d.pos,d.label,{part:"y-label",anchor:"start",baseline:"middle"}):P(t.x-8,d.pos,d.label,{part:"y-label",anchor:"end",baseline:"middle"}))}else{if(u)for(let d of i)c.push(l(d,!1));n.y?.showLine!==!1&&c.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:o,y2:o,stroke:M.axis});let k=n.axes??[{ticks:i,position:"left",offset:0,label:n.yLabel,...n.y},...n.rightTicks?[{ticks:n.rightTicks,position:"right",offset:0,label:n.rightLabel}]:[]];for(let d of k){let b=d.position==="left",x=b?t.x-d.offset:s+d.offset,S=b?"y-label":"y-label-right";d.showLine&&c.push({kind:"line",part:"axis",x1:y(x),x2:y(x),y1:t.y,y2:a,stroke:M.axis}),d.showTicks&&I(d.ticks,"y",y(x),b?-1:1,d.tickSize??4);for(let T of d.ticks)c.push(P(y(b?x-8:x+8),T.pos,T.label,{part:S,anchor:b?"end":"start",baseline:"middle"}));d.label&&c.push(P(y(b?d.offset===0?4:Math.max(4,x-40):d.offset===0?e.width-4:Math.min(e.width-4,x+40)),t.y-6,d.label,{part:"axis-title",anchor:b?"start":"end"}))}n.x?.showTicks&&I(r,"x",a,1,n.x.tickSize??4);for(let d of r)c.push(g(d.pos,a+(p?12:20),d.label,"x-label"))}return n.xLabel&&c.push(P(y(t.x+t.width/2),e.height-4,n.xLabel,{part:"axis-title",anchor:"middle"})),n.horizontal&&n.rightLabel&&c.push(P(e.width-4,t.y-6,n.rightLabel,{part:"axis-title",anchor:"end"})),c}var P=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:M.label,...r});function he(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Se=e=>e.id??e.name??e.series,Mt=e=>e.seriesId??e.series;function D(e,n){let t=!1;return n.id!==void 0&&(t=!0,Se(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,Mt(e)!==n.series&&e.series!==n.series)||n.index!==void 0&&(t=!0,e.index!==n.index)||n.category!==void 0&&(t=!0,e.category!==n.category)?!1:t}function j(e){let n={},t=Se(e);t!==void 0&&(n.id=t);let r=Mt(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Ce=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function Ie(e,n,t){let r=he(e),i=j(n),o=r.some(s=>D(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!D(n,s)):[...r,i]}var qt=.2;function Xt(e){let n=M.focus;switch(e.kind){case"rect":return{kind:"rect",part:"selected",x:e.x-1.5,y:e.y-1.5,width:e.width+3,height:e.height+3,fill:"none",stroke:n,rx:e.rx};case"circle":return{kind:"circle",part:"selected",cx:e.cx,cy:e.cy,r:e.r+2.5,fill:"none",stroke:n};case"path":return{kind:"path",part:"selected",d:e.d,fill:"none",stroke:n,strokeWidth:2.5};case"line":return{...e,part:"selected",stroke:n,strokeWidth:(e.strokeWidth??1)+3,title:void 0,item:void 0};case"text":return}}var Qt=(e,n)=>e.kind==="text"?{...e,fill:M.grid}:{...e,opacity:(e.opacity??1)*n};function Te(e,n){let t=he(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:he(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(p=>D(l,p))?!0:o.highlighted==="series"?r.some(p=>p.series!==void 0&&D(l,{series:p.series})):!1,c=l=>{if(!i||o.faded==="none"||a(l))return!1;if(o.faded==="series"){let p=i.series;return p!==void 0&&D(l,{series:p})}return!0},u=e.shapes.map(l=>{let p=l.item;if(!p||p.legend)return l;if(t.some(g=>D(p,g))){let g=Xt(l);g&&s.push(g)}return c(p)?Qt(l,qt):l});return s.length?{...e,shapes:[...u,...s]}:{...e,shapes:u}}function K(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 ze=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function $t(e,n){let t=0,r=1/0;return e.xs.forEach((i,o)=>{let s=Math.abs(i-n);s<r&&(r=s,t=o)}),t}function ne(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=$t(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Oe(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[$t(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:M.axis,dash:"3 3"}}function Ae(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!ze(r.plot,n,t))return[];let i=Oe(e,n),{rows:o}=ne(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...ue(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function Le(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 Ae(e,i,t.plot.y+8)}function Pe(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:c,y:u}=K(t,r,i,e.width,e.height);if(ze(e.hit.plot,c,u)){let l=ne(e,c),p=Oe(e,c);if(l&&p)return{lines:l.rows,shapes:[p]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?V(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 St(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),c=s&&s.tooltipFormatter?V(s,e)?.item:void 0,u=c&&s?.tooltipFormatter?.(c)||a&&Array.from(a.children).find(k=>k.tagName.toLowerCase()==="title")?.textContent;if(!u)return[];let l=s?.tooltipAnchored?V(s,e):void 0,p=l?s?.shapes[l.index]:void 0,{x:g,y:I}=p?re(p):K(n,t,r,i,o);return ue(g,I,u,i,o,s?.tooltipPlacement)}function Be(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:s}=K(t,r,i,e.width,e.height),a=Ae(e,o,s);if(a.length>0)return a}return St(n,t,r,i,e.width,e.height,e)}function Re(e,n){let t=V(e,n);return t&&!t.item.legend?j(t.item):null}var Jt=(e,n)=>{let{x:t,y:r}=re(e),i=e.kind==="circle"?e.cy:e.kind==="rect"?e.y+e.height/2:r;return t>=n.x&&t<=n.x+n.width&&i>=n.y&&i<=n.y+n.height};function Ne(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!Jt(i,n))continue;let o=j(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var De=e=>({kind:"rect",part:"selection-box",x:y(e.x),y:y(e.y),width:y(e.width),height:y(e.height),fill:M.focus,opacity:.12,stroke:M.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 Ct(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 Ge(e,n){if(n.length<3)return[];let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor")continue;let{x:o,y:s}=re(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!Ct(n,o,a))continue;let c=j(i.item),u=JSON.stringify(c);t.has(u)||(t.add(u),r.push(c))}return r}var Fe=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${y(n.x)} ${y(n.y)}`).join("L")}`:"",fill:M.focus,fillOpacity:.12,stroke:M.focus,dash:"4 3"}),pe=6;function je(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 Ve(e,n,t){let r=e.edit;return It(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function He(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 It(r,{bar:o,mode:s},i*a)}function It(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 Ze(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:y(Math.min(i,o)),y:y(n.bar.y),width:y(Math.max(1,Math.abs(o-i))),height:y(n.bar.height),fill:M.focus,opacity:.25,stroke:M.focus,rx:2}}var en=64,tn=e=>Math.max(1,Math.min(en,e));function _e(e,n,t,r){let i=n>0?.8:1.25,o=tn(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,p=(r-(s.y+s.height/2))/a,g=e.view.zoom/o;return{center:[c+l*(1-g),e.fromY(e.toY(u)-p*(1-g))],zoom:o}}function We(e,n,t,r){let{scale:i}=e;return{center:[n.center[0]-t/i,e.fromY(e.toY(n.center[1])+r/i)],zoom:n.zoom}}function V(e,n){let t=n?.closest?.("[data-skdx-i]"),r=Number(t?.getAttribute("data-skdx-i")),i=Number.isInteger(r)?e.shapes[r]?.item:void 0;return i?{index:r,item:i}:void 0}var me=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function re(e){switch(e.kind){case"rect":return{x:e.x+e.width/2,y:e.y};case"circle":return{x:e.cx,y:e.cy-e.r};case"line":return{x:(e.x1+e.x2)/2,y:Math.min(e.y1,e.y2)};case"text":return{x:e.x,y:e.y};case"path":{let n=/M\s*(-?[\d.]+)[ ,](-?[\d.]+)/.exec(e.d);return n?{x:Number(n[1]),y:Number(n[2])}:{x:0,y:0}}}}function Ee(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=M.focus,i;switch(t.kind){case"rect":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-2,width:t.width+4,height:t.height+4,fill:"none",stroke:r,rx:2};break;case"circle":i={kind:"circle",part:"focus",cx:t.cx,cy:t.cy,r:t.r+3,fill:"none",stroke:r};break;case"line":i={kind:"line",part:"focus",x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:r,strokeWidth:4};break;case"text":i={kind:"rect",part:"focus",x:t.x-2,y:t.y-8,width:t.text.length*W+4,height:16,fill:"none",stroke:r,rx:2};break;case"path":i={kind:"path",part:"focus",d:t.d,stroke:r,strokeWidth:2,fill:"none"};break}let{x:o,y:s}=re(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?ue(y(o),y(s),a,e.width,e.height):[]]}function Ue(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 E=2,U=(e,n,t)=>{let r=Math.max(E,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},Tt=(e,n)=>!e||e.start<=0&&e.end>=n;function Ke(e,n,t){if(e.count<=E||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(E,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!Tt(e.zoom,e.count)?U(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 U(u-c*a,a,e.count)}function Ye(e,n,t,r){let i=n.end-n.start,o=Math.max(E,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 U(n.start+s*i-s*o,o,e.count)}function qe(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return U(n.start-t/i,r,e.count)}function Xe(e,n,t){let r=e.brush;if(!r||!ze(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:U(s-o/2,o,e.count)}}function Qe(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 U(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-E,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+E,Math.round(t.end+o)));return{start:t.start,end:s}}function et(e,n){switch(n.type){case"svg":return Promise.resolve(Je(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=Je(e,n.label,n.resolve);return At(t,e.width,e.height,n.scale,n.background)}}}var G=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,"""),ie=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${G(String(t))}"`).join("");function zt(e){let n=e.title?`<title>${G(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${ie([t,["d",e.d],["fill",e.fill??"none"],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-linecap",e.strokeLinecap],["stroke-linejoin",e.strokeLinejoin],["stroke-dasharray",e.dash],["opacity",e.opacity],["fill-opacity",e.fillOpacity]])}>${n}</path>`;case"rect":return`<rect${ie([t,["x",e.x],["y",e.y],["width",e.width],["height",e.height],["rx",e.rx],["fill",e.fill],["stroke",e.stroke],["fill-opacity",e.opacity]])}>${n}</rect>`;case"line":return`<line${ie([t,["x1",e.x1],["y1",e.y1],["x2",e.x2],["y2",e.y2],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-dasharray",e.dash],["opacity",e.opacity]])}>${n}</line>`;case"circle":return`<circle${ie([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${ie([t,["x",e.x],["y",e.y],["text-anchor",e.anchor],["dominant-baseline",e.baseline],["fill",e.fill],["font-weight",e.weight],["transform",e.rotate?`rotate(${e.rotate} ${e.x} ${e.y})`:void 0]])}>${G(e.text)}</text>`}}function Ot(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${G(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="${G(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function Je(e,n,t){let r=Ot(e)+e.shapes.map(zt).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="${G(n)}" font-family="${G(M.fontFamily)}" font-size="${G(M.fontSize)}"><title>${G(n)}</title>${r}</svg>`}function At(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(p=>p?o(p):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 tt(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(p=>p.slice(p.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 nt=new Map;function ge(e){let n=nt.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&&nt.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return nt.set(e,{group:i,listeners:t}),i}var Pt='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',rt=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Pt}{animation:skdx-in var(--skdx-chart-duration,0ms) ease-out;transition:${["x","y","width","height","cx","cy","r","opacity","fill-opacity","d"].map(e=>`${e} var(--skdx-chart-duration,0ms) ease-out`).join(",")}}@media (prefers-reduced-motion:reduce){${Pt}{animation:none;transition:none}}`;function it(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}function ot(e){let n=[],t=e.segments.map((m,O)=>typeof m=="string"?{name:m,id:m,color:ke(e,O)}:{name:m.name,id:m.id??m.name,color:ke(e,O,m.color)}),r=t.map(m=>!xt(e,m.name)),i=(m,O)=>{let z=m.values[O];return z==null?0:!J(z)||z<0?(n.push({code:J(z)?"negative-value":"invalid-value",severity:"warning",message:`"${t[O]?.name}" in "${m.name}" is ${J(z)?"negative":"not a number"}; drawn as zero.`,itemId:m.id??m.name}),0):z},o=e.data.map((m,O)=>{let z=t.map((_,F)=>r[F]?i(m,F):0),Z=z.reduce((_,F)=>_+F,0),N=J(m.total)&&m.total>=0?m.total:Z;return{c:m,ci:O,values:z,sum:Z,total:N}}),s=o.reduce((m,O)=>m+O.total,0),a=wt(e,s<=0);if(a)return{...a,issues:n};let c=Y(e.format),u=Y(e.xAxis?.format??e.format),{width:l,height:p}=we(e),g=ft(l,p,{...ee,top:ee.top+bt(e),bottom:ee.bottom+(e.xAxis?.label?14:0)+(e.xAxis?.format?14:0)}),I=Math.max(0,Math.min(.2,e.gap??.01))*g.width,k=Math.max(0,o.length-1),d=Math.max(0,g.width-I*k),b=yt([0,1],[g.y+g.height,g.y],{format:{style:"percent"}}),x=Me(e,l,p,t.map(m=>({name:m.name,color:m.color}))),S=g.x,T=o.map(m=>{let O=m.total/s*d,z={x:S,w:O};return S+=O+I,{...m,...z}}),A=T.map(m=>({pos:y(m.x+m.w/2),label:m.c.name})),B=kt({...x,plot:g,xTicks:vt(A,g.width),yTicks:b.ticks,baseline:b.zero},{xLabel:e.xAxis?.label,yLabel:void 0});if(e.xAxis?.format)for(let m of T)m.w>24&&B.push(P(y(m.x+m.w/2),g.y+g.height+34,u(m.total),{part:"x-total",anchor:"middle"}));let L=[],oe=[];for(let m of T){let O=0;m.values.forEach((z,Z)=>{let N=t[Z];if(z<=0||m.sum<=0)return;let _=z/m.sum,F=b.scale(O+_),Bt=b.scale(O);O+=_;let st=`${Math.round(_*100)}%`,at=`${N.name}, ${m.c.name}: ${c(z)} (${st}) \xB7 column ${u(m.total)}`,xe=Math.max(0,Bt-F);L.push({kind:"rect",part:"cell",x:y(m.x),y:y(F),width:y(m.w),height:y(xe),fill:N.color,stroke:"var(--skdx-color-surface-default)",title:at,item:{label:at,id:`${m.c.id??m.c.name}:${N.name}`,series:N.name,seriesId:N.id,category:m.c.name,index:m.ci,value:z}}),e.labels&&xe>14&&m.w>24&&oe.push(P(y(m.x+m.w/2),y(F+xe/2),st,{part:"cell-label",anchor:"middle",baseline:"middle",fill:"var(--skdx-color-text-on-accent)"}))})}return{...x,shapes:[...B,...L,...oe,...x.shapes],issues:n}}var v=require("lit"),f=require("lit/decorators.js"),$=require("lit/directives/if-defined.js");var nn={fromAttribute:()=>!1},w=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:s}=this.viewBox(t,r);this.overlay=[De(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=[Fe(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ve(r,i.gantt,o-i.x),this.overlay=[Ze(r,i.gantt,i.change)];return}if(i?.grab==="map"){if(!r.map||!i.view)return;let{x:o,y:s}=this.viewBox(t,r);this.setView(We(r.map,i.view,o-i.x,s-i.y));return}if(i&&r.hit){if(i.grab==="pinch"){let[s,a]=[...this.pointers.values()];if(s===void 0||a===void 0||!i.distance)return;this.setZoom(Ye(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"?qe(r.hit,i.zoom,o-i.x):Qe(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Pe(r,t.target,t.currentTarget,t.clientX,t.clientY);this.tip=s,this.portal=o.length?{x:t.clientX,y:t.clientY,lines:o}:null}else{let o=Be(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(Re(r,t.target)),this.syncId&&r.hit?.crosshair){let o=ne(r,this.viewBox(t,r).x);this.shareCrosshair(o?r.hit.rows[o.index]?.[0]??null:null)}};this.onPointerDown=t=>{let r=this.layout;if(!r||t.button!==0)return;let{x:i,y:o}=this.viewBox(t,r),s=V(r,t.target)?.item.legend,a=this.canEdit(r)?je(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=Xe(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(Ne(o,fe(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(Ge(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(_e(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=Ke(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=V(this.layout,t.target);r&&(r.item.range?this.setZoom(r.item.range):r.item.legend&&r.item.series!==void 0?this.toggle(r.item.series):(this.select(r.item),this.emit("skdx-item-click",r.item)))};this.onKeyDown=t=>{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)?He(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=Ue(r,this.focused,t.key);if(o===void 0)return;t.preventDefault(),this.focused=o;let s=o===null?void 0:r.shapes[o]?.item;this.highlight(s?j(s):null)}}connectedCallback(){super.connectedCallback(),!(typeof ResizeObserver>"u")&&(this.observer=new ResizeObserver(([t])=>{let r=Math.floor(t?.contentRect.width??0);r>0&&(this.measured=r)}),this.observer.observe(this))}disconnectedCallback(){this.observer?.disconnect(),this.leave?.(),this.leave=void 0,this.joined=void 0,super.disconnectedCallback()}sized(){let{width:t,height:r,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:l,description:p,decorative:g,animated:I,responsive:k,highlighted:d,highlightScope:b,accessibleTable:x}=this;return{...typeof k=="object"&&this.measured!==void 0&&this.measured<(k.breakpoint??480)?k.compact:void 0,width:k&&this.measured?this.measured:t,height:r,animate:I,responsive:k,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:l,description:p,decorative:g,highlighted:d===void 0?this.highlightState:d,highlightScope:b,accessibleTable:x,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&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&&Ce(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(Ie(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 K(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&&D(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?et(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Te($e(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let x of o.issues??[])this.emit("skdx-data-issue",x)}let s=this.canZoom(o),a=this.canPan(o),c=this.canEdit(o),u=this.brushing(),l=s||a||c||u,p=!o.decorative&&me(o).length>0,g=o.description?`${r}-desc`:void 0,I=it(o),k=tt(o,this.accessibleTable),d=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,b=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,$.ifDefined)(g)}
|
|
11
|
+
tabindex=${p?0:v.nothing}
|
|
12
|
+
data-skdx-chart=${r}
|
|
13
|
+
data-zoomable=${s||a?"":v.nothing}
|
|
14
|
+
data-brushing=${u&&!(s||a)?"":v.nothing}
|
|
15
|
+
data-editable=${c?"":v.nothing}
|
|
16
|
+
style=${I?`--skdx-chart-duration:${I}`:v.nothing}
|
|
17
|
+
font-family=${M.fontFamily}
|
|
18
|
+
font-size=${M.fontSize}
|
|
19
|
+
@pointermove=${o.tooltip||l?this.onPointerMove:v.nothing}
|
|
20
|
+
@pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
|
|
21
|
+
@pointerdown=${l?this.onPointerDown:v.nothing}
|
|
22
|
+
@pointerup=${l?this.onPointerUp:v.nothing}
|
|
23
|
+
@pointercancel=${l?this.onPointerUp:v.nothing}
|
|
24
|
+
@wheel=${s||a?this.onWheel:v.nothing}
|
|
25
|
+
@dblclick=${s||a?()=>a?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,$.ifDefined)(g)}>${o.description}</desc>`:v.nothing}
|
|
32
|
+
${I?v.svg`<style>${rt}</style>`:v.nothing} ${rn(o)}
|
|
33
|
+
${be(o.shapes)}
|
|
34
|
+
${be(this.tip.length||!this.crossState?this.tip:Le(o,this.crossState))}
|
|
35
|
+
${be(Ee(o,this.focused))} ${be(this.overlay)}
|
|
36
|
+
</svg>
|
|
37
|
+
${b?v.html`<div
|
|
38
|
+
role="tooltip"
|
|
39
|
+
data-skdx-tooltip=${r}
|
|
40
|
+
style="left:${b.x+12}px;top:${b.y+12}px"
|
|
41
|
+
>
|
|
42
|
+
${b.lines.map(x=>v.html`<div>${x}</div>`)}
|
|
43
|
+
</div>`:v.nothing}
|
|
44
|
+
${k?v.html`<table data-skdx-table=${r}>
|
|
45
|
+
<caption>
|
|
46
|
+
${d}
|
|
47
|
+
</caption>
|
|
48
|
+
<thead>
|
|
49
|
+
<tr>
|
|
50
|
+
${(k[0]??[]).map(x=>v.html`<th scope="col">${x}</th>`)}
|
|
51
|
+
</tr>
|
|
52
|
+
</thead>
|
|
53
|
+
<tbody>
|
|
54
|
+
${k.slice(1).map(x=>v.html`<tr>
|
|
55
|
+
${x.map((S,T)=>T===0?v.html`<th scope="row">${S}</th>`:v.html`<td>${S}</td>`)}
|
|
56
|
+
</tr>`)}
|
|
57
|
+
</tbody>
|
|
58
|
+
</table>`:v.nothing}`}};w.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
|
+
`,h([(0,f.property)({type:Number})],w.prototype,"width",2),h([(0,f.property)({type:Number})],w.prototype,"height",2),h([(0,f.property)()],w.prototype,"label",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"legend",2),h([(0,f.property)({type:Boolean,attribute:"no-tooltip",converter:nn})],w.prototype,"tooltip",2),h([(0,f.property)({attribute:!1})],w.prototype,"format",2),h([(0,f.property)({attribute:!1})],w.prototype,"palette",2),h([(0,f.property)({attribute:!1})],w.prototype,"hiddenSeries",2),h([(0,f.property)({attribute:!1})],w.prototype,"selected",2),h([(0,f.property)({attribute:"selection-mode"})],w.prototype,"selectionMode",2),h([(0,f.property)({attribute:!1})],w.prototype,"highlighted",2),h([(0,f.property)({attribute:!1})],w.prototype,"highlightScope",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"loading",2),h([(0,f.property)()],w.prototype,"error",2),h([(0,f.property)({attribute:"empty-message"})],w.prototype,"emptyMessage",2),h([(0,f.property)()],w.prototype,"description",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"decorative",2),h([(0,f.property)({type:Boolean,attribute:"accessible-table"})],w.prototype,"accessibleTable",2),h([(0,f.property)({attribute:!1})],w.prototype,"zoom",2),h([(0,f.property)({attribute:!1})],w.prototype,"view",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"zoomable",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"editable",2),h([(0,f.property)({attribute:"sync-id"})],w.prototype,"syncId",2),h([(0,f.property)({type:Boolean,attribute:"cross-filter"})],w.prototype,"crossFilter",2),h([(0,f.property)({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],w.prototype,"animated",2),h([(0,f.property)({type:Boolean,reflect:!0})],w.prototype,"responsive",2),h([(0,f.state)()],w.prototype,"tip",2),h([(0,f.state)()],w.prototype,"overlay",2),h([(0,f.state)()],w.prototype,"portal",2),h([(0,f.state)()],w.prototype,"measured",2),h([(0,f.state)()],w.prototype,"viewState",2),h([(0,f.state)()],w.prototype,"highlightState",2),h([(0,f.state)()],w.prototype,"crossState",2),h([(0,f.state)()],w.prototype,"focused",2),h([(0,f.state)()],w.prototype,"hiddenState",2),h([(0,f.state)()],w.prototype,"zoomState",2),h([(0,f.state)()],w.prototype,"selectedState",2);var C=class extends w{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:p,nulls:g,stacked:I,stackOffset:k,orientation:d,radius:b,barGap:x,barWidth:S,sort:T,transform:A,transforms:B,bins:L,binWidth:oe,binDomain:m,binMode:O,sampling:z,brush:Z,crosshair:N}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:l,connectNulls:p,nulls:g,stacked:I,stackOffset:k,orientation:d,radius:b,barGap:x,barWidth:S,sort:T,transform:A,transforms:B,bins:L,binWidth:oe,binDomain:m,binMode:O,sampling:z,brush:Z,crosshair:N}}};h([(0,f.property)({attribute:!1})],C.prototype,"series",2),h([(0,f.property)({attribute:!1})],C.prototype,"categories",2),h([(0,f.property)({attribute:!1})],C.prototype,"xAxis",2),h([(0,f.property)({attribute:!1})],C.prototype,"yAxis",2),h([(0,f.property)({attribute:!1})],C.prototype,"rightAxis",2),h([(0,f.property)({attribute:!1})],C.prototype,"references",2),h([(0,f.property)({attribute:!1})],C.prototype,"annotations",2),h([(0,f.property)({type:Boolean,reflect:!0})],C.prototype,"labels",2),h([(0,f.property)()],C.prototype,"curve",2),h([(0,f.property)({type:Boolean,attribute:"connect-nulls"})],C.prototype,"connectNulls",2),h([(0,f.property)()],C.prototype,"nulls",2),h([(0,f.property)({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],C.prototype,"stacked",2),h([(0,f.property)({attribute:"stack-offset"})],C.prototype,"stackOffset",2),h([(0,f.property)()],C.prototype,"orientation",2),h([(0,f.property)({type:Number})],C.prototype,"radius",2),h([(0,f.property)({type:Number,attribute:"bar-gap"})],C.prototype,"barGap",2),h([(0,f.property)({type:Number,attribute:"bar-width"})],C.prototype,"barWidth",2),h([(0,f.property)()],C.prototype,"sort",2),h([(0,f.property)()],C.prototype,"transform",2),h([(0,f.property)({attribute:!1})],C.prototype,"transforms",2),h([(0,f.property)({type:Number})],C.prototype,"bins",2),h([(0,f.property)({type:Number,attribute:"bin-width"})],C.prototype,"binWidth",2),h([(0,f.property)({attribute:!1})],C.prototype,"binDomain",2),h([(0,f.property)({attribute:"bin-mode"})],C.prototype,"binMode",2),h([(0,f.property)({attribute:!1})],C.prototype,"sampling",2),h([(0,f.property)({type:Boolean,reflect:!0})],C.prototype,"brush",2),h([(0,f.property)({type:Boolean,reflect:!0})],C.prototype,"crosshair",2);var rn=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,$.ifDefined)(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:v.nothing,be=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,$.ifDefined)(i)} d=${n.d} fill=${n.fill??"none"} stroke=${(0,$.ifDefined)(n.stroke)} stroke-width=${(0,$.ifDefined)(n.strokeWidth)} stroke-linecap=${(0,$.ifDefined)(n.strokeLinecap)} stroke-linejoin=${(0,$.ifDefined)(n.strokeLinejoin)} stroke-dasharray=${(0,$.ifDefined)(n.dash)} opacity=${(0,$.ifDefined)(n.opacity)} fill-opacity=${(0,$.ifDefined)(n.fillOpacity)}>${r}</path>`;case"rect":return v.svg`<rect data-skdx-part=${n.part} data-skdx-i=${(0,$.ifDefined)(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${(0,$.ifDefined)(n.rx)} fill=${n.fill} stroke=${(0,$.ifDefined)(n.stroke)} fill-opacity=${(0,$.ifDefined)(n.opacity)}>${r}</rect>`;case"line":return v.svg`<line data-skdx-part=${n.part} data-skdx-i=${(0,$.ifDefined)(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${(0,$.ifDefined)(n.strokeWidth)} stroke-dasharray=${(0,$.ifDefined)(n.dash)} opacity=${(0,$.ifDefined)(n.opacity)}>${r}</line>`;case"circle":return v.svg`<circle data-skdx-part=${n.part} data-skdx-i=${(0,$.ifDefined)(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${(0,$.ifDefined)(n.stroke)} opacity=${(0,$.ifDefined)(n.opacity)}>${r}</circle>`;case"text":return v.svg`<text data-skdx-part=${n.part} data-skdx-i=${(0,$.ifDefined)(i)} x=${n.x} y=${n.y} text-anchor=${(0,$.ifDefined)(n.anchor)} dominant-baseline=${(0,$.ifDefined)(n.baseline)} fill=${(0,$.ifDefined)(n.fill)} font-weight=${(0,$.ifDefined)(n.weight)} pointer-events=${(0,$.ifDefined)(i===void 0?"none":void 0)} transform=${(0,$.ifDefined)(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var R=class extends w{constructor(){super(...arguments);this.segments=[];this.data=[];this.labels=!1}render(){let{segments:t,data:r,labels:i,gap:o,xAxis:s}=this;return this.root(ot({...this.sized(),segments:t,data:r,labels:i,gap:o,xAxis:s}),"marimekko",this.label??"Marimekko chart")}};h([(0,H.property)({attribute:!1})],R.prototype,"segments",2),h([(0,H.property)({attribute:!1})],R.prototype,"data",2),h([(0,H.property)({type:Boolean,reflect:!0})],R.prototype,"labels",2),h([(0,H.property)({type:Number})],R.prototype,"gap",2),h([(0,H.property)({attribute:!1})],R.prototype,"xAxis",2),R=h([(0,H.customElement)("skdx-marimekko-chart")],R);0&&(module.exports={SkdxMarimekkoChart});
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
var Nt=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var h=(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&&Nt(n,t,i),i};import{customElement as on,property as ae}from"lit/decorators.js";var dt=e=>Number(e.toPrecision(12)),Gt,Ft=e=>(Gt??(Gt=new Intl.NumberFormat)).format(dt(e)),jt=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 X(e){if(e===void 0)return Ft;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,s=l=>i?p=>l(p)+i:l,a=l=>r===void 0?l===void 0?{}:{maximumFractionDigits:l}:{minimumFractionDigits:r,maximumFractionDigits:r},c=l=>{let p=new Intl.NumberFormat(t,l);return s(m=>p.format(dt(m)))},u=l=>{let p=new Intl.DateTimeFormat(t,o?{...l,timeZone:o}:l);return m=>p.format(m)};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(jt)}}function de([e,n],[t,r]){let i=n-e;return o=>i===0?t:t+(o-e)/i*(r-t)}function ue(e,n,t=5){if(e===n)return[e];let r=(n-e)/Math.max(1,t),i=10**Math.floor(Math.log10(r)),o=r/i,s=(o<1.5?1:o<3.5?2:o<7.5?5:10)*i,a=Math.floor(e/s)*s,c=Math.ceil(n/s)*s,u=[];for(let l=a;l<=c+s/2;l+=s)u.push(ut(l));return u}var ut=e=>Number(e.toPrecision(12)),y=e=>Number(e.toFixed(2)),te=e=>typeof e=="number"&&Number.isFinite(e);var Q=1e3,J=60*Q,ee=60*J,le=24*ee,cn=[Q,5*Q,15*Q,30*Q,J,5*J,15*J,30*J,ee,3*ee,6*ee,12*ee,le,2*le,7*le,14*le];function ht(e,n){let t=Math.floor(Math.log10(e)),r=Math.ceil(Math.log10(n)),i=r-t<=1?[1,2,5]:[1],o=[];for(let s=t;s<=r;s++)for(let a of i)o.push(ut(a*10**s));return o.filter(s=>s>=e/1.0001&&s<=n*1.0001)}var Vt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Ht=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Zt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function _t(e,n,t){return e.replace(Ht,(r,i,o)=>{let s=Zt[i];if(s===void 0)return i+o;let c=(o.match(Vt)??[]).map((u,l)=>{let p=Number(u);if(s===-1)return String(p+n);if(s===-2)return String(p+t);let m=l%s;return s===7?m===5?String(p+n):m===6?String(p+t):u:String(m%2===0?p+n:p+t)});return i+c.join(" ")})}var pt=(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:_t(r.d,n,t)}}});var we=["primary","success","warning","danger","neutral"].flatMap(e=>[500,700].map(n=>`var(--skdx-color-${e}-${n})`)).sort((e,n)=>Number(e.endsWith("700)"))-Number(n.endsWith("700)"))),k={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 ft=(e,n)=>n??we[e%we.length];var ne={top:16,right:16,bottom:32,left:48};function mt(e,n,t=ne){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 re(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function gt(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var he=20,Wt=120,bt=e=>{let n=re(e);return n&&(n.position==="left"||n.position==="right")?n.width??Wt:0},Me=(e,n=600,t=300)=>({width:(e.width??n)-bt(e),height:(e.height??t)-(re(e)?.position==="bottom"?he:0)}),xt=e=>{let n=re(e);return n&&(n.position===void 0||n.position==="top")?he:0},U=6.5,$e=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:ft(n)),yt=(e,n)=>e.hiddenSeries?.includes(n)??!1;function ke(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,p=r.interactive??!0,m=o,C=i,w=(d,b,x,M)=>{let I=(b?18:4)+d.length*U;m>o&&(s||m+I>n-8)&&(m=o,C+=he),b&&a.push({kind:"rect",part:"legend-swatch",x:m,y:C-5,width:10,height:10,fill:b,opacity:M?.3:void 0,item:x}),a.push({kind:"text",part:"legend-label",x:m+(b?14:0),y:C,text:d,baseline:"middle",fill:M?k.grid:k.label,item:x}),m+=I+12};for(let d of u){let b=t.includes(d.name),x=p?{label:d.name,series:d.name,legend:!0}:void 0;w(r.formatter?.(d.name)??d.name,d.color,x,b)}return l>0&&w(`+${l} more`,void 0,void 0,!1),r.align==="end"?Et(a,n):a}function Et(e,n){let t=new Map;for(let i of e){let o=i.kind==="rect"?i.y+5:i.y;t.set(o,[...t.get(o)??[],i])}let r=[];for(let i of t.values()){let o=Math.max(...i.map(a=>a.kind==="rect"?a.x+a.width:a.x+a.text.length*U)),s=n-8-o;for(let a of i)r.push({...a,x:a.x+s})}return r}var Ut=(e,n,t={})=>new Set(ke(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Se(e,n,t,r=[]){let i=re(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=gt(e),a=o?.position==="bottom",c=bt(e),u=e.hiddenSeries??[],l=o?c?ke(r,1/0,u,o,10,(o.position==="right"?n:0)+8,!0):ke(r,n,u,o,a?t+10:10):[],p=a?Ut(r,n,o):0;return{width:n+c,height:a?t+Math.max(1,p)*he: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 Ce(e){let n=e.legendOffset;if(!n)return e;let t=[...pt(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 pe(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(m=>m.length))*U+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)),p=Math.max(0,Math.min(i-c,u.y));return[{kind:"rect",part:"tooltip",x:y(l),y:y(p),width:y(a),height:c,fill:"var(--skdx-color-surface-raised)",stroke:k.axis,rx:3},...s.map((m,C)=>({kind:"text",part:"tooltip-label",x:y(l+6),y:y(p+11+C*16),text:m,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&C===0?"bold":void 0}))]}function vt([e,n],t,r=!1,i){let o=typeof r=="boolean"?{scale:r?"log":"linear"}:r,s=X(o.format??i),a=o.min??e,c=o.max??n;o.reversed&&(t=[t[1],t[0]]);let u={id:o.id,position:o.position,options:o};if(o.scale==="sqrt"){let d=L=>Math.sign(L)*Math.sqrt(Math.abs(L)),b=o.nice===!1?[a,c]:ue(a,c,o.ticks),x=o.min??b[0],M=o.max??b[b.length-1],I=de([d(x),d(M)],t),A=L=>I(d(L)),B=ue(x,M,o.ticks).filter(L=>L>=x-1e-9&&L<=M+1e-9);return{...u,scale:A,domain:[x,M],format:s,ticks:(B.length>=2?B:[x,M]).map(L=>({pos:y(A(L)),label:s(L)})),zero:y(A(Math.min(Math.max(0,x),M)))}}if(o.scale==="log"){let d=Math.max(a,Number.EPSILON),b=Math.max(c,d),x=ht(d,b),M=[Math.log10(d),Math.log10(b)],I=de(M,t),A=B=>I(Math.log10(Math.max(B,Number.EPSILON)));return{...u,scale:A,domain:M,format:s,ticks:x.map(B=>({pos:y(A(B)),label:s(B)})),zero:y(t[0])}}let l=ue(a,c,o.ticks),p=[o.min??(o.nice===!1?a:l[0]),o.max??(o.nice===!1?c:l[l.length-1])],m=de(p,t),C=l.filter(d=>d>=p[0]-1e-9&&d<=p[1]+1e-9),w=(C.length>=2?C:[p[0],p[1]]).map(d=>({pos:y(m(d)),label:s(d)}));return{...u,scale:m,domain:p,format:s,ticks:w,zero:y(m(Math.min(Math.max(0,p[0]),p[1])))}}function wt(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 kt(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}=Me(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:y(o/2),y:y(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":k.label}),{...Se(e,o,s),shapes:c,tooltip:!1}}function Mt(e,n={}){let{plot:t,xTicks:r,yTicks:i,baseline:o}=e,s=t.x+t.width,a=t.y+t.height,c=[],u=n.grid??!0,l=(w,d)=>d?{kind:"line",part:"grid",x1:w.pos,x2:w.pos,y1:t.y,y2:a,stroke:k.grid}:{kind:"line",part:"grid",x1:t.x,x2:s,y1:w.pos,y2:w.pos,stroke:k.grid},p=n.x?.tickRotation??0,m=(w,d,b,x)=>p?P(w,d,b,{part:x,anchor:p<0?"end":"start",baseline:"middle",rotate:p}):P(w,d,b,{part:x,anchor:"middle"}),C=(w,d,b,x,M)=>{for(let I of w)c.push(d==="x"?{kind:"line",part:"tick",x1:I.pos,x2:I.pos,y1:b,y2:y(b+x*M),stroke:k.axis}:{kind:"line",part:"tick",x1:b,x2:y(b+x*M),y1:I.pos,y2:I.pos,stroke:k.axis})};if(n.categoryGrid)for(let w of r)c.push(l(w,!n.horizontal));if(n.horizontal){let w=n.axes??[{ticks:i,position:"bottom",offset:0,label:n.yLabel,...n.y}];if(u)for(let d of i)c.push(l(d,!0));w[0]?.showLine!==!1&&c.push({kind:"line",part:"axis",x1:o,x2:o,y1:t.y,y2:a,stroke:k.axis});for(let d of w){let b=d.position==="top"||d.position==="right",x=y(b?t.y-d.offset:a+d.offset),M=b||d.offset>0;d.showLine&&M&&c.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:x,y2:x,stroke:k.axis}),d.showTicks&&C(d.ticks,"x",x,b?-1:1,d.tickSize??4);let I=y(b?x-8:x+20);for(let A of d.ticks)c.push(b?P(A.pos,I,A.label,{part:"x-label-top",anchor:"middle"}):m(A.pos,I,A.label,"x-label"));d.label&&c.push(M?P(4,I,d.label,{part:"axis-title",anchor:"start",baseline:b?void 0:"middle"}):P(4,t.y-6,d.label,{part:"axis-title",anchor:"start"}))}n.x?.showLine&&c.push({kind:"line",part:"axis",x1:n.rtl?s:t.x,x2:n.rtl?s:t.x,y1:t.y,y2:a,stroke:k.axis}),n.x?.showTicks&&C(r,"y",n.rtl?s:t.x,n.rtl?1:-1,n.x.tickSize??4);for(let d of r)c.push(n.rtl?P(s+8,d.pos,d.label,{part:"y-label",anchor:"start",baseline:"middle"}):P(t.x-8,d.pos,d.label,{part:"y-label",anchor:"end",baseline:"middle"}))}else{if(u)for(let d of i)c.push(l(d,!1));n.y?.showLine!==!1&&c.push({kind:"line",part:"axis",x1:t.x,x2:s,y1:o,y2:o,stroke:k.axis});let w=n.axes??[{ticks:i,position:"left",offset:0,label:n.yLabel,...n.y},...n.rightTicks?[{ticks:n.rightTicks,position:"right",offset:0,label:n.rightLabel}]:[]];for(let d of w){let b=d.position==="left",x=b?t.x-d.offset:s+d.offset,M=b?"y-label":"y-label-right";d.showLine&&c.push({kind:"line",part:"axis",x1:y(x),x2:y(x),y1:t.y,y2:a,stroke:k.axis}),d.showTicks&&C(d.ticks,"y",y(x),b?-1:1,d.tickSize??4);for(let I of d.ticks)c.push(P(y(b?x-8:x+8),I.pos,I.label,{part:M,anchor:b?"end":"start",baseline:"middle"}));d.label&&c.push(P(y(b?d.offset===0?4:Math.max(4,x-40):d.offset===0?e.width-4:Math.min(e.width-4,x+40)),t.y-6,d.label,{part:"axis-title",anchor:b?"start":"end"}))}n.x?.showTicks&&C(r,"x",a,1,n.x.tickSize??4);for(let d of r)c.push(m(d.pos,a+(p?12:20),d.label,"x-label"))}return n.xLabel&&c.push(P(y(t.x+t.width/2),e.height-4,n.xLabel,{part:"axis-title",anchor:"middle"})),n.horizontal&&n.rightLabel&&c.push(P(e.width-4,t.y-6,n.rightLabel,{part:"axis-title",anchor:"end"})),c}var P=(e,n,t,r={})=>({kind:"text",part:"label",x:e,y:n,text:t,fill:k.label,...r});function fe(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Ie=e=>e.id??e.name??e.series,$t=e=>e.seriesId??e.series;function G(e,n){let t=!1;return n.id!==void 0&&(t=!0,Ie(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 H(e){let n={},t=Ie(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 Te=(e,n)=>e.id===n.id&&e.series===n.series&&e.index===n.index&&e.category===n.category;function ze(e,n,t){let r=fe(e),i=H(n),o=r.some(s=>G(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!G(n,s)):[...r,i]}var Kt=.2;function Yt(e){let n=k.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 qt=(e,n)=>e.kind==="text"?{...e,fill:k.grid}:{...e,opacity:(e.opacity??1)*n};function Oe(e,n){let t=fe(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:fe(n.highlighted),i=r[0];if(t.length===0&&!i)return e;let o={highlighted:n.highlightScope?.highlighted??"item",faded:n.highlightScope?.faded??"global"},s=[],a=l=>!i||r.some(p=>G(l,p))?!0:o.highlighted==="series"?r.some(p=>p.series!==void 0&&G(l,{series:p.series})):!1,c=l=>{if(!i||o.faded==="none"||a(l))return!1;if(o.faded==="series"){let p=i.series;return p!==void 0&&G(l,{series:p})}return!0},u=e.shapes.map(l=>{let p=l.item;if(!p||p.legend)return l;if(t.some(m=>G(p,m))){let m=Yt(l);m&&s.push(m)}return c(p)?qt(l,Kt):l});return s.length?{...e,shapes:[...u,...s]}:{...e,shapes:u}}function q(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 Ae=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function St(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 ie(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=St(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function Le(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[St(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:k.axis,dash:"3 3"}}function Pe(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Ae(r.plot,n,t))return[];let i=Le(e,n),{rows:o}=ie(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...pe(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function Be(e,n){let t=e.hit;if(!t||t.xs.length===0)return[];let r=t.rows.findIndex(o=>o[0]===n);if(r<0)return[];let i=t.xs[r];return Pe(e,i,t.plot.y+8)}function Re(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:c,y:u}=q(t,r,i,e.width,e.height);if(Ae(e.hit.plot,c,u)){let l=ie(e,c),p=Le(e,c);if(l&&p)return{lines:l.rows,shapes:[p]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?Z(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 Ct(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),c=s&&s.tooltipFormatter?Z(s,e)?.item:void 0,u=c&&s?.tooltipFormatter?.(c)||a&&Array.from(a.children).find(w=>w.tagName.toLowerCase()==="title")?.textContent;if(!u)return[];let l=s?.tooltipAnchored?Z(s,e):void 0,p=l?s?.shapes[l.index]:void 0,{x:m,y:C}=p?oe(p):q(n,t,r,i,o);return pe(m,C,u,i,o,s?.tooltipPlacement)}function Ne(e,n,t,r,i){if(!e.tooltip)return[];if(e.hit?.crosshair){let{x:o,y:s}=q(t,r,i,e.width,e.height),a=Pe(e,o,s);if(a.length>0)return a}return Ct(n,t,r,i,e.width,e.height,e)}function De(e,n){let t=Z(e,n);return t&&!t.item.legend?H(t.item):null}var Xt=(e,n)=>{let{x:t,y:r}=oe(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 Ge(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!Xt(i,n))continue;let o=H(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var Fe=e=>({kind:"rect",part:"selection-box",x:y(e.x),y:y(e.y),width:y(e.width),height:y(e.height),fill:k.focus,opacity:.12,stroke:k.focus}),ge=(e,n,t,r)=>({x:Math.min(e,t),y:Math.min(n,r),width:Math.abs(t-e),height:Math.abs(r-n)});function It(e,n,t){let r=!1;for(let i=0,o=e.length-1;i<e.length;o=i++){let s=e[i],a=e[o];s.y>t!=a.y>t&&n<(a.x-s.x)*(t-s.y)/(a.y-s.y)+s.x&&(r=!r)}return r}function je(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}=oe(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!It(n,o,a))continue;let c=H(i.item),u=JSON.stringify(c);t.has(u)||(t.add(u),r.push(c))}return r}var Ve=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${y(n.x)} ${y(n.y)}`).join("L")}`:"",fill:k.focus,fillOpacity:.12,stroke:k.focus,dash:"4 3"}),me=6;function He(e,n,t){let r=e.edit;if(r){for(let i of r.bars)if(!(t<i.y||t>i.y+i.height||n<i.x0-me||n>i.x1+me))return Math.abs(n-i.x0)<=me?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=me?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function Ze(e,n,t){let r=e.edit;return Tt(r,n,r.invert(n.bar.x0+t)-r.invert(n.bar.x0))}function _e(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 Tt(r,{bar:o,mode:s},i*a)}function Tt(e,{bar:n,mode:t},r){let i=a=>e.snap?Math.round(a/e.snap)*e.snap:a,o=n.start,s=n.end;return t==="move"?(o=i(n.start+r),s=o+(n.end-n.start)):t==="start"?o=Math.min(i(n.start+r),n.end):s=Math.max(i(n.end+r),n.start),{id:n.id,name:n.name,start:o,end:s}}function We(e,n,t){let r=e.edit,i=r.scale(t.start),o=r.scale(t.end);return{kind:"rect",part:"edit-ghost",x:y(Math.min(i,o)),y:y(n.bar.y),width:y(Math.max(1,Math.abs(o-i))),height:y(n.bar.height),fill:k.focus,opacity:.25,stroke:k.focus,rx:2}}var Qt=64,Jt=e=>Math.max(1,Math.min(Qt,e));function Ee(e,n,t,r){let i=n>0?.8:1.25,o=Jt(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,p=(r-(s.y+s.height/2))/a,m=e.view.zoom/o;return{center:[c+l*(1-m),e.fromY(e.toY(u)-p*(1-m))],zoom:o}}function Ue(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 Z(e,n){let t=n?.closest?.("[data-skdx-i]"),r=Number(t?.getAttribute("data-skdx-i")),i=Number.isInteger(r)?e.shapes[r]?.item:void 0;return i?{index:r,item:i}:void 0}var be=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function oe(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 Ke(e,n){let t=n===null?void 0:e.shapes[n];if(!t)return[];let r=k.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:s}=oe(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?pe(y(o),y(s),a,e.width,e.height):[]]}function Ye(e,n,t){let r=be(e);if(r.length===0)return;let i=n===null?-1:r.indexOf(n);switch(t){case"ArrowRight":case"ArrowDown":return r[Math.min(r.length-1,i+1)];case"ArrowLeft":case"ArrowUp":return r[Math.max(0,i<=0?0:i-1)];case"Home":return r[0];case"End":return r[r.length-1];case"Escape":return null;default:return}}var K=2,Y=(e,n,t)=>{let r=Math.max(K,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},zt=(e,n)=>!e||e.start<=0&&e.end>=n;function qe(e,n,t){if(e.count<=K||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(K,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!zt(e.zoom,e.count)?Y(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 Y(u-c*a,a,e.count)}function Xe(e,n,t,r){let i=n.end-n.start,o=Math.max(K,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 Y(n.start+s*i-s*o,o,e.count)}function Qe(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return Y(n.start-t/i,r,e.count)}function Je(e,n,t){let r=e.brush;if(!r||!Ae(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:Y(s-o/2,o,e.count)}}function et(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 Y(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-K,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+K,Math.round(t.end+o)));return{start:t.start,end:s}}function nt(e,n){switch(n.type){case"svg":return Promise.resolve(tt(e,n.label,n.resolve));case"csv":return Promise.resolve(Pt(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=tt(e,n.label,n.resolve);return Lt(t,e.width,e.height,n.scale,n.background)}}}var F=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,"""),se=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${F(String(t))}"`).join("");function Ot(e){let n=e.title?`<title>${F(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${se([t,["d",e.d],["fill",e.fill??"none"],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-linecap",e.strokeLinecap],["stroke-linejoin",e.strokeLinejoin],["stroke-dasharray",e.dash],["opacity",e.opacity],["fill-opacity",e.fillOpacity]])}>${n}</path>`;case"rect":return`<rect${se([t,["x",e.x],["y",e.y],["width",e.width],["height",e.height],["rx",e.rx],["fill",e.fill],["stroke",e.stroke],["fill-opacity",e.opacity]])}>${n}</rect>`;case"line":return`<line${se([t,["x1",e.x1],["y1",e.y1],["x2",e.x2],["y2",e.y2],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-dasharray",e.dash],["opacity",e.opacity]])}>${n}</line>`;case"circle":return`<circle${se([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${se([t,["x",e.x],["y",e.y],["text-anchor",e.anchor],["dominant-baseline",e.baseline],["fill",e.fill],["font-weight",e.weight],["transform",e.rotate?`rotate(${e.rotate} ${e.x} ${e.y})`:void 0]])}>${F(e.text)}</text>`}}function At(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${F(t.id)}" x1="0" y1="0" x2="${t.vertical===!1?1:0}" y2="${t.vertical===!1?0:1}">${t.stops.map(r=>`<stop offset="${r.offset}" stop-color="${F(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function tt(e,n,t){let r=At(e)+e.shapes.map(Ot).join("");return t&&(r=r.replace(/var\((--[\w-]+)\)/g,(i,o)=>t(o).trim()||i)),`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e.width} ${e.height}" width="${e.width}" height="${e.height}" role="img" aria-label="${F(n)}" font-family="${F(k.fontFamily)}" font-size="${F(k.fontSize)}"><title>${F(n)}</title>${r}</svg>`}function Lt(e,n,t,r=2,i){return new Promise((o,s)=>{let a=URL.createObjectURL(new Blob([e],{type:"image/svg+xml;charset=utf-8"})),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(p=>p?o(p):s(new Error("toBlob failed")),"image/png")},c.onerror=()=>{URL.revokeObjectURL(a),s(new Error("svg could not be decoded"))},c.src=a})}function Pt(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 rt(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(p=>p.slice(p.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 it=new Map;function xe(e){let n=it.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&&it.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return it.set(e,{group:i,listeners:t}),i}var Bt='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',ot=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Bt}{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){${Bt}{animation:none;transition:none}}`;function st(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}function at(e){let n=[],t=e.segments.map((f,O)=>typeof f=="string"?{name:f,id:f,color:$e(e,O)}:{name:f.name,id:f.id??f.name,color:$e(e,O,f.color)}),r=t.map(f=>!yt(e,f.name)),i=(f,O)=>{let z=f.values[O];return z==null?0:!te(z)||z<0?(n.push({code:te(z)?"negative-value":"invalid-value",severity:"warning",message:`"${t[O]?.name}" in "${f.name}" is ${te(z)?"negative":"not a number"}; drawn as zero.`,itemId:f.id??f.name}),0):z},o=e.data.map((f,O)=>{let z=t.map((E,V)=>r[V]?i(f,V):0),W=z.reduce((E,V)=>E+V,0),D=te(f.total)&&f.total>=0?f.total:W;return{c:f,ci:O,values:z,sum:W,total:D}}),s=o.reduce((f,O)=>f+O.total,0),a=kt(e,s<=0);if(a)return{...a,issues:n};let c=X(e.format),u=X(e.xAxis?.format??e.format),{width:l,height:p}=Me(e),m=mt(l,p,{...ne,top:ne.top+xt(e),bottom:ne.bottom+(e.xAxis?.label?14:0)+(e.xAxis?.format?14:0)}),C=Math.max(0,Math.min(.2,e.gap??.01))*m.width,w=Math.max(0,o.length-1),d=Math.max(0,m.width-C*w),b=vt([0,1],[m.y+m.height,m.y],{format:{style:"percent"}}),x=Se(e,l,p,t.map(f=>({name:f.name,color:f.color}))),M=m.x,I=o.map(f=>{let O=f.total/s*d,z={x:M,w:O};return M+=O+C,{...f,...z}}),A=I.map(f=>({pos:y(f.x+f.w/2),label:f.c.name})),B=Mt({...x,plot:m,xTicks:wt(A,m.width),yTicks:b.ticks,baseline:b.zero},{xLabel:e.xAxis?.label,yLabel:void 0});if(e.xAxis?.format)for(let f of I)f.w>24&&B.push(P(y(f.x+f.w/2),m.y+m.height+34,u(f.total),{part:"x-total",anchor:"middle"}));let L=[],ce=[];for(let f of I){let O=0;f.values.forEach((z,W)=>{let D=t[W];if(z<=0||f.sum<=0)return;let E=z/f.sum,V=b.scale(O+E),Rt=b.scale(O);O+=E;let ct=`${Math.round(E*100)}%`,lt=`${D.name}, ${f.c.name}: ${c(z)} (${ct}) \xB7 column ${u(f.total)}`,ve=Math.max(0,Rt-V);L.push({kind:"rect",part:"cell",x:y(f.x),y:y(V),width:y(f.w),height:y(ve),fill:D.color,stroke:"var(--skdx-color-surface-default)",title:lt,item:{label:lt,id:`${f.c.id??f.c.name}:${D.name}`,series:D.name,seriesId:D.id,category:f.c.name,index:f.ci,value:z}}),e.labels&&ve>14&&f.w>24&&ce.push(P(y(f.x+f.w/2),y(V+ve/2),ct,{part:"cell-label",anchor:"middle",baseline:"middle",fill:"var(--skdx-color-text-on-accent)"}))})}return{...x,shapes:[...B,...L,...ce,...x.shapes],issues:n}}import{css as en,html as _,LitElement as tn,nothing as T,svg as R}from"lit";import{property as g,state as N}from"lit/decorators.js";import{ifDefined as S}from"lit/directives/if-defined.js";var nn={fromAttribute:()=>!1},v=class extends tn{constructor(){super(...arguments);this.legend=!1;this.tooltip=!0;this.selectionMode="none";this.loading=!1;this.decorative=!1;this.accessibleTable=!1;this.zoomable=!1;this.editable=!1;this.crossFilter=!1;this.animated=!1;this.responsive=!1;this.tip=[];this.overlay=[];this.portal=null;this.highlightState=null;this.crossState=null;this.lastCross=null;this.pointers=new Map;this.hover=null;this.token={};this.focused=null;this.hiddenState=[];this.drag=null;this.onPointerMove=t=>{let r=this.layout;if(!r)return;this.pointers.has(t.pointerId)&&this.pointers.set(t.pointerId,this.viewBox(t,r).x);let i=this.drag;if(i?.grab==="select"){let{x:o,y:s}=this.viewBox(t,r);this.overlay=[Fe(ge(i.x,i.y,o,s))];return}if(i?.grab==="lasso"){let{x:o,y:s}=this.viewBox(t,r);i.points=[...i.points??[],{x:o,y:s}],this.overlay=[Ve(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=Ze(r,i.gantt,o-i.x),this.overlay=[We(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(Ue(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(Xe(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"?Qe(r.hit,i.zoom,o-i.x):et(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Re(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=Ne(r,t.target,t.currentTarget,t.clientX,t.clientY);(o.length>0||this.tip.length>0)&&(this.tip=o)}if(this.highlight(De(r,t.target)),this.syncId&&r.hit?.crosshair){let o=ie(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=Z(r,t.target)?.item.legend,a=this.canEdit(r)?He(r,i,o):void 0;if(a){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:"edit",gantt:a},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.brushing()&&!s){this.drag={x:i,y:o,zoom:{start:0,end:0},grab:this.selectionMode==="lasso"?"lasso":"select",points:[{x:i,y:o}]},t.currentTarget.setPointerCapture(t.pointerId),this.clearTip();return}if(this.canPan(r)&&r.map){let 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=Je(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(Ge(o,ge(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(je(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(Ee(r.map,t.deltaY,i,o));return}let s=r.hit;if(!s||!this.canZoom(r)||o<s.plot.y||o>s.plot.y+s.plot.height)return;let a=qe(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=Z(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)?_e(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=Ye(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?H(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:p,decorative:m,animated:C,responsive:w,highlighted:d,highlightScope:b,accessibleTable:x}=this;return{...typeof w=="object"&&this.measured!==void 0&&this.measured<(w.breakpoint??480)?w.compact:void 0,width:w&&this.measured?this.measured:t,height:r,animate:C,responsive:w,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:l,description:p,decorative:m,highlighted:d===void 0?this.highlightState:d,highlightScope:b,accessibleTable:x,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&xe(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=xe(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&&Te(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(ze(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 q(t.currentTarget,t.clientX,t.clientY,r.width,r.height)}getSvgElement(){return this.renderRoot.querySelector("svg")}getLayout(){return this.layout}resetZoom(){this.setZoom(void 0)}zoomTo(t){this.setZoom(t)}focusItem(t){let r=this.layout;if(!r)return!1;let i=r.shapes.findIndex(o=>o.item&&!o.item.legend&&G(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?nt(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=Oe(Ce(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let x of o.issues??[])this.emit("skdx-data-issue",x)}let s=this.canZoom(o),a=this.canPan(o),c=this.canEdit(o),u=this.brushing(),l=s||a||c||u,p=!o.decorative&&be(o).length>0,m=o.description?`${r}-desc`:void 0,C=st(o),w=rt(o,this.accessibleTable),d=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,b=this.portal;return _`<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":T}
|
|
9
|
+
aria-label=${o.decorative?T:i}
|
|
10
|
+
aria-describedby=${S(m)}
|
|
11
|
+
tabindex=${p?0:T}
|
|
12
|
+
data-skdx-chart=${r}
|
|
13
|
+
data-zoomable=${s||a?"":T}
|
|
14
|
+
data-brushing=${u&&!(s||a)?"":T}
|
|
15
|
+
data-editable=${c?"":T}
|
|
16
|
+
style=${C?`--skdx-chart-duration:${C}`:T}
|
|
17
|
+
font-family=${k.fontFamily}
|
|
18
|
+
font-size=${k.fontSize}
|
|
19
|
+
@pointermove=${o.tooltip||l?this.onPointerMove:T}
|
|
20
|
+
@pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
|
|
21
|
+
@pointerdown=${l?this.onPointerDown:T}
|
|
22
|
+
@pointerup=${l?this.onPointerUp:T}
|
|
23
|
+
@pointercancel=${l?this.onPointerUp:T}
|
|
24
|
+
@wheel=${s||a?this.onWheel:T}
|
|
25
|
+
@dblclick=${s||a?()=>a?this.setView(void 0):this.setZoom(void 0):T}
|
|
26
|
+
@click=${this.onClick}
|
|
27
|
+
@keydown=${p?this.onKeyDown:T}
|
|
28
|
+
@blur=${()=>{this.focused=null,this.highlight(null)}}
|
|
29
|
+
>
|
|
30
|
+
<title>${i}</title>
|
|
31
|
+
${o.description?R`<desc id=${S(m)}>${o.description}</desc>`:T}
|
|
32
|
+
${C?R`<style>${ot}</style>`:T} ${rn(o)}
|
|
33
|
+
${ye(o.shapes)}
|
|
34
|
+
${ye(this.tip.length||!this.crossState?this.tip:Be(o,this.crossState))}
|
|
35
|
+
${ye(Ke(o,this.focused))} ${ye(this.overlay)}
|
|
36
|
+
</svg>
|
|
37
|
+
${b?_`<div
|
|
38
|
+
role="tooltip"
|
|
39
|
+
data-skdx-tooltip=${r}
|
|
40
|
+
style="left:${b.x+12}px;top:${b.y+12}px"
|
|
41
|
+
>
|
|
42
|
+
${b.lines.map(x=>_`<div>${x}</div>`)}
|
|
43
|
+
</div>`:T}
|
|
44
|
+
${w?_`<table data-skdx-table=${r}>
|
|
45
|
+
<caption>
|
|
46
|
+
${d}
|
|
47
|
+
</caption>
|
|
48
|
+
<thead>
|
|
49
|
+
<tr>
|
|
50
|
+
${(w[0]??[]).map(x=>_`<th scope="col">${x}</th>`)}
|
|
51
|
+
</tr>
|
|
52
|
+
</thead>
|
|
53
|
+
<tbody>
|
|
54
|
+
${w.slice(1).map(x=>_`<tr>
|
|
55
|
+
${x.map((M,I)=>I===0?_`<th scope="row">${M}</th>`:_`<td>${M}</td>`)}
|
|
56
|
+
</tr>`)}
|
|
57
|
+
</tbody>
|
|
58
|
+
</table>`:T}`}};v.styles=en`
|
|
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
|
+
`,h([g({type:Number})],v.prototype,"width",2),h([g({type:Number})],v.prototype,"height",2),h([g()],v.prototype,"label",2),h([g({type:Boolean,reflect:!0})],v.prototype,"legend",2),h([g({type:Boolean,attribute:"no-tooltip",converter:nn})],v.prototype,"tooltip",2),h([g({attribute:!1})],v.prototype,"format",2),h([g({attribute:!1})],v.prototype,"palette",2),h([g({attribute:!1})],v.prototype,"hiddenSeries",2),h([g({attribute:!1})],v.prototype,"selected",2),h([g({attribute:"selection-mode"})],v.prototype,"selectionMode",2),h([g({attribute:!1})],v.prototype,"highlighted",2),h([g({attribute:!1})],v.prototype,"highlightScope",2),h([g({type:Boolean,reflect:!0})],v.prototype,"loading",2),h([g()],v.prototype,"error",2),h([g({attribute:"empty-message"})],v.prototype,"emptyMessage",2),h([g()],v.prototype,"description",2),h([g({type:Boolean,reflect:!0})],v.prototype,"decorative",2),h([g({type:Boolean,attribute:"accessible-table"})],v.prototype,"accessibleTable",2),h([g({attribute:!1})],v.prototype,"zoom",2),h([g({attribute:!1})],v.prototype,"view",2),h([g({type:Boolean,reflect:!0})],v.prototype,"zoomable",2),h([g({type:Boolean,reflect:!0})],v.prototype,"editable",2),h([g({attribute:"sync-id"})],v.prototype,"syncId",2),h([g({type:Boolean,attribute:"cross-filter"})],v.prototype,"crossFilter",2),h([g({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],v.prototype,"animated",2),h([g({type:Boolean,reflect:!0})],v.prototype,"responsive",2),h([N()],v.prototype,"tip",2),h([N()],v.prototype,"overlay",2),h([N()],v.prototype,"portal",2),h([N()],v.prototype,"measured",2),h([N()],v.prototype,"viewState",2),h([N()],v.prototype,"highlightState",2),h([N()],v.prototype,"crossState",2),h([N()],v.prototype,"focused",2),h([N()],v.prototype,"hiddenState",2),h([N()],v.prototype,"zoomState",2),h([N()],v.prototype,"selectedState",2);var $=class extends v{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:l,connectNulls:p,nulls:m,stacked:C,stackOffset:w,orientation:d,radius:b,barGap:x,barWidth:M,sort:I,transform:A,transforms:B,bins:L,binWidth:ce,binDomain:f,binMode:O,sampling:z,brush:W,crosshair:D}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:l,connectNulls:p,nulls:m,stacked:C,stackOffset:w,orientation:d,radius:b,barGap:x,barWidth:M,sort:I,transform:A,transforms:B,bins:L,binWidth:ce,binDomain:f,binMode:O,sampling:z,brush:W,crosshair:D}}};h([g({attribute:!1})],$.prototype,"series",2),h([g({attribute:!1})],$.prototype,"categories",2),h([g({attribute:!1})],$.prototype,"xAxis",2),h([g({attribute:!1})],$.prototype,"yAxis",2),h([g({attribute:!1})],$.prototype,"rightAxis",2),h([g({attribute:!1})],$.prototype,"references",2),h([g({attribute:!1})],$.prototype,"annotations",2),h([g({type:Boolean,reflect:!0})],$.prototype,"labels",2),h([g()],$.prototype,"curve",2),h([g({type:Boolean,attribute:"connect-nulls"})],$.prototype,"connectNulls",2),h([g()],$.prototype,"nulls",2),h([g({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],$.prototype,"stacked",2),h([g({attribute:"stack-offset"})],$.prototype,"stackOffset",2),h([g()],$.prototype,"orientation",2),h([g({type:Number})],$.prototype,"radius",2),h([g({type:Number,attribute:"bar-gap"})],$.prototype,"barGap",2),h([g({type:Number,attribute:"bar-width"})],$.prototype,"barWidth",2),h([g()],$.prototype,"sort",2),h([g()],$.prototype,"transform",2),h([g({attribute:!1})],$.prototype,"transforms",2),h([g({type:Number})],$.prototype,"bins",2),h([g({type:Number,attribute:"bin-width"})],$.prototype,"binWidth",2),h([g({attribute:!1})],$.prototype,"binDomain",2),h([g({attribute:"bin-mode"})],$.prototype,"binMode",2),h([g({attribute:!1})],$.prototype,"sampling",2),h([g({type:Boolean,reflect:!0})],$.prototype,"brush",2),h([g({type:Boolean,reflect:!0})],$.prototype,"crosshair",2);var rn=e=>e.defs&&e.defs.length?R`<defs>${e.defs.map(n=>R`<linearGradient id=${n.id} x1="0" y1="0" x2=${n.vertical===!1?1:0} y2=${n.vertical===!1?0:1}>${n.stops.map(t=>R`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${S(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:T,ye=e=>R`${e.map((n,t)=>{let r=n.title?R`<title>${n.title}</title>`:T,i=n.item?t:void 0;switch(n.kind){case"path":return R`<path data-skdx-part=${n.part} data-skdx-i=${S(i)} d=${n.d} fill=${n.fill??"none"} stroke=${S(n.stroke)} stroke-width=${S(n.strokeWidth)} stroke-linecap=${S(n.strokeLinecap)} stroke-linejoin=${S(n.strokeLinejoin)} stroke-dasharray=${S(n.dash)} opacity=${S(n.opacity)} fill-opacity=${S(n.fillOpacity)}>${r}</path>`;case"rect":return R`<rect data-skdx-part=${n.part} data-skdx-i=${S(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${S(n.rx)} fill=${n.fill} stroke=${S(n.stroke)} fill-opacity=${S(n.opacity)}>${r}</rect>`;case"line":return R`<line data-skdx-part=${n.part} data-skdx-i=${S(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${S(n.strokeWidth)} stroke-dasharray=${S(n.dash)} opacity=${S(n.opacity)}>${r}</line>`;case"circle":return R`<circle data-skdx-part=${n.part} data-skdx-i=${S(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${S(n.stroke)} opacity=${S(n.opacity)}>${r}</circle>`;case"text":return R`<text data-skdx-part=${n.part} data-skdx-i=${S(i)} x=${n.x} y=${n.y} text-anchor=${S(n.anchor)} dominant-baseline=${S(n.baseline)} fill=${S(n.fill)} font-weight=${S(n.weight)} pointer-events=${S(i===void 0?"none":void 0)} transform=${S(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var j=class extends v{constructor(){super(...arguments);this.segments=[];this.data=[];this.labels=!1}render(){let{segments:t,data:r,labels:i,gap:o,xAxis:s}=this;return this.root(at({...this.sized(),segments:t,data:r,labels:i,gap:o,xAxis:s}),"marimekko",this.label??"Marimekko chart")}};h([ae({attribute:!1})],j.prototype,"segments",2),h([ae({attribute:!1})],j.prototype,"data",2),h([ae({type:Boolean,reflect:!0})],j.prototype,"labels",2),h([ae({type:Number})],j.prototype,"gap",2),h([ae({attribute:!1})],j.prototype,"xAxis",2),j=h([on("skdx-marimekko-chart")],j);export{j as SkdxMarimekkoChart};
|