@shineuix/core 1.0.0 → 1.0.1

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

@@ -1 +1 @@
-import{p as t,H as s,c as r,h as a,a as c,t as i}from"./p-DQ8DrIvI.js";import{o as e,p as h,c as o,L as n,d as u,b as l,v as p,Z as d,N as x,s as g,x as f,t as v,T as b,l as m,m as y,E as w,k,Y as C,K as z,C as T,a4 as M,P as j,J as H}from"./p-CInYFFmy.js";import{h as E,w as L,c as N,p as S,t as B,a as I,s as O,b as F,i as V,k as W,K as Y,P as D,m as G}from"./p-CInpgpwB.js";import{d as K}from"./p-BHB1Wprj.js";import{u as P}from"./p-U06fVoGD.js";import{i as $}from"./p-GAnFXayY.js";import{l as X,a as A}from"./p-BuyjS5bS.js";const J=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=r(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;series=[];width=440;height=210;fixedSize=!1;xLabel;yLabel;formatX;formatY;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;plotEl;keysId=P("sui-chart-keys");hostName={};stopHostName;scale=1;stopResize;componentWillLoad(){this.hasHeaderEnd=E(this.host,"header-end")}connectedCallback(){K(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=L(this.host,(t=>{this.hostName=t})),this.stopResize||(this.stopResize=e(this.host,(t=>{this.boxW=t})))}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 h(!this.fixedSize,this.boxW,this.width)}keyOrder(){const t=[];(this.series||[]).forEach(((s,r)=>{this.hiddenSeries.includes(s.label)||t.push(r)}));const s=t.map((t=>{const s=this.series[t].points||[];return s.map(((t,s)=>s)).sort(((t,r)=>s[t].x-s[r].x||s[t].y-s[r].y))}));return{drawn:t,order:s}}onKey=t=>{if(this.empty)return;const{drawn:s,order:r}=this.keyOrder(),a=(t,a)=>this.series[s[t]].points[r[t][a]],c={rows:s.length,count:t=>r[t].length,near:(t,s)=>{const c=a(t.s,t.i);let i=0;return r[s].forEach(((t,r)=>{const e=a(s,r),h=a(s,i);(Math.abs(e.x-c.x)<Math.abs(h.x-c.x)||Math.abs(e.x-c.x)===Math.abs(h.x-c.x)&&Math.abs(e.y-c.y)<Math.abs(h.y-c.y))&&(i=r)})),i}},i=this.locate(this.hoverIndex),e=i?s.indexOf(i.s):-1,h=N(t,c,e>=0?{s:e,i:r[e].indexOf(i.p)}:null,this.keyed);if(h){if(t.preventDefault(),"leave"===h)return t.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=S(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(this.flat(s[h.s],r[h.s][h.i]))}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const t=this.series||[];return 0===t.length||t.every((t=>!(t.points||[]).length))}locate(t){if(t<0)return null;let s=0;for(let r=0;r<this.series.length;r++){const a=this.series[r].points.length;if(t<s+a)return{s:r,p:t-s};s+=a}return null}flat(t,s){let r=0;for(let s=0;s<t;s++)r+=this.series[s].points.length;return r+s}setHover(t){if(t===this.hoverIndex)return;this.hoverIndex=t;const s=this.locate(t);this.suiHover.emit(s?{index:t,series:s.s,point:s.p}:{index:-1,series:-1,point:-1})}onOver=t=>{const s=t.target;if(!s||"circle"!==s.tagName)return;const r=t.currentTarget.getBoundingClientRect();r.width>0&&(this.scale=r.width/this.plotW),this.keyed=!1,this.setHover(this.flat(Number(s.getAttribute("data-s")),Number(s.getAttribute("data-p"))))};onOut=t=>{const s=t.target;if(!s||"circle"!==s.tagName||this.hoverIndex<0)return;const r=t.relatedTarget;r&&"circle"===r.tagName&&this.host.contains(r)||this.setHover(-1)};onLeave=()=>this.setHover(-1);toggle=t=>{this.hiddenSeries=B(this.hiddenSeries,t);const s=this.locate(this.hoverIndex);s&&this.series[s.s]&&this.hiddenSeries.includes(this.series[s.s].label)&&this.setHover(-1)};chartName(t){const s=t.join(", "),r=this.xLabel,a=this.yLabel;let c;return c=r&&a?t.length?X(void 0,"chart-scatter.scatterOfPlotting",void 0,"scatter chart of {series}, plotting {y} against {x}",{series:s,x:r,y:a}):X(void 0,"chart-scatter.scatterPlotting",void 0,"scatter chart, plotting {y} against {x}",{x:r,y:a}):t.length?X(void 0,"chart-scatter.scatterOf",void 0,"scatter chart of {series}",{series:s}):A(void 0,"chart-scatter.scatter",void 0,"scatter chart"),I(this.heading,c)}render(){const{series:t,hiddenSeries:s}=this,r=this.plotW,i=this.height,e=$(this.host);if(this.loading)return a(c,{"aria-busy":"true"},a(o,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+n:void 0,hasHeaderEnd:this.hasHeaderEnd},a(u,{height:i,label:A(void 0,"chart-scatter.loading",void 0,"Loading"),rtl:e})));const h=this.empty,E=t.map((t=>!s.includes(t.label)));let L,N,S=0;for(let s=0;s<t.length;s++)if(S+=t[s].points.length,E[s])for(const r of t[s].points)L=L?[Math.min(L[0],r.x),Math.max(L[1],r.x)]:[r.x,r.x],N=N?[Math.min(N[0],r.y),Math.max(N[1],r.y)]:[r.y,r.y];L=L||G([]),N=N||G([]);const B=l(L[0],L[1],5),I=l(N[0],N[1],4),K=this.formatX||d,P=this.formatY||d,J=p(I.ticks.map(P)),[Q,R]=H(r,0,e,J),U=m(B.lo,B.hi,Q,R),Z=m(I.lo,I.hi,i-j.b,j.t),q=x(this.every,B.ticks.map(K),r-J-j.r,!1),_=t.map(g),tt=h?null:this.locate(O(this.hoverIndex,S)),st=tt&&E[tt.s]?t[tt.s].points[tt.p]:void 0,rt=t.filter(((t,s)=>E[s])).map((t=>t.label)),at=[],ct=[],it=t.map(((t,s)=>s>=4&&!t.color&&!t.accent));for(let s=0;s<t.length;s++){if(!E[s])continue;const r=t[s].points;for(let t=0;t<r.length;t++){const c=r[t],i=!!st&&tt.s===s&&tt.p===t;at.push(a("circle",{key:s+"-"+t,class:"pt","data-s":s+"","data-p":t+"",cx:U(c.x),cy:Z(c.y),r:c.r||4,fill:_[s],opacity:c.r?.55:.85,"fill-opacity":it[s]?.25:1,stroke:i?"var(--brand)":it[s]?_[s]:"var(--surface)","stroke-width":i||it[s]?2:1}));const e=(c.r||4)+1;i||ct.push([U(c.x)-e,Z(c.y)-e,U(c.x)+e,Z(c.y)+e,b,M])}}const et=this.scale,ht=st?(st.r||4)+2:0,ot=f(r,i,et,0,0,e,J),nt=B.ticks.filter(((t,s)=>s%q==0)).map((t=>{const s=v(K(t),9.5)/2;return[U(t)-s,i-13,U(t)+s,i-4,b]})),ut=st?y(ct.concat(w(I.ticks,Z,P,r,e,!1,J),nt),et).concat(ot.avoid):[],lt=this.keyed&&st?`${this.keysId}-${this.hoverIndex}`:void 0,pt=lt&&st?F(st.name||t[tt.s].label,st.name&&rt.length>1?t[tt.s].label:void 0,X(void 0,"chart-scatter.coords",void 0,"{x} {xValue}, {y} {yValue}",{x:this.xLabel||"x",xValue:K(st.x),y:this.yLabel||"y",yValue:P(st.y)})):"";return a(c,null,a(o,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+n:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:t.map(((t,s)=>({label:t.label,color:_[s],round:!0,mark:it[s]?"ring":void 0}))),hidden:s,onToggle:this.toggle},a("div",{class:"sui-chart-plot"},st?a(k,{show:!0,box:[(U(st.x)-ht)*et,(Z(st.y)-ht)*et,(U(st.x)+ht)*et,(Z(st.y)+ht)*et],w:r*et,ht:i*et,title:st.name||t[tt.s].label,rows:[{label:this.xLabel||"x",value:K(st.x)},{label:this.yLabel||"y",value:P(st.y)}],avoid:ut,area:ot.area,room:ot.room}):null,a("svg",{viewBox:`0 0 ${r} ${i}`,...h?V(this.chartName(rt),this.keysId,this.hostName):W(this.chartName(rt),this.keysId,this.hostName,lt),ref:t=>{this.plotEl=t},onKeyDown:this.onKey,onBlur:this.onBlur,onMouseOver:this.onOver,onMouseOut:this.onOut,onMouseLeave:this.onLeave},a(C,{ticks:I.ticks,y:Z,w:r,rtl:e,gl:J,fmt:P,bare:h}),a(z,{w:r,rtl:e,gl:J,h:i}),h?null:B.ticks.map(((t,s)=>s%q==0?a("text",{"aria-hidden":"true",key:t+"",x:U(t),y:i-6,"text-anchor":"middle",style:{font:"600 9.5px var(--font-sans)",fill:"var(--ink-faint)",fontFeatureSettings:"'tnum'"}},K(t)):null)),h?null:at,lt&&st?a(Y,{id:lt,label:pt,circle:[U(st.x),Z(st.y),(st.r||4)+4]}):null),a(D,{ids:this.keysId,summary:this.chartName(rt),host:this.hostName,hint:!h}),h?a(T,{text:A(void 0,"chart-scatter.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-scatter-h{display:block}svg.sc-sui-chart-scatter{direction:ltr}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{user-select:none}.sui-chart-plot.sc-sui-chart-scatter circle.pt.sc-sui-chart-scatter{cursor:pointer}.sc-sui-chart-scatter-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-scatter{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-scatter{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-scatter{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-scatter{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-scatter{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-scatter{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-scatter{position:relative}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line.sc-sui-chart-scatter{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-scatter{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-scatter{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-scatter{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-scatter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-scatter{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-scatter .swatch.round.sc-sui-chart-scatter{border-radius:50%}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-scatter::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-scatter::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-scatter::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-scatter .mk.sc-sui-chart-scatter{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-scatter .mk.dot.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.solid.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.ring.sc-sui-chart-scatter{border-radius:50%}.swatch.glyph.sc-sui-chart-scatter .mk.solid.sc-sui-chart-scatter{background:var(--c)}.swatch.glyph.sc-sui-chart-scatter .mk.ring.sc-sui-chart-scatter{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-scatter .mk.diamond.sc-sui-chart-scatter{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter::after,.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{width:22px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.line.sc-sui-chart-scatter::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.sc-sui-chart-scatter{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter,.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{opacity:0.35}.sui-chart-caption.sc-sui-chart-scatter{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-scatter{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-scatter{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-scatter{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-scatter .lbl.sc-sui-chart-scatter{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-scatter b.sc-sui-chart-scatter{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-scatter .sui-chart-tip-row.sc-sui-chart-scatter{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-scatter .sui-chart-tip-row.keyed.sc-sui-chart-scatter{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-scatter .sui-chart-tip-row.keyed.sc-sui-chart-scatter>b.sc-sui-chart-scatter{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-scatter .sui-chart-tip-row.sc-sui-chart-scatter>b.sc-sui-chart-scatter{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter .halo.sc-sui-chart-scatter{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-scatter:focus{outline:none}.sui-chart-keys.sc-sui-chart-scatter: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-scatter:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-scatter{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-scatter{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-scatter{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-scatter{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-scatter span.sc-sui-chart-scatter{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-scatter{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-scatter{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-scatter{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-scatter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-scatter,.prose.sc-sui-chart-scatter{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-scatter{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{border:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter .halo.sc-sui-chart-scatter{stroke:Canvas}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line.sc-sui-chart-scatter{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-scatter svg.sc-sui-chart-scatter line[stroke*="--hairline"].sc-sui-chart-scatter{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--chart-axis"].sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--border-strong"].sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--accent-deep"].sc-sui-chart-scatter{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter circle.sc-sui-chart-scatter{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter rect.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter path.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter polyline.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter polygon.sc-sui-chart-scatter{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-scatter:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-scatter .sui-chart-ring.sc-sui-chart-scatter .sui-chart-ring-line.sc-sui-chart-scatter{stroke:Highlight;filter:none}svg.sc-sui-chart-scatter .sui-chart-ring.sc-sui-chart-scatter .sui-chart-ring-halo.sc-sui-chart-scatter{stroke:Canvas;filter:none}}'}},[518,"sui-chart-scatter",{heading:[1],subtitle:[1],caption:[1],series:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],xLabel:[1,"x-label"],yLabel:[1,"y-label"],formatX:[16],formatY:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],hostName:[32],setFocus:[64]}]),Q=J,R=function(){"undefined"!=typeof customElements&&["sui-chart-scatter"].forEach((t=>{"sui-chart-scatter"===t&&(customElements.get(i(t))||customElements.define(i(t),J))}))};export{Q as SuiChartScatter,R as defineCustomElement}
+import{p as t,H as s,c as r,h as a,a as c,t as i}from"./p-DQ8DrIvI.js";import{o as e,p as h,c as o,L as n,d as u,b as l,v as p,Z as d,N as x,s as g,x as f,t as v,T as b,l as m,m as y,E as w,k,Y as z,K as C,C as T,a4 as M,P as j,J as H}from"./p-QmakFSYp.js";import{h as E,w as L,c as S,p as N,t as O,a as B,s as F,b as I,i as V,k as W,K as Y,P as D,m as G}from"./p-CvLe513l.js";import{d as K}from"./p-BHB1Wprj.js";import{u as P}from"./p-U06fVoGD.js";import{i as $}from"./p-GAnFXayY.js";import{l as X,a as Q}from"./p-BuyjS5bS.js";const A=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=r(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;series=[];width=440;height=210;fixedSize=!1;xLabel;yLabel;formatX;formatY;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;plotEl;keysId=P("sui-chart-keys");hostName={};stopHostName;scale=1;stopResize;componentWillLoad(){this.hasHeaderEnd=E(this.host,"header-end")}connectedCallback(){K(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=L(this.host,(t=>{this.hostName=t})),this.stopResize||(this.stopResize=e(this.host,(t=>{this.boxW=t})))}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 h(!this.fixedSize,this.boxW,this.width)}keyOrder(){const t=[];(this.series||[]).forEach(((s,r)=>{this.hiddenSeries.includes(s.label)||t.push(r)}));const s=t.map((t=>{const s=this.series[t].points||[];return s.map(((t,s)=>s)).sort(((t,r)=>s[t].x-s[r].x||s[t].y-s[r].y))}));return{drawn:t,order:s}}onKey=t=>{if(this.empty)return;const{drawn:s,order:r}=this.keyOrder(),a=(t,a)=>this.series[s[t]].points[r[t][a]],c={rows:s.length,count:t=>r[t].length,near:(t,s)=>{const c=a(t.s,t.i);let i=0;return r[s].forEach(((t,r)=>{const e=a(s,r),h=a(s,i);(Math.abs(e.x-c.x)<Math.abs(h.x-c.x)||Math.abs(e.x-c.x)===Math.abs(h.x-c.x)&&Math.abs(e.y-c.y)<Math.abs(h.y-c.y))&&(i=r)})),i}},i=this.locate(this.hoverIndex),e=i?s.indexOf(i.s):-1,h=S(t,c,e>=0?{s:e,i:r[e].indexOf(i.p)}:null,this.keyed);if(h){if(t.preventDefault(),"leave"===h)return t.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=N(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(this.flat(s[h.s],r[h.s][h.i]))}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const t=this.series||[];return 0===t.length||t.every((t=>!(t.points||[]).length))}locate(t){if(t<0)return null;let s=0;for(let r=0;r<this.series.length;r++){const a=this.series[r].points.length;if(t<s+a)return{s:r,p:t-s};s+=a}return null}flat(t,s){let r=0;for(let s=0;s<t;s++)r+=this.series[s].points.length;return r+s}setHover(t){if(t===this.hoverIndex)return;this.hoverIndex=t;const s=this.locate(t);this.suiHover.emit(s?{index:t,series:s.s,point:s.p}:{index:-1,series:-1,point:-1})}onOver=t=>{const s=t.target;if(!s||"circle"!==s.tagName)return;const r=t.currentTarget.getBoundingClientRect();r.width>0&&(this.scale=r.width/this.plotW),this.keyed=!1,this.setHover(this.flat(Number(s.getAttribute("data-s")),Number(s.getAttribute("data-p"))))};onOut=t=>{const s=t.target;if(!s||"circle"!==s.tagName||this.hoverIndex<0)return;const r=t.relatedTarget;r&&"circle"===r.tagName&&this.host.contains(r)||this.setHover(-1)};onLeave=()=>this.setHover(-1);toggle=t=>{this.hiddenSeries=O(this.hiddenSeries,t);const s=this.locate(this.hoverIndex);s&&this.series[s.s]&&this.hiddenSeries.includes(this.series[s.s].label)&&this.setHover(-1)};chartName(t){const s=t.join(", "),r=this.xLabel,a=this.yLabel;let c;return c=r&&a?t.length?X(void 0,"chart-scatter.scatterOfPlotting",void 0,"scatter chart of {series}, plotting {y} against {x}",{series:s,x:r,y:a}):X(void 0,"chart-scatter.scatterPlotting",void 0,"scatter chart, plotting {y} against {x}",{x:r,y:a}):t.length?X(void 0,"chart-scatter.scatterOf",void 0,"scatter chart of {series}",{series:s}):Q(void 0,"chart-scatter.scatter",void 0,"scatter chart"),B(this.heading,c)}render(){const{series:t,hiddenSeries:s}=this,r=this.plotW,i=this.height,e=$(this.host);if(this.loading)return a(c,{"aria-busy":"true"},a(o,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+n:void 0,hasHeaderEnd:this.hasHeaderEnd},a(u,{height:i,label:Q(void 0,"chart-scatter.loading",void 0,"Loading"),rtl:e})));const h=this.empty,E=t.map((t=>!s.includes(t.label)));let L,S,N=0;for(let s=0;s<t.length;s++)if(N+=t[s].points.length,E[s])for(const r of t[s].points)L=L?[Math.min(L[0],r.x),Math.max(L[1],r.x)]:[r.x,r.x],S=S?[Math.min(S[0],r.y),Math.max(S[1],r.y)]:[r.y,r.y];L=L||G([]),S=S||G([]);const O=l(L[0],L[1],5),B=l(S[0],S[1],4),K=this.formatX||d,P=this.formatY||d,A=p(B.ticks.map(P)),[J,R]=H(r,0,e,A),U=m(O.lo,O.hi,J,R),Z=m(B.lo,B.hi,i-j.b,j.t),q=x(this.every,O.ticks.map(K),r-A-j.r,!1),_=t.map(g),tt=h?null:this.locate(F(this.hoverIndex,N)),st=tt&&E[tt.s]?t[tt.s].points[tt.p]:void 0,rt=t.filter(((t,s)=>E[s])).map((t=>t.label)),at=[],ct=[],it=t.map(((t,s)=>s>=4&&!t.color&&!t.accent));for(let s=0;s<t.length;s++){if(!E[s])continue;const r=t[s].points;for(let t=0;t<r.length;t++){const c=r[t],i=!!st&&tt.s===s&&tt.p===t;at.push(a("circle",{key:s+"-"+t,class:"pt","data-s":s+"","data-p":t+"",cx:U(c.x),cy:Z(c.y),r:c.r||4,fill:_[s],opacity:c.r?.55:.85,"fill-opacity":it[s]?.25:1,stroke:i?"var(--brand)":it[s]?_[s]:"var(--surface)","stroke-width":i||it[s]?2:1}));const e=(c.r||4)+1;i||ct.push([U(c.x)-e,Z(c.y)-e,U(c.x)+e,Z(c.y)+e,b,M])}}const et=this.scale,ht=st?(st.r||4)+2:0,ot=f(r,i,et,0,0,e,A),nt=O.ticks.filter(((t,s)=>s%q==0)).map((t=>{const s=v(K(t),9.5)/2;return[U(t)-s,i-13,U(t)+s,i-4,b]})),ut=st?y(ct.concat(w(B.ticks,Z,P,r,e,!1,A),nt),et).concat(ot.avoid):[],lt=this.keyed&&st?`${this.keysId}-${this.hoverIndex}`:void 0,pt=lt&&st?I(st.name||t[tt.s].label,st.name&&rt.length>1?t[tt.s].label:void 0,X(void 0,"chart-scatter.coords",void 0,"{x} {xValue}, {y} {yValue}",{x:this.xLabel||"x",xValue:K(st.x),y:this.yLabel||"y",yValue:P(st.y)})):"";return a(c,null,a(o,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+n:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:t.map(((t,s)=>({label:t.label,color:_[s],round:!0,mark:it[s]?"ring":void 0}))),hidden:s,onToggle:this.toggle},a("div",{class:"sui-chart-plot"},st?a(k,{show:!0,box:[(U(st.x)-ht)*et,(Z(st.y)-ht)*et,(U(st.x)+ht)*et,(Z(st.y)+ht)*et],w:r*et,ht:i*et,title:st.name||t[tt.s].label,rows:[{label:this.xLabel||"x",value:K(st.x)},{label:this.yLabel||"y",value:P(st.y)}],avoid:ut,area:ot.area,room:ot.room}):null,a("svg",{viewBox:`0 0 ${r} ${i}`,...h?V(this.chartName(rt),this.keysId,this.hostName):W(this.chartName(rt),this.keysId,this.hostName,lt),ref:t=>{this.plotEl=t},onKeyDown:this.onKey,onBlur:this.onBlur,onMouseOver:this.onOver,onMouseOut:this.onOut,onMouseLeave:this.onLeave},a(z,{ticks:B.ticks,y:Z,w:r,rtl:e,gl:A,fmt:P,bare:h}),a(C,{w:r,rtl:e,gl:A,h:i}),h?null:O.ticks.map(((t,s)=>s%q==0?a("text",{"aria-hidden":"true",key:t+"",x:U(t),y:i-6,"text-anchor":"middle",style:{font:"600 9.5px var(--font-sans)",fill:"var(--ink-faint)",fontFeatureSettings:"'tnum'"}},K(t)):null)),h?null:at,lt&&st?a(Y,{id:lt,label:pt,circle:[U(st.x),Z(st.y),(st.r||4)+4]}):null),a(D,{ids:this.keysId,summary:this.chartName(rt),host:this.hostName,hint:!h}),h?a(T,{text:Q(void 0,"chart-scatter.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-scatter-h{display:block}svg.sc-sui-chart-scatter{direction:ltr}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{user-select:none}.sui-chart-plot.sc-sui-chart-scatter circle.pt.sc-sui-chart-scatter{cursor:pointer}.sc-sui-chart-scatter-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-scatter{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-scatter{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-scatter{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-scatter{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-scatter{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-scatter{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-scatter{position:relative}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line.sc-sui-chart-scatter{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-scatter{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-scatter{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-scatter{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-scatter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-scatter{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-scatter .swatch.round.sc-sui-chart-scatter{border-radius:50%}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-scatter::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-scatter::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-scatter::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-scatter .mk.sc-sui-chart-scatter{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-scatter .mk.dot.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.solid.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.ring.sc-sui-chart-scatter{border-radius:50%}.swatch.glyph.sc-sui-chart-scatter .mk.solid.sc-sui-chart-scatter{background:var(--c)}.swatch.glyph.sc-sui-chart-scatter .mk.ring.sc-sui-chart-scatter{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-scatter .mk.diamond.sc-sui-chart-scatter{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter,.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter::after,.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{width:22px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.line.sc-sui-chart-scatter::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.sc-sui-chart-scatter{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.tri.sc-sui-chart-scatter,.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter .mk.tri-down.sc-sui-chart-scatter{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{opacity:0.35}.sui-chart-caption.sc-sui-chart-scatter{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-scatter{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-scatter{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-scatter{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-scatter .lbl.sc-sui-chart-scatter{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-scatter b.sc-sui-chart-scatter{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-scatter .sui-chart-tip-row.sc-sui-chart-scatter{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-scatter .sui-chart-tip-row.keyed.sc-sui-chart-scatter{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-scatter .sui-chart-tip-row.keyed.sc-sui-chart-scatter>b.sc-sui-chart-scatter{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-scatter .sui-chart-tip-row.sc-sui-chart-scatter>b.sc-sui-chart-scatter{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter .halo.sc-sui-chart-scatter{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-scatter:focus{outline:none}.sui-chart-keys.sc-sui-chart-scatter: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-scatter:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-scatter{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-scatter{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-scatter{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-scatter{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-scatter span.sc-sui-chart-scatter{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-scatter{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-scatter{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-scatter{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-scatter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-scatter,.prose.sc-sui-chart-scatter{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-scatter{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.sc-sui-chart-scatter{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter,.sui-chart-tip-row.sc-sui-chart-scatter .swatch.glyph.sc-sui-chart-scatter{border:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter text.sc-sui-chart-scatter{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter .halo.sc-sui-chart-scatter{stroke:Canvas}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line.sc-sui-chart-scatter{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-scatter svg.sc-sui-chart-scatter line[stroke*="--hairline"].sc-sui-chart-scatter{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--chart-axis"].sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--border-strong"].sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter line[stroke*="--accent-deep"].sc-sui-chart-scatter{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter circle.sc-sui-chart-scatter{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter rect.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter path.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter polyline.sc-sui-chart-scatter,.sui-chart-plot.sc-sui-chart-scatter svg.sc-sui-chart-scatter polygon.sc-sui-chart-scatter{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-scatter:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-scatter .sui-chart-ring.sc-sui-chart-scatter .sui-chart-ring-line.sc-sui-chart-scatter{stroke:Highlight;filter:none}svg.sc-sui-chart-scatter .sui-chart-ring.sc-sui-chart-scatter .sui-chart-ring-halo.sc-sui-chart-scatter{stroke:Canvas;filter:none}}'}},[518,"sui-chart-scatter",{heading:[1],subtitle:[1],caption:[1],series:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],xLabel:[1,"x-label"],yLabel:[1,"y-label"],formatX:[16],formatY:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],hostName:[32],setFocus:[64]}]),J=A,R=function(){"undefined"!=typeof customElements&&["sui-chart-scatter"].forEach((t=>{"sui-chart-scatter"===t&&(customElements.get(i(t))||customElements.define(i(t),A))}))};export{J as SuiChartScatter,R as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as i,a as r,t as n}from"./p-DQ8DrIvI.js";const o=["SUI-CHART-LINE","SUI-CHART-BAR","SUI-CHART-CANDLESTICK","SUI-CHART-COMBO","SUI-CHART-WATERFALL","SUI-CHART-SCATTER","SUI-CHART-RADAR","SUI-CHART-HEATMAP","SUI-CHART-TREEMAP","SUI-CHART-PIE"],h=o.join(",").toLowerCase(),c=t=>1===t.nodeType&&(o.includes(t.tagName)||!!t.querySelector?.(h)),a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=e(this,"suiHover",7)}get host(){return this}hoverIndex=-1;suiHover;wired=new Set;stopObserving;connectedCallback(){this.wirePanels(),this.stopObserving=this.observePanels()}disconnectedCallback(){this.stopObserving?.(),this.stopObserving=void 0;for(const t of this.wired)t.removeEventListener("suiHover",this.onPanelHover);this.wired.clear()}componentDidLoad(){this.wirePanels(),-1!==this.hoverIndex&&this.broadcast(this.hoverIndex)}ownPanels(){return Array.from(this.host.querySelectorAll(h)).filter((t=>t.closest("sui-chart-synced")===this.host))}wirePanels(){const t=new Set(this.ownPanels());for(const s of this.wired)t.has(s)||(s.removeEventListener("suiHover",this.onPanelHover),this.wired.delete(s));for(const s of t)this.wired.has(s)||(s.addEventListener("suiHover",this.onPanelHover),this.wired.add(s))}observePanels(){if("undefined"==typeof MutationObserver)return;const t=t=>Array.from(t.addedNodes).some(c)||Array.from(t.removedNodes).some(c),s=new MutationObserver((s=>{s&&s.length>0&&!s.some(t)||(this.wirePanels(),-1!==this.hoverIndex&&this.broadcast(this.hoverIndex))}));return s.observe(this.host,{childList:!0,subtree:!0}),()=>s.disconnect()}onPanelHover=t=>{if(t.target!==t.currentTarget)return;t.stopPropagation();const s=t.detail,e=s?s.index:-1;e!==this.hoverIndex&&(this.hoverIndex=e,this.suiHover.emit({index:e}))};broadcast(t){for(const s of this.ownPanels())s.hoverIndex!==t&&(s.hoverIndex=t)}render(){return i(r,{key:"92763ca1b20024afe57d706e4f93faea316c16b3"},i("slot",{key:"10d50e26c39104e40d6674a977ae8d8c40f17485"}))}static get watchers(){return{hoverIndex:[{broadcast:0}]}}static get style(){return".sc-sui-chart-synced-h{display:flex;flex-direction:column;gap:14px;font-family:var(--font-sans)}"}},[774,"sui-chart-synced",{hoverIndex:[1026,"hover-index"]},void 0,{hoverIndex:[{broadcast:0}]}]),d=a,u=function(){"undefined"!=typeof customElements&&["sui-chart-synced"].forEach((t=>{"sui-chart-synced"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{d as SuiChartSynced,u as defineCustomElement}
+import{p as t,H as s,c as e,h as i,a as r,t as n}from"./p-DQ8DrIvI.js";const o=["SUI-CHART-LINE","SUI-CHART-BAR","SUI-CHART-CANDLESTICK","SUI-CHART-COMBO","SUI-CHART-WATERFALL","SUI-CHART-SCATTER","SUI-CHART-RADAR","SUI-CHART-HEATMAP","SUI-CHART-TREEMAP","SUI-CHART-PIE"],c=o.join(",").toLowerCase(),h=t=>1===t.nodeType&&(o.includes(t.tagName)||!!t.querySelector?.(c)),a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=e(this,"suiHover",7)}get host(){return this}hoverIndex=-1;suiHover;wired=new Set;stopObserving;connectedCallback(){this.wirePanels(),this.stopObserving=this.observePanels()}disconnectedCallback(){this.stopObserving?.(),this.stopObserving=void 0;for(const t of this.wired)t.removeEventListener("suiHover",this.onPanelHover);this.wired.clear()}componentDidLoad(){this.wirePanels(),-1!==this.hoverIndex&&this.broadcast(this.hoverIndex)}ownPanels(){return Array.from(this.host.querySelectorAll(c)).filter((t=>t.closest("sui-chart-synced")===this.host))}wirePanels(){const t=new Set(this.ownPanels());for(const s of this.wired)t.has(s)||(s.removeEventListener("suiHover",this.onPanelHover),this.wired.delete(s));for(const s of t)this.wired.has(s)||(s.addEventListener("suiHover",this.onPanelHover),this.wired.add(s))}observePanels(){if("undefined"==typeof MutationObserver)return;const t=t=>Array.from(t.addedNodes).some(h)||Array.from(t.removedNodes).some(h),s=new MutationObserver((s=>{s&&s.length>0&&!s.some(t)||(this.wirePanels(),-1!==this.hoverIndex&&this.broadcast(this.hoverIndex))}));return s.observe(this.host,{childList:!0,subtree:!0}),()=>s.disconnect()}onPanelHover=t=>{if(t.target!==t.currentTarget)return;t.stopPropagation();const s=t.detail,e=s?s.index:-1;e!==this.hoverIndex&&(this.hoverIndex=e,this.suiHover.emit({index:e}))};broadcast(t){for(const s of this.ownPanels())s.hoverIndex!==t&&(s.hoverIndex=t)}render(){return i(r,{key:"63d4e0f0f0b1fa508239af4f2112ef163ea8c1ca"},i("slot",{key:"059fb791c647c4b64b9208df860694f9589c8bfe"}))}static get watchers(){return{hoverIndex:[{broadcast:0}]}}static get style(){return".sc-sui-chart-synced-h{display:flex;flex-direction:column;gap:14px;font-family:var(--font-sans)}"}},[774,"sui-chart-synced",{hoverIndex:[1026,"hover-index"]},void 0,{hoverIndex:[{broadcast:0}]}]),d=a,f=function(){"undefined"!=typeof customElements&&["sui-chart-synced"].forEach((t=>{"sui-chart-synced"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{d as SuiChartSynced,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as r,a as i,t as a}from"./p-DQ8DrIvI.js";import{o as c,p as h,f as o,c as p,L as u,d as n,C as l,t as m,e as d,S as x,T as v,a3 as g,$ as f,k as b}from"./p-CInYFFmy.js";import{h as w,p as k}from"./p-DbF8ArKE.js";import{w as y,r as z,l as C,m as T}from"./p-mdFjb4l0.js";import{w as j,c as H,p as E,a as M,k as S,s as W,K as $,g as B,r as D,P as I}from"./p-CInpgpwB.js";import{a as F}from"./p-BuyjS5bS.js";import{d as L}from"./p-BHB1Wprj.js";import{u as K}from"./p-U06fVoGD.js";import{d as N}from"./p-COO9uV7W.js";const G=["var(--viz-1)","color-mix(in oklab, var(--viz-1) 55%, var(--viz-3))","var(--viz-2)","var(--viz-3)","color-mix(in oklab, var(--viz-3) 45%, var(--viz-4))","var(--viz-4)"],V=[["--viz-1","--viz-1",1],["--viz-1","--viz-3",.55],["--viz-2","--viz-2",1],["--viz-3","--viz-3",1],["--viz-3","--viz-4",.45],["--viz-4","--viz-4",1]],O=["--viz-1","--viz-2","--viz-3","--viz-4","--accent","--ink","--ink-on-dark","--surface"],P=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=e(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];width=460;height=220;fixedSize=!1;money=!1;currency="USD";emptyMessage;loading=!1;hoverIndex=-1;suiHover;keyed=!1;keysId=K("sui-chart-keys");hostName={};stopHostName;tiles=[];total=0;boxW=0;themeTick=0;hasHeaderEnd=!1;inks=null;stopTheme;svg;scale=1;stopResize;loaded=!1;componentWillLoad(){this.hasHeaderEnd=w(this.host,"header-end"),this.compute()}connectedCallback(){L(this.host,(()=>this.svg)),this.stopHostName?.(),this.stopHostName=j(this.host,(t=>{this.hostName=t})),this.stopResize||(this.stopResize=c(this.host,(t=>{this.boxW=t}))),this.loaded&&this.followTheme(!0)}componentDidLoad(){this.loaded=!0,this.followTheme()}followTheme(t=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}componentWillRender(){this.inks=z(this.host,O)}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}get plotW(){return h(!this.fixedSize,this.boxW,this.width)}async setFocus(){this.svg&&this.svg.hasAttribute("tabindex")&&this.svg.focus()}onKey=t=>{if(this.empty)return;const s=this.tiles,e=s.findIndex((t=>t.idx===this.hoverIndex)),r=H(t,{rows:1,count:()=>s.length,flat:!0},e>=0?{s:0,i:e}:null,this.keyed);if(r){if(t.preventDefault(),"leave"===r)return t.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=E(this.svg,this.plotW,this.scale),this.keyed=!0,this.setHover(s[r.i].idx)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};compute(){const t=this.items||[];this.total=t.reduce(((t,s)=>t+s.value),0),this.tiles=function(t,s,e,r,i){const a=[];let c=t.map(((t,s)=>({it:t,idx:s}))).sort(((t,s)=>s.it.value-t.it.value));const h=c.reduce(((t,s)=>t+s.it.value),0)||1;let o=0,p=0,u=r,n=i,l=h;for(;c.length;){const t=u>=n,s=t?n:u;let e=[c[0]],r=c[0].it.value;const i=(t,e)=>{const r=u*n/l,i=e*r/s;let a=0;for(let s=0;s<t.length;s++){const e=t[s].it.value*r/i,c=Math.max(i/e,e/i);c>a&&(a=c)}return a};let h=1;for(;h<c.length;){const t=e.concat(c[h]);if(!(i(t,r+c[h].it.value)<=i(e,r)))break;e=t,r+=c[h].it.value,h++}const m=u*n/l,d=r*m/s;let x=0;e.forEach((s=>{const e=s.it.value*m/d;a.push(t?{it:s.it,idx:s.idx,x:o,y:p+x,w:d,h:e}:{it:s.it,idx:s.idx,x:o+x,y:p,w:e,h:d}),x+=e})),t?(o+=d,u-=d):(p+=d,n-=d),l-=r,c=c.slice(e.length)}return a}(t,0,0,this.plotW,this.height).map((t=>({...t,fill:t.it.color||(t.it.accent?"var(--accent)":G[Math.min(t.idx,G.length-1)]),light:t.idx>=3&&!t.it.accent||!!t.it.accent,showText:t.h>34})))}get empty(){const t=this.items||[];return 0===t.length||t.every((t=>!t.value))}setHover(t){t!==this.hoverIndex&&(this.hoverIndex=t,this.suiHover.emit({index:t}))}enter=t=>{const s=this.svg?this.svg.getBoundingClientRect():{width:0};s.width>0&&(this.scale=s.width/this.plotW),this.keyed=!1,this.setHover(t)};onLeave=()=>this.setHover(-1);fmt=t=>this.money?N(t,!0,this.currency):o(t);exact=t=>this.money?N(t,!1,this.currency):o(t);render(){const t=this.plotW;if(this.loading)return r(i,{"aria-busy":"true"},r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r(n,{height:this.height,label:F(void 0,"chart-treemap.loading",void 0,"Loading")})));if(this.empty)return r(i,null,r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r("div",{class:"sui-chart-plot",style:{height:this.height+"px"}},r(l,{text:F(void 0,"chart-treemap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const s=W(this.hoverIndex,(this.items||[]).length),e=s>=0?this.tiles.find((t=>t.idx===s)):void 0,a=M(this.heading,(this.items||[]).map((t=>`${t.label} ${this.exact(t.value)}`)).join(", ")),c=this.inks,h=this.scale,o=[],w=this.keyed&&e?`${this.keysId}-${s}`:void 0;return r(i,null,r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r("div",{class:"sui-tree-plot"},r("svg",{ref:t=>this.svg=t,width:"100%",viewBox:`0 0 ${t} ${this.height}`,...S(a,this.keysId,this.hostName,w),onKeyDown:this.onKey,onBlur:this.onBlur,onMouseLeave:this.onLeave},this.tiles.map((t=>{const e=t.w-18,i=t.showText&&e>=m("xxxxxxx",10.5)?d(t.it.label,e,10.5,Math.max(1,Math.floor((t.h-39)/13)+1)):[],a=this.fmt(t.it.value),p=`${a} · ${x(k(t.it.value,this.total))}`,u=t.showText?m(p,9.5)<=e?p:m(a,9.5)<=e?a:"":"",n=i.length>0||!!u,l=t.y+17+(i.length?13*i.length+1:0);t.idx!==s&&(i.forEach(((s,e)=>o.push([(t.x+8)*h,(t.y+9+13*e)*h,(t.x+10+m(s,10.5))*h,(t.y+20+13*e)*h,v]))),u&&o.push([(t.x+8)*h,(l-8)*h,(t.x+10+m(u,9.5))*h,(l+3)*h,v])),t.idx!==s&&o.push([t.x*h,t.y*h,(t.x+t.w)*h,(t.y+t.h)*h,g]);const b=V[Math.min(t.idx,V.length-1)],y=t.it.color&&c&&n?f(this.host,t.it.color):"",z=c&&n&&(y||!t.it.color)?C(y||(t.it.accent?c["--accent"]:T(c[b[0]],c[b[1]],b[2])),[c["--ink"],c["--ink-on-dark"],c["--surface"]]):void 0;return r("g",{key:t.it.label,class:{"sui-tree-tile":!0,dim:-1!==s&&s!==t.idx,hov:s===t.idx,light:t.light},onMouseEnter:()=>this.enter(t.idx)},r("rect",{x:t.x+1.5,y:t.y+1.5,width:t.w-3,height:t.h-3,rx:4,fill:t.fill,stroke:s!==t.idx||w?"var(--surface)":"var(--accent)","stroke-width":s!==t.idx||w?1:2}),i.map(((s,e)=>r("text",{"aria-hidden":"true",key:e+"",class:"sui-tree-label",x:t.x+9,y:t.y+17+13*e,style:z?{fill:z.ink}:void 0},s))),u?r("text",{"aria-hidden":"true",class:"sui-tree-sub",x:t.x+9,y:l,style:z?{fill:z.ink,opacity:z.sub+""}:void 0},u):null)})),w&&e?r($,{id:w,box:D([e.x,e.y,e.x+e.w,e.y+e.h],1),r:5,label:B(e.it.label,this.exact(e.it.value),x(k(e.it.value,this.total)))}):null),r(I,{ids:this.keysId,summary:a,host:this.hostName,hint:!0}),r(b,{show:!!e,box:e?[e.x*h,e.y*h,(e.x+e.w)*h,(e.y+e.h)*h]:[],w:t*h,ht:this.height*h,title:e?e.it.label:"",avoid:o,rows:e?[{label:F(void 0,"chart-treemap.value",void 0,"Value"),value:this.exact(e.it.value),color:e.fill},{label:F(void 0,"chart-treemap.share",void 0,"Share"),value:x(k(e.it.value,this.total))}]:[]}))))}static get watchers(){return{items:[{compute:0}],width:[{compute:0}],height:[{compute:0}],boxW:[{compute:0}],fixedSize:[{compute:0}]}}static get style(){return".sui-tree-plot.sc-sui-chart-treemap{position:relative}.sui-tree-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{display:block;width:100%;height:auto;overflow:visible;direction:ltr}.sui-tree-tile.sc-sui-chart-treemap{cursor:default}.sui-tree-tile.sc-sui-chart-treemap rect.sc-sui-chart-treemap{transition:opacity var(--duration-fast) var(--ease-out), stroke var(--duration-fast) var(--ease-out)}.sui-tree-tile.dim.sc-sui-chart-treemap rect.sc-sui-chart-treemap{opacity:0.55}.sui-tree-label.sc-sui-chart-treemap{font:650 10.5px var(--font-sans);fill:var(--ink-on-dark);pointer-events:none}.sui-tree-sub.sc-sui-chart-treemap{font:600 9.5px var(--font-sans);fill:var(--ink-inverse-muted);font-feature-settings:'tnum';pointer-events:none}.sui-tree-tile.light.sc-sui-chart-treemap .sui-tree-label.sc-sui-chart-treemap{fill:var(--brand)}.sui-tree-tile.light.sc-sui-chart-treemap .sui-tree-sub.sc-sui-chart-treemap{fill:var(--ink-muted)}@media (forced-colors: active){.sui-tree-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{forced-color-adjust:none}.sui-tree-tile.sc-sui-chart-treemap rect.sc-sui-chart-treemap{stroke:CanvasText}}.sc-sui-chart-treemap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-treemap{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-treemap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-treemap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-treemap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-treemap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-treemap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-treemap{position:relative}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line.sc-sui-chart-treemap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-treemap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-treemap{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-treemap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-treemap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-treemap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-treemap .swatch.round.sc-sui-chart-treemap{border-radius:50%}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-treemap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-treemap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-treemap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-treemap .mk.sc-sui-chart-treemap{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-treemap .mk.dot.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.solid.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.ring.sc-sui-chart-treemap{border-radius:50%}.swatch.glyph.sc-sui-chart-treemap .mk.solid.sc-sui-chart-treemap{background:var(--c)}.swatch.glyph.sc-sui-chart-treemap .mk.ring.sc-sui-chart-treemap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-treemap .mk.diamond.sc-sui-chart-treemap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap::after,.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{width:22px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.line.sc-sui-chart-treemap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.sc-sui-chart-treemap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap,.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{opacity:0.35}.sui-chart-caption.sc-sui-chart-treemap{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-treemap{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-treemap{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-treemap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-treemap .lbl.sc-sui-chart-treemap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-treemap b.sc-sui-chart-treemap{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-treemap .sui-chart-tip-row.sc-sui-chart-treemap{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-treemap .sui-chart-tip-row.keyed.sc-sui-chart-treemap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-treemap .sui-chart-tip-row.keyed.sc-sui-chart-treemap>b.sc-sui-chart-treemap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-treemap .sui-chart-tip-row.sc-sui-chart-treemap>b.sc-sui-chart-treemap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap .halo.sc-sui-chart-treemap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-treemap:focus{outline:none}.sui-chart-keys.sc-sui-chart-treemap: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-treemap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-treemap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-treemap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-treemap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-treemap{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-treemap span.sc-sui-chart-treemap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-treemap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-treemap{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-treemap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-treemap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-treemap,.prose.sc-sui-chart-treemap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-treemap text.sc-sui-chart-treemap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-treemap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{border:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap text.sc-sui-chart-treemap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap .halo.sc-sui-chart-treemap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line.sc-sui-chart-treemap{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-treemap svg.sc-sui-chart-treemap line[stroke*=\"--hairline\"].sc-sui-chart-treemap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--chart-axis\"].sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--border-strong\"].sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--accent-deep\"].sc-sui-chart-treemap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap circle.sc-sui-chart-treemap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap rect.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap path.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap polyline.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap polygon.sc-sui-chart-treemap{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-treemap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-treemap .sui-chart-ring.sc-sui-chart-treemap .sui-chart-ring-line.sc-sui-chart-treemap{stroke:Highlight;filter:none}svg.sc-sui-chart-treemap .sui-chart-ring.sc-sui-chart-treemap .sui-chart-ring-halo.sc-sui-chart-treemap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-treemap",{heading:[1],subtitle:[1],caption:[1],items:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],keyed:[32],hostName:[32],tiles:[32],total:[32],boxW:[32],themeTick:[32],setFocus:[64]},void 0,{items:[{compute:0}],width:[{compute:0}],height:[{compute:0}],boxW:[{compute:0}],fixedSize:[{compute:0}]}]),R=P,U=function(){"undefined"!=typeof customElements&&["sui-chart-treemap"].forEach((t=>{"sui-chart-treemap"===t&&(customElements.get(a(t))||customElements.define(a(t),P))}))};export{R as SuiChartTreemap,U as defineCustomElement}
+import{p as t,H as s,c as e,h as r,a as i,t as a}from"./p-DQ8DrIvI.js";import{o as c,p as h,f as o,c as p,L as u,d as n,C as l,t as m,e as d,S as x,T as v,a3 as g,$ as f,k as b}from"./p-QmakFSYp.js";import{h as w,p as k}from"./p-DbF8ArKE.js";import{w as y,r as z,l as T,m as C}from"./p-DDyzuLfq.js";import{w as j,c as H,p as E,a as S,k as D,s as M,K as $,g as L,r as W,P as B}from"./p-CvLe513l.js";import{a as I}from"./p-BuyjS5bS.js";import{d as F}from"./p-BHB1Wprj.js";import{u as K}from"./p-U06fVoGD.js";import{d as N}from"./p-qut9RP2y.js";const G=["var(--viz-1)","color-mix(in oklab, var(--viz-1) 55%, var(--viz-3))","var(--viz-2)","var(--viz-3)","color-mix(in oklab, var(--viz-3) 45%, var(--viz-4))","var(--viz-4)"],P=[["--viz-1","--viz-1",1],["--viz-1","--viz-3",.55],["--viz-2","--viz-2",1],["--viz-3","--viz-3",1],["--viz-3","--viz-4",.45],["--viz-4","--viz-4",1]],R=["--viz-1","--viz-2","--viz-3","--viz-4","--accent","--ink","--ink-on-dark","--surface"],q=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiHover=e(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];width=460;height=220;fixedSize=!1;money=!1;currency="USD";emptyMessage;loading=!1;hoverIndex=-1;suiHover;keyed=!1;keysId=K("sui-chart-keys");hostName={};stopHostName;tiles=[];total=0;boxW=0;themeTick=0;hasHeaderEnd=!1;inks=null;stopTheme;svg;scale=1;stopResize;loaded=!1;componentWillLoad(){this.hasHeaderEnd=w(this.host,"header-end"),this.compute()}connectedCallback(){F(this.host,(()=>this.svg)),this.stopHostName?.(),this.stopHostName=j(this.host,(t=>{this.hostName=t})),this.stopResize||(this.stopResize=c(this.host,(t=>{this.boxW=t}))),this.loaded&&this.followTheme(!0)}componentDidLoad(){this.loaded=!0,this.followTheme()}followTheme(t=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}componentWillRender(){this.inks=z(this.host,R)}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}get plotW(){return h(!this.fixedSize,this.boxW,this.width)}async setFocus(){this.svg&&this.svg.hasAttribute("tabindex")&&this.svg.focus()}onKey=t=>{if(this.empty)return;const s=this.tiles,e=s.findIndex((t=>t.idx===this.hoverIndex)),r=H(t,{rows:1,count:()=>s.length,flat:!0},e>=0?{s:0,i:e}:null,this.keyed);if(r){if(t.preventDefault(),"leave"===r)return t.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=E(this.svg,this.plotW,this.scale),this.keyed=!0,this.setHover(s[r.i].idx)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};compute(){const t=this.items||[];this.total=t.reduce(((t,s)=>t+s.value),0),this.tiles=function(t,s,e,r,i){const a=[];let c=t.map(((t,s)=>({it:t,idx:s}))).sort(((t,s)=>s.it.value-t.it.value));const h=c.reduce(((t,s)=>t+s.it.value),0)||1;let o=0,p=0,u=r,n=i,l=h;for(;c.length;){const t=u>=n,s=t?n:u;let e=[c[0]],r=c[0].it.value;const i=(t,e)=>{const r=u*n/l,i=e*r/s;let a=0;for(let s=0;s<t.length;s++){const e=t[s].it.value*r/i,c=Math.max(i/e,e/i);c>a&&(a=c)}return a};let h=1;for(;h<c.length;){const t=e.concat(c[h]);if(!(i(t,r+c[h].it.value)<=i(e,r)))break;e=t,r+=c[h].it.value,h++}const m=u*n/l,d=r*m/s;let x=0;e.forEach((s=>{const e=s.it.value*m/d;a.push(t?{it:s.it,idx:s.idx,x:o,y:p+x,w:d,h:e}:{it:s.it,idx:s.idx,x:o+x,y:p,w:e,h:d}),x+=e})),t?(o+=d,u-=d):(p+=d,n-=d),l-=r,c=c.slice(e.length)}return a}(t,0,0,this.plotW,this.height).map((t=>({...t,fill:t.it.color||(t.it.accent?"var(--accent)":G[Math.min(t.idx,G.length-1)]),light:t.idx>=3&&!t.it.accent||!!t.it.accent,showText:t.h>34})))}get empty(){const t=this.items||[];return 0===t.length||t.every((t=>!t.value))}setHover(t){t!==this.hoverIndex&&(this.hoverIndex=t,this.suiHover.emit({index:t}))}enter=t=>{const s=this.svg?this.svg.getBoundingClientRect():{width:0};s.width>0&&(this.scale=s.width/this.plotW),this.keyed=!1,this.setHover(t)};onLeave=()=>this.setHover(-1);fmt=t=>this.money?N(t,!0,this.currency):o(t);exact=t=>this.money?N(t,!1,this.currency):o(t);render(){const t=this.plotW;if(this.loading)return r(i,{"aria-busy":"true"},r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r(n,{height:this.height,label:I(void 0,"chart-treemap.loading",void 0,"Loading")})));if(this.empty)return r(i,null,r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r("div",{class:"sui-chart-plot",style:{height:this.height+"px"}},r(l,{text:I(void 0,"chart-treemap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const s=M(this.hoverIndex,(this.items||[]).length),e=s>=0?this.tiles.find((t=>t.idx===s)):void 0,a=S(this.heading,(this.items||[]).map((t=>`${t.label} ${this.exact(t.value)}`)).join(", ")),c=this.inks,h=this.scale,o=[],w=this.keyed&&e?`${this.keysId}-${s}`:void 0;return r(i,null,r(p,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?t+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r("div",{class:"sui-tree-plot"},r("svg",{ref:t=>this.svg=t,width:"100%",viewBox:`0 0 ${t} ${this.height}`,...D(a,this.keysId,this.hostName,w),onKeyDown:this.onKey,onBlur:this.onBlur,onMouseLeave:this.onLeave},this.tiles.map((t=>{const e=t.w-18,i=t.showText&&e>=m("xxxxxxx",10.5)?d(t.it.label,e,10.5,Math.max(1,Math.floor((t.h-39)/13)+1)):[],a=this.fmt(t.it.value),p=`${a} · ${x(k(t.it.value,this.total))}`,u=t.showText?m(p,9.5)<=e?p:m(a,9.5)<=e?a:"":"",n=i.length>0||!!u,l=t.y+17+(i.length?13*i.length+1:0);t.idx!==s&&(i.forEach(((s,e)=>o.push([(t.x+8)*h,(t.y+9+13*e)*h,(t.x+10+m(s,10.5))*h,(t.y+20+13*e)*h,v]))),u&&o.push([(t.x+8)*h,(l-8)*h,(t.x+10+m(u,9.5))*h,(l+3)*h,v])),t.idx!==s&&o.push([t.x*h,t.y*h,(t.x+t.w)*h,(t.y+t.h)*h,g]);const b=P[Math.min(t.idx,P.length-1)],y=t.it.color&&c&&n?f(this.host,t.it.color):"",z=c&&n&&(y||!t.it.color)?T(y||(t.it.accent?c["--accent"]:C(c[b[0]],c[b[1]],b[2])),[c["--ink"],c["--ink-on-dark"],c["--surface"]]):void 0;return r("g",{key:t.it.label,class:{"sui-tree-tile":!0,dim:-1!==s&&s!==t.idx,hov:s===t.idx,light:t.light},onMouseEnter:()=>this.enter(t.idx)},r("rect",{x:t.x+1.5,y:t.y+1.5,width:t.w-3,height:t.h-3,rx:4,fill:t.fill,stroke:s!==t.idx||w?"var(--surface)":"var(--accent)","stroke-width":s!==t.idx||w?1:2}),i.map(((s,e)=>r("text",{"aria-hidden":"true",key:e+"",class:"sui-tree-label",x:t.x+9,y:t.y+17+13*e,style:z?{fill:z.ink}:void 0},s))),u?r("text",{"aria-hidden":"true",class:"sui-tree-sub",x:t.x+9,y:l,style:z?{fill:z.ink,opacity:z.sub+""}:void 0},u):null)})),w&&e?r($,{id:w,box:W([e.x,e.y,e.x+e.w,e.y+e.h],1),r:5,label:L(e.it.label,this.exact(e.it.value),x(k(e.it.value,this.total)))}):null),r(B,{ids:this.keysId,summary:a,host:this.hostName,hint:!0}),r(b,{show:!!e,box:e?[e.x*h,e.y*h,(e.x+e.w)*h,(e.y+e.h)*h]:[],w:t*h,ht:this.height*h,title:e?e.it.label:"",avoid:o,rows:e?[{label:I(void 0,"chart-treemap.value",void 0,"Value"),value:this.exact(e.it.value),color:e.fill},{label:I(void 0,"chart-treemap.share",void 0,"Share"),value:x(k(e.it.value,this.total))}]:[]}))))}static get watchers(){return{items:[{compute:0}],width:[{compute:0}],height:[{compute:0}],boxW:[{compute:0}],fixedSize:[{compute:0}]}}static get style(){return".sui-tree-plot.sc-sui-chart-treemap{position:relative}.sui-tree-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{display:block;width:100%;height:auto;overflow:visible;direction:ltr}.sui-tree-tile.sc-sui-chart-treemap{cursor:default}.sui-tree-tile.sc-sui-chart-treemap rect.sc-sui-chart-treemap{transition:opacity var(--duration-fast) var(--ease-out), stroke var(--duration-fast) var(--ease-out)}.sui-tree-tile.dim.sc-sui-chart-treemap rect.sc-sui-chart-treemap{opacity:0.55}.sui-tree-label.sc-sui-chart-treemap{font:650 10.5px var(--font-sans);fill:var(--ink-on-dark);pointer-events:none}.sui-tree-sub.sc-sui-chart-treemap{font:600 9.5px var(--font-sans);fill:var(--ink-inverse-muted);font-feature-settings:'tnum';pointer-events:none}.sui-tree-tile.light.sc-sui-chart-treemap .sui-tree-label.sc-sui-chart-treemap{fill:var(--brand)}.sui-tree-tile.light.sc-sui-chart-treemap .sui-tree-sub.sc-sui-chart-treemap{fill:var(--ink-muted)}@media (forced-colors: active){.sui-tree-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{forced-color-adjust:none}.sui-tree-tile.sc-sui-chart-treemap rect.sc-sui-chart-treemap{stroke:CanvasText}}.sc-sui-chart-treemap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-treemap{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-treemap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-treemap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-treemap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-treemap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-treemap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-treemap{position:relative}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line.sc-sui-chart-treemap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-treemap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-treemap{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-treemap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-treemap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-treemap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-treemap .swatch.round.sc-sui-chart-treemap{border-radius:50%}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-treemap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-treemap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-treemap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-treemap .mk.sc-sui-chart-treemap{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-treemap .mk.dot.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.solid.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.ring.sc-sui-chart-treemap{border-radius:50%}.swatch.glyph.sc-sui-chart-treemap .mk.solid.sc-sui-chart-treemap{background:var(--c)}.swatch.glyph.sc-sui-chart-treemap .mk.ring.sc-sui-chart-treemap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-treemap .mk.diamond.sc-sui-chart-treemap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap,.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap::after,.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{width:22px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.line.sc-sui-chart-treemap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.sc-sui-chart-treemap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.tri.sc-sui-chart-treemap,.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap .mk.tri-down.sc-sui-chart-treemap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{opacity:0.35}.sui-chart-caption.sc-sui-chart-treemap{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-treemap{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-treemap{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-treemap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-treemap .lbl.sc-sui-chart-treemap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-treemap b.sc-sui-chart-treemap{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-treemap .sui-chart-tip-row.sc-sui-chart-treemap{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-treemap .sui-chart-tip-row.keyed.sc-sui-chart-treemap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-treemap .sui-chart-tip-row.keyed.sc-sui-chart-treemap>b.sc-sui-chart-treemap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-treemap .sui-chart-tip-row.sc-sui-chart-treemap>b.sc-sui-chart-treemap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap .halo.sc-sui-chart-treemap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-treemap:focus{outline:none}.sui-chart-keys.sc-sui-chart-treemap: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-treemap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-treemap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-treemap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-treemap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-treemap{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-treemap span.sc-sui-chart-treemap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-treemap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-treemap{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-treemap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-treemap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-treemap,.prose.sc-sui-chart-treemap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-treemap text.sc-sui-chart-treemap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-treemap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.sc-sui-chart-treemap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap,.sui-chart-tip-row.sc-sui-chart-treemap .swatch.glyph.sc-sui-chart-treemap{border:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap text.sc-sui-chart-treemap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap .halo.sc-sui-chart-treemap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line.sc-sui-chart-treemap{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-treemap svg.sc-sui-chart-treemap line[stroke*=\"--hairline\"].sc-sui-chart-treemap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--chart-axis\"].sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--border-strong\"].sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap line[stroke*=\"--accent-deep\"].sc-sui-chart-treemap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap circle.sc-sui-chart-treemap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap rect.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap path.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap polyline.sc-sui-chart-treemap,.sui-chart-plot.sc-sui-chart-treemap svg.sc-sui-chart-treemap polygon.sc-sui-chart-treemap{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-treemap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-treemap .sui-chart-ring.sc-sui-chart-treemap .sui-chart-ring-line.sc-sui-chart-treemap{stroke:Highlight;filter:none}svg.sc-sui-chart-treemap .sui-chart-ring.sc-sui-chart-treemap .sui-chart-ring-halo.sc-sui-chart-treemap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-treemap",{heading:[1],subtitle:[1],caption:[1],items:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],keyed:[32],hostName:[32],tiles:[32],total:[32],boxW:[32],themeTick:[32],setFocus:[64]},void 0,{items:[{compute:0}],width:[{compute:0}],height:[{compute:0}],boxW:[{compute:0}],fixedSize:[{compute:0}]}]),Q=q,U=function(){"undefined"!=typeof customElements&&["sui-chart-treemap"].forEach((t=>{"sui-chart-treemap"===t&&(customElements.get(a(t))||customElements.define(a(t),q))}))};export{Q as SuiChartTreemap,U as defineCustomElement}

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

@@ -1 +1 @@
-import{p as a,H as t,c as s,h as r,a as i,t as e}from"./p-DQ8DrIvI.js";import{P as l,o as c,p as h,a as o,c as n,L as u,d as f,b as p,v as w,f as d,l as g,I as x,j as v,x as b,N as m,m as y,g as k,T as M,D as z,E as C,F as T,k as j,Y as H,K as E,X as I,C as D,t as B,a5 as F,J as N}from"./p-CInYFFmy.js";import{h as W,w as L,c as S,p as G,s as K,a as P,i as X,k as $,K as A,r as O,P as U}from"./p-CInpgpwB.js";import{d as Y}from"./p-BHB1Wprj.js";import{u as R}from"./p-U06fVoGD.js";import{i as V}from"./p-GAnFXayY.js";import{l as J,a as Q}from"./p-BuyjS5bS.js";import{d as q}from"./p-COO9uV7W.js";const Z="var(--sui-chart-waterfall-increase, var(--viz-2))",_="var(--sui-chart-waterfall-decrease, var(--accent))",aa="var(--sui-chart-waterfall-total, var(--viz-1))",ta=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];width=460;height=210;fixedSize=!1;money=!1;currency="USD";every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hasHeaderEnd=!1;boxW=0;keyed=!1;plotEl;keysId=R("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=l.l;stopResize;componentWillLoad(){this.hasHeaderEnd=W(this.host,"header-end")}connectedCallback(){Y(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=L(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=c(this.host,(a=>{this.boxW=a})))}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 h(!this.fixedSize,this.boxW,this.width)}onKey=a=>{if(this.empty)return;const t=this.items.length,s=K(this.hoverIndex,t),r=S(a,{rows:1,count:()=>t},s>=0?{s:0,i:s}:null,this.keyed);if(r){if(a.preventDefault(),"leave"===r)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=G(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(r.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const a=this.items||[];return 0===a.length||a.every((a=>!a.value))}onMove=a=>{if(this.empty)return;const t=this.plotW,s=a.currentTarget.getBoundingClientRect();s.width>0&&(this.scale=s.width/t),this.keyed=!1,this.setHover(K(o(a,t,this.items.length,!0,0,this.rtl,this.gutter),this.items.length))};onLeave=()=>this.setHover(-1);setHover(a){a!==this.hoverIndex&&(this.hoverIndex=a,this.suiHover.emit({index:a}))}chartName(a){return P(this.heading,a.length?J(void 0,"chart-waterfall.waterfallOf",void 0,"waterfall chart of {series}",{series:a.join(", ")}):Q(void 0,"chart-waterfall.waterfall",void 0,"waterfall chart"))}render(){const{items:a,money:t}=this,s=this.plotW,e=this.height,c=this.rtl=V(this.host),h=a.length,o={increase:Q(void 0,"chart-waterfall.increase",void 0,"Increase"),decrease:Q(void 0,"chart-waterfall.decrease",void 0,"Decrease"),total:Q(void 0,"chart-waterfall.total",void 0,"Total"),running:Q(void 0,"chart-waterfall.running",void 0,"Running")},W=[{label:o.increase,color:Z},{label:o.decrease,color:_},{label:o.total,color:aa}];if(this.loading)return r(i,{"aria-busy":"true"},r(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?s+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r(f,{height:e,label:Q(void 0,"chart-waterfall.loading",void 0,"Loading"),rtl:c})));const L=this.empty;let S=0,G=!1,P=0,Y=0;const R=Array(h),ta=Array(h);for(let t=0;t<h;t++){const s=a[t];s.total?(R[t]=0,ta[t]=G?S:s.value,S=ta[t]):(R[t]=S,ta[t]=S+s.value,S+=s.value),G=!0,P=Math.min(P,R[t],ta[t]),Y=Math.max(Y,R[t],ta[t])}const{ticks:sa,lo:ra,hi:ia}=p(P,Y,4),ea=t?a=>q(a,!0,this.currency):d,la=ea,ca=t?a=>q(a,!1,this.currency):d,ha=this.gutter=w(sa.map(ea)),[oa,na]=N(s,0,c,ha),ua=g(0,h,oa,na),fa=g(ra,ia,e-l.b,l.t),pa=(s-ha-l.r)/h,wa=Math.min(.6*pa,44),da=L?-1:K(this.hoverIndex,h),ga=a.map((a=>a.label)),xa=t=>a[t].total?ta[t]:a[t].value,va=a.map(((a,t)=>la(xa(t)))),ba=a.map(((a,t)=>{const s=ua(t)+pa/2,r=fa(Math.max(R[t],ta[t]));return[s-wa/2,r,s+wa/2,Math.max(fa(Math.min(R[t],ta[t])),r+1.5)]})),ma=a.map(((a,t)=>t)).sort(((a,t)=>Math.abs(xa(t))-Math.abs(xa(a)))),ya=ma.length?.05*Math.abs(xa(ma[0])):0,ka=a=>[a[0]-1,a[1],a[2]+1,a[3]],Ma=(a,t)=>Math.max(0,Math.min(a[2],t[2])-Math.max(a[0],t[0]))*Math.max(0,Math.min(a[3],t[3])-Math.max(a[1],t[1])),za=(a,t)=>{const s=[],r=[],i=[];let c=0;for(const h of ma){const o=ba[h],n=(o[0]+o[2])/2,u=B(va[h],9)/2+1,f=o[1]-4,p=o[3]+11,w=o[0]+u,d=o[2]-u,g=t?[[n,f,!1],[w,f,!1],[d,f,!1],[n,p,!1],[w,p,!1],[d,p,!1]]:[[n,f,!1],[n,p,!1],[w,f,!1],[d,f,!1],[w,p,!1],[d,p,!1]];Math.abs(xa(h))>=ya&&g.push([n,f,!0],[n,p,!0]);for(const[t,o,n]of g){const f=[t-u,o-8,t+u,o+2];if(!(f[1]<-8||f[3]>e-l.b||i.some((t=>F(a?[t[0]-a,t[1]-1,t[2]+a,t[3]+1]:t,f)))||ba.some(((a,t)=>(!n||t===h)&&Ma(a,n?f:ka(f))>1)))){i.push(f),s[h]=o,r[h]=t,n&&c++;break}}}return{spots:s,figX:r,shown:s.filter((a=>null!=a)).length,crossed:c}},{spots:Ca,figX:Ta}=[za(4,!0),za(4,!1),za(0,!0),za(0,!1)].reduce(((a,t)=>t.shown>a.shown||t.shown===a.shown&&t.crossed<a.crossed?t:a)),ja=[],Ha=[];for(let t=0;t<h;t++){const s=a[t],i=ua(t)+pa/2,e=fa(R[t]),l=fa(ta[t]),c=Math.min(e,l),h=Math.abs(e-l),o=s.total?aa:s.value>=0?Z:_;ja.push(r("g",{key:s.label,class:"step"},r("g",{opacity:-1===da||da===t?1:.45},t>0?r("line",{x1:ua(t-1)+pa/2+wa/2,x2:i-wa/2,y1:x(fa(ta[t-1])),y2:x(fa(s.total?ta[t]:R[t])),stroke:"var(--border-strong)","stroke-width":1,"stroke-dasharray":"3 2"}):null,r("rect",{x:i-wa/2,y:c,width:wa,height:Math.max(h,1.5),rx:2.5,fill:o})))),null!=Ca[t]&&Ha.push(r("text",{"aria-hidden":"true",key:s.label,class:"halo","data-step":t,x:Ta[t],y:Ca[t],"text-anchor":"middle",style:v("650 9px var(--font-sans)",da===t)},va[t]))}const Ea=da>=0?a[da]:void 0,Ia=this.scale,Da=b(s,e,Ia,0,0,c,ha),Ba=m(this.every,ga,s-ha-l.r,!0),Fa=a=>{const t=B(va[a],9)/2;return[Ta[a]-t-2,Ca[a]-9,Ta[a]+t+2,Ca[a]+4]},Na=da<0?[]:ba[da],Wa=da<0?[]:[[Na[0]-2,Na[1]-2,Na[2]+2,Na[3]+2],...null!=Ca[da]?[Fa(da)]:[]],La=da<0?[]:y(ba.filter(((a,t)=>t!==da)).map((a=>a.concat(k))).concat(a.map(((a,t)=>t)).filter((a=>a!==da&&null!=Ca[a])).map((a=>Fa(a).concat(M))),[[Na[0],0,Na[2],e-l.b,z]],C(sa,fa,ea,s,c,!1,ha),T(ga,(a=>ua(a)+pa/2),e,Ba,s)),Ia).concat(Da.avoid),Sa=this.keyed&&Ea?`${this.keysId}-${da}`:void 0,Ga=Ea?Ea.total?J(void 0,"chart-waterfall.pointTotal",void 0,"{label}: total {value}",{label:Ea.label,value:ca(ta[da])}):Ea.value>=0?J(void 0,"chart-waterfall.pointUp",void 0,"{label}: increase of {value}, running total {running}",{label:Ea.label,value:ca(Ea.value),running:ca(ta[da])}):J(void 0,"chart-waterfall.pointDown",void 0,"{label}: decrease of {value}, running total {running}",{label:Ea.label,value:ca(-Ea.value),running:ca(ta[da])}):"",Ka=Ea?[{label:Ea.total?o.total:Ea.value>=0?o.increase:o.decrease,color:Ea.total?aa:Ea.value>=0?Z:_,value:ca(Ea.total?ta[da]:Ea.value)},...Ea.total?[]:[{label:o.running,value:ca(ta[da])}]]:[];return r(i,null,r(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?s+u:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:W},r("div",{class:"sui-chart-plot"},r(j,{show:da>=0,box:[(ua(da)+pa/2-wa/2)*Ia,0,(ua(da)+pa/2+wa/2)*Ia,e*Ia],keep:y(Wa,Ia),w:s*Ia,ht:e*Ia,title:Ea?Ea.label:"",rows:Ka,avoid:La,area:Da.area,room:Da.room}),r("svg",{viewBox:`0 0 ${s} ${e}`,...L?X(this.chartName(a.map((a=>a.label))),this.keysId,this.hostName):$(this.chartName(a.map((a=>a.label))),this.keysId,this.hostName,Sa),ref:a=>{this.plotEl=a},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},r(H,{ticks:sa,y:fa,w:s,rtl:c,gl:ha,fmt:ea,bare:L}),L?null:ja,L?null:r("g",{class:"figs"},Ha),r(E,{w:s,rtl:c,gl:ha,h:e}),r(I,{labels:ga,x:a=>ua(a)+pa/2,h:e,w:s,every:Ba}),Sa?r(A,{id:Sa,label:Ga,box:O(ba[da])}):null),r(U,{ids:this.keysId,summary:this.chartName(a.map((a=>a.label))),host:this.hostName,hint:!L}),L?r(D,{text:Q(void 0,"chart-waterfall.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-waterfall-h{display:block}svg.sc-sui-chart-waterfall{direction:ltr}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{user-select:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall g.sc-sui-chart-waterfall{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-waterfall-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-waterfall{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-waterfall{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-waterfall{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-waterfall{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-waterfall{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-waterfall{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-waterfall{position:relative}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line.sc-sui-chart-waterfall{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-waterfall{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-waterfall{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-waterfall{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-waterfall:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-waterfall{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-waterfall .swatch.round.sc-sui-chart-waterfall{border-radius:50%}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-waterfall::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-waterfall::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-waterfall::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-waterfall .mk.sc-sui-chart-waterfall{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-waterfall .mk.dot.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.solid.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.ring.sc-sui-chart-waterfall{border-radius:50%}.swatch.glyph.sc-sui-chart-waterfall .mk.solid.sc-sui-chart-waterfall{background:var(--c)}.swatch.glyph.sc-sui-chart-waterfall .mk.ring.sc-sui-chart-waterfall{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-waterfall .mk.diamond.sc-sui-chart-waterfall{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall::after,.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{width:22px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.line.sc-sui-chart-waterfall::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.sc-sui-chart-waterfall{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall,.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{opacity:0.35}.sui-chart-caption.sc-sui-chart-waterfall{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-waterfall{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-waterfall{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-waterfall{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-waterfall .lbl.sc-sui-chart-waterfall{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-waterfall b.sc-sui-chart-waterfall{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-waterfall .sui-chart-tip-row.sc-sui-chart-waterfall{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-waterfall .sui-chart-tip-row.keyed.sc-sui-chart-waterfall{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-waterfall .sui-chart-tip-row.keyed.sc-sui-chart-waterfall>b.sc-sui-chart-waterfall{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-waterfall .sui-chart-tip-row.sc-sui-chart-waterfall>b.sc-sui-chart-waterfall{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall .halo.sc-sui-chart-waterfall{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-waterfall:focus{outline:none}.sui-chart-keys.sc-sui-chart-waterfall: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-waterfall:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-waterfall{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-waterfall{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-waterfall{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-waterfall{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-waterfall span.sc-sui-chart-waterfall{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-waterfall{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-waterfall{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-waterfall{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-waterfall{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-waterfall,.prose.sc-sui-chart-waterfall{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-waterfall{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{border:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall .halo.sc-sui-chart-waterfall{stroke:Canvas}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line.sc-sui-chart-waterfall{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-waterfall svg.sc-sui-chart-waterfall line[stroke*="--hairline"].sc-sui-chart-waterfall{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--chart-axis"].sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--border-strong"].sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--accent-deep"].sc-sui-chart-waterfall{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall circle.sc-sui-chart-waterfall{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall rect.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall path.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall polyline.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall polygon.sc-sui-chart-waterfall{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-waterfall:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-waterfall .sui-chart-ring.sc-sui-chart-waterfall .sui-chart-ring-line.sc-sui-chart-waterfall{stroke:Highlight;filter:none}svg.sc-sui-chart-waterfall .sui-chart-ring.sc-sui-chart-waterfall .sui-chart-ring-halo.sc-sui-chart-waterfall{stroke:Canvas;filter:none}}'}},[518,"sui-chart-waterfall",{heading:[1],subtitle:[1],caption:[1],items:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hasHeaderEnd:[32],boxW:[32],keyed:[32],hostName:[32],setFocus:[64]}]),sa=ta,ra=function(){"undefined"!=typeof customElements&&["sui-chart-waterfall"].forEach((a=>{"sui-chart-waterfall"===a&&(customElements.get(e(a))||customElements.define(e(a),ta))}))};export{sa as SuiChartWaterfall,ra as defineCustomElement}
+import{p as a,H as t,c as s,h as r,a as i,t as e}from"./p-DQ8DrIvI.js";import{P as l,o as c,p as h,a as o,c as n,L as u,d as f,b as p,v as w,f as d,l as g,I as x,j as v,x as b,N as m,m as y,g as k,T as M,D as z,E as C,F as T,k as j,Y as H,K as E,X as D,C as I,t as B,a5 as L,J as N}from"./p-QmakFSYp.js";import{h as S,w as F,c as P,p as W,s as G,a as K,i as X,k as $,K as A,r as R,P as U}from"./p-CvLe513l.js";import{d as Y}from"./p-BHB1Wprj.js";import{u as Q}from"./p-U06fVoGD.js";import{i as q}from"./p-GAnFXayY.js";import{l as J,a as O}from"./p-BuyjS5bS.js";import{d as V}from"./p-qut9RP2y.js";const Z="var(--sui-chart-waterfall-increase, var(--viz-2))",_="var(--sui-chart-waterfall-decrease, var(--accent))",aa="var(--sui-chart-waterfall-total, var(--viz-1))",ta=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];width=460;height=210;fixedSize=!1;money=!1;currency="USD";every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hasHeaderEnd=!1;boxW=0;keyed=!1;plotEl;keysId=Q("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=l.l;stopResize;componentWillLoad(){this.hasHeaderEnd=S(this.host,"header-end")}connectedCallback(){Y(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=F(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=c(this.host,(a=>{this.boxW=a})))}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 h(!this.fixedSize,this.boxW,this.width)}onKey=a=>{if(this.empty)return;const t=this.items.length,s=G(this.hoverIndex,t),r=P(a,{rows:1,count:()=>t},s>=0?{s:0,i:s}:null,this.keyed);if(r){if(a.preventDefault(),"leave"===r)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=W(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(r.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const a=this.items||[];return 0===a.length||a.every((a=>!a.value))}onMove=a=>{if(this.empty)return;const t=this.plotW,s=a.currentTarget.getBoundingClientRect();s.width>0&&(this.scale=s.width/t),this.keyed=!1,this.setHover(G(o(a,t,this.items.length,!0,0,this.rtl,this.gutter),this.items.length))};onLeave=()=>this.setHover(-1);setHover(a){a!==this.hoverIndex&&(this.hoverIndex=a,this.suiHover.emit({index:a}))}chartName(a){return K(this.heading,a.length?J(void 0,"chart-waterfall.waterfallOf",void 0,"waterfall chart of {series}",{series:a.join(", ")}):O(void 0,"chart-waterfall.waterfall",void 0,"waterfall chart"))}render(){const{items:a,money:t}=this,s=this.plotW,e=this.height,c=this.rtl=q(this.host),h=a.length,o={increase:O(void 0,"chart-waterfall.increase",void 0,"Increase"),decrease:O(void 0,"chart-waterfall.decrease",void 0,"Decrease"),total:O(void 0,"chart-waterfall.total",void 0,"Total"),running:O(void 0,"chart-waterfall.running",void 0,"Running")},S=[{label:o.increase,color:Z},{label:o.decrease,color:_},{label:o.total,color:aa}];if(this.loading)return r(i,{"aria-busy":"true"},r(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?s+u:void 0,hasHeaderEnd:this.hasHeaderEnd},r(f,{height:e,label:O(void 0,"chart-waterfall.loading",void 0,"Loading"),rtl:c})));const F=this.empty;let P=0,W=!1,K=0,Y=0;const Q=Array(h),ta=Array(h);for(let t=0;t<h;t++){const s=a[t];s.total?(Q[t]=0,ta[t]=W?P:s.value,P=ta[t]):(Q[t]=P,ta[t]=P+s.value,P+=s.value),W=!0,K=Math.min(K,Q[t],ta[t]),Y=Math.max(Y,Q[t],ta[t])}const{ticks:sa,lo:ra,hi:ia}=p(K,Y,4),ea=t?a=>V(a,!0,this.currency):d,la=ea,ca=t?a=>V(a,!1,this.currency):d,ha=this.gutter=w(sa.map(ea)),[oa,na]=N(s,0,c,ha),ua=g(0,h,oa,na),fa=g(ra,ia,e-l.b,l.t),pa=(s-ha-l.r)/h,wa=Math.min(.6*pa,44),da=F?-1:G(this.hoverIndex,h),ga=a.map((a=>a.label)),xa=t=>a[t].total?ta[t]:a[t].value,va=a.map(((a,t)=>la(xa(t)))),ba=a.map(((a,t)=>{const s=ua(t)+pa/2,r=fa(Math.max(Q[t],ta[t]));return[s-wa/2,r,s+wa/2,Math.max(fa(Math.min(Q[t],ta[t])),r+1.5)]})),ma=a.map(((a,t)=>t)).sort(((a,t)=>Math.abs(xa(t))-Math.abs(xa(a)))),ya=ma.length?.05*Math.abs(xa(ma[0])):0,ka=a=>[a[0]-1,a[1],a[2]+1,a[3]],Ma=(a,t)=>Math.max(0,Math.min(a[2],t[2])-Math.max(a[0],t[0]))*Math.max(0,Math.min(a[3],t[3])-Math.max(a[1],t[1])),za=(a,t)=>{const s=[],r=[],i=[];let c=0;for(const h of ma){const o=ba[h],n=(o[0]+o[2])/2,u=B(va[h],9)/2+1,f=o[1]-4,p=o[3]+11,w=o[0]+u,d=o[2]-u,g=t?[[n,f,!1],[w,f,!1],[d,f,!1],[n,p,!1],[w,p,!1],[d,p,!1]]:[[n,f,!1],[n,p,!1],[w,f,!1],[d,f,!1],[w,p,!1],[d,p,!1]];Math.abs(xa(h))>=ya&&g.push([n,f,!0],[n,p,!0]);for(const[t,o,n]of g){const f=[t-u,o-8,t+u,o+2];if(!(f[1]<-8||f[3]>e-l.b||i.some((t=>L(a?[t[0]-a,t[1]-1,t[2]+a,t[3]+1]:t,f)))||ba.some(((a,t)=>(!n||t===h)&&Ma(a,n?f:ka(f))>1)))){i.push(f),s[h]=o,r[h]=t,n&&c++;break}}}return{spots:s,figX:r,shown:s.filter((a=>null!=a)).length,crossed:c}},{spots:Ca,figX:Ta}=[za(4,!0),za(4,!1),za(0,!0),za(0,!1)].reduce(((a,t)=>t.shown>a.shown||t.shown===a.shown&&t.crossed<a.crossed?t:a)),ja=[],Ha=[];for(let t=0;t<h;t++){const s=a[t],i=ua(t)+pa/2,e=fa(Q[t]),l=fa(ta[t]),c=Math.min(e,l),h=Math.abs(e-l),o=s.total?aa:s.value>=0?Z:_;ja.push(r("g",{key:s.label,class:"step"},r("g",{opacity:-1===da||da===t?1:.45},t>0?r("line",{x1:ua(t-1)+pa/2+wa/2,x2:i-wa/2,y1:x(fa(ta[t-1])),y2:x(fa(s.total?ta[t]:Q[t])),stroke:"var(--border-strong)","stroke-width":1,"stroke-dasharray":"3 2"}):null,r("rect",{x:i-wa/2,y:c,width:wa,height:Math.max(h,1.5),rx:2.5,fill:o})))),null!=Ca[t]&&Ha.push(r("text",{"aria-hidden":"true",key:s.label,class:"halo","data-step":t,x:Ta[t],y:Ca[t],"text-anchor":"middle",style:v("650 9px var(--font-sans)",da===t)},va[t]))}const Ea=da>=0?a[da]:void 0,Da=this.scale,Ia=b(s,e,Da,0,0,c,ha),Ba=m(this.every,ga,s-ha-l.r,!0),La=a=>{const t=B(va[a],9)/2;return[Ta[a]-t-2,Ca[a]-9,Ta[a]+t+2,Ca[a]+4]},Na=da<0?[]:ba[da],Sa=da<0?[]:[[Na[0]-2,Na[1]-2,Na[2]+2,Na[3]+2],...null!=Ca[da]?[La(da)]:[]],Fa=da<0?[]:y(ba.filter(((a,t)=>t!==da)).map((a=>a.concat(k))).concat(a.map(((a,t)=>t)).filter((a=>a!==da&&null!=Ca[a])).map((a=>La(a).concat(M))),[[Na[0],0,Na[2],e-l.b,z]],C(sa,fa,ea,s,c,!1,ha),T(ga,(a=>ua(a)+pa/2),e,Ba,s)),Da).concat(Ia.avoid),Pa=this.keyed&&Ea?`${this.keysId}-${da}`:void 0,Wa=Ea?Ea.total?J(void 0,"chart-waterfall.pointTotal",void 0,"{label}: total {value}",{label:Ea.label,value:ca(ta[da])}):Ea.value>=0?J(void 0,"chart-waterfall.pointUp",void 0,"{label}: increase of {value}, running total {running}",{label:Ea.label,value:ca(Ea.value),running:ca(ta[da])}):J(void 0,"chart-waterfall.pointDown",void 0,"{label}: decrease of {value}, running total {running}",{label:Ea.label,value:ca(-Ea.value),running:ca(ta[da])}):"",Ga=Ea?[{label:Ea.total?o.total:Ea.value>=0?o.increase:o.decrease,color:Ea.total?aa:Ea.value>=0?Z:_,value:ca(Ea.total?ta[da]:Ea.value)},...Ea.total?[]:[{label:o.running,value:ca(ta[da])}]]:[];return r(i,null,r(n,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?s+u:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:S},r("div",{class:"sui-chart-plot"},r(j,{show:da>=0,box:[(ua(da)+pa/2-wa/2)*Da,0,(ua(da)+pa/2+wa/2)*Da,e*Da],keep:y(Sa,Da),w:s*Da,ht:e*Da,title:Ea?Ea.label:"",rows:Ga,avoid:Fa,area:Ia.area,room:Ia.room}),r("svg",{viewBox:`0 0 ${s} ${e}`,...F?X(this.chartName(a.map((a=>a.label))),this.keysId,this.hostName):$(this.chartName(a.map((a=>a.label))),this.keysId,this.hostName,Pa),ref:a=>{this.plotEl=a},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},r(H,{ticks:sa,y:fa,w:s,rtl:c,gl:ha,fmt:ea,bare:F}),F?null:ja,F?null:r("g",{class:"figs"},Ha),r(E,{w:s,rtl:c,gl:ha,h:e}),r(D,{labels:ga,x:a=>ua(a)+pa/2,h:e,w:s,every:Ba}),Pa?r(A,{id:Pa,label:Wa,box:R(ba[da])}):null),r(U,{ids:this.keysId,summary:this.chartName(a.map((a=>a.label))),host:this.hostName,hint:!F}),F?r(I,{text:O(void 0,"chart-waterfall.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-waterfall-h{display:block}svg.sc-sui-chart-waterfall{direction:ltr}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{user-select:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall g.sc-sui-chart-waterfall{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-waterfall-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-waterfall{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-waterfall{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-waterfall{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-waterfall{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-waterfall{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-waterfall{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-waterfall{position:relative}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line.sc-sui-chart-waterfall{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-waterfall{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-waterfall{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-waterfall{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-waterfall:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-waterfall{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-waterfall .swatch.round.sc-sui-chart-waterfall{border-radius:50%}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-waterfall::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-waterfall::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-waterfall::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-waterfall .mk.sc-sui-chart-waterfall{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-waterfall .mk.dot.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.solid.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.ring.sc-sui-chart-waterfall{border-radius:50%}.swatch.glyph.sc-sui-chart-waterfall .mk.solid.sc-sui-chart-waterfall{background:var(--c)}.swatch.glyph.sc-sui-chart-waterfall .mk.ring.sc-sui-chart-waterfall{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-waterfall .mk.diamond.sc-sui-chart-waterfall{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall,.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall::after,.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{width:22px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.line.sc-sui-chart-waterfall::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.sc-sui-chart-waterfall{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.tri.sc-sui-chart-waterfall,.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall .mk.tri-down.sc-sui-chart-waterfall{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{opacity:0.35}.sui-chart-caption.sc-sui-chart-waterfall{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-waterfall{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-waterfall{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-waterfall{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-waterfall .lbl.sc-sui-chart-waterfall{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-waterfall b.sc-sui-chart-waterfall{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-waterfall .sui-chart-tip-row.sc-sui-chart-waterfall{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-waterfall .sui-chart-tip-row.keyed.sc-sui-chart-waterfall{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-waterfall .sui-chart-tip-row.keyed.sc-sui-chart-waterfall>b.sc-sui-chart-waterfall{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-waterfall .sui-chart-tip-row.sc-sui-chart-waterfall>b.sc-sui-chart-waterfall{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall .halo.sc-sui-chart-waterfall{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-waterfall:focus{outline:none}.sui-chart-keys.sc-sui-chart-waterfall: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-waterfall:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-waterfall{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-waterfall{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-waterfall{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-waterfall{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-waterfall span.sc-sui-chart-waterfall{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-waterfall{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-waterfall{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-waterfall{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-waterfall{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-waterfall,.prose.sc-sui-chart-waterfall{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-waterfall{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.sc-sui-chart-waterfall{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall,.sui-chart-tip-row.sc-sui-chart-waterfall .swatch.glyph.sc-sui-chart-waterfall{border:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall text.sc-sui-chart-waterfall{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall .halo.sc-sui-chart-waterfall{stroke:Canvas}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line.sc-sui-chart-waterfall{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-waterfall svg.sc-sui-chart-waterfall line[stroke*="--hairline"].sc-sui-chart-waterfall{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--chart-axis"].sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--border-strong"].sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall line[stroke*="--accent-deep"].sc-sui-chart-waterfall{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall circle.sc-sui-chart-waterfall{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall rect.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall path.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall polyline.sc-sui-chart-waterfall,.sui-chart-plot.sc-sui-chart-waterfall svg.sc-sui-chart-waterfall polygon.sc-sui-chart-waterfall{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-waterfall:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-waterfall .sui-chart-ring.sc-sui-chart-waterfall .sui-chart-ring-line.sc-sui-chart-waterfall{stroke:Highlight;filter:none}svg.sc-sui-chart-waterfall .sui-chart-ring.sc-sui-chart-waterfall .sui-chart-ring-halo.sc-sui-chart-waterfall{stroke:Canvas;filter:none}}'}},[518,"sui-chart-waterfall",{heading:[1],subtitle:[1],caption:[1],items:[16],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hasHeaderEnd:[32],boxW:[32],keyed:[32],hostName:[32],setFocus:[64]}]),sa=ta,ra=function(){"undefined"!=typeof customElements&&["sui-chart-waterfall"].forEach((a=>{"sui-chart-waterfall"===a&&(customElements.get(e(a))||customElements.define(e(a),ta))}))};export{sa as SuiChartWaterfall,ra as defineCustomElement}

package/dist/components/sui-checkbox-group.js

@@ -1 +1 @@
-import{p as s,H as i,c as e,h as o,t as r}from"./p-DQ8DrIvI.js";import{d as t}from"./p-CvjYVNw7.js";import{G as a,c as l}from"./p-BJFE-_50.js";import{u as c}from"./p-U06fVoGD.js";import{i as n,d as h,s as u,r as d,v as p}from"./p-BHB1Wprj.js";import{f}from"./p-CGWvlrv_.js";import{m}from"./p-BE4gZZNA.js";import{l as b,h as g,s as x,k as y}from"./p-D6TU5GZw.js";import{a as v}from"./p-BuyjS5bS.js";import{defineCustomElement as k}from"./p-DcNj_rkS.js";const F=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value=[];orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=c("sui-checkbox-group");initial=[];async setFocus(){this.firstBox()?.focus()}firstBox(){const s=Array.from(this.host.querySelectorAll("sui-checkbox"));return(s.find((s=>!s.disabled))||s[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),h(this.host,(()=>this.firstBox()))}componentWillLoad(){this.initial=[...this.checkedValues],this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){const s=this.checkedValues;u(this.internals,this.isDisabled?null:m(this.name,s)),d(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===s.length,this.label,p(this.host),this.error)}formResetCallback(){this.value=[...this.initial]}formDisabledCallback(s){this.formDisabled=f(this.host,this.disabled,s),this.syncForm()}norm(){return b(this.options,this.host,"options").filter((s=>null!=s)).map((s=>"string"==typeof s||"number"==typeof s?{label:s+"",value:s}:s))}get checkedValues(){return b(this.value,this.host,"value")}onChildChange(s,i){if(s.stopPropagation(),this.readOnly)return;const e=this.checkedValues,o=s.detail?g(e,i)?e:e.concat(i):e.filter((s=>!x(s,i)));this.value=o,this.suiChange.emit(o)}render(){const s=this.checkedValues,i=this.label?this.fieldId+"-label":void 0,e=this.required?this.fieldId+"-req":void 0,r=[i,e].filter(Boolean).join(" ")||void 0;return o("div",{key:"704753d2c9733f4364e9a4cbc3c7afd96318ad2c",class:{"sui-cbg":!0,invalid:!!this.error},role:"group","aria-labelledby":r,"aria-describedby":t(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-readonly":this.readOnly?"true":null},this.label?o("div",{class:"sui-field-label",id:i},this.label,this.required?o("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,this.required?o("span",{class:"sr-only",id:e},v(void 0,"checkbox-group.required",void 0,"Required")):null,o("div",{key:"49f0bbd2373f1e690c7aa83cf839ebe6d3f8ca0b",class:{opts:!0,horizontal:"horizontal"===this.orientation}},this.norm().map((i=>o("sui-checkbox",{key:i.value,label:i.label,description:i.description,value:y(i.value),checked:g(s,i.value),disabled:this.isDisabled||!!i.disabled,readOnly:this.readOnly,invalid:this.invalid||!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))),this.error?o("div",{class:"sui-field-error",id:this.fieldId+"-err",role:"alert"},o(a,{glyph:l}),this.error):this.help?o("div",{class:"sui-field-help",id:this.fieldId+"-help"},this.help):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-checkbox-group-h{display:block;font-family:var(--font-sans)}.sui-cbg.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans)}.sui-cbg.invalid.sc-sui-checkbox-group .sui-field-label.sc-sui-checkbox-group{color:var(--danger)}.opts.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-checkbox-group{flex-direction:row;gap:18px}.sr-only.sc-sui-checkbox-group{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-checkbox-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-checkbox-group .sui-field-label.sc-sui-checkbox-group{color:var(--danger)}.sui-field-req.sc-sui-checkbox-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-checkbox-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-checkbox-group{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-checkbox-group .sui-glyph.sc-sui-checkbox-group{font-size:11px}"}},[578,"sui-checkbox-group",{label:[1],help:[1],error:[1],options:[16],value:[1040],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),j=F,w=function(){"undefined"!=typeof customElements&&["sui-checkbox-group","sui-checkbox"].forEach((s=>{switch(s){case"sui-checkbox-group":customElements.get(r(s))||customElements.define(r(s),F);break;case"sui-checkbox":customElements.get(r(s))||k()}}))};export{j as SuiCheckboxGroup,w as defineCustomElement}
+import{p as s,H as i,c as e,h as o,t as r}from"./p-DQ8DrIvI.js";import{d as t}from"./p-DWUWsh4I.js";import{G as a,c as l}from"./p-B-Bh5OXe.js";import{u as c}from"./p-U06fVoGD.js";import{i as n,d as h,s as u,r as d,v as p}from"./p-BHB1Wprj.js";import{f}from"./p-CGWvlrv_.js";import{m}from"./p-BE4gZZNA.js";import{l as b,h as g,s as x,k as y}from"./p-D6TU5GZw.js";import{a as v}from"./p-BuyjS5bS.js";import{defineCustomElement as k}from"./p-CDAf56Kr.js";const F=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value=[];orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=c("sui-checkbox-group");initial=[];async setFocus(){this.firstBox()?.focus()}firstBox(){const s=Array.from(this.host.querySelectorAll("sui-checkbox"));return(s.find((s=>!s.disabled))||s[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),h(this.host,(()=>this.firstBox()))}componentWillLoad(){this.initial=[...this.checkedValues],this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){const s=this.checkedValues;u(this.internals,this.isDisabled?null:m(this.name,s)),d(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===s.length,this.label,p(this.host),this.error)}formResetCallback(){this.value=[...this.initial]}formDisabledCallback(s){this.formDisabled=f(this.host,this.disabled,s),this.syncForm()}norm(){return b(this.options,this.host,"options").filter((s=>null!=s)).map((s=>"string"==typeof s||"number"==typeof s?{label:s+"",value:s}:s))}get checkedValues(){return b(this.value,this.host,"value")}onChildChange(s,i){if(s.stopPropagation(),this.readOnly)return;const e=this.checkedValues,o=s.detail?g(e,i)?e:e.concat(i):e.filter((s=>!x(s,i)));this.value=o,this.suiChange.emit(o)}render(){const s=this.checkedValues,i=this.label?this.fieldId+"-label":void 0,e=this.required?this.fieldId+"-req":void 0,r=[i,e].filter(Boolean).join(" ")||void 0;return o("div",{key:"704753d2c9733f4364e9a4cbc3c7afd96318ad2c",class:{"sui-cbg":!0,invalid:!!this.error},role:"group","aria-labelledby":r,"aria-describedby":t(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-readonly":this.readOnly?"true":null},this.label?o("div",{class:"sui-field-label",id:i},this.label,this.required?o("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,this.required?o("span",{class:"sr-only",id:e},v(void 0,"checkbox-group.required",void 0,"Required")):null,o("div",{key:"49f0bbd2373f1e690c7aa83cf839ebe6d3f8ca0b",class:{opts:!0,horizontal:"horizontal"===this.orientation}},this.norm().map((i=>o("sui-checkbox",{key:i.value,label:i.label,description:i.description,value:y(i.value),checked:g(s,i.value),disabled:this.isDisabled||!!i.disabled,readOnly:this.readOnly,invalid:this.invalid||!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))),this.error?o("div",{class:"sui-field-error",id:this.fieldId+"-err",role:"alert"},o(a,{glyph:l}),this.error):this.help?o("div",{class:"sui-field-help",id:this.fieldId+"-help"},this.help):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-checkbox-group-h{display:block;font-family:var(--font-sans)}.sui-cbg.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans)}.sui-cbg.invalid.sc-sui-checkbox-group .sui-field-label.sc-sui-checkbox-group{color:var(--danger)}.opts.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-checkbox-group{flex-direction:row;gap:18px}.sr-only.sc-sui-checkbox-group{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-checkbox-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-checkbox-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-checkbox-group .sui-field-label.sc-sui-checkbox-group{color:var(--danger)}.sui-field-req.sc-sui-checkbox-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-checkbox-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-checkbox-group{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-checkbox-group .sui-glyph.sc-sui-checkbox-group{font-size:11px}"}},[578,"sui-checkbox-group",{label:[1],help:[1],error:[1],options:[16],value:[1040],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=F,j=function(){"undefined"!=typeof customElements&&["sui-checkbox-group","sui-checkbox"].forEach((s=>{switch(s){case"sui-checkbox-group":customElements.get(r(s))||customElements.define(r(s),F);break;case"sui-checkbox":customElements.get(r(s))||k()}}))};export{w as SuiCheckboxGroup,j as defineCustomElement}

package/dist/components/sui-checkbox.js

@@ -1 +1 @@
-import{SuiCheckbox as e,defineCustomElement as o}from"./p-DcNj_rkS.js";const s=e,t=o;export{s as SuiCheckbox,t as defineCustomElement}
+import{SuiCheckbox as e,defineCustomElement as o}from"./p-CDAf56Kr.js";const s=e,t=o;export{s as SuiCheckbox,t as defineCustomElement}

package/dist/components/sui-chip.js

@@ -1 +1 @@
-import{S as o,d as p}from"./p-ClqEcp1V.js";const s=o,r=p;export{s as SuiChip,r as defineCustomElement}
+import{S as o,d as s}from"./p-1D3wKua6.js";const a=o,p=s;export{a as SuiChip,p as defineCustomElement}

package/dist/components/sui-choice-cards.js

@@ -1 +1 @@
-import{p as s,H as i,c,h as r,t as e}from"./p-DQ8DrIvI.js";import{d as a,F as o}from"./p-CvjYVNw7.js";import{G as d,k as t}from"./p-BJFE-_50.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d as h,s as u,r as p,v as b}from"./p-BHB1Wprj.js";import{f as m}from"./p-CGWvlrv_.js";import{m as f}from"./p-BE4gZZNA.js";import{l as v,n as g,h as x,s as k,k as y}from"./p-D6TU5GZw.js";import{i as w}from"./p-GAnFXayY.js";const F=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=c(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;multiple=!1;variant="list";columns=3;disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=l("sui-choice-cards");initial;async setFocus(){this.tabStop()?.focus()}tabStop(){const s=Array.from(this.host.querySelectorAll(".card"));return s.find((s=>"0"===s.getAttribute("tabindex")))||s[0]}connectedCallback(){n(this.host,this.internals),h(this.host,(()=>this.tabStop()))}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){const s=this.selected();u(this.internals,this.isDisabled?null:this.multiple?f(this.name,s)??(s.length?s.join(","):null):Array.isArray(this.value)?"":y(this.value)),p(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===s.length,this.label,b(this.host),this.error)}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(s){this.formDisabled=m(this.host,this.disabled,s),this.syncForm()}opts(){return v(this.options,this.host,"options").filter((s=>null!=s))}selected(){return Array.isArray(this.value)?this.value:g(this.value)?[]:[this.value]}isSel(s){return this.multiple?x(this.selected(),s):!Array.isArray(this.value)&&k(this.value,s)}enabled(){return this.isDisabled?[]:this.opts().filter((s=>!s.disabled))}pick(s){if(this.isDisabled||this.readOnly)return;const i=this.opts().find((i=>k(i.value,s)));if(!i||i.disabled)return;let c;if(this.multiple){const s=this.selected();c=x(s,i.value)?s.filter((s=>!k(s,i.value))):s.concat(i.value)}else{if(this.isSel(i.value))return;c=i.value}this.value=c,this.suiChange.emit(c)}cardFor(s,i){return Array.from(s.parentElement?.children||[]).find((s=>s.getAttribute("data-value")===y(i)))}onKeyDown(s,i){if(" "===s.key||"Enter"===s.key)return s.preventDefault(),void this.pick(i.value);const c=w(this.host)?"ArrowLeft":"ArrowRight",r="ArrowDown"===s.key||s.key===c?1:"ArrowUp"===s.key||s.key===("ArrowLeft"===c?"ArrowRight":"ArrowLeft")?-1:0;if(!r)return;const e=this.enabled(),a=e.indexOf(i);if(a<0||e.length<2)return;s.preventDefault();const o=e[(a+r+e.length)%e.length];this.cardFor(s.currentTarget,o.value)?.focus(),this.multiple||this.pick(o.value)}tileColumns(){const s=Math.max(1,Math.floor(Number(this.columns))||1);return`repeat(auto-fit, minmax(min(100%, max(160px, calc((100% - ${10*(s-1)}px) / ${s}))), 1fr))`}tabIndexFor(s){if(this.isDisabled||s.disabled)return-1;if(this.multiple)return 0;const i=this.enabled();return(i.find((s=>this.isSel(s.value)))||i[0])===s?0:-1}render(){const s="tile"===this.variant,i=this.label?this.fieldId+"-label":void 0;return r(o,{key:"fe54dc8ae457be4b92c9e9fface55ebf0d49e1ed",help:this.help,error:this.error,descId:this.fieldId},this.label?r("div",{class:"sui-field-label",id:i},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,r("div",{key:"bc33ea9eb0fe1c224dd043dd7dc5eb00473a0257",class:{opts:!0,tile:s,list:!s,multiple:this.multiple,single:!this.multiple,invalid:this.invalid||!!this.error},style:s?{gridTemplateColumns:this.tileColumns()}:void 0,role:this.multiple?"group":"radiogroup","aria-labelledby":i,"aria-describedby":a(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":this.required&&!this.multiple?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-disabled":this.isDisabled?"true":null},this.opts().map((i=>{const c=this.isSel(i.value),e=this.isDisabled||!!i.disabled;return r("div",{key:i.value,class:{card:!0,sel:c,disabled:e,readonly:this.readOnly},role:this.multiple?"checkbox":"radio","aria-checked":c?"true":"false","aria-disabled":e?"true":null,tabIndex:this.tabIndexFor(i),"data-value":i.value,onClick:()=>this.pick(i.value),onKeyDown:s=>this.onKeyDown(s,i)},r("span",{class:"head"},r("span",{class:"mark","aria-hidden":"true"},c&&this.multiple?r(d,{glyph:t}):null),i.icon?r("i",{class:i.icon+" icon","aria-hidden":"true"}):null,s&&i.meta?r("span",{class:"meta"},i.meta):null),r("span",{class:"body"},r("span",{class:"title"},i.label),i.description?r("span",{class:"desc"},i.description):null),!s&&i.meta?r("span",{class:"meta"},i.meta):null)}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-choice-cards-h{display:block;font-family:var(--font-sans)}.opts.list.sc-sui-choice-cards{display:flex;flex-direction:column;gap:8px}.opts.tile.sc-sui-choice-cards{display:grid;gap:10px}.card.readonly.sc-sui-choice-cards{cursor:default}.card.sc-sui-choice-cards{display:flex;flex-direction:row;align-items:center;gap:12px;padding:11px 14px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.tile.sc-sui-choice-cards .card.sc-sui-choice-cards{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.card.sc-sui-choice-cards:hover:where(:not(.readonly,.disabled)).sc-sui-choice-cards{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border))}.card.sel.sc-sui-choice-cards{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-selected) 0 0) var(--surface);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.invalid.sc-sui-choice-cards .card.sc-sui-choice-cards{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.invalid.sc-sui-choice-cards .card.sc-sui-choice-cards:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.card.disabled.sc-sui-choice-cards{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);background:var(--surface-sunken);border-color:var(--border);color:var(--disabled-ink);cursor:not-allowed}.card.sc-sui-choice-cards:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.card.sel.sc-sui-choice-cards:focus-visible{box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 3px var(--focus-halo)}.head.sc-sui-choice-cards{display:flex;align-items:center;gap:10px}.tile.sc-sui-choice-cards .head.sc-sui-choice-cards{width:100%}.mark.sc-sui-choice-cards{width:17px;height:17px;box-sizing:border-box;flex-shrink:0;border-radius:50%;border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);display:flex;align-items:center;justify-content:center;transition:border var(--duration-fast) var(--ease-out)}.multiple.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-radius:var(--radius-xs)}.single.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-width:2px}.sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:var(--brand)}.single.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-width:5px;border-color:var(--brand-soft-ink)}.multiple.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:var(--brand)}.mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{font-size:9px;color:var(--brand-contrast)}.icon.sc-sui-choice-cards{font-size:15px;color:var(--ink-muted)}.sel.sc-sui-choice-cards .icon.sc-sui-choice-cards{color:var(--brand-soft-ink)}.sel.sc-sui-choice-cards .desc.sc-sui-choice-cards{color:var(--ink-muted)}.body.sc-sui-choice-cards{flex:1;min-width:0}.title.sc-sui-choice-cards{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}.disabled.sc-sui-choice-cards .title.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .meta.sc-sui-choice-cards{color:var(--disabled-ink)}.disabled.sc-sui-choice-cards .desc.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .icon.sc-sui-choice-cards{color:var(--ink-placeholder)}.card.sel.disabled.sc-sui-choice-cards{border-color:var(--disabled-ink);box-shadow:inset 0 0 0 1px var(--disabled-ink)}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:var(--disabled-ink)}.multiple.sc-sui-choice-cards .sel.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:var(--disabled-ink)}.desc.sc-sui-choice-cards{display:block;font-size:12px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.meta.sc-sui-choice-cards{font-size:12.5px;font-weight:700;font-feature-settings:'tnum';white-space:nowrap;color:var(--ink)}.tile.sc-sui-choice-cards .head.sc-sui-choice-cards .meta.sc-sui-choice-cards{margin-inline-start:auto;font-size:12px}@media (forced-colors: active){.card.sel.sc-sui-choice-cards{border:2px solid Highlight;padding:10px 13px}.tile.sc-sui-choice-cards .card.sel.sc-sui-choice-cards{padding:13px}.sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:Highlight}.multiple.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:Highlight}.mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{forced-color-adjust:none;color:HighlightText}.card.disabled.sc-sui-choice-cards{border-color:GrayText}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards,.multiple.sc-sui-choice-cards .disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:Canvas;border-color:GrayText}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{color:GrayText}.disabled.sc-sui-choice-cards .title.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .desc.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .icon.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .meta.sc-sui-choice-cards{color:GrayText}}.sui-field.sc-sui-choice-cards{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-choice-cards{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-choice-cards .sui-field-label.sc-sui-choice-cards{color:var(--danger)}.sui-field-req.sc-sui-choice-cards{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-choice-cards{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-choice-cards{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{font-size:11px}"}},[578,"sui-choice-cards",{label:[1],help:[1],error:[1],options:[16],value:[1032],multiple:[516],variant:[513],columns:[2],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),A=F,j=function(){"undefined"!=typeof customElements&&["sui-choice-cards"].forEach((s=>{"sui-choice-cards"===s&&(customElements.get(e(s))||customElements.define(e(s),F))}))};export{A as SuiChoiceCards,j as defineCustomElement}
+import{p as s,H as i,c,h as r,t as e}from"./p-DQ8DrIvI.js";import{d as a,F as o}from"./p-DWUWsh4I.js";import{G as d,k as t}from"./p-B-Bh5OXe.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d as h,s as u,r as p,v as b}from"./p-BHB1Wprj.js";import{f as m}from"./p-CGWvlrv_.js";import{m as f}from"./p-BE4gZZNA.js";import{l as v,n as g,h as x,s as k,k as y}from"./p-D6TU5GZw.js";import{i as w}from"./p-GAnFXayY.js";const F=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=c(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;multiple=!1;variant="list";columns=3;disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=l("sui-choice-cards");initial;async setFocus(){this.tabStop()?.focus()}tabStop(){const s=Array.from(this.host.querySelectorAll(".card"));return s.find((s=>"0"===s.getAttribute("tabindex")))||s[0]}connectedCallback(){n(this.host,this.internals),h(this.host,(()=>this.tabStop()))}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){const s=this.selected();u(this.internals,this.isDisabled?null:this.multiple?f(this.name,s)??(s.length?s.join(","):null):Array.isArray(this.value)?"":y(this.value)),p(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===s.length,this.label,b(this.host),this.error)}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(s){this.formDisabled=m(this.host,this.disabled,s),this.syncForm()}opts(){return v(this.options,this.host,"options").filter((s=>null!=s))}selected(){return Array.isArray(this.value)?this.value:g(this.value)?[]:[this.value]}isSel(s){return this.multiple?x(this.selected(),s):!Array.isArray(this.value)&&k(this.value,s)}enabled(){return this.isDisabled?[]:this.opts().filter((s=>!s.disabled))}pick(s){if(this.isDisabled||this.readOnly)return;const i=this.opts().find((i=>k(i.value,s)));if(!i||i.disabled)return;let c;if(this.multiple){const s=this.selected();c=x(s,i.value)?s.filter((s=>!k(s,i.value))):s.concat(i.value)}else{if(this.isSel(i.value))return;c=i.value}this.value=c,this.suiChange.emit(c)}cardFor(s,i){return Array.from(s.parentElement?.children||[]).find((s=>s.getAttribute("data-value")===y(i)))}onKeyDown(s,i){if(" "===s.key||"Enter"===s.key)return s.preventDefault(),void this.pick(i.value);const c=w(this.host)?"ArrowLeft":"ArrowRight",r="ArrowDown"===s.key||s.key===c?1:"ArrowUp"===s.key||s.key===("ArrowLeft"===c?"ArrowRight":"ArrowLeft")?-1:0;if(!r)return;const e=this.enabled(),a=e.indexOf(i);if(a<0||e.length<2)return;s.preventDefault();const o=e[(a+r+e.length)%e.length];this.cardFor(s.currentTarget,o.value)?.focus(),this.multiple||this.pick(o.value)}tileColumns(){const s=Math.max(1,Math.floor(Number(this.columns))||1);return`repeat(auto-fit, minmax(min(100%, max(160px, calc((100% - ${10*(s-1)}px) / ${s}))), 1fr))`}tabIndexFor(s){if(this.isDisabled||s.disabled)return-1;if(this.multiple)return 0;const i=this.enabled();return(i.find((s=>this.isSel(s.value)))||i[0])===s?0:-1}render(){const s="tile"===this.variant,i=this.label?this.fieldId+"-label":void 0;return r(o,{key:"fe54dc8ae457be4b92c9e9fface55ebf0d49e1ed",help:this.help,error:this.error,descId:this.fieldId},this.label?r("div",{class:"sui-field-label",id:i},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,r("div",{key:"bc33ea9eb0fe1c224dd043dd7dc5eb00473a0257",class:{opts:!0,tile:s,list:!s,multiple:this.multiple,single:!this.multiple,invalid:this.invalid||!!this.error},style:s?{gridTemplateColumns:this.tileColumns()}:void 0,role:this.multiple?"group":"radiogroup","aria-labelledby":i,"aria-describedby":a(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":this.required&&!this.multiple?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-disabled":this.isDisabled?"true":null},this.opts().map((i=>{const c=this.isSel(i.value),e=this.isDisabled||!!i.disabled;return r("div",{key:i.value,class:{card:!0,sel:c,disabled:e,readonly:this.readOnly},role:this.multiple?"checkbox":"radio","aria-checked":c?"true":"false","aria-disabled":e?"true":null,tabIndex:this.tabIndexFor(i),"data-value":i.value,onClick:()=>this.pick(i.value),onKeyDown:s=>this.onKeyDown(s,i)},r("span",{class:"head"},r("span",{class:"mark","aria-hidden":"true"},c&&this.multiple?r(d,{glyph:t}):null),i.icon?r("i",{class:i.icon+" icon","aria-hidden":"true"}):null,s&&i.meta?r("span",{class:"meta"},i.meta):null),r("span",{class:"body"},r("span",{class:"title"},i.label),i.description?r("span",{class:"desc"},i.description):null),!s&&i.meta?r("span",{class:"meta"},i.meta):null)}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-choice-cards-h{display:block;font-family:var(--font-sans)}.opts.list.sc-sui-choice-cards{display:flex;flex-direction:column;gap:8px}.opts.tile.sc-sui-choice-cards{display:grid;gap:10px}.card.readonly.sc-sui-choice-cards{cursor:default}.card.sc-sui-choice-cards{display:flex;flex-direction:row;align-items:center;gap:12px;padding:11px 14px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.tile.sc-sui-choice-cards .card.sc-sui-choice-cards{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.card.sc-sui-choice-cards:hover:where(:not(.readonly,.disabled)).sc-sui-choice-cards{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border))}.card.sel.sc-sui-choice-cards{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-selected) 0 0) var(--surface);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.invalid.sc-sui-choice-cards .card.sc-sui-choice-cards{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.invalid.sc-sui-choice-cards .card.sc-sui-choice-cards:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.card.disabled.sc-sui-choice-cards{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);background:var(--surface-sunken);border-color:var(--border);color:var(--disabled-ink);cursor:not-allowed}.card.sc-sui-choice-cards:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.card.sel.sc-sui-choice-cards:focus-visible{box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 3px var(--focus-halo)}.head.sc-sui-choice-cards{display:flex;align-items:center;gap:10px}.tile.sc-sui-choice-cards .head.sc-sui-choice-cards{width:100%}.mark.sc-sui-choice-cards{width:17px;height:17px;box-sizing:border-box;flex-shrink:0;border-radius:50%;border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);display:flex;align-items:center;justify-content:center;transition:border var(--duration-fast) var(--ease-out)}.multiple.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-radius:var(--radius-xs)}.single.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-width:2px}.sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:var(--brand)}.single.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-width:5px;border-color:var(--brand-soft-ink)}.multiple.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:var(--brand)}.mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{font-size:9px;color:var(--brand-contrast)}.icon.sc-sui-choice-cards{font-size:15px;color:var(--ink-muted)}.sel.sc-sui-choice-cards .icon.sc-sui-choice-cards{color:var(--brand-soft-ink)}.sel.sc-sui-choice-cards .desc.sc-sui-choice-cards{color:var(--ink-muted)}.body.sc-sui-choice-cards{flex:1;min-width:0}.title.sc-sui-choice-cards{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}.disabled.sc-sui-choice-cards .title.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .meta.sc-sui-choice-cards{color:var(--disabled-ink)}.disabled.sc-sui-choice-cards .desc.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .icon.sc-sui-choice-cards{color:var(--ink-placeholder)}.card.sel.disabled.sc-sui-choice-cards{border-color:var(--disabled-ink);box-shadow:inset 0 0 0 1px var(--disabled-ink)}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:var(--disabled-ink)}.multiple.sc-sui-choice-cards .sel.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:var(--disabled-ink)}.desc.sc-sui-choice-cards{display:block;font-size:12px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.meta.sc-sui-choice-cards{font-size:12.5px;font-weight:700;font-feature-settings:'tnum';white-space:nowrap;color:var(--ink)}.tile.sc-sui-choice-cards .head.sc-sui-choice-cards .meta.sc-sui-choice-cards{margin-inline-start:auto;font-size:12px}@media (forced-colors: active){.card.sel.sc-sui-choice-cards{border:2px solid Highlight;padding:10px 13px}.tile.sc-sui-choice-cards .card.sel.sc-sui-choice-cards{padding:13px}.sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{border-color:Highlight}.multiple.sc-sui-choice-cards .sel.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:Highlight}.mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{forced-color-adjust:none;color:HighlightText}.card.disabled.sc-sui-choice-cards{border-color:GrayText}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards,.multiple.sc-sui-choice-cards .disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards{background:Canvas;border-color:GrayText}.disabled.sc-sui-choice-cards .mark.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{color:GrayText}.disabled.sc-sui-choice-cards .title.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .desc.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .icon.sc-sui-choice-cards,.disabled.sc-sui-choice-cards .meta.sc-sui-choice-cards{color:GrayText}}.sui-field.sc-sui-choice-cards{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-choice-cards{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-choice-cards .sui-field-label.sc-sui-choice-cards{color:var(--danger)}.sui-field-req.sc-sui-choice-cards{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-choice-cards{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-choice-cards{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-choice-cards .sui-glyph.sc-sui-choice-cards{font-size:11px}"}},[578,"sui-choice-cards",{label:[1],help:[1],error:[1],options:[16],value:[1032],multiple:[516],variant:[513],columns:[2],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),A=F,D=function(){"undefined"!=typeof customElements&&["sui-choice-cards"].forEach((s=>{"sui-choice-cards"===s&&(customElements.get(e(s))||customElements.define(e(s),F))}))};export{A as SuiChoiceCards,D as defineCustomElement}

package/dist/components/sui-code-block.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CjIIhl8J.js";const p=o,r=s;export{p as SuiCodeBlock,r as defineCustomElement}
+import{S as o,d as s}from"./p-hdDAWHvo.js";const p=o,r=s;export{p as SuiCodeBlock,r as defineCustomElement}

package/dist/components/sui-color-editor.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-DpsZW1vZ.js";const p=s,r=o;export{p as SuiColorEditor,r as defineCustomElement}
+import{S as o,d as s}from"./p-lSe7zWdw.js";const p=o,r=s;export{p as SuiColorEditor,r as defineCustomElement}

package/dist/components/sui-color-picker.js

@@ -1 +1 @@
-import{p as i,H as s,c as r,f as o,h as e,t}from"./p-DQ8DrIvI.js";import{d as a,F as c}from"./p-CvjYVNw7.js";import{G as l,k as n,y as d}from"./p-BJFE-_50.js";import{i as p}from"./p-Cs2X0Kih.js";import{i as u}from"./p-GAnFXayY.js";import{u as h}from"./p-U06fVoGD.js";import{i as f,d as b,s as k,r as v}from"./p-BHB1Wprj.js";import{m,l as g}from"./p-CnbXPlor.js";import{p as x,f as w}from"./p--AfIJxhD.js";import{l as y,a as F}from"./p-BuyjS5bS.js";import{f as C}from"./p-CGWvlrv_.js";import{d as D}from"./p-DHkfcILx.js";const z=[1,.75,.5,.25,.1],j=[[{name:"Deep blue",hex:"#121C4D"},{name:"Orange",hex:"#FF9422"},{name:"Blue-gray",hex:"#DCE3EC"},{name:"Slate",hex:"#8E9CAF"},{name:"Deep orange",hex:"#D86F00"},{name:"White",hex:"#FFFFFF"}].map((i=>i.hex))].concat(["#121C4D","#FF9422"].map((i=>z.map((s=>((i,s)=>{const r=parseInt(i.slice(1),16);return"#"+[r>>16&255,r>>8&255,255&r].map((i=>(i=>Math.round(i+(255-i)*(1-s)))(i).toString(16).padStart(2,"0"))).join("")})(i,s)))))),A=i=>{const s=parseInt(i.slice(1),16),r=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*r(s>>16&255)+.7152*r(s>>8&255)+.0722*r(255&s)},O=A("#121C4D"),q=i=>(A(i)+.05)/(O+.05)>1.05/(A(i)+.05),E=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.suiOpen=r(this,"suiOpen",3),this.suiClose=r(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;invalid=!1;required=!1;value="#121C4D";disabled=!1;readOnly=!1;inline=!1;open=!1;name;suiChange;suiOpen;suiClose;focused=!1;hostLabel;pickedAt;stopAria;formDisabled=!1;fieldId=h("sui-color-picker");trigger;panel;initial="#121C4D";closing=!1;popup=x({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){f(this.host,this.internals),b(this.host,(()=>this.anchor())),this.stopAria?.(),this.stopAria=p(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&o(this)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncForm(){k(this.internals,this.isDisabled?null:this.value),v(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.anchor(),this.error)}onOpenChange(i){if(i)return this.popup.reopen(),void(this.closing=!1);this.closing=!this.inline&&this.popup.close()}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=C(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.anchor()?.focus()}anchor(){return this.inline?this.tabStop():this.trigger}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&w((()=>this.tabStop()),(()=>this.open))}reposition(){this.trigger&&this.panel&&m(this.panel,g(this.trigger,this.panel,"bottom",6,"start"))}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}swatches(){return Array.from(this.panel?.querySelectorAll("button.sw")||[])}owner(){const i=(this.value||"").toUpperCase();if(!i)return;const s=this.pickedAt;if(s&&j[s[0]]?.[s[1]]?.toUpperCase()===i)return s;for(let s=0;s<j.length;s++){const r=j[s].findIndex((s=>s.toUpperCase()===i));if(r>=0)return[s,r]}}tabStop(){const i=this.swatches();return i.find((i=>"true"===i.getAttribute("aria-selected")))||i[0]}isSel(i){return i.toUpperCase()===(this.value||"").toUpperCase()}pick(i,s,r){this.isDisabled||this.readOnly||(this.pickedAt=[s,r],this.isSel(i)||(this.value=i,this.suiChange.emit(i)))}focusSwatch(i,s){if(i<0||i>=j.length)return;const r=Math.min(s,j[i].length-1),o=this.panel?.querySelector(`button.sw[data-row="${i}"][data-col="${r}"]`);o?.focus()}onPanelKey=i=>{if(!this.inline){if(this.popup.tab(i,(()=>this.requestClose("outside"))))return;this.onKey(i)}this.onSwatchKey(i)};onSwatchKey(i){const s=i.target;if(!s.classList?.contains("sw"))return;const r=Number(s.getAttribute("data-row")),o=Number(s.getAttribute("data-col")),e=j,t=u(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowRight":case"ArrowLeft":i.preventDefault(),i.key===t?o+1<e[r].length?this.focusSwatch(r,o+1):this.focusSwatch(r+1,0):o>0?this.focusSwatch(r,o-1):this.focusSwatch(r-1,99);break;case"ArrowDown":i.preventDefault(),this.focusSwatch(r+1,o);break;case"ArrowUp":i.preventDefault(),this.focusSwatch(r-1,o);break;case"Home":i.preventDefault(),this.focusSwatch(0,0);break;case"End":i.preventDefault(),this.focusSwatch(e.length-1,99)}}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onKey(i){this.isDisabled||this.readOnly||("Escape"!==i.key?"Tab"!==i.key?i.target!==this.trigger||"ArrowDown"!==i.key&&"ArrowUp"!==i.key||this.open||(i.preventDefault(),this.show()):this.open&&this.requestClose("outside"):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))}renderSwatch(i,s,r,o,t){const a=!!t&&t[0]===s&&t[1]===r,c="#FFFFFF"===i.toUpperCase(),d=a||!t&&0===s&&0===r;return e("sui-tooltip",{content:i,position:"top",role:"presentation",key:`${s}-${r}`},e("button",{type:"button",class:{sw:!0,big:o,sel:a,white:c,pale:a&&q(i)},role:"option","aria-selected":a?"true":"false","aria-label":y(void 0,"color-picker.use",void 0,"Use {color}",{color:i}),"data-row":s,"data-col":r,tabIndex:d?0:-1,disabled:this.isDisabled,style:{background:i},onClick:()=>this.pick(i,s,r)},a?e(l,{glyph:n,class:"chk"}):null))}renderPanel(i){const s=j,r=this.owner(),o=this.inline;return e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,inline:o,invalid:o&&i,disabled:o&&this.isDisabled,closing:this.closing},inert:this.closing,onKeyDown:this.onPanelKey},e("div",{id:this.fieldId+"-list",role:"listbox","aria-label":this.label?y(void 0,"color-picker.palette",void 0,"{name} palette",{name:this.label}):F(void 0,"color-picker.brandPalette",void 0,"Brand palette"),"aria-invalid":o&&i?"true":null,"aria-describedby":o?a(this.fieldId,this.help,this.error):null,"aria-required":o&&this.required?"true":null,"aria-readonly":o&&this.readOnly?"true":null,"aria-disabled":o&&this.isDisabled?"true":null},e("div",{class:"eyebrow"},F(void 0,"color-picker.brandPalette",void 0,"Brand palette")),e("div",{class:"row palette"},s[0].map(((i,s)=>this.renderSwatch(i,0,s,!0,r)))),e("div",{class:"eyebrow tints"},F(void 0,"color-picker.tints",void 0,"Tints")),s.slice(1).map(((i,s)=>e("div",{class:"row tint",key:"t"+s},i.map(((i,o)=>this.renderSwatch(i,s+1,o,!1,r))))))),e("div",{class:"note"},F(void 0,"color-picker.offPaletteColorsAreNotPermitted",void 0,"Off-palette colors are not permitted.")))}render(){const i=this.value||"",s=this.invalid||!!this.error;return this.inline?e(c,{label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,inline:!0}},this.renderPanel(s))):e(c,{label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{ref:i=>this.trigger=i,id:this.fieldId,type:"button",class:{trigger:!0,"sui-frame":!0,focus:this.focused,open:this.open,invalid:s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list","aria-invalid":s?"true":null,"aria-describedby":a(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e("span",{class:"swatch",style:{background:i},"aria-hidden":"true"}),e("span",{class:"hex"},i.toUpperCase()),e(l,{glyph:d,class:"chev"})),this.open||this.closing?this.renderPanel(s):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-color-picker-h{display:block;font-family:var(--font-sans)}.sui-color-picker.sc-sui-color-picker{position:relative;display:inline-flex}.trigger.sc-sui-color-picker{display:inline-flex;align-items:center;gap:8px;height:var(--sui-field-height, var(--control-md));padding:0 10px;box-sizing:border-box;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer}.trigger.sc-sui-color-picker:disabled{cursor:not-allowed}.swatch.sc-sui-color-picker{width:18px;height:18px;border-radius:5px;border:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.hex.sc-sui-color-picker{font-weight:620}.chev.sc-sui-color-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.trigger.open.sc-sui-color-picker .chev.sc-sui-color-picker{transform:rotate(180deg)}.panel.sc-sui-color-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:196px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-color-picker-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-color-picker{animation-name:sui-color-picker-in-top}.panel.closing.sc-sui-color-picker{animation:sui-color-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-color-picker-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-color-picker-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-color-picker-out{to{opacity:0}}.panel.inline.sc-sui-color-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.panel.inline.invalid.sc-sui-color-picker{border-color:var(--danger)}.panel.inline.disabled.sc-sui-color-picker{background:var(--disabled-bg)}.panel.inline.disabled.sc-sui-color-picker .sw.sc-sui-color-picker{cursor:not-allowed}.panel.inline.disabled.sc-sui-color-picker .eyebrow.sc-sui-color-picker,.panel.inline.disabled.sc-sui-color-picker .note.sc-sui-color-picker{color:var(--disabled-ink)}.eyebrow.sc-sui-color-picker{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.row.sc-sui-color-picker{display:flex;gap:6px}.row.palette.sc-sui-color-picker{flex-wrap:wrap;margin-bottom:10px}.row.tint.sc-sui-color-picker{margin-bottom:6px}.row.sc-sui-color-picker sui-tooltip.sc-sui-color-picker{display:inline-flex;line-height:0}.sw.sc-sui-color-picker{width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none;display:inline-flex;align-items:center;justify-content:center}.sw.big.sc-sui-color-picker{width:26px;height:26px}.sw.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:10px;color:var(--palette-white)}.sw.big.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:11px}.sw.pale.sc-sui-color-picker .chk.sc-sui-color-picker{color:var(--palette-deep-blue)}.sw.sc-sui-color-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.note.sc-sui-color-picker{border-top:1px solid var(--hairline);margin-top:4px;padding-top:9px;font-size:11px;color:var(--ink-faint)}@media (forced-colors: active){.swatch.sc-sui-color-picker,.sw.sc-sui-color-picker{forced-color-adjust:none;border:1px solid CanvasText}.sw.white.sc-sui-color-picker{border-color:CanvasText}.sw.sel.sc-sui-color-picker{border-color:CanvasText}.sw.sc-sui-color-picker:focus-visible{outline-color:Highlight;box-shadow:none}.sw.sc-sui-color-picker:disabled{border-color:GrayText}}.sui-field.sc-sui-color-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-picker .sui-field-label.sc-sui-color-picker{color:var(--danger)}.sui-field-req.sc-sui-color-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-picker{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-picker .sui-glyph.sc-sui-color-picker{font-size:11px}.sui-frame.sc-sui-color-picker{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-picker,.sui-frame.readonly.sc-sui-color-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-picker{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-picker:focus-within,.sui-frame.invalid.focus.sc-sui-color-picker,.sui-frame.invalid.open.sc-sui-color-picker{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-picker{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{color:GrayText;border-color:GrayText}}"}},[578,"sui-color-picker",{label:[1],help:[1],error:[1],invalid:[516],required:[516],value:[1025],disabled:[516],readOnly:[516,"readonly"],inline:[516],open:[1540],name:[513],focused:[32],hostLabel:[32],pickedAt:[32],formDisabled:[32],closing:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}]),I=E,B=function(){"undefined"!=typeof customElements&&["sui-color-picker","sui-tooltip"].forEach((i=>{switch(i){case"sui-color-picker":customElements.get(t(i))||customElements.define(t(i),E);break;case"sui-tooltip":customElements.get(t(i))||D()}}))};export{I as SuiColorPicker,B as defineCustomElement}
+import{p as i,H as s,c as r,f as o,h as e,t}from"./p-DQ8DrIvI.js";import{d as a,F as c}from"./p-DWUWsh4I.js";import{G as l,k as n,y as d}from"./p-B-Bh5OXe.js";import{i as p}from"./p-wknHx00K.js";import{i as u}from"./p-GAnFXayY.js";import{u as h}from"./p-U06fVoGD.js";import{i as f,d as b,s as k,r as v}from"./p-BHB1Wprj.js";import{m,l as g}from"./p-B2OoQiUx.js";import{p as x,f as w}from"./p-BE1IYQsU.js";import{l as y,a as F}from"./p-BuyjS5bS.js";import{f as C}from"./p-CGWvlrv_.js";import{d as D}from"./p-Bppdhan-.js";const z=[1,.75,.5,.25,.1],j=[[{name:"Deep blue",hex:"#121C4D"},{name:"Orange",hex:"#FF9422"},{name:"Blue-gray",hex:"#DCE3EC"},{name:"Slate",hex:"#8E9CAF"},{name:"Deep orange",hex:"#D86F00"},{name:"White",hex:"#FFFFFF"}].map((i=>i.hex))].concat(["#121C4D","#FF9422"].map((i=>z.map((s=>((i,s)=>{const r=parseInt(i.slice(1),16);return"#"+[r>>16&255,r>>8&255,255&r].map((i=>(i=>Math.round(i+(255-i)*(1-s)))(i).toString(16).padStart(2,"0"))).join("")})(i,s)))))),A=i=>{const s=parseInt(i.slice(1),16),r=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*r(s>>16&255)+.7152*r(s>>8&255)+.0722*r(255&s)},O=A("#121C4D"),B=i=>(A(i)+.05)/(O+.05)>1.05/(A(i)+.05),q=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.suiOpen=r(this,"suiOpen",3),this.suiClose=r(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;invalid=!1;required=!1;value="#121C4D";disabled=!1;readOnly=!1;inline=!1;open=!1;name;suiChange;suiOpen;suiClose;focused=!1;hostLabel;pickedAt;stopAria;formDisabled=!1;fieldId=h("sui-color-picker");trigger;panel;initial="#121C4D";closing=!1;popup=x({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){f(this.host,this.internals),b(this.host,(()=>this.anchor())),this.stopAria?.(),this.stopAria=p(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&o(this)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncForm(){k(this.internals,this.isDisabled?null:this.value),v(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.anchor(),this.error)}onOpenChange(i){if(i)return this.popup.reopen(),void(this.closing=!1);this.closing=!this.inline&&this.popup.close()}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=C(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.anchor()?.focus()}anchor(){return this.inline?this.tabStop():this.trigger}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&w((()=>this.tabStop()),(()=>this.open))}reposition(){this.trigger&&this.panel&&m(this.panel,g(this.trigger,this.panel,"bottom",6,"start"))}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}swatches(){return Array.from(this.panel?.querySelectorAll("button.sw")||[])}owner(){const i=(this.value||"").toUpperCase();if(!i)return;const s=this.pickedAt;if(s&&j[s[0]]?.[s[1]]?.toUpperCase()===i)return s;for(let s=0;s<j.length;s++){const r=j[s].findIndex((s=>s.toUpperCase()===i));if(r>=0)return[s,r]}}tabStop(){const i=this.swatches();return i.find((i=>"true"===i.getAttribute("aria-selected")))||i[0]}isSel(i){return i.toUpperCase()===(this.value||"").toUpperCase()}pick(i,s,r){this.isDisabled||this.readOnly||(this.pickedAt=[s,r],this.isSel(i)||(this.value=i,this.suiChange.emit(i)))}focusSwatch(i,s){if(i<0||i>=j.length)return;const r=Math.min(s,j[i].length-1),o=this.panel?.querySelector(`button.sw[data-row="${i}"][data-col="${r}"]`);o?.focus()}onPanelKey=i=>{if(!this.inline){if(this.popup.tab(i,(()=>this.requestClose("outside"))))return;this.onKey(i)}this.onSwatchKey(i)};onSwatchKey(i){const s=i.target;if(!s.classList?.contains("sw"))return;const r=Number(s.getAttribute("data-row")),o=Number(s.getAttribute("data-col")),e=j,t=u(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowRight":case"ArrowLeft":i.preventDefault(),i.key===t?o+1<e[r].length?this.focusSwatch(r,o+1):this.focusSwatch(r+1,0):o>0?this.focusSwatch(r,o-1):this.focusSwatch(r-1,99);break;case"ArrowDown":i.preventDefault(),this.focusSwatch(r+1,o);break;case"ArrowUp":i.preventDefault(),this.focusSwatch(r-1,o);break;case"Home":i.preventDefault(),this.focusSwatch(0,0);break;case"End":i.preventDefault(),this.focusSwatch(e.length-1,99)}}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onKey(i){this.isDisabled||this.readOnly||("Escape"!==i.key?"Tab"!==i.key?i.target!==this.trigger||"ArrowDown"!==i.key&&"ArrowUp"!==i.key||this.open||(i.preventDefault(),this.show()):this.open&&this.requestClose("outside"):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))}renderSwatch(i,s,r,o,t){const a=!!t&&t[0]===s&&t[1]===r,c="#FFFFFF"===i.toUpperCase(),d=a||!t&&0===s&&0===r;return e("sui-tooltip",{content:i,position:"top",role:"presentation",key:`${s}-${r}`},e("button",{type:"button",class:{sw:!0,big:o,sel:a,white:c,pale:a&&B(i)},role:"option","aria-selected":a?"true":"false","aria-label":y(void 0,"color-picker.use",void 0,"Use {color}",{color:i}),"data-row":s,"data-col":r,tabIndex:d?0:-1,disabled:this.isDisabled,style:{background:i},onClick:()=>this.pick(i,s,r)},a?e(l,{glyph:n,class:"chk"}):null))}renderPanel(i){const s=j,r=this.owner(),o=this.inline;return e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,inline:o,invalid:o&&i,disabled:o&&this.isDisabled,closing:this.closing},inert:this.closing,onKeyDown:this.onPanelKey},e("div",{id:this.fieldId+"-list",role:"listbox","aria-label":this.label?y(void 0,"color-picker.palette",void 0,"{name} palette",{name:this.label}):F(void 0,"color-picker.brandPalette",void 0,"Brand palette"),"aria-invalid":o&&i?"true":null,"aria-describedby":o?a(this.fieldId,this.help,this.error):null,"aria-required":o&&this.required?"true":null,"aria-readonly":o&&this.readOnly?"true":null,"aria-disabled":o&&this.isDisabled?"true":null},e("div",{class:"eyebrow"},F(void 0,"color-picker.brandPalette",void 0,"Brand palette")),e("div",{class:"row palette"},s[0].map(((i,s)=>this.renderSwatch(i,0,s,!0,r)))),e("div",{class:"eyebrow tints"},F(void 0,"color-picker.tints",void 0,"Tints")),s.slice(1).map(((i,s)=>e("div",{class:"row tint",key:"t"+s},i.map(((i,o)=>this.renderSwatch(i,s+1,o,!1,r))))))),e("div",{class:"note"},F(void 0,"color-picker.offPaletteColorsAreNotPermitted",void 0,"Off-palette colors are not permitted.")))}render(){const i=this.value||"",s=this.invalid||!!this.error;return this.inline?e(c,{label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,inline:!0}},this.renderPanel(s))):e(c,{label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{ref:i=>this.trigger=i,id:this.fieldId,type:"button",class:{trigger:!0,"sui-frame":!0,focus:this.focused,open:this.open,invalid:s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list","aria-invalid":s?"true":null,"aria-describedby":a(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e("span",{class:"swatch",style:{background:i},"aria-hidden":"true"}),e("span",{class:"hex"},i.toUpperCase()),e(l,{glyph:d,class:"chev"})),this.open||this.closing?this.renderPanel(s):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-color-picker-h{display:block;font-family:var(--font-sans)}.sui-color-picker.sc-sui-color-picker{position:relative;display:inline-flex}.trigger.sc-sui-color-picker{display:inline-flex;align-items:center;gap:8px;height:var(--sui-field-height, var(--control-md));padding:0 10px;box-sizing:border-box;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer}.trigger.sc-sui-color-picker:disabled{cursor:not-allowed}.swatch.sc-sui-color-picker{width:18px;height:18px;border-radius:5px;border:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.hex.sc-sui-color-picker{font-weight:620}.chev.sc-sui-color-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.trigger.open.sc-sui-color-picker .chev.sc-sui-color-picker{transform:rotate(180deg)}.panel.sc-sui-color-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:196px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-color-picker-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-color-picker{animation-name:sui-color-picker-in-top}.panel.closing.sc-sui-color-picker{animation:sui-color-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-color-picker-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-color-picker-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-color-picker-out{to{opacity:0}}.panel.inline.sc-sui-color-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.panel.inline.invalid.sc-sui-color-picker{border-color:var(--danger)}.panel.inline.disabled.sc-sui-color-picker{background:var(--disabled-bg)}.panel.inline.disabled.sc-sui-color-picker .sw.sc-sui-color-picker{cursor:not-allowed}.panel.inline.disabled.sc-sui-color-picker .eyebrow.sc-sui-color-picker,.panel.inline.disabled.sc-sui-color-picker .note.sc-sui-color-picker{color:var(--disabled-ink)}.eyebrow.sc-sui-color-picker{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.row.sc-sui-color-picker{display:flex;gap:6px}.row.palette.sc-sui-color-picker{flex-wrap:wrap;margin-bottom:10px}.row.tint.sc-sui-color-picker{margin-bottom:6px}.row.sc-sui-color-picker sui-tooltip.sc-sui-color-picker{display:inline-flex;line-height:0}.sw.sc-sui-color-picker{width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none;display:inline-flex;align-items:center;justify-content:center}.sw.big.sc-sui-color-picker{width:26px;height:26px}.sw.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:10px;color:var(--palette-white)}.sw.big.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:11px}.sw.pale.sc-sui-color-picker .chk.sc-sui-color-picker{color:var(--palette-deep-blue)}.sw.sc-sui-color-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.note.sc-sui-color-picker{border-top:1px solid var(--hairline);margin-top:4px;padding-top:9px;font-size:11px;color:var(--ink-faint)}@media (forced-colors: active){.swatch.sc-sui-color-picker,.sw.sc-sui-color-picker{forced-color-adjust:none;border:1px solid CanvasText}.sw.white.sc-sui-color-picker{border-color:CanvasText}.sw.sel.sc-sui-color-picker{border-color:CanvasText}.sw.sc-sui-color-picker:focus-visible{outline-color:Highlight;box-shadow:none}.sw.sc-sui-color-picker:disabled{border-color:GrayText}}.sui-field.sc-sui-color-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-picker .sui-field-label.sc-sui-color-picker{color:var(--danger)}.sui-field-req.sc-sui-color-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-picker{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-picker .sui-glyph.sc-sui-color-picker{font-size:11px}.sui-frame.sc-sui-color-picker{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-picker,.sui-frame.readonly.sc-sui-color-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-picker{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-picker:focus-within,.sui-frame.invalid.focus.sc-sui-color-picker,.sui-frame.invalid.open.sc-sui-color-picker{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-picker{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{color:GrayText;border-color:GrayText}}"}},[578,"sui-color-picker",{label:[1],help:[1],error:[1],invalid:[516],required:[516],value:[1025],disabled:[516],readOnly:[516,"readonly"],inline:[516],open:[1540],name:[513],focused:[32],hostLabel:[32],pickedAt:[32],formDisabled:[32],closing:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}]),E=q,I=function(){"undefined"!=typeof customElements&&["sui-color-picker","sui-tooltip"].forEach((i=>{switch(i){case"sui-color-picker":customElements.get(t(i))||customElements.define(t(i),q);break;case"sui-tooltip":customElements.get(t(i))||D()}}))};export{E as SuiColorPicker,I as defineCustomElement}

package/dist/components/sui-command-palette.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,f as s,h as a,a as o,t as n}from"./p-DQ8DrIvI.js";import{o as r}from"./p-BzhCDwzO.js";import{m as c}from"./p-DLz6XeJE.js";import{u as l}from"./p-U06fVoGD.js";import{a as d,l as p}from"./p-BuyjS5bS.js";import{G as m,z as h,A as u}from"./p-BJFE-_50.js";import{d as v,p as g}from"./p-Bt5Kx3zM.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiClose=i(this,"suiClose",3),this.suiPick=i(this,"suiPick",7),this.suiQueryChange=i(this,"suiQueryChange",3)}get host(){return this}open=!1;groups=[];placeholder;brand="";query="";externalFilter=!1;emptyMessage;emptyFilterMessage;suiClose;suiPick;suiQueryChange;active=0;keyNav=!1;pointerAt="";onKeyNav(e){v(e)&&(this.keyNav=!0)}onPointerNav(e){const t=g(e);t!==this.pointerAt&&(this.pointerAt=t,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}closing=!1;fieldId=l("sui-cmdk");modal;card;layer;input;loaded=!1;top=c({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});componentDidLoad(){this.loaded=!0}componentDidRender(){this.open&&this.card&&!this.modal&&this.activate()}connectedCallback(){this.loaded&&this.open&&s(this)}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1)}onOpen(e){if(e)return this.top.reopen(),this.closing=!1,void(this.active=0);this.deactivate(),this.closing=this.top.close()}resetActive(){this.aim(0)}activate(){this.card&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=r(this.card,{initialFocus:this.input}))}deactivate(){this.modal?.release(),this.modal=void 0}shown(){const e=this.externalFilter?"":(this.query||"").trim().toLowerCase(),t=t=>!e||t.label.toLowerCase().includes(e)||(t.meta||"").toLowerCase().includes(e);return(this.groups||[]).map((e=>({heading:e.heading,items:(e.items||[]).filter(t)}))).filter((e=>e.items.length))}flat(){return this.shown().reduce(((e,t)=>e.concat(t.items)),[])}requestClose(e){this.suiClose.emit(e).defaultPrevented||(this.open=!1)}pick(e){this.suiPick.emit(e),this.requestClose("pick")}aim(e){this.active=e,requestAnimationFrame((()=>{const e=this.card?.querySelector('[role="option"].active');e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"nearest"})}))}move(e){const t=this.flat().length;t&&this.aim((this.active+e+t)%t)}onInputKey=e=>{const t=this.flat();switch(e.key){case"ArrowDown":e.preventDefault(),this.move(1);break;case"ArrowUp":e.preventDefault(),this.move(-1);break;case"Home":t.length&&(e.preventDefault(),this.aim(0));break;case"End":t.length&&(e.preventDefault(),this.aim(t.length-1));break;case"Enter":e.preventDefault(),t[this.active]&&this.pick(t[this.active])}};onInput=e=>{this.query=e.target.value,this.suiQueryChange.emit(this.query)};kbd(e){return a("span",{class:"kbd"},e)}render(){const e=this.shown(),t=(this.query||"").trim()?d(void 0,"command-palette.emptyFilter",this.emptyFilterMessage,"No matches."):d(void 0,"command-palette.empty",this.emptyMessage,"Nothing here yet."),i=this.fieldId+"-list";let s=-1;const n=e.reduce(((e,t)=>e+t.items.length),0),r=n?`${this.fieldId}-opt-${this.active}`:void 0;return a(o,{key:"7bf5a8e4798d9c886f9739d09bee3622b2568bd4"},this.open||this.closing?a("div",{class:{layer:!0,closing:this.closing},inert:this.closing,ref:e=>this.layer=e},a("div",{class:"scrim",onClick:()=>this.requestClose("scrim")}),a("div",{ref:e=>this.card=e,class:"card",role:"dialog","aria-label":d(void 0,"command-palette.commandPalette",void 0,"Command palette")},a("div",{class:"search"},a(m,{glyph:h}),a("input",{ref:e=>this.input=e,type:"text",role:"combobox","aria-expanded":"true","aria-autocomplete":"list","aria-controls":i,"aria-activedescendant":r,"aria-label":d(void 0,"command-palette.placeholder",this.placeholder,"Search actions, records, reports"),placeholder:d(void 0,"command-palette.placeholder",this.placeholder,"Search actions, records, reports"),value:this.query,onInput:this.onInput,onKeyDown:this.onInputKey}),this.kbd("esc")),a("div",{class:"sr-only",role:"status"},0===n?t:1===n?d(void 0,"command-palette.oneResult",void 0,"1 result."):p(void 0,"command-palette.results",void 0,"{n} results.",{n:n+""})),a("div",{id:i,class:"list",role:"listbox","aria-label":d(void 0,"command-palette.commands",void 0,"Commands")},0===e.length?a("div",{class:"empty"},t):null,e.map((e=>a("div",{class:"group",role:"group","aria-label":e.heading,key:e.heading},a("div",{class:"group-heading"},e.heading),e.items.map((t=>{s+=1;const i=s;return a("div",{key:`${e.heading} ${t.label}`,id:`${this.fieldId}-opt-${i}`,role:"option","aria-selected":i===this.active?"true":"false",class:{row:!0,active:i===this.active,keynav:this.keyNav&&i===this.active},onMouseEnter:()=>this.active=i,onClick:()=>this.pick(t)},a("span",{class:"tile"},t.icon?a("i",{class:t.icon,"aria-hidden":"true"}):a(m,{glyph:u})),a("span",{class:"text"},a("span",{class:"label"},t.label),t.meta?a("span",{class:"meta"},t.meta):null),t.kbd?this.kbd(t.kbd):null)})))))),a("div",{class:"foot"},a("span",null,this.kbd("↑↓")," ",d(void 0,"command-palette.navigate",void 0,"navigate")),a("span",null,this.kbd("↵")," ",d(void 0,"command-palette.open",void 0,"open")),this.brand?a("span",{class:"brand"},this.brand):a("span",null)))):null)}static get watchers(){return{open:[{onOpen:0}],query:[{resetActive:0}],groups:[{resetActive:0}],externalFilter:[{resetActive:0}]}}static get style(){return".sc-sui-command-palette-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-command-palette{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-command-palette{position:absolute;inset:0;background:var(--scrim);animation:sui-cmdk-fade var(--duration-overlay) var(--ease-out)}.card.sc-sui-command-palette{position:absolute;top:14vh;left:0;right:0;margin:0 auto;width:min(560px, calc(100% - 40px));box-sizing:border-box;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:sui-cmdk-in var(--duration-overlay) var(--ease-out)}.card.sc-sui-command-palette:focus{outline:none}.search.sc-sui-command-palette{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--hairline)}.search.sc-sui-command-palette>.sui-glyph.sc-sui-command-palette{font-size:13px;color:var(--ink-faint)}.search.sc-sui-command-palette input.sc-sui-command-palette{flex:1;min-width:0;height:50px;border:none;outline:none;background:transparent;color:var(--ink);font-size:14.5px;font-family:var(--font-sans);font-weight:460}.search.sc-sui-command-palette input.sc-sui-command-palette::placeholder{color:var(--ink-placeholder)}.search.sc-sui-command-palette:focus-within{border-bottom:2px solid var(--focus-ring);margin-bottom:-1px}.kbd.sc-sui-command-palette{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-sunken);font-size:10.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.sr-only.sc-sui-command-palette{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.list.sc-sui-command-palette{max-height:320px;overflow-y:auto;padding:6px}.empty.sc-sui-command-palette{padding:26px 16px;text-align:center;font-size:13px;color:var(--ink-faint)}.group-heading.sc-sui-command-palette{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.row.sc-sui-command-palette{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.row.active.sc-sui-command-palette{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.keynav.sc-sui-command-palette{outline:2px solid var(--focus-ring);outline-offset:-2px}.tile.sc-sui-command-palette{width:28px;height:28px;border-radius:7px;background:var(--brand-soft);color:var(--brand-soft-ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tile.sc-sui-command-palette i.sc-sui-command-palette,.tile.sc-sui-command-palette .sui-glyph.sc-sui-command-palette{font-size:12px}.text.sc-sui-command-palette{flex:1;min-width:0}.label.sc-sui-command-palette{display:block;font-size:13.5px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta.sc-sui-command-palette{display:block;font-size:11.5px;color:var(--ink-faint)}.foot.sc-sui-command-palette{display:flex;gap:14px;align-items:center;padding:9px 16px;border-top:1px solid var(--hairline);background:var(--surface-sunken);font-size:11px;color:var(--ink-faint);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.foot.sc-sui-command-palette>span.sc-sui-command-palette{display:inline-flex;align-items:center;gap:5px}.foot.sc-sui-command-palette .brand.sc-sui-command-palette{margin-inline-start:auto}.layer.closing.sc-sui-command-palette{pointer-events:none}.layer.closing.sc-sui-command-palette .scrim.sc-sui-command-palette,.layer.closing.sc-sui-command-palette .card.sc-sui-command-palette{animation:sui-cmdk-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-cmdk-fade{from{opacity:0}}@keyframes sui-cmdk-in{from{opacity:0;top:calc(14vh + 4px)}}@keyframes sui-cmdk-out{to{opacity:0}}@media (max-height: 480px){.card.sc-sui-command-palette{top:16px;max-height:calc(100% - 32px);display:flex;flex-direction:column;animation-name:sui-cmdk-fade}.list.sc-sui-command-palette{max-height:none;flex:1 1 auto;min-height:0}}@media (forced-colors: active){.card.sc-sui-command-palette{border:1px solid CanvasText}.tile.sc-sui-command-palette{box-sizing:border-box;border:1px solid CanvasText}.row.active.sc-sui-command-palette{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.active.sc-sui-command-palette .tile.sc-sui-command-palette{background:Highlight;color:HighlightText;border-color:HighlightText}.row.active.sc-sui-command-palette .meta.sc-sui-command-palette{color:HighlightText}.row.active.sc-sui-command-palette .kbd.sc-sui-command-palette{background:Highlight;color:HighlightText;border-color:HighlightText}}"}},[514,"sui-command-palette",{open:[1540],groups:[16],placeholder:[1],brand:[1],query:[1025],externalFilter:[516,"external-filter"],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],active:[32],keyNav:[32],closing:[32]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{open:[{onOpen:0}],query:[{resetActive:0}],groups:[{resetActive:0}],externalFilter:[{resetActive:0}]}]),x=f,b=function(){"undefined"!=typeof customElements&&["sui-command-palette"].forEach((e=>{"sui-command-palette"===e&&(customElements.get(n(e))||customElements.define(n(e),f))}))};export{x as SuiCommandPalette,b as defineCustomElement}
+import{p as e,H as t,c as i,f as s,h as a,a as o,t as n}from"./p-DQ8DrIvI.js";import{o as r}from"./p-Bmle3SMC.js";import{m as c}from"./p-Ch3k6aUB.js";import{u as l}from"./p-U06fVoGD.js";import{a as d,l as p}from"./p-BuyjS5bS.js";import{G as m,z as h,A as u}from"./p-B-Bh5OXe.js";import{d as v,p as g}from"./p-Bt5Kx3zM.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiClose=i(this,"suiClose",3),this.suiPick=i(this,"suiPick",7),this.suiQueryChange=i(this,"suiQueryChange",3)}get host(){return this}open=!1;groups=[];placeholder;brand="";query="";externalFilter=!1;emptyMessage;emptyFilterMessage;suiClose;suiPick;suiQueryChange;active=0;keyNav=!1;pointerAt="";onKeyNav(e){v(e)&&(this.keyNav=!0)}onPointerNav(e){const t=g(e);t!==this.pointerAt&&(this.pointerAt=t,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}closing=!1;fieldId=l("sui-cmdk");modal;card;layer;input;loaded=!1;top=c({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});componentDidLoad(){this.loaded=!0}componentDidRender(){this.open&&this.card&&!this.modal&&this.activate()}connectedCallback(){this.loaded&&this.open&&s(this)}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1)}onOpen(e){if(e)return this.top.reopen(),this.closing=!1,void(this.active=0);this.deactivate(),this.closing=this.top.close()}resetActive(){this.aim(0)}activate(){this.card&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=r(this.card,{initialFocus:this.input}))}deactivate(){this.modal?.release(),this.modal=void 0}shown(){const e=this.externalFilter?"":(this.query||"").trim().toLowerCase(),t=t=>!e||t.label.toLowerCase().includes(e)||(t.meta||"").toLowerCase().includes(e);return(this.groups||[]).map((e=>({heading:e.heading,items:(e.items||[]).filter(t)}))).filter((e=>e.items.length))}flat(){return this.shown().reduce(((e,t)=>e.concat(t.items)),[])}requestClose(e){this.suiClose.emit(e).defaultPrevented||(this.open=!1)}pick(e){this.suiPick.emit(e),this.requestClose("pick")}aim(e){this.active=e,requestAnimationFrame((()=>{const e=this.card?.querySelector('[role="option"].active');e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"nearest"})}))}move(e){const t=this.flat().length;t&&this.aim((this.active+e+t)%t)}onInputKey=e=>{const t=this.flat();switch(e.key){case"ArrowDown":e.preventDefault(),this.move(1);break;case"ArrowUp":e.preventDefault(),this.move(-1);break;case"Home":t.length&&(e.preventDefault(),this.aim(0));break;case"End":t.length&&(e.preventDefault(),this.aim(t.length-1));break;case"Enter":e.preventDefault(),t[this.active]&&this.pick(t[this.active])}};onInput=e=>{this.query=e.target.value,this.suiQueryChange.emit(this.query)};kbd(e){return a("span",{class:"kbd"},e)}render(){const e=this.shown(),t=(this.query||"").trim()?d(void 0,"command-palette.emptyFilter",this.emptyFilterMessage,"No matches."):d(void 0,"command-palette.empty",this.emptyMessage,"Nothing here yet."),i=this.fieldId+"-list";let s=-1;const n=e.reduce(((e,t)=>e+t.items.length),0),r=n?`${this.fieldId}-opt-${this.active}`:void 0;return a(o,{key:"7bf5a8e4798d9c886f9739d09bee3622b2568bd4"},this.open||this.closing?a("div",{class:{layer:!0,closing:this.closing},inert:this.closing,ref:e=>this.layer=e},a("div",{class:"scrim",onClick:()=>this.requestClose("scrim")}),a("div",{ref:e=>this.card=e,class:"card",role:"dialog","aria-label":d(void 0,"command-palette.commandPalette",void 0,"Command palette")},a("div",{class:"search"},a(m,{glyph:h}),a("input",{ref:e=>this.input=e,type:"text",role:"combobox","aria-expanded":"true","aria-autocomplete":"list","aria-controls":i,"aria-activedescendant":r,"aria-label":d(void 0,"command-palette.placeholder",this.placeholder,"Search actions, records, reports"),placeholder:d(void 0,"command-palette.placeholder",this.placeholder,"Search actions, records, reports"),value:this.query,onInput:this.onInput,onKeyDown:this.onInputKey}),this.kbd("esc")),a("div",{class:"sr-only",role:"status"},0===n?t:1===n?d(void 0,"command-palette.oneResult",void 0,"1 result."):p(void 0,"command-palette.results",void 0,"{n} results.",{n:n+""})),a("div",{id:i,class:"list",role:"listbox","aria-label":d(void 0,"command-palette.commands",void 0,"Commands")},0===e.length?a("div",{class:"empty"},t):null,e.map((e=>a("div",{class:"group",role:"group","aria-label":e.heading,key:e.heading},a("div",{class:"group-heading"},e.heading),e.items.map((t=>{s+=1;const i=s;return a("div",{key:`${e.heading} ${t.label}`,id:`${this.fieldId}-opt-${i}`,role:"option","aria-selected":i===this.active?"true":"false",class:{row:!0,active:i===this.active,keynav:this.keyNav&&i===this.active},onMouseEnter:()=>this.active=i,onClick:()=>this.pick(t)},a("span",{class:"tile"},t.icon?a("i",{class:t.icon,"aria-hidden":"true"}):a(m,{glyph:u})),a("span",{class:"text"},a("span",{class:"label"},t.label),t.meta?a("span",{class:"meta"},t.meta):null),t.kbd?this.kbd(t.kbd):null)})))))),a("div",{class:"foot"},a("span",null,this.kbd("↑↓")," ",d(void 0,"command-palette.navigate",void 0,"navigate")),a("span",null,this.kbd("↵")," ",d(void 0,"command-palette.open",void 0,"open")),this.brand?a("span",{class:"brand"},this.brand):a("span",null)))):null)}static get watchers(){return{open:[{onOpen:0}],query:[{resetActive:0}],groups:[{resetActive:0}],externalFilter:[{resetActive:0}]}}static get style(){return".sc-sui-command-palette-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-command-palette{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-command-palette{position:absolute;inset:0;background:var(--scrim);animation:sui-cmdk-fade var(--duration-overlay) var(--ease-out)}.card.sc-sui-command-palette{position:absolute;top:14vh;left:0;right:0;margin:0 auto;width:min(560px, calc(100% - 40px));box-sizing:border-box;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:sui-cmdk-in var(--duration-overlay) var(--ease-out)}.card.sc-sui-command-palette:focus{outline:none}.search.sc-sui-command-palette{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--hairline)}.search.sc-sui-command-palette>.sui-glyph.sc-sui-command-palette{font-size:13px;color:var(--ink-faint)}.search.sc-sui-command-palette input.sc-sui-command-palette{flex:1;min-width:0;height:50px;border:none;outline:none;background:transparent;color:var(--ink);font-size:14.5px;font-family:var(--font-sans);font-weight:460}.search.sc-sui-command-palette input.sc-sui-command-palette::placeholder{color:var(--ink-placeholder)}.search.sc-sui-command-palette:focus-within{border-bottom:2px solid var(--focus-ring);margin-bottom:-1px}.kbd.sc-sui-command-palette{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-sunken);font-size:10.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.sr-only.sc-sui-command-palette{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.list.sc-sui-command-palette{max-height:320px;overflow-y:auto;padding:6px}.empty.sc-sui-command-palette{padding:26px 16px;text-align:center;font-size:13px;color:var(--ink-faint)}.group-heading.sc-sui-command-palette{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.row.sc-sui-command-palette{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.row.active.sc-sui-command-palette{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.keynav.sc-sui-command-palette{outline:2px solid var(--focus-ring);outline-offset:-2px}.tile.sc-sui-command-palette{width:28px;height:28px;border-radius:7px;background:var(--brand-soft);color:var(--brand-soft-ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tile.sc-sui-command-palette i.sc-sui-command-palette,.tile.sc-sui-command-palette .sui-glyph.sc-sui-command-palette{font-size:12px}.text.sc-sui-command-palette{flex:1;min-width:0}.label.sc-sui-command-palette{display:block;font-size:13.5px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta.sc-sui-command-palette{display:block;font-size:11.5px;color:var(--ink-faint)}.foot.sc-sui-command-palette{display:flex;gap:14px;align-items:center;padding:9px 16px;border-top:1px solid var(--hairline);background:var(--surface-sunken);font-size:11px;color:var(--ink-faint);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.foot.sc-sui-command-palette>span.sc-sui-command-palette{display:inline-flex;align-items:center;gap:5px}.foot.sc-sui-command-palette .brand.sc-sui-command-palette{margin-inline-start:auto}.layer.closing.sc-sui-command-palette{pointer-events:none}.layer.closing.sc-sui-command-palette .scrim.sc-sui-command-palette,.layer.closing.sc-sui-command-palette .card.sc-sui-command-palette{animation:sui-cmdk-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-cmdk-fade{from{opacity:0}}@keyframes sui-cmdk-in{from{opacity:0;top:calc(14vh + 4px)}}@keyframes sui-cmdk-out{to{opacity:0}}@media (max-height: 480px){.card.sc-sui-command-palette{top:16px;max-height:calc(100% - 32px);display:flex;flex-direction:column;animation-name:sui-cmdk-fade}.list.sc-sui-command-palette{max-height:none;flex:1 1 auto;min-height:0}}@media (forced-colors: active){.card.sc-sui-command-palette{border:1px solid CanvasText}.tile.sc-sui-command-palette{box-sizing:border-box;border:1px solid CanvasText}.row.active.sc-sui-command-palette{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.active.sc-sui-command-palette .tile.sc-sui-command-palette{background:Highlight;color:HighlightText;border-color:HighlightText}.row.active.sc-sui-command-palette .meta.sc-sui-command-palette{color:HighlightText}.row.active.sc-sui-command-palette .kbd.sc-sui-command-palette{background:Highlight;color:HighlightText;border-color:HighlightText}}"}},[514,"sui-command-palette",{open:[1540],groups:[16],placeholder:[1],brand:[1],query:[1025],externalFilter:[516,"external-filter"],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],active:[32],keyNav:[32],closing:[32]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{open:[{onOpen:0}],query:[{resetActive:0}],groups:[{resetActive:0}],externalFilter:[{resetActive:0}]}]),x=f,b=function(){"undefined"!=typeof customElements&&["sui-command-palette"].forEach((e=>{"sui-command-palette"===e&&(customElements.get(n(e))||customElements.define(n(e),f))}))};export{x as SuiCommandPalette,b as defineCustomElement}

package/dist/components/sui-config-list.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D2cJiU_y.js";const p=o,r=s;export{p as SuiConfigList,r as defineCustomElement}
+import{S as o,d as s}from"./p-jgmDq9ct.js";const t=o,m=s;export{t as SuiConfigList,m as defineCustomElement}

package/dist/components/sui-config-row.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-ZzzkOFsQ.js";const p=s,r=o;export{p as SuiConfigRow,r as defineCustomElement}
+import{S as o,d as s}from"./p-OqWnEGf9.js";const p=o,r=s;export{p as SuiConfigRow,r as defineCustomElement}