@skdx/web-components-charts 0.38.0

package/dist/waffle.cjs

@@ -0,0 +1,109 @@
+"use strict";var te=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var zt=Object.prototype.hasOwnProperty;var Ot=(e,n)=>{for(var t in n)te(e,t,{get:n[t],enumerable:!0})},At=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of Tt(n))!zt.call(e,i)&&i!==t&&te(e,i,{get:()=>n[i],enumerable:!(r=ot(n,i))||r.enumerable});return e};var Lt=e=>At(te({},"__esModule",{value:!0}),e),l=(e,n,t,r)=>{for(var i=r>1?void 0:r?ot(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&&te(n,t,i),i};var Xt={};Ot(Xt,{SkdxWaffleChart:()=>T});module.exports=Lt(Xt);var O=require("lit/decorators.js");var st=e=>Number(e.toPrecision(12)),Bt,Pt=e=>(Bt??(Bt=new Intl.NumberFormat)).format(st(e)),Rt=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 at(e){if(e===void 0)return Pt;if(typeof e=="function")return e;let{style:n,locale:t,digits:r,unit:i="",timeZone:o}=e,s=d=>i?p=>d(p)+i:d,a=d=>r===void 0?d===void 0?{}:{maximumFractionDigits:d}:{minimumFractionDigits:r,maximumFractionDigits:r},c=d=>{let p=new Intl.NumberFormat(t,d);return s(b=>p.format(st(b)))},u=d=>{let p=new Intl.DateTimeFormat(t,o?{...d,timeZone:o}:d);return b=>p.format(b)};switch(n){case"integer":return c({maximumFractionDigits:0});case"decimal":return c(a(2));case"percent":return c({style:"percent",...a(0)});case"currency":return c({style:"currency",currency:e.currency??"USD",...a()});case"compact":return c({notation:"compact",...a(1)});case"scientific":return c({notation:"scientific",...a(2)});case"date":return u({dateStyle:"medium"});case"time":return u({timeStyle:"short"});case"datetime":return u({dateStyle:"medium",timeStyle:"short"});case"duration":return s(Rt)}}var v=e=>Number(e.toFixed(2)),re=e=>typeof e=="number"&&Number.isFinite(e);var _=1e3,E=60*_,W=60*E,ne=24*W,en=[_,5*_,15*_,30*_,E,5*E,15*E,30*E,W,3*W,6*W,12*W,ne,2*ne,7*ne,14*ne];var Nt=/-?\d*\.?\d+(?:e[-+]?\d+)?/gi,Dt=/([MLTHVCSQAZmlthvcsqaz])([^MLTHVCSQAZmlthvcsqaz]*)/g,Gt={M:2,L:2,T:2,C:6,S:4,Q:4,A:7,H:-1,V:-2};function Ft(e,n,t){return e.replace(Dt,(r,i,o)=>{let s=Gt[i];if(s===void 0)return i+o;let c=(o.match(Nt)??[]).map((u,d)=>{let p=Number(u);if(s===-1)return String(p+n);if(s===-2)return String(p+t);let b=d%s;return s===7?b===5?String(p+n):b===6?String(p+t):u:String(b%2===0?p+n:p+t)});return i+c.join(" ")})}var ct=(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:Ft(r.d,n,t)}}});var be=["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)"))),w={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 lt=(e,n)=>n??be[e%be.length];function D(e){let n=e.legend;if(n)return n===!0?{}:n.enabled===!1?void 0:n}function ut(e){let n=e.tooltip;return n===void 0||n===!0?{enabled:!0}:n===!1?{enabled:!1}:{...n,enabled:n.enabled??!0}}var ie=20,jt=120,dt=e=>{let n=D(e);return n&&(n.position==="left"||n.position==="right")?n.width??jt:0},ye=(e,n=600,t=300)=>({width:(e.width??n)-dt(e),height:(e.height??t)-(D(e)?.position==="bottom"?ie:0)}),ht=e=>{let n=D(e);return n&&(n.position===void 0||n.position==="top")?ie:0},U=6.5,ve=(e,n,t)=>t??(e.palette&&e.palette.length>0?e.palette[n%e.palette.length]:lt(n)),we=(e,n)=>e.hiddenSeries?.includes(n)??!1;function xe(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,d=e.length-u.length,p=r.interactive??!0,b=o,C=i,S=($,M,I,z)=>{let B=(M?18:4)+$.length*U;b>o&&(s||b+B>n-8)&&(b=o,C+=ie),M&&a.push({kind:"rect",part:"legend-swatch",x:b,y:C-5,width:10,height:10,fill:M,opacity:z?.3:void 0,item:I}),a.push({kind:"text",part:"legend-label",x:b+(M?14:0),y:C,text:$,baseline:"middle",fill:z?w.grid:w.label,item:I}),b+=B+12};for(let $ of u){let M=t.includes($.name),I=p?{label:$.name,series:$.name,legend:!0}:void 0;S(r.formatter?.($.name)??$.name,$.color,I,M)}return d>0&&S(`+${d} more`,void 0,void 0,!1),r.align==="end"?Ht(a,n):a}function Ht(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 Zt=(e,n,t={})=>new Set(xe(e,n,[],t).flatMap(r=>r.kind==="text"?[r.y]:[])).size;function Me(e,n,t,r=[]){let i=D(e),o=i&&e.direction==="rtl"&&i.align===void 0?{...i,align:"end"}:i,s=ut(e),a=o?.position==="bottom",c=dt(e),u=e.hiddenSeries??[],d=o?c?xe(r,1/0,u,o,10,(o.position==="right"?n:0)+8,!0):xe(r,n,u,o,a?t+10:10):[],p=a?Zt(r,n,o):0;return{width:n+c,height:a?t+Math.max(1,p)*ie: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:d}}function $e(e){let n=e.legendOffset;if(!n)return e;let t=[...ct(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 oe(e,n,t,r,i,o="auto"){let s=Array.isArray(t)?t:[t],a=Math.max(...s.map(b=>b.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},d=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:v(d),y:v(p),width:v(a),height:c,fill:"var(--skdx-color-surface-raised)",stroke:w.axis,rx:3},...s.map((b,C)=>({kind:"text",part:"tooltip-label",x:v(d+6),y:v(p+11+C*16),text:b,baseline:"middle",fill:"var(--skdx-color-text-default)",weight:s.length>1&&C===0?"bold":void 0}))]}function pt(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}=ye(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:v(o/2),y:v(s/2),text:a,anchor:"middle",baseline:"middle",fill:i==="error"?"var(--skdx-color-text-danger)":w.label}),{...Me(e,o,s),shapes:c,tooltip:!1}}function se(e){return e==null?[]:(Array.isArray(e)?e:[e]).map(t=>typeof t=="object"?t:{id:t})}var Ce=e=>e.id??e.name??e.series,ft=e=>e.seriesId??e.series;function A(e,n){let t=!1;return n.id!==void 0&&(t=!0,Ce(e)!==n.id&&e.id!==n.id&&e.name!==n.id)||n.series!==void 0&&(t=!0,ft(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 R(e){let n={},t=Ce(e);t!==void 0&&(n.id=t);let r=ft(e);return r!==void 0&&e.series!==void 0&&(n.series=r),e.index!==void 0&&(n.index=e.index),n}var Se=(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=se(e),i=R(n),o=r.some(s=>A(n,s));return t==="single"?o?[]:[i]:o?r.filter(s=>!A(n,s)):[...r,i]}var Vt=.2;function _t(e){let n=w.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 Et=(e,n)=>e.kind==="text"?{...e,fill:w.grid}:{...e,opacity:(e.opacity??1)*n};function ke(e,n){let t=se(n.selected),r=n.highlighted===void 0||n.highlighted===null?[]:se(n.highlighted),i=r[0];if(t.length===0&&!i)return e;let o={highlighted:n.highlightScope?.highlighted??"item",faded:n.highlightScope?.faded??"global"},s=[],a=d=>!i||r.some(p=>A(d,p))?!0:o.highlighted==="series"?r.some(p=>p.series!==void 0&&A(d,{series:p.series})):!1,c=d=>{if(!i||o.faded==="none"||a(d))return!1;if(o.faded==="series"){let p=i.series;return p!==void 0&&A(d,{series:p})}return!0},u=e.shapes.map(d=>{let p=d.item;if(!p||p.legend)return d;if(t.some(b=>A(p,b))){let b=_t(d);b&&s.push(b)}return c(p)?Et(d,Vt):d});return s.length?{...e,shapes:[...u,...s]}:{...e,shapes:u}}function j(e,n,t,r,i){let o=e.getBoundingClientRect();return{x:o.width?(n-o.left)*r/o.width:n,y:o.height?(t-o.top)*i/o.height:t}}var Te=(e,n,t)=>n>=e.x&&n<=e.x+e.width&&t>=e.y&&t<=e.y+e.height;function mt(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 K(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=mt(t,n),i=t.rows[r]??[];return{index:r,rows:e.axisTooltipFormatter?.(i,r)??i}}function ze(e,n){let t=e.hit;if(!t||t.xs.length===0)return;let r=t.xs[mt(t,n)];return{kind:"line",part:"crosshair",x1:r,x2:r,y1:t.plot.y,y2:t.plot.y+t.plot.height,stroke:w.axis,dash:"3 3"}}function Oe(e,n,t){let r=e.hit;if(!r||!r.crosshair||r.xs.length===0||!Te(r.plot,n,t))return[];let i=ze(e,n),{rows:o}=K(e,n),s=e.tooltipAnchored?r.plot.y+8:t;return[i,...oe(i.x1,s,o,e.width,e.height,e.tooltipPlacement)]}function Ae(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 Oe(e,i,t.plot.y+8)}function Le(e,n,t,r,i){if(!e.tooltip)return{lines:[],shapes:[]};if(e.hit?.crosshair){let{x:c,y:u}=j(t,r,i,e.width,e.height);if(Te(e.hit.plot,c,u)){let d=K(e,c),p=ze(e,c);if(d&&p)return{lines:d.rows,shapes:[p]}}}let o=n?.closest?.("[data-skdx-part]"),s=e.tooltipFormatter?N(e,n)?.item:void 0,a=s&&e.tooltipFormatter?.(s)||o&&Array.from(o.children).find(c=>c.tagName.toLowerCase()==="title")?.textContent;return a?{lines:Array.isArray(a)?a:[a],shapes:[]}:{lines:[],shapes:[]}}function gt(e,n,t,r,i,o,s){let a=e?.closest?.("[data-skdx-part]"),c=s&&s.tooltipFormatter?N(s,e)?.item:void 0,u=c&&s?.tooltipFormatter?.(c)||a&&Array.from(a.children).find(S=>S.tagName.toLowerCase()==="title")?.textContent;if(!u)return[];let d=s?.tooltipAnchored?N(s,e):void 0,p=d?s?.shapes[d.index]:void 0,{x:b,y:C}=p?Y(p):j(n,t,r,i,o);return oe(b,C,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}=j(t,r,i,e.width,e.height),a=Oe(e,o,s);if(a.length>0)return a}return gt(n,t,r,i,e.width,e.height,e)}function Pe(e,n){let t=N(e,n);return t&&!t.item.legend?R(t.item):null}var Wt=(e,n)=>{let{x:t,y:r}=Y(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 Re(e,n){let t=new Set,r=[];for(let i of e.shapes){if(!i.item||i.item.legend||i.part==="anchor"||!Wt(i,n))continue;let o=R(i.item),s=JSON.stringify(o);t.has(s)||(t.add(s),r.push(o))}return r}var Ne=e=>({kind:"rect",part:"selection-box",x:v(e.x),y:v(e.y),width:v(e.width),height:v(e.height),fill:w.focus,opacity:.12,stroke:w.focus}),ce=(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 bt(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 De(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}=Y(i),a=i.kind==="circle"?i.cy:i.kind==="rect"?i.y+i.height/2:s;if(!bt(n,o,a))continue;let c=R(i.item),u=JSON.stringify(c);t.has(u)||(t.add(u),r.push(c))}return r}var Ge=e=>({kind:"path",part:"selection-lasso",d:e.length?`M${e.map(n=>`${v(n.x)} ${v(n.y)}`).join("L")}`:"",fill:w.focus,fillOpacity:.12,stroke:w.focus,dash:"4 3"}),ae=6;function Fe(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-ae||n>i.x1+ae))return Math.abs(n-i.x0)<=ae?{bar:i,mode:"start"}:Math.abs(n-i.x1)<=ae?{bar:i,mode:"end"}:{bar:i,mode:"move"}}}function je(e,n,t){let r=e.edit;return xt(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 xt(r,{bar:o,mode:s},i*a)}function xt(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:v(Math.min(i,o)),y:v(n.bar.y),width:v(Math.max(1,Math.abs(o-i))),height:v(n.bar.height),fill:w.focus,opacity:.25,stroke:w.focus,rx:2}}var Ut=64,Kt=e=>Math.max(1,Math.min(Ut,e));function Ve(e,n,t,r){let i=n>0?.8:1.25,o=Kt(e.view.zoom*i);if(o===e.view.zoom)return e.view;let{plot:s,scale:a}=e,[c,u]=e.view.center,d=(t-(s.x+s.width/2))/a,p=(r-(s.y+s.height/2))/a,b=e.view.zoom/o;return{center:[c+d*(1-b),e.fromY(e.toY(u)-p*(1-b))],zoom:o}}function _e(e,n,t,r){let{scale:i}=e;return{center:[n.center[0]-t/i,e.fromY(e.toY(n.center[1])+r/i)],zoom:n.zoom}}function N(e,n){let t=n?.closest?.("[data-skdx-i]"),r=Number(t?.getAttribute("data-skdx-i")),i=Number.isInteger(r)?e.shapes[r]?.item:void 0;return i?{index:r,item:i}:void 0}var le=e=>e.shapes.flatMap((n,t)=>n.item&&!n.item.legend?[t]:[]);function Y(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=w.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}=Y(t),a=t.item&&e.tooltipFormatter?.(t.item)||(t.item?.label??t.title??"");return[i,...a?oe(v(o),v(s),a,e.width,e.height):[]]}function We(e,n,t){let r=le(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 G=2,F=(e,n,t)=>{let r=Math.max(G,Math.min(t,Math.round(n))),i=Math.max(0,Math.min(t-r,Math.round(e)));return{start:i,end:i+r}},yt=(e,n)=>!e||e.start<=0&&e.end>=n;function Ue(e,n,t){if(e.count<=G||!e.plot.width)return;let{start:r,end:i}=e.zoom,o=i-r,s=n>0?1.25:.8,a=Math.max(G,Math.min(e.count,Math.round(o*s)));if(a===o)return n>0&&!yt(e.zoom,e.count)?F(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 F(u-c*a,a,e.count)}function Ke(e,n,t,r){let i=n.end-n.start,o=Math.max(G,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 F(n.start+s*i-s*o,o,e.count)}function Ye(e,n,t){let r=n.end-n.start,i=e.plot.width/Math.max(1,r);return F(n.start-t/i,r,e.count)}function qe(e,n,t){let r=e.brush;if(!r||!Te(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:F(s-o/2,o,e.count)}}function Xe(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 F(t.start+o,t.end-t.start,e.count);if(n==="left")return{start:Math.max(0,Math.min(t.end-G,Math.round(t.start+o))),end:t.end};let s=Math.min(e.count,Math.max(t.start+G,Math.round(t.end+o)));return{start:t.start,end:s}}function Je(e,n){switch(n.type){case"svg":return Promise.resolve(Qe(e,n.label,n.resolve));case"csv":return Promise.resolve($t(n.rows));case"png":{if(typeof document>"u"||typeof Image>"u")return Promise.reject(new Error("PNG export needs a browser"));let t=Qe(e,n.label,n.resolve);return Mt(t,e.width,e.height,n.scale,n.background)}}}var L=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;"),q=e=>e.filter(([,n])=>n!==void 0&&n!=="").map(([n,t])=>` ${n}="${L(String(t))}"`).join("");function vt(e){let n=e.title?`<title>${L(e.title)}</title>`:"",t=["data-skdx-part",e.part];switch(e.kind){case"path":return`<path${q([t,["d",e.d],["fill",e.fill??"none"],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-linecap",e.strokeLinecap],["stroke-linejoin",e.strokeLinejoin],["stroke-dasharray",e.dash],["opacity",e.opacity],["fill-opacity",e.fillOpacity]])}>${n}</path>`;case"rect":return`<rect${q([t,["x",e.x],["y",e.y],["width",e.width],["height",e.height],["rx",e.rx],["fill",e.fill],["stroke",e.stroke],["fill-opacity",e.opacity]])}>${n}</rect>`;case"line":return`<line${q([t,["x1",e.x1],["y1",e.y1],["x2",e.x2],["y2",e.y2],["stroke",e.stroke],["stroke-width",e.strokeWidth],["stroke-dasharray",e.dash],["opacity",e.opacity]])}>${n}</line>`;case"circle":return`<circle${q([t,["cx",e.cx],["cy",e.cy],["r",e.r],["fill",e.fill],["stroke",e.stroke]])}>${n}</circle>`;case"text":return`<text${q([t,["x",e.x],["y",e.y],["text-anchor",e.anchor],["dominant-baseline",e.baseline],["fill",e.fill],["font-weight",e.weight],["transform",e.rotate?`rotate(${e.rotate} ${e.x} ${e.y})`:void 0]])}>${L(e.text)}</text>`}}function wt(e){let n=e.defs??[];return n.length===0?"":`<defs>${n.map(t=>`<linearGradient id="${L(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="${L(r.color)}"${r.opacity===void 0?"":` stop-opacity="${r.opacity}"`}/>`).join("")}</linearGradient>`).join("")}</defs>`}function Qe(e,n,t){let r=wt(e)+e.shapes.map(vt).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="${L(n)}" font-family="${L(w.fontFamily)}" font-size="${L(w.fontSize)}"><title>${L(n)}</title>${r}</svg>`}function Mt(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 d=u.getContext("2d");if(!d)return s(new Error("canvas 2d context unavailable"));i&&(d.fillStyle=i,d.fillRect(0,0,u.width,u.height)),d.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 $t(e){let n=t=>{let r=t==null?"":String(t);return/[",\n\r]/.test(r)?`"${r.replace(/"/g,'""')}"`:r};return e.map(t=>t.map(n).join(",")).join(`\r
+`)}function et(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(d=>d.replace(/:\s[^:]*$/,""))],u=r.rows.map(d=>[d[0],...d.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 tt=new Map;function ue(e){let n=tt.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&&tt.delete(e)}},publish(o,s){Object.assign(r,o);for(let a of t)a(o,s)}};return tt.set(e,{group:i,listeners:t}),i}var Ct='[data-skdx-part]:not([data-skdx-part^="tooltip"]):not([data-skdx-part="focus"]):not([data-skdx-part="crosshair"])',nt=`@keyframes skdx-in{from{opacity:0}to{opacity:1}}${Ct}{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){${Ct}{animation:none;transition:none}}`;function rt(e){let n=e.animate;return n&&e.shapes.length<=1500?`${n}ms`:void 0}var St=8;function It(e){let n=e.map(i=>Math.floor(i)),t=Math.round(e.reduce((i,o)=>i+o,0))-n.reduce((i,o)=>i+o,0),r=e.map((i,o)=>({i:o,frac:i-Math.floor(i)})).sort((i,o)=>o.frac-i.frac||i.i-o.i);for(let{i}of r){if(t<=0)break;n[i]++,t--}return n}function it(e){let n=[],t=e.data.map(g=>{let k=re(g.value)&&g.value>=0;return k||n.push({code:re(g.value)?"negative-value":"invalid-value",severity:"warning",message:`"${g.name}" has no valid non-negative value and is drawn as zero.`,itemId:g.id??g.name}),{...g,value:k?g.value:0}}),r=t.reduce((g,k)=>g+(we(e,k.name)?0:k.value),0),i=pt(e,r<=0,300,300);if(i)return{...i,issues:n};let o=at(e.format),s=re(e.total)&&e.total>0?e.total:r,a=Math.max(1,Math.round(e.rows??10)),c=Math.max(1,Math.round(e.columns??10)),u=a*c,d=g=>s>0?g/s:0,p=It(t.map(g=>we(e,g.name)?0:Math.min(1,d(g.value))*u)),{width:b,height:C}=ye(e,300,300),S=ht(e),$=Math.max(0,e.cellGap??2),M=Math.max(1,Math.min((b-2*St)/c,(C-S-2*St)/a)),I=(b-M*c)/2,z=S+(C-S-M*a)/2,B=e.orientation==="horizontal",he=g=>B?{x:I+g%c*M,y:z+Math.floor(g/c)*M}:{x:I+Math.floor(g/a)*M,y:z+(a-1-g%a)*M},X=(g,k,me,J,ge)=>{let{x:ee,y:kt}=he(g);return{kind:"rect",part:"cell",x:v(ee+$/2),y:v(kt+$/2),width:v(Math.max(.5,M-$)),height:v(Math.max(.5,M-$)),fill:k,opacity:ge,rx:e.cellRadius??2,title:me,item:J}},H=[],P=0;t.forEach((g,k)=>{let me=p[k],J=`${g.name}: ${o(g.value)} (${Math.round(d(g.value)*100)}%)`,ge={label:J,id:g.id??g.name,name:g.name,index:k,value:g.value};for(let ee=0;ee<me&&P<u;ee++,P++)H.push(X(P,ve(e,k,g.color),J,ge))});let Z=s-r,pe=Z>0?`Other: ${o(Z)} (${Math.round(d(Z)*100)}%)`:"Empty";for(;P<u;P++)H.push(X(P,w.grid,pe,void 0,.6));let fe=new Map(t.map(g=>[g.name,`${Math.round(d(g.value)*100)}%`])),V=D(e),Q=Me(e.labels&&V?{...e,legend:{...V,formatter:g=>`${V.formatter?.(g)??g} ${fe.get(g)??""}`}}:e,b,C,e.data.map((g,k)=>({name:g.name,color:ve(e,k,g.color)})));return{...Q,shapes:[...H,...Q.shapes],issues:n}}var f=require("lit"),h=require("lit/decorators.js"),x=require("lit/directives/if-defined.js");var Yt={fromAttribute:()=>!1},m=class extends f.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=[Ne(ce(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=[Ge(i.points)];return}if(i?.grab==="edit"){if(!i.gantt)return;let{x:o}=this.viewBox(t,r);i.change=je(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(_e(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(Ke(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"?Ye(r.hit,i.zoom,o-i.x):Xe(r.hit,i.grab,i.zoom,o-i.x));return}if(r.tooltipPortal){let{lines:o,shapes:s}=Le(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(Pe(r,t.target)),this.syncId&&r.hit?.crosshair){let o=K(r,this.viewBox(t,r).x);this.shareCrosshair(o?r.hit.rows[o.index]?.[0]??null:null)}};this.onPointerDown=t=>{let r=this.layout;if(!r||t.button!==0)return;let{x:i,y:o}=this.viewBox(t,r),s=N(r,t.target)?.item.legend,a=this.canEdit(r)?Fe(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,d]=[...this.pointers.values()];this.drag={x:(u+d)/2,y:o,zoom:c.zoom,grab:"pinch",distance:Math.abs(u-d)||1}}else{let u=qe(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(Re(o,ce(i.x,i.y,s,a))):i.grab==="lasso"?this.setSelected(De(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(Ve(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=Ue(s,t.deltaY,i);a&&(t.preventDefault(),this.setZoom(a))};this.onClick=t=>{if(!this.layout)return;if(this.drag?.distance===-1){this.drag=null;return}let r=N(this.layout,t.target);r&&(r.item.range?this.setZoom(r.item.range):r.item.legend&&r.item.series!==void 0?this.toggle(r.item.series):(this.select(r.item),this.emit("skdx-item-click",r.item)))};this.onKeyDown=t=>{let r=this.layout;if(!r)return;if((t.key==="Enter"||t.key===" ")&&this.focused!==null){let a=r.shapes[this.focused]?.item;a&&(t.preventDefault(),this.select(a),this.emit("skdx-item-click",a));return}let i=this.canEdit(r)?He(r,this.focused,t):void 0;if(i){t.preventDefault(),this.emit("skdx-task-change",i);return}let o=We(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?R(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:d,description:p,decorative:b,animated:C,responsive:S,highlighted:$,highlightScope:M,accessibleTable:I}=this;return{...typeof S=="object"&&this.measured!==void 0&&this.measured<(S.breakpoint??480)?S.compact:void 0,width:S&&this.measured?this.measured:t,height:r,animate:C,responsive:S,legend:i,tooltip:o,format:s,palette:a,loading:c,error:u,emptyMessage:d,description:p,decorative:b,highlighted:$===void 0?this.highlightState:$,highlightScope:M,accessibleTable:I,hiddenSeries:this.hiddenSeries??this.hiddenState,zoom:this.zoom??this.zoomState,selected:this.selected??this.selectedState,view:this.view??this.viewState}}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}publish(t){this.syncId&&ue(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=ue(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&&Se(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 j(t.currentTarget,t.clientX,t.clientY,r.width,r.height)}getSvgElement(){return this.renderRoot.querySelector("svg")}getLayout(){return this.layout}resetZoom(){this.setZoom(void 0)}zoomTo(t){this.setZoom(t)}focusItem(t){let r=this.layout;if(!r)return!1;let i=r.shapes.findIndex(o=>o.item&&!o.item.legend&&A(o.item,t));return i<0?!1:(this.getSvgElement()?.focus(),this.focused=i,!0)}export(t){let r=this.layout;return r?Je(r,{...t,label:t.label??this.label??this.localName}):Promise.reject(new Error("not rendered yet"))}root(t,r,i){this.join();let o=ke($e(t),this.sized());if(this.layout=o,o.issues!==this.reported){this.reported=o.issues;for(let I of o.issues??[])this.emit("skdx-data-issue",I)}let s=this.canZoom(o),a=this.canPan(o),c=this.canEdit(o),u=this.brushing(),d=s||a||c||u,p=!o.decorative&&le(o).length>0,b=o.description?`${r}-desc`:void 0,C=rt(o),S=et(o,this.accessibleTable),$=typeof this.accessibleTable=="object"&&this.accessibleTable.caption||i,M=this.portal;return f.html`<svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 ${o.width} ${o.height}"
+        width=${o.width}
+        height=${o.height}
+        role=${o.decorative?"presentation":"img"}
+        aria-hidden=${o.decorative?"true":f.nothing}
+        aria-label=${o.decorative?f.nothing:i}
+        aria-describedby=${(0,x.ifDefined)(b)}
+        tabindex=${p?0:f.nothing}
+        data-skdx-chart=${r}
+        data-zoomable=${s||a?"":f.nothing}
+        data-brushing=${u&&!(s||a)?"":f.nothing}
+        data-editable=${c?"":f.nothing}
+        style=${C?`--skdx-chart-duration:${C}`:f.nothing}
+        font-family=${w.fontFamily}
+        font-size=${w.fontSize}
+        @pointermove=${o.tooltip||d?this.onPointerMove:f.nothing}
+        @pointerleave=${()=>{this.clearTip(),this.highlight(null)}}
+        @pointerdown=${d?this.onPointerDown:f.nothing}
+        @pointerup=${d?this.onPointerUp:f.nothing}
+        @pointercancel=${d?this.onPointerUp:f.nothing}
+        @wheel=${s||a?this.onWheel:f.nothing}
+        @dblclick=${s||a?()=>a?this.setView(void 0):this.setZoom(void 0):f.nothing}
+        @click=${this.onClick}
+        @keydown=${p?this.onKeyDown:f.nothing}
+        @blur=${()=>{this.focused=null,this.highlight(null)}}
+      >
+        <title>${i}</title>
+        ${o.description?f.svg`<desc id=${(0,x.ifDefined)(b)}>${o.description}</desc>`:f.nothing}
+        ${C?f.svg`<style>${nt}</style>`:f.nothing} ${qt(o)}
+        ${de(o.shapes)}
+        ${de(this.tip.length||!this.crossState?this.tip:Ae(o,this.crossState))}
+        ${de(Ee(o,this.focused))} ${de(this.overlay)}
+      </svg>
+      ${M?f.html`<div
+              role="tooltip"
+              data-skdx-tooltip=${r}
+              style="left:${M.x+12}px;top:${M.y+12}px"
+            >
+              ${M.lines.map(I=>f.html`<div>${I}</div>`)}
+            </div>`:f.nothing}
+      ${S?f.html`<table data-skdx-table=${r}>
+              <caption>
+                ${$}
+              </caption>
+              <thead>
+                <tr>
+                  ${(S[0]??[]).map(I=>f.html`<th scope="col">${I}</th>`)}
+                </tr>
+              </thead>
+              <tbody>
+                ${S.slice(1).map(I=>f.html`<tr>
+                      ${I.map((z,B)=>B===0?f.html`<th scope="row">${z}</th>`:f.html`<td>${z}</td>`)}
+                    </tr>`)}
+              </tbody>
+            </table>`:f.nothing}`}};m.styles=f.css`
+    :host {
+      display: inline-block;
+    }
+    svg {
+      display: block;
+      max-width: 100%;
+      height: auto;
+      outline: none;
+    }
+    svg[data-zoomable] {
+      cursor: grab;
+      touch-action: none;
+    }
+    svg[data-brushing] {
+      cursor: crosshair;
+      touch-action: none;
+    }
+    svg[data-editable] {
+      touch-action: none;
+    }
+    :host([responsive]) {
+      display: block;
+    }
+    table {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      margin: -1px;
+      padding: 0;
+      overflow: hidden;
+      clip: rect(0 0 0 0);
+      white-space: nowrap;
+      border: 0;
+    }
+    [role='tooltip'] {
+      position: fixed;
+      pointer-events: none;
+      z-index: 1000;
+      background: var(--skdx-color-surface-raised);
+      color: var(--skdx-color-text-default);
+      border: 1px solid var(--skdx-color-border-strong);
+      border-radius: 3px;
+      padding: 4px 8px;
+      font-family: var(--skdx-font-family);
+      font-size: var(--skdx-font-size-xs);
+      white-space: nowrap;
+    }
+    [role='tooltip'] > :first-child:not(:only-child) {
+      font-weight: bold;
+    }
+  `,l([(0,h.property)({type:Number})],m.prototype,"width",2),l([(0,h.property)({type:Number})],m.prototype,"height",2),l([(0,h.property)()],m.prototype,"label",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"legend",2),l([(0,h.property)({type:Boolean,attribute:"no-tooltip",converter:Yt})],m.prototype,"tooltip",2),l([(0,h.property)({attribute:!1})],m.prototype,"format",2),l([(0,h.property)({attribute:!1})],m.prototype,"palette",2),l([(0,h.property)({attribute:!1})],m.prototype,"hiddenSeries",2),l([(0,h.property)({attribute:!1})],m.prototype,"selected",2),l([(0,h.property)({attribute:"selection-mode"})],m.prototype,"selectionMode",2),l([(0,h.property)({attribute:!1})],m.prototype,"highlighted",2),l([(0,h.property)({attribute:!1})],m.prototype,"highlightScope",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"loading",2),l([(0,h.property)()],m.prototype,"error",2),l([(0,h.property)({attribute:"empty-message"})],m.prototype,"emptyMessage",2),l([(0,h.property)()],m.prototype,"description",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"decorative",2),l([(0,h.property)({type:Boolean,attribute:"accessible-table"})],m.prototype,"accessibleTable",2),l([(0,h.property)({attribute:!1})],m.prototype,"zoom",2),l([(0,h.property)({attribute:!1})],m.prototype,"view",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"zoomable",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"editable",2),l([(0,h.property)({attribute:"sync-id"})],m.prototype,"syncId",2),l([(0,h.property)({type:Boolean,attribute:"cross-filter"})],m.prototype,"crossFilter",2),l([(0,h.property)({converter:{fromAttribute:t=>t===null?!1:t===""?!0:Number(t)}})],m.prototype,"animated",2),l([(0,h.property)({type:Boolean,reflect:!0})],m.prototype,"responsive",2),l([(0,h.state)()],m.prototype,"tip",2),l([(0,h.state)()],m.prototype,"overlay",2),l([(0,h.state)()],m.prototype,"portal",2),l([(0,h.state)()],m.prototype,"measured",2),l([(0,h.state)()],m.prototype,"viewState",2),l([(0,h.state)()],m.prototype,"highlightState",2),l([(0,h.state)()],m.prototype,"crossState",2),l([(0,h.state)()],m.prototype,"focused",2),l([(0,h.state)()],m.prototype,"hiddenState",2),l([(0,h.state)()],m.prototype,"zoomState",2),l([(0,h.state)()],m.prototype,"selectedState",2);var y=class extends m{constructor(){super(...arguments);this.series=[];this.labels=!1;this.connectNulls=!1;this.stacked=!1;this.brush=!1;this.crosshair=!1}input(){let{series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:d,connectNulls:p,nulls:b,stacked:C,stackOffset:S,orientation:$,radius:M,barGap:I,barWidth:z,sort:B,transform:he,transforms:X,bins:H,binWidth:P,binDomain:Z,binMode:pe,sampling:fe,brush:V,crosshair:Q}=this;return{...this.sized(),series:t,categories:r,xAxis:i,yAxis:o,rightAxis:s,references:a,annotations:c,labels:u,curve:d,connectNulls:p,nulls:b,stacked:C,stackOffset:S,orientation:$,radius:M,barGap:I,barWidth:z,sort:B,transform:he,transforms:X,bins:H,binWidth:P,binDomain:Z,binMode:pe,sampling:fe,brush:V,crosshair:Q}}};l([(0,h.property)({attribute:!1})],y.prototype,"series",2),l([(0,h.property)({attribute:!1})],y.prototype,"categories",2),l([(0,h.property)({attribute:!1})],y.prototype,"xAxis",2),l([(0,h.property)({attribute:!1})],y.prototype,"yAxis",2),l([(0,h.property)({attribute:!1})],y.prototype,"rightAxis",2),l([(0,h.property)({attribute:!1})],y.prototype,"references",2),l([(0,h.property)({attribute:!1})],y.prototype,"annotations",2),l([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"labels",2),l([(0,h.property)()],y.prototype,"curve",2),l([(0,h.property)({type:Boolean,attribute:"connect-nulls"})],y.prototype,"connectNulls",2),l([(0,h.property)()],y.prototype,"nulls",2),l([(0,h.property)({reflect:!0,converter:{fromAttribute:t=>t==="percent"?"percent":t!==null}})],y.prototype,"stacked",2),l([(0,h.property)({attribute:"stack-offset"})],y.prototype,"stackOffset",2),l([(0,h.property)()],y.prototype,"orientation",2),l([(0,h.property)({type:Number})],y.prototype,"radius",2),l([(0,h.property)({type:Number,attribute:"bar-gap"})],y.prototype,"barGap",2),l([(0,h.property)({type:Number,attribute:"bar-width"})],y.prototype,"barWidth",2),l([(0,h.property)()],y.prototype,"sort",2),l([(0,h.property)()],y.prototype,"transform",2),l([(0,h.property)({attribute:!1})],y.prototype,"transforms",2),l([(0,h.property)({type:Number})],y.prototype,"bins",2),l([(0,h.property)({type:Number,attribute:"bin-width"})],y.prototype,"binWidth",2),l([(0,h.property)({attribute:!1})],y.prototype,"binDomain",2),l([(0,h.property)({attribute:"bin-mode"})],y.prototype,"binMode",2),l([(0,h.property)({attribute:!1})],y.prototype,"sampling",2),l([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"brush",2),l([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"crosshair",2);var qt=e=>e.defs&&e.defs.length?f.svg`<defs>${e.defs.map(n=>f.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=>f.svg`<stop offset=${t.offset} stop-color=${t.color} stop-opacity=${(0,x.ifDefined)(t.opacity)}></stop>`)}</linearGradient>`)}</defs>`:f.nothing,de=e=>f.svg`${e.map((n,t)=>{let r=n.title?f.svg`<title>${n.title}</title>`:f.nothing,i=n.item?t:void 0;switch(n.kind){case"path":return f.svg`<path data-skdx-part=${n.part} data-skdx-i=${(0,x.ifDefined)(i)} d=${n.d} fill=${n.fill??"none"} stroke=${(0,x.ifDefined)(n.stroke)} stroke-width=${(0,x.ifDefined)(n.strokeWidth)} stroke-linecap=${(0,x.ifDefined)(n.strokeLinecap)} stroke-linejoin=${(0,x.ifDefined)(n.strokeLinejoin)} stroke-dasharray=${(0,x.ifDefined)(n.dash)} opacity=${(0,x.ifDefined)(n.opacity)} fill-opacity=${(0,x.ifDefined)(n.fillOpacity)}>${r}</path>`;case"rect":return f.svg`<rect data-skdx-part=${n.part} data-skdx-i=${(0,x.ifDefined)(i)} x=${n.x} y=${n.y} width=${n.width} height=${n.height} rx=${(0,x.ifDefined)(n.rx)} fill=${n.fill} stroke=${(0,x.ifDefined)(n.stroke)} fill-opacity=${(0,x.ifDefined)(n.opacity)}>${r}</rect>`;case"line":return f.svg`<line data-skdx-part=${n.part} data-skdx-i=${(0,x.ifDefined)(i)} x1=${n.x1} y1=${n.y1} x2=${n.x2} y2=${n.y2} stroke=${n.stroke} stroke-width=${(0,x.ifDefined)(n.strokeWidth)} stroke-dasharray=${(0,x.ifDefined)(n.dash)} opacity=${(0,x.ifDefined)(n.opacity)}>${r}</line>`;case"circle":return f.svg`<circle data-skdx-part=${n.part} data-skdx-i=${(0,x.ifDefined)(i)} cx=${n.cx} cy=${n.cy} r=${n.r} fill=${n.fill} stroke=${(0,x.ifDefined)(n.stroke)} opacity=${(0,x.ifDefined)(n.opacity)}>${r}</circle>`;case"text":return f.svg`<text data-skdx-part=${n.part} data-skdx-i=${(0,x.ifDefined)(i)} x=${n.x} y=${n.y} text-anchor=${(0,x.ifDefined)(n.anchor)} dominant-baseline=${(0,x.ifDefined)(n.baseline)} fill=${(0,x.ifDefined)(n.fill)} font-weight=${(0,x.ifDefined)(n.weight)} pointer-events=${(0,x.ifDefined)(i===void 0?"none":void 0)} transform=${(0,x.ifDefined)(n.rotate?`rotate(${n.rotate} ${n.x} ${n.y})`:void 0)}>${n.text}</text>`}})}`;var T=class extends m{constructor(){super(...arguments);this.data=[];this.labels=!1}render(){let{data:t,total:r,rows:i,columns:o,orientation:s,cellGap:a,cellRadius:c,labels:u}=this;return this.root(it({...this.sized(),data:t,total:r,rows:i,columns:o,orientation:s,cellGap:a,cellRadius:c,labels:u}),"waffle",this.label??"Waffle chart")}};l([(0,O.property)({attribute:!1})],T.prototype,"data",2),l([(0,O.property)({type:Number})],T.prototype,"total",2),l([(0,O.property)({type:Number})],T.prototype,"rows",2),l([(0,O.property)({type:Number})],T.prototype,"columns",2),l([(0,O.property)()],T.prototype,"orientation",2),l([(0,O.property)({type:Number,attribute:"cell-gap"})],T.prototype,"cellGap",2),l([(0,O.property)({type:Number,attribute:"cell-radius"})],T.prototype,"cellRadius",2),l([(0,O.property)({type:Boolean,reflect:!0})],T.prototype,"labels",2),T=l([(0,O.customElement)("skdx-waffle-chart")],T);0&&(module.exports={SkdxWaffleChart});

package/dist/waffle.d.cts

@@ -0,0 +1,2 @@
+import 'lit';
+export { aN as SkdxWaffleChart } from './index-oF5ss8v9.cjs';

package/dist/waffle.d.ts

@@ -0,0 +1,2 @@
+import 'lit';
+export { aN as SkdxWaffleChart } from './index-oF5ss8v9.js';

package/dist/waffle.js

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