@shineuix/core 1.0.0 → 1.0.1

package/dist/components/sui-chart-heatmap.js

@@ -1 +1 @@
-import{p as a,H as t,c as s,h as i,a as e,t as h}from"./p-DQ8DrIvI.js";import{o as r,_ as c,$ as o,f as p,c as u,d as n,C as l,t as m,T as d,g as x,a0 as g,k as v,L as f}from"./p-CInYFFmy.js";import{o as b,c as w}from"./p-l4ru8vIR.js";import{h as k}from"./p-DbF8ArKE.js";import{w as y,r as z}from"./p-mdFjb4l0.js";import{a as C,l as T}from"./p-BuyjS5bS.js";import{w as j,c as M,a as $,e as H,b as E,P as I}from"./p-CInpgpwB.js";import{d as N}from"./p-BHB1Wprj.js";import{u as D}from"./p-U06fVoGD.js";import{d as F}from"./p-COO9uV7W.js";const B=96,K=["--viz-1","--surface","--ink","--ink-on-dark"],L="--sui-chart-heatmap-high",W="--sui-chart-heatmap-low",V=[[L,"--viz-1"],[W,"--surface"]],G=`var(${L}, var(--viz-1))`,R=`var(${W}, var(--surface))`,S=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;rows=[];cols=[];values=[];money=!1;currency="USD";cell=34;hideMax=!1;emptyMessage;loading=!1;hoverIndex=-1;suiHover;layout={cells:[],maxV:1,maxKey:null};keyed=!1;gridEl;keysId=D("sui-chart-keys");hostName={};stopHostName;themeTick=0;boxW=0;stopResize;hasHeaderEnd=!1;inks=null;stopTheme;loaded=!1;componentWillLoad(){this.hasHeaderEnd=k(this.host,"header-end"),this.compute()}componentDidLoad(){this.loaded=!0,this.followTheme()}connectedCallback(){N(this.host,(()=>this.gridEl)),this.stopHostName?.(),this.stopHostName=j(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=r(this.host,(a=>{this.boxW=a}))),this.loaded&&this.followTheme(!0)}followTheme(a=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),a&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}componentWillRender(){const a=z(this.host,K);if(a)for(const[t,s]of V){if(!c(this.host,t))continue;const i=o(this.host,`var(${t})`);if(!i)return void(this.inks=null);a[s]=i}this.inks=a}compute(){const a=this.values||[];let t=1,s=null;a.forEach(((a,i)=>a.forEach(((a,e)=>{a>t&&(t=a,s=`${i}-${e}`)}))));const i=(this.rows||[]).map(((s,i)=>(a[i]||[]).map(((a,s)=>{const e=a/t;return{ri:i,ci:s,v:a,t:e,key:`${i}-${s}`,bg:`color-mix(in srgb, ${G} ${Math.round(92*e)}%, ${R})`}}))));this.layout={cells:i,maxV:t,maxKey:s}}inkFor(a){const t=this.inks;if(!t)return a.t>.45?"light":"ink";const s=b(t["--viz-1"],t["--surface"],Math.round(92*a.t)/100);return[["ink",w(t["--ink"],s)],["light",w(t["--ink-on-dark"],s)],["ground",w(t["--surface"],s)]].reduce(((a,t)=>t[1]>a[1]?t:a))[0]}get empty(){return 0===(this.rows||[]).length||0===(this.cols||[]).length||!(this.values||[]).some((a=>(a||[]).some((a=>!!a))))}setHover(a){if(a===this.hoverIndex)return;this.hoverIndex=a;const t=(this.cols||[]).length;this.suiHover.emit(a>=0&&t?{index:a,row:Math.floor(a/t),col:a%t}:{index:-1,row:-1,col:-1})}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.gridEl?.focus()}onKey=a=>{if(this.empty)return;const t=(this.rows||[]).length,s=(this.cols||[]).length,i=this.hoverIndex>=0&&this.hoverIndex<t*s?this.hoverIndex:-1,e=M(a,{rows:t,count:a=>Math.min(s,((this.values||[])[a]||[]).length)},i>=0?{s:Math.floor(i/s),i:i%s}:null,this.keyed);if(e){if(a.preventDefault(),"leave"===e)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyed=!0,this.setHover(e.s*s+e.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};fmt=a=>this.money?F(a,!0,this.currency):p(a);exact=a=>this.money?F(a,!1,this.currency):p(a);render(){const{cells:a,maxV:t,maxKey:s}=this.layout,h=this.rows||[],r=this.cols||[],c=B+r.length*(this.cell+3),o=this.cell-8+3,b=18+Math.max(h.length,3)*o;if(this.loading)return i(e,{"aria-busy":"true"},i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i(n,{height:b,label:C(void 0,"chart-heatmap.loading",void 0,"Loading")})));if(this.empty)return i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-chart-plot",style:{height:b+"px"}},i(l,{text:C(void 0,"chart-heatmap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const w=this.hoverIndex>=0&&r.length?this.hoverIndex:-1,k=w>=0?(a[Math.floor(w/r.length)]||[])[w%r.length]:void 0,y=r.reduce(((a,t)=>Math.max(a,m(t,9.5))),0),z=(a=>{const t=a.map((a=>/^(.*?)(\d+)$/.exec(a+"")));if(a.length<3||!t[0]||!t[1])return!1;const s=Number(t[1][2])-Number(t[0][2]);return s>0&&t.every(((a,i)=>!!a&&a[1]===t[0][1]&&Number(a[2])-Number(t[0][2])==i*s))})(r),j=z?Math.max(1,Math.ceil((y+4)/(this.cell+3))):1,M=6+12*(z?1:Math.min(3,Math.max(1,Math.ceil(y/(this.cell+3))))),N=$(this.heading,T(void 0,"chart-heatmap.by",void 0,"{rows} by {columns}",{rows:h.join(", "),columns:r.join(", ")})),D=this.cell>=32,F=!this.hideMax,K=(a,t)=>`${this.keysId}-${a}-${t}`,L=this.keyed&&k?K(k.ri,k.ci):void 0,W=M+h.length*o,V=[];return k&&(h.forEach(((a,t)=>V.push([88-Math.min(m(a,10.5),88),M+t*o,88,M+t*o+this.cell-8,d]))),V.push([B,0,c,M,d],[B,W+5,232+m(this.fmt(t),9.5)+(F?60:0),W+21,d]),a.forEach((a=>a.forEach((a=>{if(a===k)return;const t=B+a.ci*(this.cell+3),s=M+a.ri*o,i=t+this.cell/2,e=s+(this.cell-8)/2;V.push([t,s,t+this.cell,s+this.cell-8,x]);const h=D?m(this.fmt(a.v),9)/2:0;h&&V.push([i-h,e-5,i+h,e+4,a.v?d:g])}))))),i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-heat-scroll"},i("div",{class:"sui-heat-body",style:{width:c+"px"},onMouseLeave:this.onLeave},i("div",{class:{"sui-heat-grid":!0,"sui-chart-keys":!0,keyed:!!L},role:"grid",tabindex:"0",...H(N,this.hostName,this.keysId,!0),"aria-activedescendant":L,ref:a=>this.gridEl=a,onKeyDown:this.onKey,onBlur:this.onBlur},i("div",{class:"sui-heat-row head",role:"row"},i("div",{class:"sui-heat-corner",role:"presentation"}),r.map(((a,t)=>i("div",{key:a,class:{"sui-heat-col":!0,seq:z},role:"columnheader",style:{width:this.cell+3+"px"}},t%j?i("span",{class:"sui-chart-sr"},a):a)))),h.map(((t,e)=>i("div",{key:t,class:"sui-heat-row",role:"row"},i("div",{class:"sui-heat-rowhead",role:"rowheader"},t),(a[e]||[]).map((a=>{const h=this.inkFor(a);return i("div",{key:a.key,role:"gridcell",id:K(e,a.ci),class:{"sui-heat-cell":!0,peak:F&&a.key===s,hov:k===a,key:k===a&&!!L,light:"light"===h,ground:"ground"===h},"data-ink":h,style:{width:this.cell+"px",height:this.cell-8+"px",background:a.bg},"aria-label":E(t,r[a.ci],this.exact(a.v)),onMouseEnter:()=>this.enter(e*r.length+a.ci)},D?this.fmt(a.v):"")})))))),i("div",{class:"sui-heat-scale"},i("span",{class:"lo"},p(0)),i("div",{class:"bar"}),i("span",{class:"hi"},this.fmt(t)),F?i("span",{class:"peak-note"},"□ "+C(void 0,"chart-heatmap.peak",void 0,"peak")):null),k?i(v,{show:!0,box:[B+k.ci*(this.cell+3),M+k.ri*o,B+k.ci*(this.cell+3)+this.cell,M+k.ri*o+this.cell-8],w:c,ht:W+24,title:h[k.ri],rows:[{label:r[k.ci],value:this.exact(k.v)}],avoid:V,room:[0,0,Math.max(c,this.boxW-f),W+20]}):null,i(I,{ids:this.keysId,summary:N,host:this.hostName,hint:!0})))))}static get watchers(){return{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}}static get style(){return".sui-heat-scroll.sc-sui-chart-heatmap{overflow-x:auto;direction:ltr}.sui-heat-body.sc-sui-chart-heatmap{position:relative}.sui-heat-row.sc-sui-chart-heatmap{display:flex;align-items:center;margin-bottom:3px}.sui-heat-row.head.sc-sui-chart-heatmap{margin-bottom:4px}.sui-heat-corner.sc-sui-chart-heatmap{width:96px;flex-shrink:0}.sui-heat-col.sc-sui-chart-heatmap{text-align:center;font-size:9.5px;font-weight:600;color:var(--ink-faint);flex-shrink:0}.sui-heat-col.seq.sc-sui-chart-heatmap{display:flex;justify-content:center;white-space:nowrap}.sui-heat-rowhead.sc-sui-chart-heatmap{width:96px;padding-right:8px;box-sizing:border-box;flex-shrink:0;font-size:10.5px;font-weight:600;color:var(--ink-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-heat-cell.sc-sui-chart-heatmap{margin-right:3px;border-radius:4px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:650 9px var(--font-sans);font-feature-settings:'tnum';color:var(--ink);cursor:default;outline-offset:1px}.sui-heat-cell.light.sc-sui-chart-heatmap{color:var(--ink-on-dark)}.sui-heat-cell.ground.sc-sui-chart-heatmap{color:var(--surface)}.sui-heat-cell.hov.sc-sui-chart-heatmap{outline:1.5px solid var(--brand)}.sui-heat-cell.peak.sc-sui-chart-heatmap{outline:2px solid var(--sui-chart-heatmap-peak, var(--accent))}.sui-heat-cell.key.sc-sui-chart-heatmap{position:relative;z-index:1;outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.sui-heat-grid.sc-sui-chart-heatmap{border-radius:4px}.sui-heat-scale.sc-sui-chart-heatmap{display:flex;align-items:center;gap:7px;margin-top:8px;margin-left:96px;font-size:9.5px;color:var(--ink-faint)}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{width:110px;height:8px;border-radius:4px;border:1px solid var(--hairline);background:linear-gradient(90deg, var(--sui-chart-heatmap-low, var(--surface)), var(--sui-chart-heatmap-high, var(--viz-1)))}.sui-heat-scale.sc-sui-chart-heatmap .hi.sc-sui-chart-heatmap{font-feature-settings:'tnum'}.sui-heat-scale.sc-sui-chart-heatmap .peak-note.sc-sui-chart-heatmap{color:var(--sui-chart-heatmap-peak, var(--accent-ink));margin-left:6px;white-space:nowrap}@media (forced-colors: active){.sui-heat-cell.sc-sui-chart-heatmap{forced-color-adjust:none;border:1px solid CanvasText}.sui-heat-cell.hov.sc-sui-chart-heatmap,.sui-heat-cell.peak.sc-sui-chart-heatmap{outline-color:CanvasText}.sui-heat-cell.key.sc-sui-chart-heatmap{outline-color:Highlight;box-shadow:none}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{forced-color-adjust:none;border-color:CanvasText}}.sc-sui-chart-heatmap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-heatmap{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-heatmap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-heatmap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-heatmap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-heatmap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-heatmap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-heatmap{position:relative}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-heatmap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-heatmap{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-heatmap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-heatmap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-heatmap .swatch.round.sc-sui-chart-heatmap{border-radius:50%}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-heatmap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-heatmap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-heatmap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-heatmap .mk.dot.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{border-radius:50%}.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap{background:var(--c)}.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-heatmap .mk.diamond.sc-sui-chart-heatmap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap::after,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{width:22px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.line.sc-sui-chart-heatmap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{opacity:0.35}.sui-chart-caption.sc-sui-chart-heatmap{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-heatmap{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-heatmap{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-heatmap .lbl.sc-sui-chart-heatmap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap b.sc-sui-chart-heatmap{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-heatmap:focus{outline:none}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-heatmap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-heatmap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-heatmap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-heatmap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-heatmap span.sc-sui-chart-heatmap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-heatmap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-heatmap{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-heatmap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-heatmap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-heatmap,.prose.sc-sui-chart-heatmap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-heatmap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{border:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--hairline\"].sc-sui-chart-heatmap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--chart-axis\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--border-strong\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--accent-deep\"].sc-sui-chart-heatmap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap circle.sc-sui-chart-heatmap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap rect.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap path.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polyline.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polygon.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-line.sc-sui-chart-heatmap{stroke:Highlight;filter:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-heatmap",{heading:[1],subtitle:[1],caption:[1],rows:[16],cols:[16],values:[16],money:[516],currency:[1],cell:[2],hideMax:[516,"hide-max"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],layout:[32],keyed:[32],hostName:[32],themeTick:[32],boxW:[32],setFocus:[64]},void 0,{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}]),q=S,O=function(){"undefined"!=typeof customElements&&["sui-chart-heatmap"].forEach((a=>{"sui-chart-heatmap"===a&&(customElements.get(h(a))||customElements.define(h(a),S))}))};export{q as SuiChartHeatmap,O as defineCustomElement}
+import{p as a,H as t,c as s,h as i,a as e,t as h}from"./p-DQ8DrIvI.js";import{o as r,_ as c,$ as o,f as p,c as u,d as n,C as l,t as m,T as d,g as x,a0 as g,k as f,L as v}from"./p-QmakFSYp.js";import{o as b,c as w}from"./p-C-tuu2jV.js";import{h as k}from"./p-DbF8ArKE.js";import{w as y,r as z}from"./p-DDyzuLfq.js";import{a as C,l as T}from"./p-BuyjS5bS.js";import{w as j,c as M,a as $,e as H,b as E,P as D}from"./p-CvLe513l.js";import{d as L}from"./p-BHB1Wprj.js";import{u as N}from"./p-U06fVoGD.js";import{d as K}from"./p-qut9RP2y.js";const B=96,F=["--viz-1","--surface","--ink","--ink-on-dark"],I="--sui-chart-heatmap-high",V="--sui-chart-heatmap-low",W=[[I,"--viz-1"],[V,"--surface"]],q=`var(${I}, var(--viz-1))`,S=`var(${V}, var(--surface))`,G=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;rows=[];cols=[];values=[];money=!1;currency="USD";cell=34;hideMax=!1;emptyMessage;loading=!1;hoverIndex=-1;suiHover;layout={cells:[],maxV:1,maxKey:null};keyed=!1;gridEl;keysId=N("sui-chart-keys");hostName={};stopHostName;themeTick=0;boxW=0;stopResize;hasHeaderEnd=!1;inks=null;stopTheme;loaded=!1;componentWillLoad(){this.hasHeaderEnd=k(this.host,"header-end"),this.compute()}componentDidLoad(){this.loaded=!0,this.followTheme()}connectedCallback(){L(this.host,(()=>this.gridEl)),this.stopHostName?.(),this.stopHostName=j(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=r(this.host,(a=>{this.boxW=a}))),this.loaded&&this.followTheme(!0)}followTheme(a=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),a&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}componentWillRender(){const a=z(this.host,F);if(a)for(const[t,s]of W){if(!c(this.host,t))continue;const i=o(this.host,`var(${t})`);if(!i)return void(this.inks=null);a[s]=i}this.inks=a}compute(){const a=this.values||[];let t=1,s=null;a.forEach(((a,i)=>a.forEach(((a,e)=>{a>t&&(t=a,s=`${i}-${e}`)}))));const i=(this.rows||[]).map(((s,i)=>(a[i]||[]).map(((a,s)=>{const e=a/t;return{ri:i,ci:s,v:a,t:e,key:`${i}-${s}`,bg:`color-mix(in srgb, ${q} ${Math.round(92*e)}%, ${S})`}}))));this.layout={cells:i,maxV:t,maxKey:s}}inkFor(a){const t=this.inks;if(!t)return a.t>.45?"light":"ink";const s=b(t["--viz-1"],t["--surface"],Math.round(92*a.t)/100);return[["ink",w(t["--ink"],s)],["light",w(t["--ink-on-dark"],s)],["ground",w(t["--surface"],s)]].reduce(((a,t)=>t[1]>a[1]?t:a))[0]}get empty(){return 0===(this.rows||[]).length||0===(this.cols||[]).length||!(this.values||[]).some((a=>(a||[]).some((a=>!!a))))}setHover(a){if(a===this.hoverIndex)return;this.hoverIndex=a;const t=(this.cols||[]).length;this.suiHover.emit(a>=0&&t?{index:a,row:Math.floor(a/t),col:a%t}:{index:-1,row:-1,col:-1})}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.gridEl?.focus()}onKey=a=>{if(this.empty)return;const t=(this.rows||[]).length,s=(this.cols||[]).length,i=this.hoverIndex>=0&&this.hoverIndex<t*s?this.hoverIndex:-1,e=M(a,{rows:t,count:a=>Math.min(s,((this.values||[])[a]||[]).length)},i>=0?{s:Math.floor(i/s),i:i%s}:null,this.keyed);if(e){if(a.preventDefault(),"leave"===e)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyed=!0,this.setHover(e.s*s+e.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};fmt=a=>this.money?K(a,!0,this.currency):p(a);exact=a=>this.money?K(a,!1,this.currency):p(a);render(){const{cells:a,maxV:t,maxKey:s}=this.layout,h=this.rows||[],r=this.cols||[],c=B+r.length*(this.cell+3),o=this.cell-8+3,b=18+Math.max(h.length,3)*o;if(this.loading)return i(e,{"aria-busy":"true"},i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i(n,{height:b,label:C(void 0,"chart-heatmap.loading",void 0,"Loading")})));if(this.empty)return i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-chart-plot",style:{height:b+"px"}},i(l,{text:C(void 0,"chart-heatmap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const w=this.hoverIndex>=0&&r.length?this.hoverIndex:-1,k=w>=0?(a[Math.floor(w/r.length)]||[])[w%r.length]:void 0,y=r.reduce(((a,t)=>Math.max(a,m(t,9.5))),0),z=(a=>{const t=a.map((a=>/^(.*?)(\d+)$/.exec(a+"")));if(a.length<3||!t[0]||!t[1])return!1;const s=Number(t[1][2])-Number(t[0][2]);return s>0&&t.every(((a,i)=>!!a&&a[1]===t[0][1]&&Number(a[2])-Number(t[0][2])==i*s))})(r),j=z?Math.max(1,Math.ceil((y+4)/(this.cell+3))):1,M=6+12*(z?1:Math.min(3,Math.max(1,Math.ceil(y/(this.cell+3))))),L=$(this.heading,T(void 0,"chart-heatmap.by",void 0,"{rows} by {columns}",{rows:h.join(", "),columns:r.join(", ")})),N=this.cell>=32,K=!this.hideMax,F=(a,t)=>`${this.keysId}-${a}-${t}`,I=this.keyed&&k?F(k.ri,k.ci):void 0,V=M+h.length*o,W=[];return k&&(h.forEach(((a,t)=>W.push([88-Math.min(m(a,10.5),88),M+t*o,88,M+t*o+this.cell-8,d]))),W.push([B,0,c,M,d],[B,V+5,232+m(this.fmt(t),9.5)+(K?60:0),V+21,d]),a.forEach((a=>a.forEach((a=>{if(a===k)return;const t=B+a.ci*(this.cell+3),s=M+a.ri*o,i=t+this.cell/2,e=s+(this.cell-8)/2;W.push([t,s,t+this.cell,s+this.cell-8,x]);const h=N?m(this.fmt(a.v),9)/2:0;h&&W.push([i-h,e-5,i+h,e+4,a.v?d:g])}))))),i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-heat-scroll"},i("div",{class:"sui-heat-body",style:{width:c+"px"},onMouseLeave:this.onLeave},i("div",{class:{"sui-heat-grid":!0,"sui-chart-keys":!0,keyed:!!I},role:"grid",tabindex:"0",...H(L,this.hostName,this.keysId,!0),"aria-activedescendant":I,ref:a=>this.gridEl=a,onKeyDown:this.onKey,onBlur:this.onBlur},i("div",{class:"sui-heat-row head",role:"row"},i("div",{class:"sui-heat-corner",role:"presentation"}),r.map(((a,t)=>i("div",{key:a,class:{"sui-heat-col":!0,seq:z},role:"columnheader",style:{width:this.cell+3+"px"}},t%j?i("span",{class:"sui-chart-sr"},a):a)))),h.map(((t,e)=>i("div",{key:t,class:"sui-heat-row",role:"row"},i("div",{class:"sui-heat-rowhead",role:"rowheader"},t),(a[e]||[]).map((a=>{const h=this.inkFor(a);return i("div",{key:a.key,role:"gridcell",id:F(e,a.ci),class:{"sui-heat-cell":!0,peak:K&&a.key===s,hov:k===a,key:k===a&&!!I,light:"light"===h,ground:"ground"===h},"data-ink":h,style:{width:this.cell+"px",height:this.cell-8+"px",background:a.bg},"aria-label":E(t,r[a.ci],this.exact(a.v)),onMouseEnter:()=>this.enter(e*r.length+a.ci)},N?this.fmt(a.v):"")})))))),i("div",{class:"sui-heat-scale"},i("span",{class:"lo"},p(0)),i("div",{class:"bar"}),i("span",{class:"hi"},this.fmt(t)),K?i("span",{class:"peak-note"},"□ "+C(void 0,"chart-heatmap.peak",void 0,"peak")):null),k?i(f,{show:!0,box:[B+k.ci*(this.cell+3),M+k.ri*o,B+k.ci*(this.cell+3)+this.cell,M+k.ri*o+this.cell-8],w:c,ht:V+24,title:h[k.ri],rows:[{label:r[k.ci],value:this.exact(k.v)}],avoid:W,room:[0,0,Math.max(c,this.boxW-v),V+20]}):null,i(D,{ids:this.keysId,summary:L,host:this.hostName,hint:!0})))))}static get watchers(){return{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}}static get style(){return".sui-heat-scroll.sc-sui-chart-heatmap{overflow-x:auto;direction:ltr}.sui-heat-body.sc-sui-chart-heatmap{position:relative}.sui-heat-row.sc-sui-chart-heatmap{display:flex;align-items:center;margin-bottom:3px}.sui-heat-row.head.sc-sui-chart-heatmap{margin-bottom:4px}.sui-heat-corner.sc-sui-chart-heatmap{width:96px;flex-shrink:0}.sui-heat-col.sc-sui-chart-heatmap{text-align:center;font-size:9.5px;font-weight:600;color:var(--ink-faint);flex-shrink:0}.sui-heat-col.seq.sc-sui-chart-heatmap{display:flex;justify-content:center;white-space:nowrap}.sui-heat-rowhead.sc-sui-chart-heatmap{width:96px;padding-right:8px;box-sizing:border-box;flex-shrink:0;font-size:10.5px;font-weight:600;color:var(--ink-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-heat-cell.sc-sui-chart-heatmap{margin-right:3px;border-radius:4px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:650 9px var(--font-sans);font-feature-settings:'tnum';color:var(--ink);cursor:default;outline-offset:1px}.sui-heat-cell.light.sc-sui-chart-heatmap{color:var(--ink-on-dark)}.sui-heat-cell.ground.sc-sui-chart-heatmap{color:var(--surface)}.sui-heat-cell.hov.sc-sui-chart-heatmap{outline:1.5px solid var(--brand)}.sui-heat-cell.peak.sc-sui-chart-heatmap{outline:2px solid var(--sui-chart-heatmap-peak, var(--accent))}.sui-heat-cell.key.sc-sui-chart-heatmap{position:relative;z-index:1;outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.sui-heat-grid.sc-sui-chart-heatmap{border-radius:4px}.sui-heat-scale.sc-sui-chart-heatmap{display:flex;align-items:center;gap:7px;margin-top:8px;margin-left:96px;font-size:9.5px;color:var(--ink-faint)}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{width:110px;height:8px;border-radius:4px;border:1px solid var(--hairline);background:linear-gradient(90deg, var(--sui-chart-heatmap-low, var(--surface)), var(--sui-chart-heatmap-high, var(--viz-1)))}.sui-heat-scale.sc-sui-chart-heatmap .hi.sc-sui-chart-heatmap{font-feature-settings:'tnum'}.sui-heat-scale.sc-sui-chart-heatmap .peak-note.sc-sui-chart-heatmap{color:var(--sui-chart-heatmap-peak, var(--accent-ink));margin-left:6px;white-space:nowrap}@media (forced-colors: active){.sui-heat-cell.sc-sui-chart-heatmap{forced-color-adjust:none;border:1px solid CanvasText}.sui-heat-cell.hov.sc-sui-chart-heatmap,.sui-heat-cell.peak.sc-sui-chart-heatmap{outline-color:CanvasText}.sui-heat-cell.key.sc-sui-chart-heatmap{outline-color:Highlight;box-shadow:none}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{forced-color-adjust:none;border-color:CanvasText}}.sc-sui-chart-heatmap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-heatmap{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-heatmap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-heatmap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-heatmap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-heatmap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-heatmap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-heatmap{position:relative}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-heatmap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-heatmap{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-heatmap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-heatmap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-heatmap .swatch.round.sc-sui-chart-heatmap{border-radius:50%}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-heatmap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-heatmap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-heatmap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-heatmap .mk.dot.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{border-radius:50%}.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap{background:var(--c)}.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-heatmap .mk.diamond.sc-sui-chart-heatmap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap::after,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{width:22px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.line.sc-sui-chart-heatmap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{opacity:0.35}.sui-chart-caption.sc-sui-chart-heatmap{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-heatmap{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-heatmap{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-heatmap .lbl.sc-sui-chart-heatmap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap b.sc-sui-chart-heatmap{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-heatmap:focus{outline:none}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-heatmap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-heatmap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-heatmap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-heatmap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-heatmap span.sc-sui-chart-heatmap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-heatmap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-heatmap{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-heatmap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-heatmap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-heatmap,.prose.sc-sui-chart-heatmap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-heatmap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{border:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--hairline\"].sc-sui-chart-heatmap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--chart-axis\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--border-strong\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--accent-deep\"].sc-sui-chart-heatmap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap circle.sc-sui-chart-heatmap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap rect.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap path.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polyline.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polygon.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-line.sc-sui-chart-heatmap{stroke:Highlight;filter:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-heatmap",{heading:[1],subtitle:[1],caption:[1],rows:[16],cols:[16],values:[16],money:[516],currency:[1],cell:[2],hideMax:[516,"hide-max"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],layout:[32],keyed:[32],hostName:[32],themeTick:[32],boxW:[32],setFocus:[64]},void 0,{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}]),P=G,R=function(){"undefined"!=typeof customElements&&["sui-chart-heatmap"].forEach((a=>{"sui-chart-heatmap"===a&&(customElements.get(h(a))||customElements.define(h(a),G))}))};export{P as SuiChartHeatmap,R as defineCustomElement}

package/dist/components/sui-chart-line.js

@@ -1 +1 @@
-import{p as i,H as s,c as t,h as e,a as r,t as a}from"./p-DQ8DrIvI.js";import{P as c,o as n,p as o,U as h,a as l,c as u,L as p,d,s as g,b as x,v as f,f as v,Q as k,Z as m,a1 as y,l as b,x as w,N as z,z as C,m as j,D as T,E,F as H,y as I,k as B,Y as L,V as M,G as $,I as F,K as N,X as S,C as W,g as D,W as G,T as K,J as O}from"./p-CInYFFmy.js";import{h as P,w as A,c as R,p as U,s as V,t as Y,a as Z,d as q,b as Q,i as X,k as J,P as _,f as ii,m as si,K as ti}from"./p-CInpgpwB.js";import{c as ei,a as ri}from"./p-Bzu70qWq.js";import{d as ai}from"./p-BHB1Wprj.js";import{i as ci}from"./p-GAnFXayY.js";import{u as ni}from"./p-U06fVoGD.js";import{l as oi,a as hi}from"./p-BuyjS5bS.js";import{d as li}from"./p-COO9uV7W.js";const ui=["auto","always","hover","none"],pi=(i,s,t,e,r,a)=>y(i,s,t,e,"dot"===i||"solid"===i?r?3.5:2.2:r?4:3.2,r||"solid"===i||i.startsWith("tri")?a:"var(--surface)",a),di=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];kind="line";curve=!1;width=440;height=200;fixedSize=!1;money=!1;currency="USD";formatEnd;every="auto";refLine;markers="auto";emptyMessage;loading=!1;plain=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=ni("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=c.l;stopResize;fillId=ni("sui-chart-fill");componentWillLoad(){this.hasHeaderEnd=P(this.host,"header-end")}connectedCallback(){ai(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=A(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=n(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width,this.plain?0:p)}get drawn(){const i=[];return(this.series||[]).forEach(((s,t)=>{this.hiddenSeries.includes(s.label)||i.push(t)})),i}onKey=i=>{if(this.empty)return;const s=this.labels.length,t=this.drawn,e=t.length,r=V(this.hoverIndex,s),a="stacked-area"===this.kind,c=R(i,{rows:e,count:()=>s,has:(i,s)=>a||Number.isFinite((this.series[t[i]].data||[])[s])},r>=0?{s:Math.min(this.keyRow,e-1),i:r}:null,this.keyed);if(c){if(i.preventDefault(),"leave"===c)return i.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=U(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get endInset(){if("stacked-area"===this.kind)return 0;const i=this.hiddenSeries;return this.series.some((s=>"end"===s.axis&&!i.includes(s.label)))?h:0}get empty(){const i=this.series||[];return 0===i.length||i.every((i=>(i.data||[]).every((i=>!i))))}onMove=i=>{if(this.empty)return;const s=this.plotW,t=i.currentTarget.getBoundingClientRect();t.width>0&&(this.scale=t.width/s),this.keyed=!1,this.setHover(V(l(i,s,this.labels.length,!1,this.endInset,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(i){i!==this.hoverIndex&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}toggle=i=>{this.hiddenSeries=Y(this.hiddenSeries,i)};chartName(i,s){const t=s.join(", "),e=i?s.length?oi(void 0,"chart-line.lineOf",void 0,"line chart of {series}",{series:t}):hi(void 0,"chart-line.line",void 0,"line chart"):s.length?oi(void 0,"chart-line.areaOf",void 0,"area chart of {series}",{series:t}):hi(void 0,"chart-line.area",void 0,"area chart");return Z(this.heading,e)}render(){const{labels:i,series:s,kind:t,money:a,hiddenSeries:n,curve:o}=this,h=this.plotW,l=this.height,y=this.rtl=ci(this.host);if(this.loading)return e(r,{"aria-busy":"true"},e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd},e(d,{height:l,label:hi(void 0,"chart-line.loading",void 0,"Loading"),rtl:y})));const P=i.length,A="stacked-area"===t,R=s.map(g),U=s.map((i=>!n.includes(i.label))),Y=s.filter(((i,s)=>U[s])).map((i=>i.label)),Z=s.map((i=>!A&&"end"===i.axis)),ai=this.endInset,ni=ai>0,oi=h-ai,di=i=>{let t=i?void 0:[0,0];for(let e=0;e<s.length;e++){if(!U[e]||Z[e]!==i)continue;const r=s[e];t=r.range?si(r.range[1],si(r.range[0],t)):si(r.data,t)}return t&&isFinite(t[0])&&isFinite(t[1])?t:[0,0]};let gi=[0,0];const xi=[];if(A){for(let i=0;i<P;i++){let t=0;for(let e=0;e<s.length;e++)U[e]&&(t+=s[e].data[i]||0);xi.push(t)}gi=si(xi,gi)}else gi=di(!1);const{ticks:fi,lo:vi,hi:ki}=x(gi[0],gi[1],4),mi=di(!0),yi=x(mi[0],mi[1],4),bi=a?i=>li(i,!0,this.currency):v,wi=a?i=>li(i,!1,this.currency):v,zi=this.formatEnd||m,Ci=this.gutter=f(fi.map(bi)),[ji,Ti]=O(h,ai,y,Ci),Ei=b(0,P-1,ji,Ti),Hi=b(vi,ki,l-c.b,c.t),Ii=b(yi.lo,yi.hi,l-c.b,c.t),Bi=this.empty,Li=Bi?-1:V(this.hoverIndex,P),Mi="area"===t&&1===s.length?"hover":P<=8?"always":"hover",$i=ui.includes(this.markers)&&"auto"!==this.markers?this.markers:Mi,Fi=Hi(Math.max(vi,0)),Ni=Ii(Math.max(yi.lo,0)),Si=s.map(((i,s)=>s>=4&&!i.color&&!i.accent)),Wi=i=>Si[i]?i%2?"tri-down":"tri":"dot",Di=(i,s)=>i.dashed?"5 4":Si[s]?k:"none",Gi=(i,s)=>A?{}:{line:!0,dash:Di(i,s),mark:i.mark&&"none"!==i.mark?i.mark:Si[s]||"always"===$i?Wi(s):void 0},Ki=s.length>1?s.map(((i,s)=>({label:i.label,color:R[s],...Gi(i,s)}))):void 0,Oi=Li>=0?s.filter(((i,s)=>U[s])).map((i=>{const t=s.indexOf(i);return{label:i.label,color:R[t],...Gi(i,t),value:Z[t]?zi(i.data[Li]):wi(i.data[Li])}})):[],Pi=(i,s,t,r)=>o?e("path",{d:ei(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}):e("polyline",{points:q(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}),Ai=(i,s,t,r,a)=>o?e("path",{d:ei(i,Ei,t)+ri(s,Ei,t)+" Z",fill:r,opacity:a}):e("polygon",{points:q(i,Ei,t)+" "+ii(s,Ei,t),fill:r,opacity:a}),Ri=Array(P).fill(0),Ui="area"!==t?[]:s.map(((i,s)=>!U[s]||i.range?null:e("linearGradient",{key:i.label,id:`${this.fillId}-${s}`,x1:"0",y1:"0",x2:"0",y2:"1"},e("stop",{offset:"0","stop-color":R[s],"stop-opacity":.3}),e("stop",{offset:"1","stop-color":R[s],"stop-opacity":0})))),Vi=s.map(((i,s)=>{if(!U[s])return null;const r=R[s],a=Z[s]?Ii:Hi;if(i.range)return e("g",{key:i.label},Ai(i.range[1],i.range[0],a,r,.14),Pi(i.data,a,r,Di(i,s)));if(A){const s=Array(P);for(let t=0;t<P;t++)s[t]=Ri[t]+(i.data[t]||0);const t=Ri.slice();for(let i=0;i<P;i++)Ri[i]=s[i];return e("g",{key:i.label},Ai(s,t,a,r,.82),o?e("path",{d:ei(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}):e("polyline",{points:q(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}))}const c=[],n=Wi(s);for(let s=0;s<i.data.length;s++)c.push(pi(i.marks&&i.marks[s]||i.mark||("always"===$i||"hover"===$i&&Li===s?n:"none"),s+"",Ei(s),a(i.data[s]),Li===s,r));const h=Z[s]?Ni:Fi,l=`url(#${this.fillId}-${s})`,u="area"!==t?null:o?e("path",{class:"area",d:ei(i.data,Ei,a)+" L "+Ei(P-1)+","+h+" L "+Ei(0)+","+h+" Z",fill:l}):e("polygon",{class:"area",points:q(i.data,Ei,a)+" "+Ei(P-1)+","+h+" "+Ei(0)+","+h,fill:l});return e("g",{key:i.label},u,Pi(i.data,a,r,Di(i,s)),c)})),Yi=[],Zi=[];if(!A&&!Bi){const i=Bi?-1:V(this.hoverIndex,P);s.forEach(((s,t)=>{const e=Z[t]?Ii:Hi;for(let r=0;U[t]&&r<s.data.length;r++)for(let t=0;t<(r?4:1);t++){const a=Ei(r-t/4),c=e(s.data[r]+(r?(s.data[r-1]-s.data[r])*t/4:0));Yi.push([a-3,c-3,a+3,c+3,t&&r!==i&&r!==i+1?G:D]),Zi.push(t?Yi[Yi.length-1]:[a-5,c-5,a+5,c+5,1===Math.abs(r-i)?K:D])}}))}const qi=this.scale,Qi=w(h,l,qi,ni?c.r+30:0,0,y,Ci),Xi=z(this.every,i,oi-Ci-c.r,!1),Ji=this.refLine?C(Hi(this.refLine.value),h,this.refLine.label||"",Yi,ai,y,Ci):void 0,_i=[];if(Li>=0){let i=0;s.forEach(((s,t)=>{if(!U[t])return;const e=A?i+=s.data[Li]||0:s.data[Li],r=(Z[t]?Ii:Hi)(e);_i.push([(Ei(Li)-6)*qi,(r-6)*qi,(Ei(Li)+6)*qi,(r+6)*qi])}))}const is=s.map(((i,s)=>s)).filter((i=>U[i])),ss=Math.min(this.keyRow,is.length-1),ts=is[ss];let es=this.keyed&&Li>=0&&void 0!==ts?`${this.keysId}-${ss}-${Li}`:void 0,rs=null;if(es){const t=s[ts];let r=t.data[Li];if(A){r=0;for(const i of is)if(r+=s[i].data[Li]||0,i===ts)break}const a=(Z[ts]?Ii:Hi)(r),c=Q(i[Li],is.length>1?t.label:void 0,Z[ts]?zi(t.data[Li]):wi(A?t.data[Li]||0:t.data[Li]));Number.isFinite(a)?rs=e(ti,{id:es,circle:[Ei(Li),a,7],label:c}):es=void 0}const as=Li<0?[]:j(Zi.concat([[Ei(Li)-4,0,Ei(Li)+4,l,T]],E(fi,Hi,bi,h,y,!1,Ci),ni?E(yi.ticks,Ii,zi,h,y,!0):[],H(i,Ei,l,Xi,h),Ji&&this.refLine&&this.refLine.label?[I(Ji,this.refLine.label)]:[]),qi).concat(Qi.avoid);return e(r,null,e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd,legend:Ki,hidden:n,onToggle:this.toggle},e("div",{class:"sui-chart-plot"},e(B,{show:Li>=0,box:[(Ei(Li)-4)*qi,0,(Ei(Li)+4)*qi,l*qi],keep:_i,w:h*qi,ht:l*qi,title:i[Li]||"",rows:Oi,avoid:as,area:Qi.area,room:this.plain?void 0:Qi.room}),e("svg",{viewBox:`0 0 ${h} ${l}`,...Bi?X(this.chartName("line"===t,Y),this.keysId,this.hostName):J(this.chartName("line"===t,Y),this.keysId,this.hostName,es),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},!Bi&&Ui.some(Boolean)?e("defs",null,Ui):null,e(L,{ticks:fi,y:Hi,w:h,inset:ai,rtl:y,gl:Ci,fmt:bi,bare:Bi}),ni?e(M,{ticks:yi.ticks,y:Ii,w:h,fmt:zi,bare:Bi,rtl:y}):null,Bi?null:Vi,this.refLine?e($,{y:Hi(this.refLine.value),w:h,inset:ai,rtl:y,gl:Ci,label:this.refLine.label,avoid:Yi,color:this.refLine.color}):null,Li>=0?e("line",{class:"guide",x1:F(Ei(Li)),x2:F(Ei(Li)),y1:c.t,y2:l-c.b,stroke:"var(--border-strong)","stroke-width":1}):null,e(N,{w:h,inset:ai,rtl:y,gl:Ci,h:l}),e(S,{labels:i,x:Ei,h:l,w:h,every:Xi}),rs),e(_,{ids:this.keysId,summary:this.chartName("line"===t,Y),host:this.hostName,hint:!Bi}),Bi?e(W,{text:hi(void 0,"chart-line.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-line-h{display:block}svg.sc-sui-chart-line{direction:ltr}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{user-select:none}.sc-sui-chart-line-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-line{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-line{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-line{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-line{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-line{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-line{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-line{position:relative}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-line{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-line{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-line{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-line .swatch.round.sc-sui-chart-line{border-radius:50%}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-line::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-line::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-line::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-line .mk.dot.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{border-radius:50%}.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line{background:var(--c)}.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-line .mk.diamond.sc-sui-chart-line{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line::after,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{width:22px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.line.sc-sui-chart-line::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-line .swatch.sc-sui-chart-line{opacity:0.35}.sui-chart-caption.sc-sui-chart-line{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-line{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-line{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-line .lbl.sc-sui-chart-line{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line b.sc-sui-chart-line{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line>b.sc-sui-chart-line{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line>b.sc-sui-chart-line{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-line:focus{outline:none}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-line:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-line{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-line{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-line{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-line span.sc-sui-chart-line{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-line{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-line{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-line{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-line,.prose.sc-sui-chart-line{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-line text.sc-sui-chart-line{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-line{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{border:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{stroke:Canvas}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--hairline"].sc-sui-chart-line{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--chart-axis"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--border-strong"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--accent-deep"].sc-sui-chart-line{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line circle.sc-sui-chart-line{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line rect.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line path.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polyline.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polygon.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-line.sc-sui-chart-line{stroke:Highlight;filter:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-halo.sc-sui-chart-line{stroke:Canvas;filter:none}}'}},[518,"sui-chart-line",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],kind:[513],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],formatEnd:[16],every:[8],refLine:[16],markers:[513],emptyMessage:[1,"empty-message"],loading:[516],plain:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gi=di,xi=function(){"undefined"!=typeof customElements&&["sui-chart-line"].forEach((i=>{"sui-chart-line"===i&&(customElements.get(a(i))||customElements.define(a(i),di))}))};export{gi as SuiChartLine,xi as defineCustomElement}
+import{p as i,H as s,c as t,h as e,a as r,t as a}from"./p-DQ8DrIvI.js";import{P as c,o as n,p as o,U as h,a as l,c as u,L as p,d,s as g,b as x,v as f,f as v,Q as k,Z as m,a1 as y,l as b,x as w,N as z,z as C,m as j,D as T,E,F as H,y as L,k as M,Y as S,V as $,G as B,I,K as N,X as F,C as W,g as D,W as G,T as P,J as K}from"./p-QmakFSYp.js";import{h as R,w as q,c as A,p as Q,s as U,t as Y,a as Z,d as O,b as V,i as X,k as J,P as _,f as ii,m as si,K as ti}from"./p-CvLe513l.js";import{c as ei,a as ri}from"./p-Bzu70qWq.js";import{d as ai}from"./p-BHB1Wprj.js";import{i as ci}from"./p-GAnFXayY.js";import{u as ni}from"./p-U06fVoGD.js";import{l as oi,a as hi}from"./p-BuyjS5bS.js";import{d as li}from"./p-qut9RP2y.js";const ui=["auto","always","hover","none"],pi=(i,s,t,e,r,a)=>y(i,s,t,e,"dot"===i||"solid"===i?r?3.5:2.2:r?4:3.2,r||"solid"===i||i.startsWith("tri")?a:"var(--surface)",a),di=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];kind="line";curve=!1;width=440;height=200;fixedSize=!1;money=!1;currency="USD";formatEnd;every="auto";refLine;markers="auto";emptyMessage;loading=!1;plain=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=ni("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=c.l;stopResize;fillId=ni("sui-chart-fill");componentWillLoad(){this.hasHeaderEnd=R(this.host,"header-end")}connectedCallback(){ai(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=q(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=n(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width,this.plain?0:p)}get drawn(){const i=[];return(this.series||[]).forEach(((s,t)=>{this.hiddenSeries.includes(s.label)||i.push(t)})),i}onKey=i=>{if(this.empty)return;const s=this.labels.length,t=this.drawn,e=t.length,r=U(this.hoverIndex,s),a="stacked-area"===this.kind,c=A(i,{rows:e,count:()=>s,has:(i,s)=>a||Number.isFinite((this.series[t[i]].data||[])[s])},r>=0?{s:Math.min(this.keyRow,e-1),i:r}:null,this.keyed);if(c){if(i.preventDefault(),"leave"===c)return i.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=Q(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get endInset(){if("stacked-area"===this.kind)return 0;const i=this.hiddenSeries;return this.series.some((s=>"end"===s.axis&&!i.includes(s.label)))?h:0}get empty(){const i=this.series||[];return 0===i.length||i.every((i=>(i.data||[]).every((i=>!i))))}onMove=i=>{if(this.empty)return;const s=this.plotW,t=i.currentTarget.getBoundingClientRect();t.width>0&&(this.scale=t.width/s),this.keyed=!1,this.setHover(U(l(i,s,this.labels.length,!1,this.endInset,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(i){i!==this.hoverIndex&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}toggle=i=>{this.hiddenSeries=Y(this.hiddenSeries,i)};chartName(i,s){const t=s.join(", "),e=i?s.length?oi(void 0,"chart-line.lineOf",void 0,"line chart of {series}",{series:t}):hi(void 0,"chart-line.line",void 0,"line chart"):s.length?oi(void 0,"chart-line.areaOf",void 0,"area chart of {series}",{series:t}):hi(void 0,"chart-line.area",void 0,"area chart");return Z(this.heading,e)}render(){const{labels:i,series:s,kind:t,money:a,hiddenSeries:n,curve:o}=this,h=this.plotW,l=this.height,y=this.rtl=ci(this.host);if(this.loading)return e(r,{"aria-busy":"true"},e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd},e(d,{height:l,label:hi(void 0,"chart-line.loading",void 0,"Loading"),rtl:y})));const R=i.length,q="stacked-area"===t,A=s.map(g),Q=s.map((i=>!n.includes(i.label))),Y=s.filter(((i,s)=>Q[s])).map((i=>i.label)),Z=s.map((i=>!q&&"end"===i.axis)),ai=this.endInset,ni=ai>0,oi=h-ai,di=i=>{let t=i?void 0:[0,0];for(let e=0;e<s.length;e++){if(!Q[e]||Z[e]!==i)continue;const r=s[e];t=r.range?si(r.range[1],si(r.range[0],t)):si(r.data,t)}return t&&isFinite(t[0])&&isFinite(t[1])?t:[0,0]};let gi=[0,0];const xi=[];if(q){for(let i=0;i<R;i++){let t=0;for(let e=0;e<s.length;e++)Q[e]&&(t+=s[e].data[i]||0);xi.push(t)}gi=si(xi,gi)}else gi=di(!1);const{ticks:fi,lo:vi,hi:ki}=x(gi[0],gi[1],4),mi=di(!0),yi=x(mi[0],mi[1],4),bi=a?i=>li(i,!0,this.currency):v,wi=a?i=>li(i,!1,this.currency):v,zi=this.formatEnd||m,Ci=this.gutter=f(fi.map(bi)),[ji,Ti]=K(h,ai,y,Ci),Ei=b(0,R-1,ji,Ti),Hi=b(vi,ki,l-c.b,c.t),Li=b(yi.lo,yi.hi,l-c.b,c.t),Mi=this.empty,Si=Mi?-1:U(this.hoverIndex,R),$i="area"===t&&1===s.length?"hover":R<=8?"always":"hover",Bi=ui.includes(this.markers)&&"auto"!==this.markers?this.markers:$i,Ii=Hi(Math.max(vi,0)),Ni=Li(Math.max(yi.lo,0)),Fi=s.map(((i,s)=>s>=4&&!i.color&&!i.accent)),Wi=i=>Fi[i]?i%2?"tri-down":"tri":"dot",Di=(i,s)=>i.dashed?"5 4":Fi[s]?k:"none",Gi=(i,s)=>q?{}:{line:!0,dash:Di(i,s),mark:i.mark&&"none"!==i.mark?i.mark:Fi[s]||"always"===Bi?Wi(s):void 0},Pi=s.length>1?s.map(((i,s)=>({label:i.label,color:A[s],...Gi(i,s)}))):void 0,Ki=Si>=0?s.filter(((i,s)=>Q[s])).map((i=>{const t=s.indexOf(i);return{label:i.label,color:A[t],...Gi(i,t),value:Z[t]?zi(i.data[Si]):wi(i.data[Si])}})):[],Ri=(i,s,t,r)=>o?e("path",{d:ei(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}):e("polyline",{points:O(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}),qi=(i,s,t,r,a)=>o?e("path",{d:ei(i,Ei,t)+ri(s,Ei,t)+" Z",fill:r,opacity:a}):e("polygon",{points:O(i,Ei,t)+" "+ii(s,Ei,t),fill:r,opacity:a}),Ai=Array(R).fill(0),Qi="area"!==t?[]:s.map(((i,s)=>!Q[s]||i.range?null:e("linearGradient",{key:i.label,id:`${this.fillId}-${s}`,x1:"0",y1:"0",x2:"0",y2:"1"},e("stop",{offset:"0","stop-color":A[s],"stop-opacity":.3}),e("stop",{offset:"1","stop-color":A[s],"stop-opacity":0})))),Ui=s.map(((i,s)=>{if(!Q[s])return null;const r=A[s],a=Z[s]?Li:Hi;if(i.range)return e("g",{key:i.label},qi(i.range[1],i.range[0],a,r,.14),Ri(i.data,a,r,Di(i,s)));if(q){const s=Array(R);for(let t=0;t<R;t++)s[t]=Ai[t]+(i.data[t]||0);const t=Ai.slice();for(let i=0;i<R;i++)Ai[i]=s[i];return e("g",{key:i.label},qi(s,t,a,r,.82),o?e("path",{d:ei(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}):e("polyline",{points:O(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}))}const c=[],n=Wi(s);for(let s=0;s<i.data.length;s++)c.push(pi(i.marks&&i.marks[s]||i.mark||("always"===Bi||"hover"===Bi&&Si===s?n:"none"),s+"",Ei(s),a(i.data[s]),Si===s,r));const h=Z[s]?Ni:Ii,l=`url(#${this.fillId}-${s})`,u="area"!==t?null:o?e("path",{class:"area",d:ei(i.data,Ei,a)+" L "+Ei(R-1)+","+h+" L "+Ei(0)+","+h+" Z",fill:l}):e("polygon",{class:"area",points:O(i.data,Ei,a)+" "+Ei(R-1)+","+h+" "+Ei(0)+","+h,fill:l});return e("g",{key:i.label},u,Ri(i.data,a,r,Di(i,s)),c)})),Yi=[],Zi=[];if(!q&&!Mi){const i=Mi?-1:U(this.hoverIndex,R);s.forEach(((s,t)=>{const e=Z[t]?Li:Hi;for(let r=0;Q[t]&&r<s.data.length;r++)for(let t=0;t<(r?4:1);t++){const a=Ei(r-t/4),c=e(s.data[r]+(r?(s.data[r-1]-s.data[r])*t/4:0));Yi.push([a-3,c-3,a+3,c+3,t&&r!==i&&r!==i+1?G:D]),Zi.push(t?Yi[Yi.length-1]:[a-5,c-5,a+5,c+5,1===Math.abs(r-i)?P:D])}}))}const Oi=this.scale,Vi=w(h,l,Oi,ni?c.r+30:0,0,y,Ci),Xi=z(this.every,i,oi-Ci-c.r,!1),Ji=this.refLine?C(Hi(this.refLine.value),h,this.refLine.label||"",Yi,ai,y,Ci):void 0,_i=[];if(Si>=0){let i=0;s.forEach(((s,t)=>{if(!Q[t])return;const e=q?i+=s.data[Si]||0:s.data[Si],r=(Z[t]?Li:Hi)(e);_i.push([(Ei(Si)-6)*Oi,(r-6)*Oi,(Ei(Si)+6)*Oi,(r+6)*Oi])}))}const is=s.map(((i,s)=>s)).filter((i=>Q[i])),ss=Math.min(this.keyRow,is.length-1),ts=is[ss];let es=this.keyed&&Si>=0&&void 0!==ts?`${this.keysId}-${ss}-${Si}`:void 0,rs=null;if(es){const t=s[ts];let r=t.data[Si];if(q){r=0;for(const i of is)if(r+=s[i].data[Si]||0,i===ts)break}const a=(Z[ts]?Li:Hi)(r),c=V(i[Si],is.length>1?t.label:void 0,Z[ts]?zi(t.data[Si]):wi(q?t.data[Si]||0:t.data[Si]));Number.isFinite(a)?rs=e(ti,{id:es,circle:[Ei(Si),a,7],label:c}):es=void 0}const as=Si<0?[]:j(Zi.concat([[Ei(Si)-4,0,Ei(Si)+4,l,T]],E(fi,Hi,bi,h,y,!1,Ci),ni?E(yi.ticks,Li,zi,h,y,!0):[],H(i,Ei,l,Xi,h),Ji&&this.refLine&&this.refLine.label?[L(Ji,this.refLine.label)]:[]),Oi).concat(Vi.avoid);return e(r,null,e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd,legend:Pi,hidden:n,onToggle:this.toggle},e("div",{class:"sui-chart-plot"},e(M,{show:Si>=0,box:[(Ei(Si)-4)*Oi,0,(Ei(Si)+4)*Oi,l*Oi],keep:_i,w:h*Oi,ht:l*Oi,title:i[Si]||"",rows:Ki,avoid:as,area:Vi.area,room:this.plain?void 0:Vi.room}),e("svg",{viewBox:`0 0 ${h} ${l}`,...Mi?X(this.chartName("line"===t,Y),this.keysId,this.hostName):J(this.chartName("line"===t,Y),this.keysId,this.hostName,es),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},!Mi&&Qi.some(Boolean)?e("defs",null,Qi):null,e(S,{ticks:fi,y:Hi,w:h,inset:ai,rtl:y,gl:Ci,fmt:bi,bare:Mi}),ni?e($,{ticks:yi.ticks,y:Li,w:h,fmt:zi,bare:Mi,rtl:y}):null,Mi?null:Ui,this.refLine?e(B,{y:Hi(this.refLine.value),w:h,inset:ai,rtl:y,gl:Ci,label:this.refLine.label,avoid:Yi,color:this.refLine.color}):null,Si>=0?e("line",{class:"guide",x1:I(Ei(Si)),x2:I(Ei(Si)),y1:c.t,y2:l-c.b,stroke:"var(--border-strong)","stroke-width":1}):null,e(N,{w:h,inset:ai,rtl:y,gl:Ci,h:l}),e(F,{labels:i,x:Ei,h:l,w:h,every:Xi}),rs),e(_,{ids:this.keysId,summary:this.chartName("line"===t,Y),host:this.hostName,hint:!Mi}),Mi?e(W,{text:hi(void 0,"chart-line.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-line-h{display:block}svg.sc-sui-chart-line{direction:ltr}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{user-select:none}.sc-sui-chart-line-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-line{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-line{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-line{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-line{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-line{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-line{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-line{position:relative}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-line{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-line{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-line{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-line .swatch.round.sc-sui-chart-line{border-radius:50%}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-line::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-line::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-line::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-line .mk.dot.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{border-radius:50%}.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line{background:var(--c)}.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-line .mk.diamond.sc-sui-chart-line{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line::after,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{width:22px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.line.sc-sui-chart-line::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-line .swatch.sc-sui-chart-line{opacity:0.35}.sui-chart-caption.sc-sui-chart-line{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-line{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-line{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-line .lbl.sc-sui-chart-line{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line b.sc-sui-chart-line{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line>b.sc-sui-chart-line{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line>b.sc-sui-chart-line{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-line:focus{outline:none}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-line:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-line{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-line{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-line{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-line span.sc-sui-chart-line{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-line{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-line{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-line{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-line,.prose.sc-sui-chart-line{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-line text.sc-sui-chart-line{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-line{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{border:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{stroke:Canvas}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--hairline"].sc-sui-chart-line{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--chart-axis"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--border-strong"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--accent-deep"].sc-sui-chart-line{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line circle.sc-sui-chart-line{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line rect.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line path.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polyline.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polygon.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-line.sc-sui-chart-line{stroke:Highlight;filter:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-halo.sc-sui-chart-line{stroke:Canvas;filter:none}}'}},[518,"sui-chart-line",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],kind:[513],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],formatEnd:[16],every:[8],refLine:[16],markers:[513],emptyMessage:[1,"empty-message"],loading:[516],plain:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gi=di,xi=function(){"undefined"!=typeof customElements&&["sui-chart-line"].forEach((i=>{"sui-chart-line"===i&&(customElements.get(a(i))||customElements.define(a(i),di))}))};export{gi as SuiChartLine,xi as defineCustomElement}

package/dist/components/sui-chart-navigator.js

@@ -1 +1 @@
-import{p as t,H as a,c as i,h as s,a as r,t as o}from"./p-DQ8DrIvI.js";import{l as c,d as n,C as h,c as e}from"./p-CInYFFmy.js";import{h as u,w as g,d as p,m as v}from"./p-CInpgpwB.js";import{d}from"./p-BHB1Wprj.js";import{c as l}from"./p-Bzu70qWq.js";import{a as x,l as f}from"./p-BuyjS5bS.js";const b=[.55,1],w=(t,a)=>!!t&&!!a&&t[0]===a[0]&&t[1]===a[1],m="var(--sui-chart-navigator-area, var(--viz-4))",k="var(--sui-chart-navigator-line, var(--viz-2))",y=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiWindowChange=i(this,"suiWindowChange",3)}get host(){return this}data=[];width=460;window;curve=!1;zoom=!1;heading;subtitle;caption;emptyMessage;loading=!1;suiWindowChange;hasHeaderEnd=!1;span;winEl;hostName={};stopHostName;strip;stripBox;drag;touches=new Map;pinch;armed=!1;async setFocus(){this.winEl?.focus()}componentWillLoad(){this.hasHeaderEnd=u(this.host,"header-end"),(this.data||[]).length>=2&&this.put(this.held(this.window))}onData(t,a){if((t||[]).length<2)return;const i=(a||[]).length-1;if(i<1)return this.span=void 0,void this.put(this.held(this.window));const s=this.fracOf(i);this.span=s,this.put(this.held(this.indicesOf(s,this.last)))}componentDidLoad(){this.armZoom()}connectedCallback(){d(this.host,(()=>this.winEl)),this.stopHostName?.(),this.stopHostName=g(this.host,(t=>{this.hostName=t})),this.armZoom()}armZoom(){this.zoom!==this.armed&&(this.zoom?this.arm():this.disarm(),this.armed=this.zoom)}arm(){this.host.addEventListener("wheel",this.onWheel,{passive:!1}),this.host.addEventListener("pointerdown",this.onTouchDown),this.host.addEventListener("pointermove",this.onTouchMove,{passive:!1}),this.host.addEventListener("pointerup",this.onTouchUp),this.host.addEventListener("pointercancel",this.onTouchUp)}disarm(){this.host.removeEventListener("wheel",this.onWheel),this.host.removeEventListener("pointerdown",this.onTouchDown),this.host.removeEventListener("pointermove",this.onTouchMove),this.host.removeEventListener("pointerup",this.onTouchUp),this.host.removeEventListener("pointercancel",this.onTouchUp),this.touches.clear(),this.pinch=void 0}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.endDrag(),this.armed&&this.disarm(),this.armed=!1}get step(){return 1/Math.max(this.data.length-1,1)}get minSpan(){return Math.min(1,2*this.step)}get last(){return Math.max((this.data||[]).length-1,0)}indicesOf(t,a){return[Math.round(t[0]*a),Math.round(t[1]*a)]}held(t,a=this.last){if(!t||t.length<2||!Number.isFinite(Number(t[0]))||!Number.isFinite(Number(t[1])))return this.indicesOf(b,a);let i=Math.min(Math.max(Math.round(Number(t[0])),0),a),s=Math.min(Math.max(Math.round(Number(t[1])),0),a);return s<i&&([i,s]=[s,i]),s===i&&a>0&&(s<a?s++:i--),[i,s]}fracOf(t){const a=this.window?this.held(this.window,t):void 0;return!this.span||a&&!w(this.indicesOf(this.span,t),a)?a&&t>0?[a[0]/t,a[1]/t]:b:this.span}get frac(){return this.fracOf(this.last)}put(t){w(t,this.window)||(this.window=t,this.suiWindowChange.emit(t))}commit(t,a){this.span=[t=Math.max(0,Math.min(t,1)),a=Math.max(t,Math.min(a,1))],this.put(this.indicesOf(this.span,this.last))}anchorAt(t,a){const[i,s]=this.frac,r=this.stripBox,o=!!r&&!!a&&r.contains(a),c=(o?r:this.host).getBoundingClientRect();if(!c.width)return(i+s)/2;const n=Math.max(0,Math.min((t-c.left)/c.width,1));return o?n:i+n*(s-i)}scaleWindow(t,a){const[i,s]=this.frac,r=s-i,o=Math.max(this.minSpan,Math.min(r*t,1));if(Math.abs(o-r)<1e-6)return!1;const c=Math.max(i,Math.min(a,s)),n=Math.max(0,Math.min(c-(r>0?(c-i)/r:.5)*o,1-o));return this.commit(n,n+o),!0}onWheel=t=>{if(!this.zoom)return;const a=1===t.deltaMode?16*t.deltaY:2===t.deltaMode?400*t.deltaY:t.deltaY;a&&this.scaleWindow(Math.exp(.002*a),this.anchorAt(t.clientX,t.target))&&t.preventDefault()};onTouchDown=t=>{if("touch"!==t.pointerType)return;if(this.touches.set(t.pointerId,t.clientX),2!==this.touches.size)return;this.endDrag();const a=Array.from(this.touches.values()),[i,s]=this.frac;this.pinch={d0:Math.max(Math.abs(a[0]-a[1]),1),span:s-i,anchor:this.anchorAt((a[0]+a[1])/2,t.target)}};onTouchMove=t=>{if("touch"!==t.pointerType||!this.touches.has(t.pointerId))return;if(this.touches.set(t.pointerId,t.clientX),2!==this.touches.size||!this.pinch)return;t.preventDefault();const a=Array.from(this.touches.values()),i=Math.max(Math.abs(a[0]-a[1]),1),[s,r]=this.frac,o=r-s;o>0&&this.scaleWindow(Math.max(this.minSpan,Math.min(this.pinch.span*(this.pinch.d0/i),1))/o,this.pinch.anchor)};onTouchUp=t=>{"touch"===t.pointerType&&(this.touches.delete(t.pointerId),this.touches.size<2&&(this.pinch=void 0))};onPointerDown=t=>{if(0!==t.button)return;t.preventDefault();const a=t.target.getAttribute("data-edge"),i=this.strip?this.strip.getBoundingClientRect():{width:0};this.drag={startX:t.clientX,w0:this.frac,width:i.width||1,edge:a},t.currentTarget.focus(),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.endDrag),document.addEventListener("pointercancel",this.endDrag)};onPointerMove=t=>{if(!this.drag)return;const{startX:a,w0:i,width:s,edge:r}=this.drag,o=(t.clientX-a)/s,c=this.step;if("lo"===r)this.commit(Math.min(Math.max(i[0]+o,0),i[1]-c),i[1]);else if("hi"===r)this.commit(i[0],Math.max(Math.min(i[1]+o,1),i[0]+c));else{const t=i[1]-i[0],a=Math.min(Math.max(i[0]+o,0),1-t);this.commit(a,a+t)}};endDrag=()=>{this.drag=void 0,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.endDrag),document.removeEventListener("pointercancel",this.endDrag)};onKeyDown=t=>{const[a,i]=this.frac,s=this.step,r=i-a;let o;switch(t.key){case"PageDown":o=Math.max(a-r,0),this.commit(o,o+r);break;case"PageUp":o=Math.min(a+r,1-r),this.commit(o,o+r);break;case"ArrowLeft":case"ArrowDown":t.shiftKey?this.commit(a,Math.max(i-s,a+s)):(o=Math.max(a-s,0),this.commit(o,o+r));break;case"ArrowRight":case"ArrowUp":t.shiftKey?this.commit(a,Math.min(i+s,1)):(o=Math.min(a+s,1-r),this.commit(o,o+r));break;case"Home":this.commit(0,r);break;case"End":this.commit(1-r,1);break;default:return}t.preventDefault()};render(){const{data:t,width:a}=this,i=t.length,o=v(t,[0,0]),u=c(0,i-1,0,a),g=c(o[0],o[1],40,4),d=p(t,u,g),b=g(0),[w,y]=this.frac,[M,z]=this.window?this.held(this.window):this.indicesOf([w,y],this.last),C=!!(this.heading||this.subtitle||this.caption),T=this.curve?[s("path",{d:l(t,u,g)+` L ${a},${b} L 0,${b} Z`,fill:m,opacity:.8}),s("path",{d:l(t,u,g),fill:"none",stroke:k,"stroke-width":1.2})]:[s("polygon",{points:`${d} ${a},${b} 0,${b}`,fill:m,opacity:.8}),s("polyline",{points:d,fill:"none",stroke:k,"stroke-width":1.2})],D=i<2,j=[s("slot",{key:"f7205f63cf670b7bc7eb28c18966e4e759102442"}),this.loading?s("div",{class:"nav"},s(n,{height:44,label:x(void 0,"chart-navigator.loading",void 0,"Loading")})):D?s("div",{class:"nav"},s("div",{class:"sui-chart-plot",style:{height:"44px"}},s(h,{text:x(void 0,"chart-navigator.empty",this.emptyMessage,"Nothing to plot yet.")}))):s("div",{class:"nav"},s("div",{class:"strip",ref:t=>this.stripBox=t},s("svg",{ref:t=>this.strip=t,viewBox:`0 0 ${a} 44`,"aria-hidden":"true"},T),s("div",{class:"win",ref:t=>this.winEl=t,style:{left:+(100*w).toFixed(3)+"%",width:+(100*(y-w)).toFixed(3)+"%"},tabindex:"0",role:"slider","aria-label":this.hostName.labelledby?this.hostName.label:this.hostName.label||x(void 0,"chart-navigator.contextWindow",void 0,"Context window"),"aria-labelledby":this.hostName.labelledby,"aria-valuemin":1,"aria-valuemax":i,"aria-valuenow":M+1,"aria-valuetext":f(void 0,"chart-navigator.window",void 0,"Day {start} – {end} of {count}",{start:M+1,end:z+1,count:i}),"aria-orientation":"horizontal",onPointerDown:this.onPointerDown,onKeyDown:this.onKeyDown},s("span",{class:"grip lo","data-edge":"lo"}),s("span",{class:"grip hi","data-edge":"hi"}))),s("div",{class:"status"},s("span",{class:"prose"},f(void 0,"chart-navigator.status",void 0,"Window: day {start} – {end} of {count} · drag to pan, handles resize, arrow keys move",{start:M+1,end:z+1,count:i}))))];return s(r,{key:"89cb3caf2431243691b453b7f25d3978a053c0fd","aria-busy":this.loading?"true":null},C?s(e,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},j):j)}static get watchers(){return{data:[{onData:0}],zoom:[{armZoom:0}]}}static get style(){return".sc-sui-chart-navigator-h{display:block;font-family:var(--font-sans)}[zoom].sc-sui-chart-navigator-h{touch-action:pan-y}.nav.sc-sui-chart-navigator{margin-top:6px;padding:0 16px}.strip.sc-sui-chart-navigator{position:relative;direction:ltr}.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator{display:block;width:100%;height:auto;box-sizing:border-box;border-radius:6px;background:var(--surface-sunken);border:1px solid var(--hairline)}.win.sc-sui-chart-navigator{position:absolute;top:0;bottom:0;box-sizing:border-box;border:1.5px solid var(--accent);border-radius:6px;background:color-mix(in srgb, var(--accent) 10%, transparent);cursor:grab;touch-action:none;user-select:none}.win.sc-sui-chart-navigator:active{cursor:grabbing}.win.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.grip.sc-sui-chart-navigator{position:absolute;top:50%;width:5px;height:14px;border-radius:3px;background:var(--accent);cursor:ew-resize}.grip.lo.sc-sui-chart-navigator{left:-1px;transform:translate(-50%, -50%)}.grip.hi.sc-sui-chart-navigator{right:-1px;transform:translate(50%, -50%)}.grip.sc-sui-chart-navigator::after{content:'';position:absolute;inset:-6px -5px}.status.sc-sui-chart-navigator{font-size:10px;color:var(--ink-faint);margin-top:4px;font-feature-settings:'tnum'}@media (forced-colors: active){.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator path.sc-sui-chart-navigator,.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator polyline.sc-sui-chart-navigator,.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator polygon.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.win.sc-sui-chart-navigator{border-color:Highlight}.grip.sc-sui-chart-navigator{background:ButtonText}}.sc-sui-chart-navigator-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-navigator{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-navigator{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-navigator{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-navigator{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-navigator{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-navigator{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-navigator{position:relative}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line.sc-sui-chart-navigator{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-navigator{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-navigator{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-navigator{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-navigator{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-navigator .swatch.round.sc-sui-chart-navigator{border-radius:50%}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-navigator::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-navigator::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-navigator::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-navigator .mk.sc-sui-chart-navigator{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-navigator .mk.dot.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.solid.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.ring.sc-sui-chart-navigator{border-radius:50%}.swatch.glyph.sc-sui-chart-navigator .mk.solid.sc-sui-chart-navigator{background:var(--c)}.swatch.glyph.sc-sui-chart-navigator .mk.ring.sc-sui-chart-navigator{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-navigator .mk.diamond.sc-sui-chart-navigator{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator::after,.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{width:22px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.line.sc-sui-chart-navigator::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.sc-sui-chart-navigator{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator,.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{opacity:0.35}.sui-chart-caption.sc-sui-chart-navigator{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-navigator{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-navigator{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-navigator{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-navigator .lbl.sc-sui-chart-navigator{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-navigator b.sc-sui-chart-navigator{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.sc-sui-chart-navigator{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.keyed.sc-sui-chart-navigator{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.keyed.sc-sui-chart-navigator>b.sc-sui-chart-navigator{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.sc-sui-chart-navigator>b.sc-sui-chart-navigator{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator .halo.sc-sui-chart-navigator{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-navigator:focus{outline:none}.sui-chart-keys.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-navigator:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-navigator{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-navigator{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-navigator{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-navigator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-navigator span.sc-sui-chart-navigator{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-navigator{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-navigator{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-navigator{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-navigator{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-navigator,.prose.sc-sui-chart-navigator{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-navigator text.sc-sui-chart-navigator{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-navigator{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{border:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator text.sc-sui-chart-navigator{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator .halo.sc-sui-chart-navigator{stroke:Canvas}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--hairline\"].sc-sui-chart-navigator{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--chart-axis\"].sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--border-strong\"].sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--accent-deep\"].sc-sui-chart-navigator{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator circle.sc-sui-chart-navigator{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator rect.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator path.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator polyline.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator polygon.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-navigator:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-navigator .sui-chart-ring.sc-sui-chart-navigator .sui-chart-ring-line.sc-sui-chart-navigator{stroke:Highlight;filter:none}svg.sc-sui-chart-navigator .sui-chart-ring.sc-sui-chart-navigator .sui-chart-ring-halo.sc-sui-chart-navigator{stroke:Canvas;filter:none}}"}},[774,"sui-chart-navigator",{data:[16],width:[2],window:[1040],curve:[516],zoom:[516],heading:[1],subtitle:[1],caption:[1],emptyMessage:[1,"empty-message"],loading:[516],hasHeaderEnd:[32],span:[32],hostName:[32],setFocus:[64]},void 0,{data:[{onData:0}],zoom:[{armZoom:0}]}]),M=y,z=function(){"undefined"!=typeof customElements&&["sui-chart-navigator"].forEach((t=>{"sui-chart-navigator"===t&&(customElements.get(o(t))||customElements.define(o(t),y))}))};export{M as SuiChartNavigator,z as defineCustomElement}
+import{p as t,H as a,c as i,h as s,a as r,t as o}from"./p-DQ8DrIvI.js";import{l as c,d as n,C as h,c as e}from"./p-QmakFSYp.js";import{h as u,w as g,d as p,m as v}from"./p-CvLe513l.js";import{d}from"./p-BHB1Wprj.js";import{c as l}from"./p-Bzu70qWq.js";import{a as x,l as f}from"./p-BuyjS5bS.js";const b=[.55,1],w=(t,a)=>!!t&&!!a&&t[0]===a[0]&&t[1]===a[1],m="var(--sui-chart-navigator-area, var(--viz-4))",k="var(--sui-chart-navigator-line, var(--viz-2))",y=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiWindowChange=i(this,"suiWindowChange",3)}get host(){return this}data=[];width=460;window;curve=!1;zoom=!1;heading;subtitle;caption;emptyMessage;loading=!1;suiWindowChange;hasHeaderEnd=!1;span;winEl;hostName={};stopHostName;strip;stripBox;drag;touches=new Map;pinch;armed=!1;async setFocus(){this.winEl?.focus()}componentWillLoad(){this.hasHeaderEnd=u(this.host,"header-end"),(this.data||[]).length>=2&&this.put(this.held(this.window))}onData(t,a){if((t||[]).length<2)return;const i=(a||[]).length-1;if(i<1)return this.span=void 0,void this.put(this.held(this.window));const s=this.fracOf(i);this.span=s,this.put(this.held(this.indicesOf(s,this.last)))}componentDidLoad(){this.armZoom()}connectedCallback(){d(this.host,(()=>this.winEl)),this.stopHostName?.(),this.stopHostName=g(this.host,(t=>{this.hostName=t})),this.armZoom()}armZoom(){this.zoom!==this.armed&&(this.zoom?this.arm():this.disarm(),this.armed=this.zoom)}arm(){this.host.addEventListener("wheel",this.onWheel,{passive:!1}),this.host.addEventListener("pointerdown",this.onTouchDown),this.host.addEventListener("pointermove",this.onTouchMove,{passive:!1}),this.host.addEventListener("pointerup",this.onTouchUp),this.host.addEventListener("pointercancel",this.onTouchUp)}disarm(){this.host.removeEventListener("wheel",this.onWheel),this.host.removeEventListener("pointerdown",this.onTouchDown),this.host.removeEventListener("pointermove",this.onTouchMove),this.host.removeEventListener("pointerup",this.onTouchUp),this.host.removeEventListener("pointercancel",this.onTouchUp),this.touches.clear(),this.pinch=void 0}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.endDrag(),this.armed&&this.disarm(),this.armed=!1}get step(){return 1/Math.max(this.data.length-1,1)}get minSpan(){return Math.min(1,2*this.step)}get last(){return Math.max((this.data||[]).length-1,0)}indicesOf(t,a){return[Math.round(t[0]*a),Math.round(t[1]*a)]}held(t,a=this.last){if(!t||t.length<2||!Number.isFinite(Number(t[0]))||!Number.isFinite(Number(t[1])))return this.indicesOf(b,a);let i=Math.min(Math.max(Math.round(Number(t[0])),0),a),s=Math.min(Math.max(Math.round(Number(t[1])),0),a);return s<i&&([i,s]=[s,i]),s===i&&a>0&&(s<a?s++:i--),[i,s]}fracOf(t){const a=this.window?this.held(this.window,t):void 0;return!this.span||a&&!w(this.indicesOf(this.span,t),a)?a&&t>0?[a[0]/t,a[1]/t]:b:this.span}get frac(){return this.fracOf(this.last)}put(t){w(t,this.window)||(this.window=t,this.suiWindowChange.emit(t))}commit(t,a){this.span=[t=Math.max(0,Math.min(t,1)),a=Math.max(t,Math.min(a,1))],this.put(this.indicesOf(this.span,this.last))}anchorAt(t,a){const[i,s]=this.frac,r=this.stripBox,o=!!r&&!!a&&r.contains(a),c=(o?r:this.host).getBoundingClientRect();if(!c.width)return(i+s)/2;const n=Math.max(0,Math.min((t-c.left)/c.width,1));return o?n:i+n*(s-i)}scaleWindow(t,a){const[i,s]=this.frac,r=s-i,o=Math.max(this.minSpan,Math.min(r*t,1));if(Math.abs(o-r)<1e-6)return!1;const c=Math.max(i,Math.min(a,s)),n=Math.max(0,Math.min(c-(r>0?(c-i)/r:.5)*o,1-o));return this.commit(n,n+o),!0}onWheel=t=>{if(!this.zoom)return;const a=1===t.deltaMode?16*t.deltaY:2===t.deltaMode?400*t.deltaY:t.deltaY;a&&this.scaleWindow(Math.exp(.002*a),this.anchorAt(t.clientX,t.target))&&t.preventDefault()};onTouchDown=t=>{if("touch"!==t.pointerType)return;if(this.touches.set(t.pointerId,t.clientX),2!==this.touches.size)return;this.endDrag();const a=Array.from(this.touches.values()),[i,s]=this.frac;this.pinch={d0:Math.max(Math.abs(a[0]-a[1]),1),span:s-i,anchor:this.anchorAt((a[0]+a[1])/2,t.target)}};onTouchMove=t=>{if("touch"!==t.pointerType||!this.touches.has(t.pointerId))return;if(this.touches.set(t.pointerId,t.clientX),2!==this.touches.size||!this.pinch)return;t.preventDefault();const a=Array.from(this.touches.values()),i=Math.max(Math.abs(a[0]-a[1]),1),[s,r]=this.frac,o=r-s;o>0&&this.scaleWindow(Math.max(this.minSpan,Math.min(this.pinch.span*(this.pinch.d0/i),1))/o,this.pinch.anchor)};onTouchUp=t=>{"touch"===t.pointerType&&(this.touches.delete(t.pointerId),this.touches.size<2&&(this.pinch=void 0))};onPointerDown=t=>{if(0!==t.button)return;t.preventDefault();const a=t.target.getAttribute("data-edge"),i=this.strip?this.strip.getBoundingClientRect():{width:0};this.drag={startX:t.clientX,w0:this.frac,width:i.width||1,edge:a},t.currentTarget.focus(),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.endDrag),document.addEventListener("pointercancel",this.endDrag)};onPointerMove=t=>{if(!this.drag)return;const{startX:a,w0:i,width:s,edge:r}=this.drag,o=(t.clientX-a)/s,c=this.step;if("lo"===r)this.commit(Math.min(Math.max(i[0]+o,0),i[1]-c),i[1]);else if("hi"===r)this.commit(i[0],Math.max(Math.min(i[1]+o,1),i[0]+c));else{const t=i[1]-i[0],a=Math.min(Math.max(i[0]+o,0),1-t);this.commit(a,a+t)}};endDrag=()=>{this.drag=void 0,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.endDrag),document.removeEventListener("pointercancel",this.endDrag)};onKeyDown=t=>{const[a,i]=this.frac,s=this.step,r=i-a;let o;switch(t.key){case"PageDown":o=Math.max(a-r,0),this.commit(o,o+r);break;case"PageUp":o=Math.min(a+r,1-r),this.commit(o,o+r);break;case"ArrowLeft":case"ArrowDown":t.shiftKey?this.commit(a,Math.max(i-s,a+s)):(o=Math.max(a-s,0),this.commit(o,o+r));break;case"ArrowRight":case"ArrowUp":t.shiftKey?this.commit(a,Math.min(i+s,1)):(o=Math.min(a+s,1-r),this.commit(o,o+r));break;case"Home":this.commit(0,r);break;case"End":this.commit(1-r,1);break;default:return}t.preventDefault()};render(){const{data:t,width:a}=this,i=t.length,o=v(t,[0,0]),u=c(0,i-1,0,a),g=c(o[0],o[1],40,4),d=p(t,u,g),b=g(0),[w,y]=this.frac,[M,z]=this.window?this.held(this.window):this.indicesOf([w,y],this.last),C=!!(this.heading||this.subtitle||this.caption),T=this.curve?[s("path",{d:l(t,u,g)+` L ${a},${b} L 0,${b} Z`,fill:m,opacity:.8}),s("path",{d:l(t,u,g),fill:"none",stroke:k,"stroke-width":1.2})]:[s("polygon",{points:`${d} ${a},${b} 0,${b}`,fill:m,opacity:.8}),s("polyline",{points:d,fill:"none",stroke:k,"stroke-width":1.2})],D=i<2,j=[s("slot",{key:"f7205f63cf670b7bc7eb28c18966e4e759102442"}),this.loading?s("div",{class:"nav"},s(n,{height:44,label:x(void 0,"chart-navigator.loading",void 0,"Loading")})):D?s("div",{class:"nav"},s("div",{class:"sui-chart-plot",style:{height:"44px"}},s(h,{text:x(void 0,"chart-navigator.empty",this.emptyMessage,"Nothing to plot yet.")}))):s("div",{class:"nav"},s("div",{class:"strip",ref:t=>this.stripBox=t},s("svg",{ref:t=>this.strip=t,viewBox:`0 0 ${a} 44`,"aria-hidden":"true"},T),s("div",{class:"win",ref:t=>this.winEl=t,style:{left:+(100*w).toFixed(3)+"%",width:+(100*(y-w)).toFixed(3)+"%"},tabindex:"0",role:"slider","aria-label":this.hostName.labelledby?this.hostName.label:this.hostName.label||x(void 0,"chart-navigator.contextWindow",void 0,"Context window"),"aria-labelledby":this.hostName.labelledby,"aria-valuemin":1,"aria-valuemax":i,"aria-valuenow":M+1,"aria-valuetext":f(void 0,"chart-navigator.window",void 0,"Day {start} – {end} of {count}",{start:M+1,end:z+1,count:i}),"aria-orientation":"horizontal",onPointerDown:this.onPointerDown,onKeyDown:this.onKeyDown},s("span",{class:"grip lo","data-edge":"lo"}),s("span",{class:"grip hi","data-edge":"hi"}))),s("div",{class:"status"},s("span",{class:"prose"},f(void 0,"chart-navigator.status",void 0,"Window: day {start} – {end} of {count} · drag to pan, handles resize, arrow keys move",{start:M+1,end:z+1,count:i}))))];return s(r,{key:"89cb3caf2431243691b453b7f25d3978a053c0fd","aria-busy":this.loading?"true":null},C?s(e,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},j):j)}static get watchers(){return{data:[{onData:0}],zoom:[{armZoom:0}]}}static get style(){return".sc-sui-chart-navigator-h{display:block;font-family:var(--font-sans)}[zoom].sc-sui-chart-navigator-h{touch-action:pan-y}.nav.sc-sui-chart-navigator{margin-top:6px;padding:0 16px}.strip.sc-sui-chart-navigator{position:relative;direction:ltr}.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator{display:block;width:100%;height:auto;box-sizing:border-box;border-radius:6px;background:var(--surface-sunken);border:1px solid var(--hairline)}.win.sc-sui-chart-navigator{position:absolute;top:0;bottom:0;box-sizing:border-box;border:1.5px solid var(--accent);border-radius:6px;background:color-mix(in srgb, var(--accent) 10%, transparent);cursor:grab;touch-action:none;user-select:none}.win.sc-sui-chart-navigator:active{cursor:grabbing}.win.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.grip.sc-sui-chart-navigator{position:absolute;top:50%;width:5px;height:14px;border-radius:3px;background:var(--accent);cursor:ew-resize}.grip.lo.sc-sui-chart-navigator{left:-1px;transform:translate(-50%, -50%)}.grip.hi.sc-sui-chart-navigator{right:-1px;transform:translate(50%, -50%)}.grip.sc-sui-chart-navigator::after{content:'';position:absolute;inset:-6px -5px}.status.sc-sui-chart-navigator{font-size:10px;color:var(--ink-faint);margin-top:4px;font-feature-settings:'tnum'}@media (forced-colors: active){.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator path.sc-sui-chart-navigator,.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator polyline.sc-sui-chart-navigator,.strip.sc-sui-chart-navigator svg.sc-sui-chart-navigator polygon.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.win.sc-sui-chart-navigator{border-color:Highlight}.grip.sc-sui-chart-navigator{background:ButtonText}}.sc-sui-chart-navigator-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-navigator{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-navigator{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-navigator{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-navigator{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-navigator{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-navigator{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-navigator{position:relative}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line.sc-sui-chart-navigator{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-navigator{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-navigator{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-navigator{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-navigator{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-navigator .swatch.round.sc-sui-chart-navigator{border-radius:50%}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-navigator::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-navigator::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-navigator::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-navigator .mk.sc-sui-chart-navigator{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-navigator .mk.dot.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.solid.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.ring.sc-sui-chart-navigator{border-radius:50%}.swatch.glyph.sc-sui-chart-navigator .mk.solid.sc-sui-chart-navigator{background:var(--c)}.swatch.glyph.sc-sui-chart-navigator .mk.ring.sc-sui-chart-navigator{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-navigator .mk.diamond.sc-sui-chart-navigator{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator,.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator::after,.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{width:22px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.line.sc-sui-chart-navigator::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.sc-sui-chart-navigator{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.tri.sc-sui-chart-navigator,.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator .mk.tri-down.sc-sui-chart-navigator{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{opacity:0.35}.sui-chart-caption.sc-sui-chart-navigator{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-navigator{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-navigator{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-navigator{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-navigator .lbl.sc-sui-chart-navigator{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-navigator b.sc-sui-chart-navigator{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.sc-sui-chart-navigator{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.keyed.sc-sui-chart-navigator{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.keyed.sc-sui-chart-navigator>b.sc-sui-chart-navigator{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-navigator .sui-chart-tip-row.sc-sui-chart-navigator>b.sc-sui-chart-navigator{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator .halo.sc-sui-chart-navigator{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-navigator:focus{outline:none}.sui-chart-keys.sc-sui-chart-navigator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-navigator:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-navigator{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-navigator{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-navigator{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-navigator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-navigator span.sc-sui-chart-navigator{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-navigator{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-navigator{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-navigator{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-navigator{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-navigator,.prose.sc-sui-chart-navigator{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-navigator text.sc-sui-chart-navigator{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-navigator{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.sc-sui-chart-navigator{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator,.sui-chart-tip-row.sc-sui-chart-navigator .swatch.glyph.sc-sui-chart-navigator{border:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator text.sc-sui-chart-navigator{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator .halo.sc-sui-chart-navigator{stroke:Canvas}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--hairline\"].sc-sui-chart-navigator{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--chart-axis\"].sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--border-strong\"].sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator line[stroke*=\"--accent-deep\"].sc-sui-chart-navigator{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator circle.sc-sui-chart-navigator{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator rect.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator path.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator polyline.sc-sui-chart-navigator,.sui-chart-plot.sc-sui-chart-navigator svg.sc-sui-chart-navigator polygon.sc-sui-chart-navigator{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-navigator:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-navigator .sui-chart-ring.sc-sui-chart-navigator .sui-chart-ring-line.sc-sui-chart-navigator{stroke:Highlight;filter:none}svg.sc-sui-chart-navigator .sui-chart-ring.sc-sui-chart-navigator .sui-chart-ring-halo.sc-sui-chart-navigator{stroke:Canvas;filter:none}}"}},[774,"sui-chart-navigator",{data:[16],width:[2],window:[1040],curve:[516],zoom:[516],heading:[1],subtitle:[1],caption:[1],emptyMessage:[1,"empty-message"],loading:[516],hasHeaderEnd:[32],span:[32],hostName:[32],setFocus:[64]},void 0,{data:[{onData:0}],zoom:[{armZoom:0}]}]),M=y,z=function(){"undefined"!=typeof customElements&&["sui-chart-navigator"].forEach((t=>{"sui-chart-navigator"===t&&(customElements.get(o(t))||customElements.define(o(t),y))}))};export{M as SuiChartNavigator,z as defineCustomElement}

package/dist/components/sui-chart-pie.js

@@ -1 +1 @@
-import{p as i,H as s,c as t,h as e,a,t as r}from"./p-DQ8DrIvI.js";import{o as c,s as h,f as o,c as p,d as u,C as n,t as l,e as d,H as x,h as g,S as f,a2 as v,L as m}from"./p-CInYFFmy.js";import{w as b,c as w,a as y,k,s as $,K as M,g as C,P as z}from"./p-CInpgpwB.js";import{h as T,p as j}from"./p-DbF8ArKE.js";import{a as E}from"./p-BuyjS5bS.js";import{d as H}from"./p-BHB1Wprj.js";import{u as L}from"./p-U06fVoGD.js";import{d as I}from"./p-COO9uV7W.js";const B=2*Math.PI,D=(i,s,t,e,a,r)=>{const c=(t,e)=>`${i+t*Math.cos(e)} ${s+t*Math.sin(e)}`,h=r-a>Math.PI?1:0;return`M ${c(e,a)} A ${e} ${e} 0 ${h} 1 ${c(e,r)} L ${c(t,r)} A ${t} ${t} 0 ${h} 0 ${c(t,a)} Z`},F=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];kind="donut";diameter=168;money=!1;currency="USD";centerLabel;emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenLabels=[];keyed=!1;plotEl;keysId=L("sui-chart-keys");hostName={};stopHostName;layout={slices:[],total:0,cx:0,cy:0};boxW=0;besideFit={w:0,sig:""};drewBeside=!1;sig="";hasHeaderEnd=!1;stopResize;hatchId=L("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=T(this.host,"header-end"),this.compute()}connectedCallback(){H(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=b(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=c(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}componentDidRender(){if(!this.drewBeside)return;const i=Math.round(this.host.getBoundingClientRect().width);i&&(Array.from(this.host.querySelectorAll(".sui-pie-row .lbl")).some((i=>i.scrollWidth>i.clientWidth+1&&i.clientWidth<96))||(this.besideFit={w:i,sig:this.sig}))}get empty(){const i=this.items||[];return 0===i.length||i.every((i=>!i.value))}compute(){const i=(this.items||[]).map(((i,s)=>({item:i,index:s}))).filter((({item:i})=>!this.hiddenLabels.includes(i.label))),s=i.reduce(((i,s)=>i+s.item.value),0),t=s||1,e=this.diameter/2,a=this.diameter/2,r=this.diameter/2-6,c="donut"===this.kind?.62*r:0,o=i.reduce(((i,s)=>Math.max(i,s.item.value)),0)||1;let p=-Math.PI/2;const u=i.map((({item:i,index:s})=>{const u=p,n=p+i.value/t*B;p=n;const l="nightingale"===this.kind?.16*r:c,d="nightingale"===this.kind?.35*r+.65*r*(i.value/o):r,x=u+.008,g=n-.008;return{index:s,item:i,a0:x,a1:g,mid:(u+n)/2,r0:l,r1:d,color:h(i,s),d:D(e,a,l,d,x,g)}}));this.layout={slices:u,total:s,cx:e,cy:a}}setHov(i){this.hoverIndex!==i&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}point(i){this.keyed=!1,this.setHov(i)}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}onKey=i=>{if(this.empty)return;const{slices:s}=this.layout,t=s.findIndex((i=>i.index===this.hoverIndex)),e=w(i,{rows:1,count:()=>s.length,flat:!0},t>=0?{s:0,i:t}:null,this.keyed);if(e){if(i.preventDefault(),"leave"===e)return i.stopPropagation(),this.keyed=!1,void this.setHov(-1);this.keyed=!0,this.setHov(s[e.i].index)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHov(-1))};toggle(i){this.hiddenLabels=this.hiddenLabels.includes(i)?this.hiddenLabels.filter((s=>s!==i)):this.hiddenLabels.concat(i),this.compute()}fmt=i=>this.money?I(i,!1,this.currency):o(i);render(){const{slices:i,total:s,cx:t,cy:r}=this.layout,c=this.items||[];if(this.loading)return e(a,{"aria-busy":"true"},e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e(u,{height:this.diameter,label:E(void 0,"chart-pie.loading",void 0,"Loading")})));if(this.empty)return e(a,null,e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e("div",{class:"sui-chart-plot",style:{height:this.diameter+"px"}},e(n,{text:E(void 0,"chart-pie.empty",this.emptyMessage,"Nothing to plot yet.")}))));const o=$(this.hoverIndex,c.length),b=o>=0&&i.some((i=>i.index===o))?o:-1,w=b>=0?c[b]:void 0,T=y(this.heading,i.map((i=>`${i.item.label} ${this.fmt(i.item.value)}`)).join(", ")),H=this.keyed&&b>=0?i.find((i=>i.index===b)):void 0,L=H?`${this.keysId}-${b}`:void 0;let B=0,F=0;for(const i of c)B=Math.max(B,l(this.fmt(i.value),12)),F=Math.max(F,l(i.label,12));this.sig=`${this.diameter}|${this.money}|${this.currency}|${c.map((i=>i.label+":"+i.value)).join("|")}`;const S=this.boxW>0&&!(this.besideFit.w===this.boxW&&this.besideFit.sig===this.sig)&&this.boxW-m-this.diameter-18<71+B+Math.min(F,96);this.drewBeside=!S;const W=.62*(this.diameter/2-6),A=i=>2*Math.sqrt(Math.max(W*W-i*i,0))-8,K=w?w.value:s;let N=this.fmt(K);const G=Math.max(12,Math.min(17,A(14)/(.6*N.length)));l(N,G)>A(14)&&this.money&&(N=I(K,!0,this.currency));const O=w?w.label:E(void 0,"chart-pie.total",this.centerLabel,"Total"),R=l(O,9.5)<=A(16)||A(27)<50?d(O,A(16),9.5):d(O,A(27),9.5,2);return e(a,null,e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e("div",{class:{"sui-pie-body":!0,stacked:S},style:S?{flexDirection:"column",alignItems:"stretch"}:void 0},e("div",{class:"sui-pie-plot",style:{width:this.diameter+"px"}},e("svg",{width:this.diameter,height:this.diameter,...k(T,this.keysId,this.hostName,L),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur},c.length>4?e(x,{id:this.hatchId}):null,i.map((i=>{const s=b===i.index?3:0,a=s?D(t+s*Math.cos(i.mid),r+s*Math.sin(i.mid),i.r0,i.r1,i.a0,i.a1):i.d,c=i.item.accent?0:g(i.index);return[e("path",{key:i.item.label,class:"sui-pie-slice",d:a,fill:i.color,"aria-hidden":"true",onMouseEnter:()=>this.point(i.index),onMouseLeave:()=>this.setHov(-1)},e("title",null,`${i.item.label} · ${this.fmt(i.item.value)}`)),c?e("path",{key:i.item.label+"-h",class:"sui-pie-hatch",d:a,fill:`url(#${this.hatchId}-h${c})`,stroke:i.color,"stroke-width":1.5}):null]})),"donut"===this.kind?e("g",null,e("text",{"aria-hidden":"true",class:"sui-pie-center-value",x:t,y:r-2,"text-anchor":"middle",style:G<17?{fontSize:G+"px"}:void 0},d(N,A(14),G)[0]||N),R.map(((i,s)=>e("text",{"aria-hidden":"true",key:s+"",class:"sui-pie-center-label",x:t,y:r+14+11*s,"text-anchor":"middle"},i)))):null,H?e(M,{id:L,label:C(H.item.label,this.fmt(H.item.value),f(j(H.item.value,s))),path:D(t+3*Math.cos(H.mid),r+3*Math.sin(H.mid),H.r0,H.r1,H.a0,H.a1)}):null),e(z,{ids:this.keysId,summary:T,host:this.hostName,hint:!0})),e("div",{class:"sui-pie-legend"},c.map(((i,t)=>{const a=this.hiddenLabels.includes(i.label),r=h(i,t);return e("button",{key:i.label,type:"button",class:{"sui-pie-row":!0,dim:-1!==b&&b!==t,on:b===t,off:a},"aria-pressed":!a+"",onMouseEnter:()=>this.point(t),onMouseLeave:()=>this.setHov(-1),onFocus:()=>this.point(t),onBlur:()=>this.setHov(-1),onClick:()=>this.toggle(i.label)},e("span",{class:"swatch",style:i.accent||!g(t)?{background:r}:{background:`${v(g(t))}, ${r}`,boxShadow:"inset 0 0 0 1px "+r}}),e("span",{class:"lbl"},e("span",{class:"prose"},i.label)),e("b",{class:"val"},e("span",{class:"figure"},this.fmt(i.value))),e("span",{class:"pct"},e("span",{class:"figure"},a?"–":f(j(i.value,s)))))}))))))}static get watchers(){return{items:[{compute:0}],kind:[{compute:0}],diameter:[{compute:0}]}}static get style(){return".sui-pie-body.sc-sui-chart-pie{display:flex;align-items:center;gap:18px}.sui-pie-plot.sc-sui-chart-pie{position:relative;flex-shrink:0}.sui-pie-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{display:block;overflow:visible;direction:ltr}.sui-pie-slice.sc-sui-chart-pie{cursor:pointer;transition:d var(--duration-fast) var(--ease-out), fill var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.sui-pie-center-value.sc-sui-chart-pie{font:730 17px var(--font-sans);fill:var(--ink)}.sui-pie-center-label.sc-sui-chart-pie{font:600 9.5px var(--font-sans);fill:var(--ink-faint)}.sui-pie-legend.sc-sui-chart-pie{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.sui-pie-row.sc-sui-chart-pie{display:flex;align-items:center;gap:8px;width:calc(100% + 8px);box-sizing:border-box;margin:-2px -4px;padding:2px 4px;border:none;background:transparent;border-radius:4px;font-family:var(--font-sans);font-size:12px;color:var(--ink);text-align:start;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.sui-pie-body.stacked.sc-sui-chart-pie .sui-pie-plot.sc-sui-chart-pie{align-self:center}.sui-pie-hatch.sc-sui-chart-pie{pointer-events:none}.sui-pie-row.dim.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.45}.sui-pie-row.dim.sc-sui-chart-pie .val.sc-sui-chart-pie{color:var(--ink-muted)}.sui-pie-row.on.sc-sui-chart-pie .lbl.sc-sui-chart-pie{color:var(--ink);font-weight:650}.sui-pie-row.off.sc-sui-chart-pie{color:var(--ink-placeholder);text-decoration:line-through}.sui-pie-row.off.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.35}.sui-pie-row.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-pie-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-pie-row.sc-sui-chart-pie .lbl.sc-sui-chart-pie{flex:1;min-width:0;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-pie-row.off.sc-sui-chart-pie .lbl.sc-sui-chart-pie{color:inherit}.sui-pie-row.sc-sui-chart-pie .val.sc-sui-chart-pie{font-weight:700;font-feature-settings:'tnum'}.sui-pie-row.sc-sui-chart-pie .pct.sc-sui-chart-pie{width:38px;text-align:end;color:var(--ink-faint);font-feature-settings:'tnum'}@media (forced-colors: active){.sui-pie-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{forced-color-adjust:none}.sui-pie-slice.sc-sui-chart-pie{stroke:CanvasText}.sui-pie-center-value.sc-sui-chart-pie,.sui-pie-center-label.sc-sui-chart-pie{fill:CanvasText}.sui-pie-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}}.sc-sui-chart-pie-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-pie{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-pie{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-pie{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-pie{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-pie{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-pie{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-pie{position:relative}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line.sc-sui-chart-pie{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-pie{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-pie{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-pie{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-pie{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-pie .swatch.round.sc-sui-chart-pie{border-radius:50%}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-pie::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-pie::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-pie::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-pie .mk.sc-sui-chart-pie{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-pie .mk.dot.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.solid.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.ring.sc-sui-chart-pie{border-radius:50%}.swatch.glyph.sc-sui-chart-pie .mk.solid.sc-sui-chart-pie{background:var(--c)}.swatch.glyph.sc-sui-chart-pie .mk.ring.sc-sui-chart-pie{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-pie .mk.diamond.sc-sui-chart-pie{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie::after,.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{width:22px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.line.sc-sui-chart-pie::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.sc-sui-chart-pie{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie,.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.35}.sui-chart-caption.sc-sui-chart-pie{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-pie{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-pie{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-pie{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-pie .lbl.sc-sui-chart-pie{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-pie b.sc-sui-chart-pie{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.sc-sui-chart-pie{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.keyed.sc-sui-chart-pie{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.keyed.sc-sui-chart-pie>b.sc-sui-chart-pie{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.sc-sui-chart-pie>b.sc-sui-chart-pie{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie .halo.sc-sui-chart-pie{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-pie:focus{outline:none}.sui-chart-keys.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-pie:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-pie{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-pie{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-pie{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-pie{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-pie span.sc-sui-chart-pie{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-pie{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-pie{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-pie{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-pie{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-pie,.prose.sc-sui-chart-pie{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-pie text.sc-sui-chart-pie{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-pie{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-pie .swatch.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{border:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie text.sc-sui-chart-pie{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie .halo.sc-sui-chart-pie{stroke:Canvas}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line.sc-sui-chart-pie{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--hairline\"].sc-sui-chart-pie{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--chart-axis\"].sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--border-strong\"].sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--accent-deep\"].sc-sui-chart-pie{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie circle.sc-sui-chart-pie{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie rect.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie path.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie polyline.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie polygon.sc-sui-chart-pie{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-pie:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-pie .sui-chart-ring.sc-sui-chart-pie .sui-chart-ring-line.sc-sui-chart-pie{stroke:Highlight;filter:none}svg.sc-sui-chart-pie .sui-chart-ring.sc-sui-chart-pie .sui-chart-ring-halo.sc-sui-chart-pie{stroke:Canvas;filter:none}}"}},[518,"sui-chart-pie",{heading:[1],subtitle:[1],caption:[1],items:[16],kind:[513],diameter:[2],money:[516],currency:[1],centerLabel:[1,"center-label"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenLabels:[32],keyed:[32],hostName:[32],layout:[32],boxW:[32],setFocus:[64]},void 0,{items:[{compute:0}],kind:[{compute:0}],diameter:[{compute:0}]}]),S=F,W=function(){"undefined"!=typeof customElements&&["sui-chart-pie"].forEach((i=>{"sui-chart-pie"===i&&(customElements.get(r(i))||customElements.define(r(i),F))}))};export{S as SuiChartPie,W as defineCustomElement}
+import{p as i,H as s,c as t,h as e,a,t as r}from"./p-DQ8DrIvI.js";import{o as c,s as h,f as o,c as p,d as u,C as n,t as l,e as d,H as x,h as g,S as f,a2 as v,L as m}from"./p-QmakFSYp.js";import{w as b,c as w,a as y,k,s as $,K as M,g as C,P as z}from"./p-CvLe513l.js";import{h as T,p as j}from"./p-DbF8ArKE.js";import{a as E}from"./p-BuyjS5bS.js";import{d as H}from"./p-BHB1Wprj.js";import{u as L}from"./p-U06fVoGD.js";import{d as D}from"./p-qut9RP2y.js";const B=2*Math.PI,I=(i,s,t,e,a,r)=>{const c=(t,e)=>`${i+t*Math.cos(e)} ${s+t*Math.sin(e)}`,h=r-a>Math.PI?1:0;return`M ${c(e,a)} A ${e} ${e} 0 ${h} 1 ${c(e,r)} L ${c(t,r)} A ${t} ${t} 0 ${h} 0 ${c(t,a)} Z`},S=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];kind="donut";diameter=168;money=!1;currency="USD";centerLabel;emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenLabels=[];keyed=!1;plotEl;keysId=L("sui-chart-keys");hostName={};stopHostName;layout={slices:[],total:0,cx:0,cy:0};boxW=0;besideFit={w:0,sig:""};drewBeside=!1;sig="";hasHeaderEnd=!1;stopResize;hatchId=L("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=T(this.host,"header-end"),this.compute()}connectedCallback(){H(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=b(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=c(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}componentDidRender(){if(!this.drewBeside)return;const i=Math.round(this.host.getBoundingClientRect().width);i&&(Array.from(this.host.querySelectorAll(".sui-pie-row .lbl")).some((i=>i.scrollWidth>i.clientWidth+1&&i.clientWidth<96))||(this.besideFit={w:i,sig:this.sig}))}get empty(){const i=this.items||[];return 0===i.length||i.every((i=>!i.value))}compute(){const i=(this.items||[]).map(((i,s)=>({item:i,index:s}))).filter((({item:i})=>!this.hiddenLabels.includes(i.label))),s=i.reduce(((i,s)=>i+s.item.value),0),t=s||1,e=this.diameter/2,a=this.diameter/2,r=this.diameter/2-6,c="donut"===this.kind?.62*r:0,o=i.reduce(((i,s)=>Math.max(i,s.item.value)),0)||1;let p=-Math.PI/2;const u=i.map((({item:i,index:s})=>{const u=p,n=p+i.value/t*B;p=n;const l="nightingale"===this.kind?.16*r:c,d="nightingale"===this.kind?.35*r+.65*r*(i.value/o):r,x=u+.008,g=n-.008;return{index:s,item:i,a0:x,a1:g,mid:(u+n)/2,r0:l,r1:d,color:h(i,s),d:I(e,a,l,d,x,g)}}));this.layout={slices:u,total:s,cx:e,cy:a}}setHov(i){this.hoverIndex!==i&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}point(i){this.keyed=!1,this.setHov(i)}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}onKey=i=>{if(this.empty)return;const{slices:s}=this.layout,t=s.findIndex((i=>i.index===this.hoverIndex)),e=w(i,{rows:1,count:()=>s.length,flat:!0},t>=0?{s:0,i:t}:null,this.keyed);if(e){if(i.preventDefault(),"leave"===e)return i.stopPropagation(),this.keyed=!1,void this.setHov(-1);this.keyed=!0,this.setHov(s[e.i].index)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHov(-1))};toggle(i){this.hiddenLabels=this.hiddenLabels.includes(i)?this.hiddenLabels.filter((s=>s!==i)):this.hiddenLabels.concat(i),this.compute()}fmt=i=>this.money?D(i,!1,this.currency):o(i);render(){const{slices:i,total:s,cx:t,cy:r}=this.layout,c=this.items||[];if(this.loading)return e(a,{"aria-busy":"true"},e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e(u,{height:this.diameter,label:E(void 0,"chart-pie.loading",void 0,"Loading")})));if(this.empty)return e(a,null,e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e("div",{class:"sui-chart-plot",style:{height:this.diameter+"px"}},e(n,{text:E(void 0,"chart-pie.empty",this.emptyMessage,"Nothing to plot yet.")}))));const o=$(this.hoverIndex,c.length),b=o>=0&&i.some((i=>i.index===o))?o:-1,w=b>=0?c[b]:void 0,T=y(this.heading,i.map((i=>`${i.item.label} ${this.fmt(i.item.value)}`)).join(", ")),H=this.keyed&&b>=0?i.find((i=>i.index===b)):void 0,L=H?`${this.keysId}-${b}`:void 0;let B=0,S=0;for(const i of c)B=Math.max(B,l(this.fmt(i.value),12)),S=Math.max(S,l(i.label,12));this.sig=`${this.diameter}|${this.money}|${this.currency}|${c.map((i=>i.label+":"+i.value)).join("|")}`;const F=this.boxW>0&&!(this.besideFit.w===this.boxW&&this.besideFit.sig===this.sig)&&this.boxW-m-this.diameter-18<71+B+Math.min(S,96);this.drewBeside=!F;const A=.62*(this.diameter/2-6),K=i=>2*Math.sqrt(Math.max(A*A-i*i,0))-8,N=w?w.value:s;let W=this.fmt(N);const G=Math.max(12,Math.min(17,K(14)/(.6*W.length)));l(W,G)>K(14)&&this.money&&(W=D(N,!0,this.currency));const R=w?w.label:E(void 0,"chart-pie.total",this.centerLabel,"Total"),P=l(R,9.5)<=K(16)||K(27)<50?d(R,K(16),9.5):d(R,K(27),9.5,2);return e(a,null,e(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},e("div",{class:{"sui-pie-body":!0,stacked:F},style:F?{flexDirection:"column",alignItems:"stretch"}:void 0},e("div",{class:"sui-pie-plot",style:{width:this.diameter+"px"}},e("svg",{width:this.diameter,height:this.diameter,...k(T,this.keysId,this.hostName,L),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur},c.length>4?e(x,{id:this.hatchId}):null,i.map((i=>{const s=b===i.index?3:0,a=s?I(t+s*Math.cos(i.mid),r+s*Math.sin(i.mid),i.r0,i.r1,i.a0,i.a1):i.d,c=i.item.accent?0:g(i.index);return[e("path",{key:i.item.label,class:"sui-pie-slice",d:a,fill:i.color,"aria-hidden":"true",onMouseEnter:()=>this.point(i.index),onMouseLeave:()=>this.setHov(-1)},e("title",null,`${i.item.label} · ${this.fmt(i.item.value)}`)),c?e("path",{key:i.item.label+"-h",class:"sui-pie-hatch",d:a,fill:`url(#${this.hatchId}-h${c})`,stroke:i.color,"stroke-width":1.5}):null]})),"donut"===this.kind?e("g",null,e("text",{"aria-hidden":"true",class:"sui-pie-center-value",x:t,y:r-2,"text-anchor":"middle",style:G<17?{fontSize:G+"px"}:void 0},d(W,K(14),G)[0]||W),P.map(((i,s)=>e("text",{"aria-hidden":"true",key:s+"",class:"sui-pie-center-label",x:t,y:r+14+11*s,"text-anchor":"middle"},i)))):null,H?e(M,{id:L,label:C(H.item.label,this.fmt(H.item.value),f(j(H.item.value,s))),path:I(t+3*Math.cos(H.mid),r+3*Math.sin(H.mid),H.r0,H.r1,H.a0,H.a1)}):null),e(z,{ids:this.keysId,summary:T,host:this.hostName,hint:!0})),e("div",{class:"sui-pie-legend"},c.map(((i,t)=>{const a=this.hiddenLabels.includes(i.label),r=h(i,t);return e("button",{key:i.label,type:"button",class:{"sui-pie-row":!0,dim:-1!==b&&b!==t,on:b===t,off:a},"aria-pressed":!a+"",onMouseEnter:()=>this.point(t),onMouseLeave:()=>this.setHov(-1),onFocus:()=>this.point(t),onBlur:()=>this.setHov(-1),onClick:()=>this.toggle(i.label)},e("span",{class:"swatch",style:i.accent||!g(t)?{background:r}:{background:`${v(g(t))}, ${r}`,boxShadow:"inset 0 0 0 1px "+r}}),e("span",{class:"lbl"},e("span",{class:"prose"},i.label)),e("b",{class:"val"},e("span",{class:"figure"},this.fmt(i.value))),e("span",{class:"pct"},e("span",{class:"figure"},a?"–":f(j(i.value,s)))))}))))))}static get watchers(){return{items:[{compute:0}],kind:[{compute:0}],diameter:[{compute:0}]}}static get style(){return".sui-pie-body.sc-sui-chart-pie{display:flex;align-items:center;gap:18px}.sui-pie-plot.sc-sui-chart-pie{position:relative;flex-shrink:0}.sui-pie-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{display:block;overflow:visible;direction:ltr}.sui-pie-slice.sc-sui-chart-pie{cursor:pointer;transition:d var(--duration-fast) var(--ease-out), fill var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.sui-pie-center-value.sc-sui-chart-pie{font:730 17px var(--font-sans);fill:var(--ink)}.sui-pie-center-label.sc-sui-chart-pie{font:600 9.5px var(--font-sans);fill:var(--ink-faint)}.sui-pie-legend.sc-sui-chart-pie{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.sui-pie-row.sc-sui-chart-pie{display:flex;align-items:center;gap:8px;width:calc(100% + 8px);box-sizing:border-box;margin:-2px -4px;padding:2px 4px;border:none;background:transparent;border-radius:4px;font-family:var(--font-sans);font-size:12px;color:var(--ink);text-align:start;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.sui-pie-body.stacked.sc-sui-chart-pie .sui-pie-plot.sc-sui-chart-pie{align-self:center}.sui-pie-hatch.sc-sui-chart-pie{pointer-events:none}.sui-pie-row.dim.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.45}.sui-pie-row.dim.sc-sui-chart-pie .val.sc-sui-chart-pie{color:var(--ink-muted)}.sui-pie-row.on.sc-sui-chart-pie .lbl.sc-sui-chart-pie{color:var(--ink);font-weight:650}.sui-pie-row.off.sc-sui-chart-pie{color:var(--ink-placeholder);text-decoration:line-through}.sui-pie-row.off.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.35}.sui-pie-row.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-pie-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-pie-row.sc-sui-chart-pie .lbl.sc-sui-chart-pie{flex:1;min-width:0;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-pie-row.off.sc-sui-chart-pie .lbl.sc-sui-chart-pie{color:inherit}.sui-pie-row.sc-sui-chart-pie .val.sc-sui-chart-pie{font-weight:700;font-feature-settings:'tnum'}.sui-pie-row.sc-sui-chart-pie .pct.sc-sui-chart-pie{width:38px;text-align:end;color:var(--ink-faint);font-feature-settings:'tnum'}@media (forced-colors: active){.sui-pie-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{forced-color-adjust:none}.sui-pie-slice.sc-sui-chart-pie{stroke:CanvasText}.sui-pie-center-value.sc-sui-chart-pie,.sui-pie-center-label.sc-sui-chart-pie{fill:CanvasText}.sui-pie-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}}.sc-sui-chart-pie-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-pie{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-pie{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-pie{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-pie{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-pie{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-pie{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-pie{position:relative}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line.sc-sui-chart-pie{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-pie{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-pie{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-pie{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-pie{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-pie .swatch.round.sc-sui-chart-pie{border-radius:50%}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-pie::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-pie::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-pie::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-pie .mk.sc-sui-chart-pie{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-pie .mk.dot.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.solid.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.ring.sc-sui-chart-pie{border-radius:50%}.swatch.glyph.sc-sui-chart-pie .mk.solid.sc-sui-chart-pie{background:var(--c)}.swatch.glyph.sc-sui-chart-pie .mk.ring.sc-sui-chart-pie{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-pie .mk.diamond.sc-sui-chart-pie{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie,.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie::after,.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{width:22px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.line.sc-sui-chart-pie::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.sc-sui-chart-pie{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.tri.sc-sui-chart-pie,.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie .mk.tri-down.sc-sui-chart-pie{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-pie .swatch.sc-sui-chart-pie{opacity:0.35}.sui-chart-caption.sc-sui-chart-pie{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-pie{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-pie{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-pie{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-pie .lbl.sc-sui-chart-pie{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-pie b.sc-sui-chart-pie{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.sc-sui-chart-pie{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.keyed.sc-sui-chart-pie{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.keyed.sc-sui-chart-pie>b.sc-sui-chart-pie{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-pie .sui-chart-tip-row.sc-sui-chart-pie>b.sc-sui-chart-pie{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie .halo.sc-sui-chart-pie{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-pie:focus{outline:none}.sui-chart-keys.sc-sui-chart-pie:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-pie:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-pie{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-pie{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-pie{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-pie{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-pie span.sc-sui-chart-pie{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-pie{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-pie{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-pie{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-pie{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-pie,.prose.sc-sui-chart-pie{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-pie text.sc-sui-chart-pie{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-pie{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-pie .swatch.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.sc-sui-chart-pie{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie,.sui-chart-tip-row.sc-sui-chart-pie .swatch.glyph.sc-sui-chart-pie{border:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie text.sc-sui-chart-pie{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie .halo.sc-sui-chart-pie{stroke:Canvas}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line.sc-sui-chart-pie{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--hairline\"].sc-sui-chart-pie{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--chart-axis\"].sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--border-strong\"].sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie line[stroke*=\"--accent-deep\"].sc-sui-chart-pie{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie circle.sc-sui-chart-pie{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie rect.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie path.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie polyline.sc-sui-chart-pie,.sui-chart-plot.sc-sui-chart-pie svg.sc-sui-chart-pie polygon.sc-sui-chart-pie{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-pie:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-pie .sui-chart-ring.sc-sui-chart-pie .sui-chart-ring-line.sc-sui-chart-pie{stroke:Highlight;filter:none}svg.sc-sui-chart-pie .sui-chart-ring.sc-sui-chart-pie .sui-chart-ring-halo.sc-sui-chart-pie{stroke:Canvas;filter:none}}"}},[518,"sui-chart-pie",{heading:[1],subtitle:[1],caption:[1],items:[16],kind:[513],diameter:[2],money:[516],currency:[1],centerLabel:[1,"center-label"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenLabels:[32],keyed:[32],hostName:[32],layout:[32],boxW:[32],setFocus:[64]},void 0,{items:[{compute:0}],kind:[{compute:0}],diameter:[{compute:0}]}]),F=S,A=function(){"undefined"!=typeof customElements&&["sui-chart-pie"].forEach((i=>{"sui-chart-pie"===i&&(customElements.get(r(i))||customElements.define(r(i),S))}))};export{F as SuiChartPie,A as defineCustomElement}

package/dist/components/sui-chart-radar.js

@@ -1 +1 @@
-import{p as a,H as r,c as s,h as t,a as i,t as c}from"./p-DQ8DrIvI.js";import{o as e,t as h,e as o,s as d,Q as u,c as n,d as p,C as l,f as x,k as g,u as v,L as f,T as m,D as y,g as b,a3 as k}from"./p-CInYFFmy.js";import{h as w,w as M,m as C,c as T,a as j,k as z,s as H,K as E,b as I,P as L}from"./p-CInpgpwB.js";import{a as B,l as D}from"./p-BuyjS5bS.js";import{d as R}from"./p-BHB1Wprj.js";import{u as W}from"./p-U06fVoGD.js";import{d as F}from"./p-COO9uV7W.js";const G=2*Math.PI,N=9.5,K=11,O=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;axes=[];series=[];diameter=210;max;rings=4;money=!1;currency="USD";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenLabels=[];keyed=!1;keyRow=0;plotEl;keysId=W("sui-chart-keys");hostName={};stopHostName;layout={cx:0,cy:0,R:0,rings:[],axes:[],polys:[]};boxW=0;hasHeaderEnd=!1;stopResize;componentWillLoad(){this.hasHeaderEnd=w(this.host,"header-end"),this.compute()}connectedCallback(){R(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=M(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=e(this.host,(a=>{this.boxW=a})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}compute(){const a=this.axes||[],r=this.series||[],s=a.length||1,t=this.diameter,i=t/2,c=t/2,e=t/2-26,u=a=>-Math.PI/2+a/s*G,n=a.map(((a,r)=>{const s=u(r),t=Math.cos(s);return{label:a,a:s,dx:t,dy:Math.sin(s),anchor:t>.3?"start":t<-.3?"end":"middle"}})),p=n.map((a=>Math.min((a=>{const r=a.split(" "),s=a=>{let s=1,t="";for(const i of r){const r=t?t+" "+i:i;h(r,N)<=a?t=r:(s++,t=i)}return s};let t=Math.max(...r.map((a=>h(a,N))));for(;s(t)>3;)t+=2;return t})(a.label),h(a.label,N)))),l=a=>(t/2+12-p[a])/Math.abs(n[a].dx)-8,x=n.map(((a,r)=>"middle"!==a.anchor&&l(r)<e));let g=e;n.forEach(((a,r)=>{"middle"!==a.anchor&&(g=Math.min(g,x[r]?(t/2+12+4-p[r])/Math.abs(a.dx):l(r)))})),g=Math.max(g,.6*e);const v=this.max||r.reduce(((a,r)=>C(r.data,[0,a])[1]),1),f=(a,r)=>{const s=u(a),t=r/v*g;return[i+t*Math.cos(s),c+t*Math.sin(s)]},m=Array.from({length:this.rings},((r,s)=>a.map(((a,r)=>f(r,v*(s+1)/this.rings).join(","))).join(" "))),y=Math.PI/s,b=n.map(((a,r)=>{const[s,e]=f(r,v),d=a.a,u=g+22,n=x[r]?i+g*a.dx-4*Math.sign(a.dx):i+(g+8)*a.dx,p=c+(g+8)*a.dy,l=[[i,c],[i+u*Math.cos(d-y),c+u*Math.sin(d-y)],[i+u*Math.cos(d),c+u*Math.sin(d)],[i+u*Math.cos(d+y),c+u*Math.sin(d+y)]].map((a=>a.join(","))).join(" "),m=o(a.label,"start"===a.anchor?t+12-n:"end"===a.anchor?n+12:2*Math.min(n,t-n)+24,N,3),b=c+g*a.dy,k=x[r]?a.dy>0?b+13:b-7-(m.length-1)*K:p-(a.dy>.3?-8:a.dy<-.3?3+(m.length-1)*K:(m.length-1)*K/2-3.5),w=m.reduce(((a,r)=>Math.max(a,h(r,N))),0),M="start"===a.anchor?n:"end"===a.anchor?n-w:n-w/2;return{label:a.label,x:s,y:e,lx:n,ly:k,anchor:a.anchor,lines:m,box:[M,k-9,M+w,k+(m.length-1)*K+3],hit:l}})),k=r.map(((a,r)=>{const s=a.data.map(((a,r)=>f(r,a)));return{series:a,index:r,color:d(a,r),points:s.map((a=>a.join(","))).join(" "),dots:s}}));this.layout={cx:i,cy:c,R:g,rings:m,axes:b,polys:k}}get empty(){return 0===(this.axes||[]).length||0===(this.series||[]).length}setHover(a){a!==this.hoverIndex&&(this.hoverIndex=a,this.suiHover.emit({index:a}))}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}onKey=a=>{if(this.empty)return;const r=this.axes.length,s=this.layout.polys.filter((a=>!this.hiddenLabels.includes(a.series.label))).length,t=H(this.hoverIndex,r),i=T(a,{rows:s,count:()=>r},t>=0?{s:Math.min(this.keyRow,s-1),i:t}:null,this.keyed);if(i){if(a.preventDefault(),"leave"===i)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyRow=i.s,this.keyed=!0,this.setHover(i.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};keyOf=a=>({line:!0,mark:"dot",dash:a.index>=4&&!a.series.accent?u:void 0});toggle=a=>{this.hiddenLabels=this.hiddenLabels.includes(a)?this.hiddenLabels.filter((r=>r!==a)):this.hiddenLabels.concat(a)};render(){const{cx:a,cy:r,rings:s,axes:c,polys:e}=this.layout;if(this.loading)return t(i,{"aria-busy":"true"},t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t(p,{height:this.diameter,label:B(void 0,"chart-radar.loading",void 0,"Loading")})));if(this.empty)return t(i,null,t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t("div",{class:"sui-chart-plot",style:{height:this.diameter+"px"}},t(l,{text:B(void 0,"chart-radar.empty",this.emptyMessage,"Nothing to plot yet.")}))));const o=e.filter((a=>!this.hiddenLabels.includes(a.series.label))),d=H(this.hoverIndex,c.length),w=d>=0?c[d]:void 0,M=this.money?a=>F(a,!1,this.currency):x,C=Math.max(0,(this.boxW-f-this.diameter)/2),T=d<0?[]:[[c[d].box[0]-2,c[d].box[1]-2,c[d].box[2]+2,c[d].box[3]+2]].concat(o.filter((a=>a.dots[d])).map((a=>[a.dots[d][0]-6,a.dots[d][1]-6,a.dots[d][0]+6,a.dots[d][1]+6]))),R=[];if(d>=0){c.forEach(((a,r)=>{r!==d&&a.lines.forEach(((r,s)=>{const t=h(r,N),i=a.ly+s*K,c="start"===a.anchor?a.lx:"end"===a.anchor?a.lx-t:a.lx-t/2;R.push([c,i-7,c+t,i+2,s||1===a.lines.length?m:3*m])}))}));for(let s=1;s<8;s++){const t=a+(c[d].x-a)*s/8,i=r+(c[d].y-r)*s/8;R.push([t-3,i-3,t+3,i+3,y])}o.forEach((a=>{a.dots.forEach((([r,s],t)=>{t!==d&&R.push([r-4,s-4,r+4,s+4,b]);const[i,c]=a.dots[(t+1)%a.dots.length];for(let a=1;a<4;a++)R.push([r+(i-r)*a/4-3,s+(c-s)*a/4-3,r+(i-r)*a/4+3,s+(c-s)*a/4+3,k])}));const r=a.dots.map((a=>a[0])),s=a.dots.map((a=>a[1]));R.push([Math.min(...r),Math.min(...s),Math.max(...r),Math.max(...s),k])}))}const W=T.reduce(((a,r)=>[Math.min(a[0],r[0]),Math.min(a[1],r[1]),Math.max(a[2],r[2]),Math.max(a[3],r[3])]),[1/0,1/0,-1/0,-1/0]),G=j(this.heading,D(void 0,"chart-radar.across",void 0,"{series} across {axes}",{series:o.map((a=>a.series.label)).join(", "),axes:c.map((a=>a.label)).join(", ")})),O=Math.min(this.keyRow,o.length-1),S=o[O],$=this.keyed&&w&&S&&S.dots[d]?`${this.keysId}-${O}-${d}`:void 0;return t(i,null,t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd,legend:e.map((a=>({label:a.series.label,color:a.color,...this.keyOf(a)}))),hidden:this.hiddenLabels,onToggle:this.toggle},t("div",{class:"sui-radar-plot",style:{width:this.diameter+"px"}},t("svg",{width:this.diameter,height:this.diameter,...z(G,this.keysId,this.hostName,$),ref:a=>{this.plotEl=a},onKeyDown:this.onKey,onBlur:this.onBlur,onMouseLeave:this.onLeave},s.map(((a,r)=>t("polygon",{key:r+"",class:"sui-radar-ring",points:a,fill:"none",stroke:"var(--hairline)","stroke-width":1}))),c.map(((s,i)=>t("g",{key:s.label},t("line",{class:{"sui-radar-spoke":!0,hov:d===i},x1:a,y1:r,x2:s.x,y2:s.y,stroke:d===i?"var(--border)":"var(--hairline)"}),t("text",{"aria-hidden":"true",class:{"sui-radar-axis":!0,hov:d===i},x:s.lx,y:s.ly,"text-anchor":s.anchor},s.lines.length>1?s.lines.map(((a,r)=>t("tspan",{key:r+"",x:s.lx,dy:r?K:0},a))):s.lines[0])))),o.map(((a,r)=>t("g",{key:a.series.label,class:"sui-radar-series"},r<2?t("polygon",{points:a.points,fill:a.color,opacity:.12}):null,t("polygon",{points:a.points,fill:"none",stroke:a.color,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":a.index>=4&&!a.series.accent?u:void 0}),a.dots.map(((r,s)=>t("circle",{key:s+"",class:{"sui-radar-dot":!0,hov:d===s},cx:r[0],cy:r[1],r:d===s?3.2:2.4,fill:"var(--surface)",stroke:a.color,"stroke-width":1.5})))))),c.map(((a,r)=>t("polygon",{key:"hit-"+a.label,class:"sui-radar-hit",points:a.hit,fill:"transparent",onMouseEnter:()=>this.enter(r)}))),$?t(E,{id:$,circle:[S.dots[d][0],S.dots[d][1],6],label:I(c[d].label,o.length>1?S.series.label:void 0,M(S.series.data[d]??0))}):null),t(L,{ids:this.keysId,summary:G,host:this.hostName,hint:!0}),t(g,{show:!!w,box:W,keep:T,w:this.diameter,ht:this.diameter,title:w?w.label:"",room:[-C-v,0,this.diameter+C+v,this.diameter],avoid:R,rows:o.map((a=>({label:a.series.label,value:M(a.series.data[d]??0),color:a.color,...this.keyOf(a)})))}))))}static get watchers(){return{axes:[{compute:0}],series:[{compute:0}],diameter:[{compute:0}],max:[{compute:0}],rings:[{compute:0}]}}static get style(){return'.sui-radar-plot.sc-sui-chart-radar{position:relative;margin:0 auto}.sui-radar-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{display:block;overflow:visible;direction:ltr}.sui-radar-axis.sc-sui-chart-radar{font:600 9.5px var(--font-sans);fill:var(--ink-muted)}.sui-radar-axis.hov.sc-sui-chart-radar{fill:var(--ink)}.sui-radar-series.sc-sui-chart-radar{pointer-events:none}.sui-radar-dot.sc-sui-chart-radar{transition:r var(--duration-fast) var(--ease-out)}.sui-radar-hit.sc-sui-chart-radar{cursor:default}@media (forced-colors: active){.sui-radar-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{forced-color-adjust:none}.sui-radar-ring.sc-sui-chart-radar,.sui-radar-spoke.sc-sui-chart-radar{stroke:GrayText}.sui-radar-spoke.hov.sc-sui-chart-radar{stroke:CanvasText}.sui-radar-axis.sc-sui-chart-radar,.sui-radar-axis.hov.sc-sui-chart-radar{fill:CanvasText}.sui-radar-series.sc-sui-chart-radar polygon.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-radar-dot.sc-sui-chart-radar{stroke:CanvasText}}.sc-sui-chart-radar-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-radar{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-radar{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-radar{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-radar{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-radar{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-radar{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-radar{position:relative}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line.sc-sui-chart-radar{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-radar{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-radar{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-radar{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-radar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-radar{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-radar .swatch.sc-sui-chart-radar{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-radar .swatch.round.sc-sui-chart-radar{border-radius:50%}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-radar::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-radar::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-radar::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-radar .mk.sc-sui-chart-radar{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-radar .mk.dot.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.solid.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.ring.sc-sui-chart-radar{border-radius:50%}.swatch.glyph.sc-sui-chart-radar .mk.solid.sc-sui-chart-radar{background:var(--c)}.swatch.glyph.sc-sui-chart-radar .mk.ring.sc-sui-chart-radar{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-radar .mk.diamond.sc-sui-chart-radar{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar::after,.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{width:22px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.line.sc-sui-chart-radar::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.sc-sui-chart-radar{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar,.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-radar .swatch.sc-sui-chart-radar{opacity:0.35}.sui-chart-caption.sc-sui-chart-radar{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-radar{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-radar{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-radar{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-radar .swatch.sc-sui-chart-radar{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-radar .lbl.sc-sui-chart-radar{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-radar b.sc-sui-chart-radar{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.sc-sui-chart-radar{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.keyed.sc-sui-chart-radar{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.keyed.sc-sui-chart-radar>b.sc-sui-chart-radar{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.sc-sui-chart-radar>b.sc-sui-chart-radar{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar .halo.sc-sui-chart-radar{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-radar:focus{outline:none}.sui-chart-keys.sc-sui-chart-radar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-radar:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-radar{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-radar{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-radar{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-radar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-radar span.sc-sui-chart-radar{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-radar{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-radar{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-radar{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-radar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-radar,.prose.sc-sui-chart-radar{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-radar text.sc-sui-chart-radar{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-radar{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-radar .swatch.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.sc-sui-chart-radar{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{border:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar text.sc-sui-chart-radar{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar .halo.sc-sui-chart-radar{stroke:Canvas}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--hairline"].sc-sui-chart-radar{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--chart-axis"].sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--border-strong"].sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--accent-deep"].sc-sui-chart-radar{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar circle.sc-sui-chart-radar{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar rect.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar path.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar polyline.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar polygon.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-radar:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-radar .sui-chart-ring.sc-sui-chart-radar .sui-chart-ring-line.sc-sui-chart-radar{stroke:Highlight;filter:none}svg.sc-sui-chart-radar .sui-chart-ring.sc-sui-chart-radar .sui-chart-ring-halo.sc-sui-chart-radar{stroke:Canvas;filter:none}}'}},[518,"sui-chart-radar",{heading:[1],subtitle:[1],caption:[1],axes:[16],series:[16],diameter:[2],max:[2],rings:[2],money:[516],currency:[1],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenLabels:[32],keyed:[32],keyRow:[32],hostName:[32],layout:[32],boxW:[32],setFocus:[64]},void 0,{axes:[{compute:0}],series:[{compute:0}],diameter:[{compute:0}],max:[{compute:0}],rings:[{compute:0}]}]),S=O,$=function(){"undefined"!=typeof customElements&&["sui-chart-radar"].forEach((a=>{"sui-chart-radar"===a&&(customElements.get(c(a))||customElements.define(c(a),O))}))};export{S as SuiChartRadar,$ as defineCustomElement}
+import{p as a,H as r,c as s,h as t,a as i,t as c}from"./p-DQ8DrIvI.js";import{o as e,t as h,e as o,s as d,Q as u,c as n,d as p,C as l,f as x,k as g,u as v,L as f,T as m,D as y,g as b,a3 as k}from"./p-QmakFSYp.js";import{h as w,w as M,m as C,c as T,a as j,k as z,s as H,K as E,b as L,P as D}from"./p-CvLe513l.js";import{a as R,l as B}from"./p-BuyjS5bS.js";import{d as I}from"./p-BHB1Wprj.js";import{u as G}from"./p-U06fVoGD.js";import{d as N}from"./p-qut9RP2y.js";const S=2*Math.PI,W=9.5,F=11,K=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;axes=[];series=[];diameter=210;max;rings=4;money=!1;currency="USD";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenLabels=[];keyed=!1;keyRow=0;plotEl;keysId=G("sui-chart-keys");hostName={};stopHostName;layout={cx:0,cy:0,R:0,rings:[],axes:[],polys:[]};boxW=0;hasHeaderEnd=!1;stopResize;componentWillLoad(){this.hasHeaderEnd=w(this.host,"header-end"),this.compute()}connectedCallback(){I(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=M(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=e(this.host,(a=>{this.boxW=a})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}compute(){const a=this.axes||[],r=this.series||[],s=a.length||1,t=this.diameter,i=t/2,c=t/2,e=t/2-26,u=a=>-Math.PI/2+a/s*S,n=a.map(((a,r)=>{const s=u(r),t=Math.cos(s);return{label:a,a:s,dx:t,dy:Math.sin(s),anchor:t>.3?"start":t<-.3?"end":"middle"}})),p=n.map((a=>Math.min((a=>{const r=a.split(" "),s=a=>{let s=1,t="";for(const i of r){const r=t?t+" "+i:i;h(r,W)<=a?t=r:(s++,t=i)}return s};let t=Math.max(...r.map((a=>h(a,W))));for(;s(t)>3;)t+=2;return t})(a.label),h(a.label,W)))),l=a=>(t/2+12-p[a])/Math.abs(n[a].dx)-8,x=n.map(((a,r)=>"middle"!==a.anchor&&l(r)<e));let g=e;n.forEach(((a,r)=>{"middle"!==a.anchor&&(g=Math.min(g,x[r]?(t/2+12+4-p[r])/Math.abs(a.dx):l(r)))})),g=Math.max(g,.6*e);const v=this.max||r.reduce(((a,r)=>C(r.data,[0,a])[1]),1),f=(a,r)=>{const s=u(a),t=r/v*g;return[i+t*Math.cos(s),c+t*Math.sin(s)]},m=Array.from({length:this.rings},((r,s)=>a.map(((a,r)=>f(r,v*(s+1)/this.rings).join(","))).join(" "))),y=Math.PI/s,b=n.map(((a,r)=>{const[s,e]=f(r,v),d=a.a,u=g+22,n=x[r]?i+g*a.dx-4*Math.sign(a.dx):i+(g+8)*a.dx,p=c+(g+8)*a.dy,l=[[i,c],[i+u*Math.cos(d-y),c+u*Math.sin(d-y)],[i+u*Math.cos(d),c+u*Math.sin(d)],[i+u*Math.cos(d+y),c+u*Math.sin(d+y)]].map((a=>a.join(","))).join(" "),m=o(a.label,"start"===a.anchor?t+12-n:"end"===a.anchor?n+12:2*Math.min(n,t-n)+24,W,3),b=c+g*a.dy,k=x[r]?a.dy>0?b+13:b-7-(m.length-1)*F:p-(a.dy>.3?-8:a.dy<-.3?3+(m.length-1)*F:(m.length-1)*F/2-3.5),w=m.reduce(((a,r)=>Math.max(a,h(r,W))),0),M="start"===a.anchor?n:"end"===a.anchor?n-w:n-w/2;return{label:a.label,x:s,y:e,lx:n,ly:k,anchor:a.anchor,lines:m,box:[M,k-9,M+w,k+(m.length-1)*F+3],hit:l}})),k=r.map(((a,r)=>{const s=a.data.map(((a,r)=>f(r,a)));return{series:a,index:r,color:d(a,r),points:s.map((a=>a.join(","))).join(" "),dots:s}}));this.layout={cx:i,cy:c,R:g,rings:m,axes:b,polys:k}}get empty(){return 0===(this.axes||[]).length||0===(this.series||[]).length}setHover(a){a!==this.hoverIndex&&(this.hoverIndex=a,this.suiHover.emit({index:a}))}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}onKey=a=>{if(this.empty)return;const r=this.axes.length,s=this.layout.polys.filter((a=>!this.hiddenLabels.includes(a.series.label))).length,t=H(this.hoverIndex,r),i=T(a,{rows:s,count:()=>r},t>=0?{s:Math.min(this.keyRow,s-1),i:t}:null,this.keyed);if(i){if(a.preventDefault(),"leave"===i)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyRow=i.s,this.keyed=!0,this.setHover(i.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};keyOf=a=>({line:!0,mark:"dot",dash:a.index>=4&&!a.series.accent?u:void 0});toggle=a=>{this.hiddenLabels=this.hiddenLabels.includes(a)?this.hiddenLabels.filter((r=>r!==a)):this.hiddenLabels.concat(a)};render(){const{cx:a,cy:r,rings:s,axes:c,polys:e}=this.layout;if(this.loading)return t(i,{"aria-busy":"true"},t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t(p,{height:this.diameter,label:R(void 0,"chart-radar.loading",void 0,"Loading")})));if(this.empty)return t(i,null,t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t("div",{class:"sui-chart-plot",style:{height:this.diameter+"px"}},t(l,{text:R(void 0,"chart-radar.empty",this.emptyMessage,"Nothing to plot yet.")}))));const o=e.filter((a=>!this.hiddenLabels.includes(a.series.label))),d=H(this.hoverIndex,c.length),w=d>=0?c[d]:void 0,M=this.money?a=>N(a,!1,this.currency):x,C=Math.max(0,(this.boxW-f-this.diameter)/2),T=d<0?[]:[[c[d].box[0]-2,c[d].box[1]-2,c[d].box[2]+2,c[d].box[3]+2]].concat(o.filter((a=>a.dots[d])).map((a=>[a.dots[d][0]-6,a.dots[d][1]-6,a.dots[d][0]+6,a.dots[d][1]+6]))),I=[];if(d>=0){c.forEach(((a,r)=>{r!==d&&a.lines.forEach(((r,s)=>{const t=h(r,W),i=a.ly+s*F,c="start"===a.anchor?a.lx:"end"===a.anchor?a.lx-t:a.lx-t/2;I.push([c,i-7,c+t,i+2,s||1===a.lines.length?m:3*m])}))}));for(let s=1;s<8;s++){const t=a+(c[d].x-a)*s/8,i=r+(c[d].y-r)*s/8;I.push([t-3,i-3,t+3,i+3,y])}o.forEach((a=>{a.dots.forEach((([r,s],t)=>{t!==d&&I.push([r-4,s-4,r+4,s+4,b]);const[i,c]=a.dots[(t+1)%a.dots.length];for(let a=1;a<4;a++)I.push([r+(i-r)*a/4-3,s+(c-s)*a/4-3,r+(i-r)*a/4+3,s+(c-s)*a/4+3,k])}));const r=a.dots.map((a=>a[0])),s=a.dots.map((a=>a[1]));I.push([Math.min(...r),Math.min(...s),Math.max(...r),Math.max(...s),k])}))}const G=T.reduce(((a,r)=>[Math.min(a[0],r[0]),Math.min(a[1],r[1]),Math.max(a[2],r[2]),Math.max(a[3],r[3])]),[1/0,1/0,-1/0,-1/0]),S=j(this.heading,B(void 0,"chart-radar.across",void 0,"{series} across {axes}",{series:o.map((a=>a.series.label)).join(", "),axes:c.map((a=>a.label)).join(", ")})),K=Math.min(this.keyRow,o.length-1),Q=o[K],$=this.keyed&&w&&Q&&Q.dots[d]?`${this.keysId}-${K}-${d}`:void 0;return t(i,null,t(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd,legend:e.map((a=>({label:a.series.label,color:a.color,...this.keyOf(a)}))),hidden:this.hiddenLabels,onToggle:this.toggle},t("div",{class:"sui-radar-plot",style:{width:this.diameter+"px"}},t("svg",{width:this.diameter,height:this.diameter,...z(S,this.keysId,this.hostName,$),ref:a=>{this.plotEl=a},onKeyDown:this.onKey,onBlur:this.onBlur,onMouseLeave:this.onLeave},s.map(((a,r)=>t("polygon",{key:r+"",class:"sui-radar-ring",points:a,fill:"none",stroke:"var(--hairline)","stroke-width":1}))),c.map(((s,i)=>t("g",{key:s.label},t("line",{class:{"sui-radar-spoke":!0,hov:d===i},x1:a,y1:r,x2:s.x,y2:s.y,stroke:d===i?"var(--border)":"var(--hairline)"}),t("text",{"aria-hidden":"true",class:{"sui-radar-axis":!0,hov:d===i},x:s.lx,y:s.ly,"text-anchor":s.anchor},s.lines.length>1?s.lines.map(((a,r)=>t("tspan",{key:r+"",x:s.lx,dy:r?F:0},a))):s.lines[0])))),o.map(((a,r)=>t("g",{key:a.series.label,class:"sui-radar-series"},r<2?t("polygon",{points:a.points,fill:a.color,opacity:.12}):null,t("polygon",{points:a.points,fill:"none",stroke:a.color,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":a.index>=4&&!a.series.accent?u:void 0}),a.dots.map(((r,s)=>t("circle",{key:s+"",class:{"sui-radar-dot":!0,hov:d===s},cx:r[0],cy:r[1],r:d===s?3.2:2.4,fill:"var(--surface)",stroke:a.color,"stroke-width":1.5})))))),c.map(((a,r)=>t("polygon",{key:"hit-"+a.label,class:"sui-radar-hit",points:a.hit,fill:"transparent",onMouseEnter:()=>this.enter(r)}))),$?t(E,{id:$,circle:[Q.dots[d][0],Q.dots[d][1],6],label:L(c[d].label,o.length>1?Q.series.label:void 0,M(Q.series.data[d]??0))}):null),t(D,{ids:this.keysId,summary:S,host:this.hostName,hint:!0}),t(g,{show:!!w,box:G,keep:T,w:this.diameter,ht:this.diameter,title:w?w.label:"",room:[-C-v,0,this.diameter+C+v,this.diameter],avoid:I,rows:o.map((a=>({label:a.series.label,value:M(a.series.data[d]??0),color:a.color,...this.keyOf(a)})))}))))}static get watchers(){return{axes:[{compute:0}],series:[{compute:0}],diameter:[{compute:0}],max:[{compute:0}],rings:[{compute:0}]}}static get style(){return'.sui-radar-plot.sc-sui-chart-radar{position:relative;margin:0 auto}.sui-radar-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{display:block;overflow:visible;direction:ltr}.sui-radar-axis.sc-sui-chart-radar{font:600 9.5px var(--font-sans);fill:var(--ink-muted)}.sui-radar-axis.hov.sc-sui-chart-radar{fill:var(--ink)}.sui-radar-series.sc-sui-chart-radar{pointer-events:none}.sui-radar-dot.sc-sui-chart-radar{transition:r var(--duration-fast) var(--ease-out)}.sui-radar-hit.sc-sui-chart-radar{cursor:default}@media (forced-colors: active){.sui-radar-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{forced-color-adjust:none}.sui-radar-ring.sc-sui-chart-radar,.sui-radar-spoke.sc-sui-chart-radar{stroke:GrayText}.sui-radar-spoke.hov.sc-sui-chart-radar{stroke:CanvasText}.sui-radar-axis.sc-sui-chart-radar,.sui-radar-axis.hov.sc-sui-chart-radar{fill:CanvasText}.sui-radar-series.sc-sui-chart-radar polygon.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-radar-dot.sc-sui-chart-radar{stroke:CanvasText}}.sc-sui-chart-radar-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-radar{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-radar{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-radar{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-radar{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-radar{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-radar{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-radar{position:relative}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line.sc-sui-chart-radar{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-radar{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-radar{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-radar{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-radar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-radar{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-radar .swatch.sc-sui-chart-radar{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-radar .swatch.round.sc-sui-chart-radar{border-radius:50%}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-radar::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-radar::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-radar::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-radar .mk.sc-sui-chart-radar{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-radar .mk.dot.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.solid.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.ring.sc-sui-chart-radar{border-radius:50%}.swatch.glyph.sc-sui-chart-radar .mk.solid.sc-sui-chart-radar{background:var(--c)}.swatch.glyph.sc-sui-chart-radar .mk.ring.sc-sui-chart-radar{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-radar .mk.diamond.sc-sui-chart-radar{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar,.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar::after,.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{width:22px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.line.sc-sui-chart-radar::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.sc-sui-chart-radar{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.tri.sc-sui-chart-radar,.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar .mk.tri-down.sc-sui-chart-radar{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-radar .swatch.sc-sui-chart-radar{opacity:0.35}.sui-chart-caption.sc-sui-chart-radar{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-radar{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-radar{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-radar{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-radar .swatch.sc-sui-chart-radar{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-radar .lbl.sc-sui-chart-radar{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-radar b.sc-sui-chart-radar{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.sc-sui-chart-radar{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.keyed.sc-sui-chart-radar{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.keyed.sc-sui-chart-radar>b.sc-sui-chart-radar{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-radar .sui-chart-tip-row.sc-sui-chart-radar>b.sc-sui-chart-radar{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar .halo.sc-sui-chart-radar{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-radar:focus{outline:none}.sui-chart-keys.sc-sui-chart-radar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-radar:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-radar{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-radar{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-radar{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-radar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-radar span.sc-sui-chart-radar{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-radar{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-radar{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-radar{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-radar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-radar,.prose.sc-sui-chart-radar{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-radar text.sc-sui-chart-radar{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-radar{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-radar .swatch.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.sc-sui-chart-radar{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar,.sui-chart-tip-row.sc-sui-chart-radar .swatch.glyph.sc-sui-chart-radar{border:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar text.sc-sui-chart-radar{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar .halo.sc-sui-chart-radar{stroke:Canvas}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--hairline"].sc-sui-chart-radar{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--chart-axis"].sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--border-strong"].sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar line[stroke*="--accent-deep"].sc-sui-chart-radar{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar circle.sc-sui-chart-radar{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar rect.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar path.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar polyline.sc-sui-chart-radar,.sui-chart-plot.sc-sui-chart-radar svg.sc-sui-chart-radar polygon.sc-sui-chart-radar{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-radar:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-radar .sui-chart-ring.sc-sui-chart-radar .sui-chart-ring-line.sc-sui-chart-radar{stroke:Highlight;filter:none}svg.sc-sui-chart-radar .sui-chart-ring.sc-sui-chart-radar .sui-chart-ring-halo.sc-sui-chart-radar{stroke:Canvas;filter:none}}'}},[518,"sui-chart-radar",{heading:[1],subtitle:[1],caption:[1],axes:[16],series:[16],diameter:[2],max:[2],rings:[2],money:[516],currency:[1],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenLabels:[32],keyed:[32],keyRow:[32],hostName:[32],layout:[32],boxW:[32],setFocus:[64]},void 0,{axes:[{compute:0}],series:[{compute:0}],diameter:[{compute:0}],max:[{compute:0}],rings:[{compute:0}]}]),Q=K,$=function(){"undefined"!=typeof customElements&&["sui-chart-radar"].forEach((a=>{"sui-chart-radar"===a&&(customElements.get(c(a))||customElements.define(c(a),K))}))};export{Q as SuiChartRadar,$ as defineCustomElement}