@shineuix/ssr 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/README.md +2 -2
  2. package/THIRD-PARTY-NOTICES.md +15 -15
  3. package/dist/components/index.js +1 -1
  4. package/dist/components/p-0NNDSmh0.js +1 -0
  5. package/dist/components/{p-CDJMRbCX.js → p-2OGp7Y2F.js} +1 -1
  6. package/dist/components/{p-D0KZcTn9.js → p-3rGcn3Dk.js} +1 -1
  7. package/dist/components/{p-Hej7hALV.js → p-B1-k9bVs.js} +1 -1
  8. package/dist/components/{p-BmmgLDk2.js → p-B3hr5-fa.js} +1 -1
  9. package/dist/components/{p-vN2wl76B.js → p-BB3IbuND.js} +1 -1
  10. package/dist/components/{p-eoxRNwfF.js → p-BBNN1byS.js} +1 -1
  11. package/dist/components/p-BJYToX7G.js +1 -0
  12. package/dist/components/{p-Bv5xqCDb.js → p-BLK-elHV.js} +1 -1
  13. package/dist/components/{p-iKk1YZ0M.js → p-BLxI_QCP.js} +1 -1
  14. package/dist/components/p-BQJXtvhG.js +1 -0
  15. package/dist/components/{p-8BHOb7Dy.js → p-BglXr2C4.js} +1 -1
  16. package/dist/components/{p-CYZG3LOZ.js → p-BkdpcGfq.js} +1 -1
  17. package/dist/components/{p-DhYPkfV2.js → p-Bpr2o3vT.js} +1 -1
  18. package/dist/components/{p-C6T8Kp68.js → p-BtgC2u2Q.js} +1 -1
  19. package/dist/components/{p-DNgqy3W8.js → p-BwHBOv1l.js} +1 -1
  20. package/dist/components/{p-B0NNDkks.js → p-BwkaZsaT.js} +1 -1
  21. package/dist/components/{p-l4ru8vIR.js → p-C-tuu2jV.js} +1 -1
  22. package/dist/components/p-C5TSOOMd.js +1 -0
  23. package/dist/components/{p-5IOXzr3D.js → p-C6J9xhWE.js} +1 -1
  24. package/dist/components/{p-DSNURte-.js → p-CBiEHE-i.js} +1 -1
  25. package/dist/components/p-CDaU9b47.js +1 -0
  26. package/dist/components/p-CDiy2nTd.js +1 -0
  27. package/dist/components/{p-DtI1DFsR.js → p-CFn_q23Q.js} +1 -1
  28. package/dist/components/{p-pJYXPDB_.js → p-CUB_NKYi.js} +1 -1
  29. package/dist/components/p-CaekSnKG.js +1 -0
  30. package/dist/components/{p-D9rbC_yY.js → p-Cb1wtfPJ.js} +1 -1
  31. package/dist/components/{p-CyBxJm67.js → p-Cb50ss23.js} +1 -1
  32. package/dist/components/{p-CT6aJe8X.js → p-Cbd6cMaD.js} +1 -1
  33. package/dist/components/{p-NpX9eEW0.js → p-CiFpI_XW.js} +1 -1
  34. package/dist/components/{p-Ds9HpZbg.js → p-CmEfiaNv.js} +1 -1
  35. package/dist/components/{p-C6DEF4nA.js → p-CqvOA-0K.js} +1 -1
  36. package/dist/components/p-D00-pPuH.js +1 -0
  37. package/dist/components/{p-Deadvw27.js → p-D0BIoHLP.js} +1 -1
  38. package/dist/components/{p-C0MrkGLb.js → p-D0WdoZzs.js} +1 -1
  39. package/dist/components/{p-DSjolNQa.js → p-D1HckqwW.js} +1 -1
  40. package/dist/components/{p-Dgl_qIYT.js → p-D3Vt3xcn.js} +1 -1
  41. package/dist/components/{p-mdFjb4l0.js → p-DDyzuLfq.js} +1 -1
  42. package/dist/components/p-DW6x7zfX.js +1 -0
  43. package/dist/components/p-DWqzHMCu.js +1 -0
  44. package/dist/components/p-DX9wgxoJ.js +1 -0
  45. package/dist/components/{p-BJXb6pu9.js → p-Dh0O8nfH.js} +1 -1
  46. package/dist/components/{p-BEa7fx4d.js → p-DpbLhd6d.js} +1 -1
  47. package/dist/components/p-DquILvXX.js +1 -0
  48. package/dist/components/{p-CN5x4MC8.js → p-DsHK25q3.js} +1 -1
  49. package/dist/components/{p-D31mbQ3e.js → p-DthM6mDw.js} +1 -1
  50. package/dist/components/p-DuYxgKgU.js +1 -0
  51. package/dist/components/p-FKYMQPFB.js +1 -0
  52. package/dist/components/{p-CCVYcPwO.js → p-G2jDNXXR.js} +1 -1
  53. package/dist/components/p-VFpQ6hXH.js +1 -0
  54. package/dist/components/{p-v0MrzKlW.js → p-b5Ks_pUg.js} +1 -1
  55. package/dist/components/{p-CjVByuTx.js → p-czkAmPgI.js} +1 -1
  56. package/dist/components/{p-DuJmXwMk.js → p-hbVWBG4S.js} +1 -1
  57. package/dist/components/{p--YwzuGO4.js → p-kDhmjEYc.js} +1 -1
  58. package/dist/components/{p-BPGiU7Vj.js → p-lu4HWrMJ.js} +1 -1
  59. package/dist/components/{p-CR0heQtR.js → p-mEOcDy5S.js} +1 -1
  60. package/dist/components/{p-TBwsYzWO.js → p-piEUki9n.js} +1 -1
  61. package/dist/components/{p-D7L5Nhsy.js → p-qtQ1008P.js} +1 -1
  62. package/dist/components/p-qut9RP2y.js +1 -0
  63. package/dist/components/p-wknHx00K.js +1 -0
  64. package/dist/components/sui-accordion-item.js +1 -1
  65. package/dist/components/sui-accordion.js +1 -1
  66. package/dist/components/sui-anchor.js +1 -1
  67. package/dist/components/sui-auto-complete.js +1 -1
  68. package/dist/components/sui-avatar-group.js +1 -1
  69. package/dist/components/sui-avatar.js +1 -1
  70. package/dist/components/sui-block-ui.js +1 -1
  71. package/dist/components/sui-board.js +1 -1
  72. package/dist/components/sui-bottom-nav.js +1 -1
  73. package/dist/components/sui-breadcrumb.js +1 -1
  74. package/dist/components/sui-button-group.js +1 -1
  75. package/dist/components/sui-button.js +1 -1
  76. package/dist/components/sui-calendar.js +1 -1
  77. package/dist/components/sui-card.js +1 -1
  78. package/dist/components/sui-carousel.js +1 -1
  79. package/dist/components/sui-cascade-select.js +1 -1
  80. package/dist/components/sui-chart-bar.js +1 -1
  81. package/dist/components/sui-chart-candlestick.js +1 -1
  82. package/dist/components/sui-chart-combo.js +1 -1
  83. package/dist/components/sui-chart-gauge.js +1 -1
  84. package/dist/components/sui-chart-heatmap.js +1 -1
  85. package/dist/components/sui-chart-line.js +1 -1
  86. package/dist/components/sui-chart-navigator.js +1 -1
  87. package/dist/components/sui-chart-pie.js +1 -1
  88. package/dist/components/sui-chart-radar.js +1 -1
  89. package/dist/components/sui-chart-scatter.js +1 -1
  90. package/dist/components/sui-chart-synced.js +1 -1
  91. package/dist/components/sui-chart-treemap.js +1 -1
  92. package/dist/components/sui-chart-waterfall.js +1 -1
  93. package/dist/components/sui-checkbox-group.js +1 -1
  94. package/dist/components/sui-checkbox.js +1 -1
  95. package/dist/components/sui-chip.js +1 -1
  96. package/dist/components/sui-choice-cards.js +1 -1
  97. package/dist/components/sui-code-block.js +1 -1
  98. package/dist/components/sui-color-editor.js +1 -1
  99. package/dist/components/sui-color-picker.js +1 -1
  100. package/dist/components/sui-command-palette.js +1 -1
  101. package/dist/components/sui-config-list.js +1 -1
  102. package/dist/components/sui-config-row.js +1 -1
  103. package/dist/components/sui-confirm-dialog.js +1 -1
  104. package/dist/components/sui-confirm-popup.js +1 -1
  105. package/dist/components/sui-context-menu.js +1 -1
  106. package/dist/components/sui-copy-button.js +1 -1
  107. package/dist/components/sui-data-grid.js +1 -1
  108. package/dist/components/sui-data-table.js +1 -1
  109. package/dist/components/sui-data-view.js +1 -1
  110. package/dist/components/sui-date-picker.js +1 -1
  111. package/dist/components/sui-description-list.js +1 -1
  112. package/dist/components/sui-dialog.js +1 -1
  113. package/dist/components/sui-divider.js +1 -1
  114. package/dist/components/sui-dock.js +1 -1
  115. package/dist/components/sui-drawer.js +1 -1
  116. package/dist/components/sui-edit-box.js +1 -1
  117. package/dist/components/sui-empty-state.js +1 -1
  118. package/dist/components/sui-fieldset.js +1 -1
  119. package/dist/components/sui-file-upload.js +1 -1
  120. package/dist/components/sui-filter-builder.js +1 -1
  121. package/dist/components/sui-filter-panel.js +1 -1
  122. package/dist/components/sui-float-label.js +1 -1
  123. package/dist/components/sui-fluid.js +1 -1
  124. package/dist/components/sui-form-actions.js +1 -1
  125. package/dist/components/sui-form-layout.js +1 -1
  126. package/dist/components/sui-form.js +1 -1
  127. package/dist/components/sui-galleria.js +1 -1
  128. package/dist/components/sui-icon-button.js +1 -1
  129. package/dist/components/sui-icon-field.js +1 -1
  130. package/dist/components/sui-ifta-label.js +1 -1
  131. package/dist/components/sui-image-compare.js +1 -1
  132. package/dist/components/sui-image.js +1 -1
  133. package/dist/components/sui-inplace.js +1 -1
  134. package/dist/components/sui-input-group-addon.js +1 -1
  135. package/dist/components/sui-input-group.js +1 -1
  136. package/dist/components/sui-input-mask.js +1 -1
  137. package/dist/components/sui-input-number.js +1 -1
  138. package/dist/components/sui-input-otp.js +1 -1
  139. package/dist/components/sui-input-tags.js +1 -1
  140. package/dist/components/sui-input-text.js +1 -1
  141. package/dist/components/sui-kbd.js +1 -1
  142. package/dist/components/sui-knob.js +1 -1
  143. package/dist/components/sui-list.js +1 -1
  144. package/dist/components/sui-listbox.js +1 -1
  145. package/dist/components/sui-mega-menu.js +1 -1
  146. package/dist/components/sui-menu.js +1 -1
  147. package/dist/components/sui-menubar.js +1 -1
  148. package/dist/components/sui-message.js +1 -1
  149. package/dist/components/sui-meter-group.js +1 -1
  150. package/dist/components/sui-mini-toolbar.js +1 -1
  151. package/dist/components/sui-multi-select.js +1 -1
  152. package/dist/components/sui-notification-center.js +1 -1
  153. package/dist/components/sui-order-list.js +1 -1
  154. package/dist/components/sui-org-chart.js +1 -1
  155. package/dist/components/sui-page-header.js +1 -1
  156. package/dist/components/sui-paginator.js +1 -1
  157. package/dist/components/sui-panel-menu.js +1 -1
  158. package/dist/components/sui-panel.js +1 -1
  159. package/dist/components/sui-password.js +1 -1
  160. package/dist/components/sui-persona.js +1 -1
  161. package/dist/components/sui-pick-list.js +1 -1
  162. package/dist/components/sui-popover.js +1 -1
  163. package/dist/components/sui-progress-bar.js +1 -1
  164. package/dist/components/sui-progress-ring.js +1 -1
  165. package/dist/components/sui-progress-spinner.js +1 -1
  166. package/dist/components/sui-qr-code.js +1 -1
  167. package/dist/components/sui-radio-button.js +1 -1
  168. package/dist/components/sui-radio-group.js +1 -1
  169. package/dist/components/sui-rating.js +1 -1
  170. package/dist/components/sui-rich-text-editor.js +1 -1
  171. package/dist/components/sui-save-status.js +1 -1
  172. package/dist/components/sui-scheduler-builder.js +1 -1
  173. package/dist/components/sui-scroll-panel.js +1 -1
  174. package/dist/components/sui-scroll-top.js +1 -1
  175. package/dist/components/sui-select-button.js +1 -1
  176. package/dist/components/sui-select.js +1 -1
  177. package/dist/components/sui-side-nav.js +1 -1
  178. package/dist/components/sui-skeleton-card.js +1 -1
  179. package/dist/components/sui-skeleton.js +1 -1
  180. package/dist/components/sui-slider.js +1 -1
  181. package/dist/components/sui-sparkline.js +1 -1
  182. package/dist/components/sui-speed-dial.js +1 -1
  183. package/dist/components/sui-split-button.js +1 -1
  184. package/dist/components/sui-splitter.js +1 -1
  185. package/dist/components/sui-spoiler.js +1 -1
  186. package/dist/components/sui-stat-card.js +1 -1
  187. package/dist/components/sui-stepper.js +1 -1
  188. package/dist/components/sui-tab.js +1 -1
  189. package/dist/components/sui-tabs.js +1 -1
  190. package/dist/components/sui-tag.js +1 -1
  191. package/dist/components/sui-terminal.js +1 -1
  192. package/dist/components/sui-textarea.js +1 -1
  193. package/dist/components/sui-theme-picker.js +1 -1
  194. package/dist/components/sui-tiered-menu.js +1 -1
  195. package/dist/components/sui-time-picker.js +1 -1
  196. package/dist/components/sui-timeline.js +1 -1
  197. package/dist/components/sui-toast-host.js +1 -1
  198. package/dist/components/sui-toggle-button.js +1 -1
  199. package/dist/components/sui-toggle-switch.js +1 -1
  200. package/dist/components/sui-toolbar.js +1 -1
  201. package/dist/components/sui-tooltip.js +1 -1
  202. package/dist/components/sui-tour.js +1 -1
  203. package/dist/components/sui-tree-select.js +1 -1
  204. package/dist/components/sui-tree-table.js +1 -1
  205. package/dist/components/sui-tree.js +1 -1
  206. package/dist/components/sui-trend.js +1 -1
  207. package/dist/components/sui-virtual-scroller.js +1 -1
  208. package/dist/hydrate/index.js +1 -1
  209. package/dist/hydrate/index.mjs +1 -1
  210. package/package.json +8 -3
  211. package/dist/components/p-7Ti-Ht9x.js +0 -1
  212. package/dist/components/p-9ma1-eiT.js +0 -1
  213. package/dist/components/p-BiSaIyr0.js +0 -1
  214. package/dist/components/p-BioVIgkG.js +0 -1
  215. package/dist/components/p-CAeBVGwP.js +0 -1
  216. package/dist/components/p-COO9uV7W.js +0 -1
  217. package/dist/components/p-CbnOosJi.js +0 -1
  218. package/dist/components/p-CekHtBpA.js +0 -1
  219. package/dist/components/p-Cs2X0Kih.js +0 -1
  220. package/dist/components/p-D_hGdmbW.js +0 -1
  221. package/dist/components/p-DgXzRiP4.js +0 -1
  222. package/dist/components/p-DgiZgZCh.js +0 -1
  223. package/dist/components/p-DskQyZoR.js +0 -1
  224. package/dist/components/p-Dxh8L0dt.js +0 -1
  225. package/dist/components/p-RwPlJzMY.js +0 -1
  226. package/dist/components/p-mF7K10Wh.js +0 -1
  227. package/dist/components/p-n4-59tbj.js +0 -1
  228. /package/dist/components/{p-DdsE4HI6.js → p-BeYfX4rQ.js} +0 -0
  229. /package/dist/components/{p-DXIDl7cw.js → p-CZ4DDtn8.js} +0 -0
@@ -1 +1 @@
1
- import{p as s,H as t,c as a,h as r,a as i,t as c}from"./p-CeVlau-G.js";import{P as h,o as e,p as o,n,a as u,s as l,b,h as d,C as p,c as x,d as g,f,t as v,l as y,e as m,T as w,g as k,i as M,j as z,k as C,m as T,q as j,u as H,H as B,v as E,w as $,x as L,y as S,z as D,B as F,D as G,E as I,F as P,Y as W,G as A,I as N,J as O,K,X as R,L as V,M as q,A as U}from"./p-Bv5xqCDb.js";import{h as X,w as Y,c as J,p as Q,s as Z,t as _,a as ss,i as ts,k as as,b as rs,K as is,r as cs,P as hs,m as es}from"./p-DtI1DFsR.js";import{d as os}from"./p-BHB1Wprj.js";import{i as ns}from"./p-GAnFXayY.js";import{l as us,a as ls}from"./p-BuyjS5bS.js";import{u as bs}from"./p-U06fVoGD.js";import{d as ds}from"./p-COO9uV7W.js";const ps=26,xs=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=a(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];stacked=!1;orientation="vertical";width=440;height=200;fixedSize=!1;money=!1;currency="USD";refLine;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=bs("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=h.l;stopResize;hatchId=bs("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=X(this.host,"header-end")}connectedCallback(){os(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=Y(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=e(this.host,(s=>{this.boxW=s})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width)}get drawn(){const s=[];return(this.series||[]).forEach(((t,a)=>{this.hiddenSeries.includes(t.label)||s.push(a)})),s}onKey=s=>{if(this.empty)return;const t=this.labels.length,a=this.drawn.length,r=Z(this.hoverIndex,t),i="horizontal"===this.orientation,c=J(s,{rows:a,count:()=>t,swap:i,rtl:i&&this.rtl},r>=0?{s:Math.min(this.keyRow,a-1),i:r}:null,this.keyed);if(c){if(s.preventDefault(),"leave"===c)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=Q(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const s=this.series||[];return 0===s.length||s.every((s=>(s.data||[]).every((s=>!s))))}onMove=s=>{if(this.empty)return;const t=this.plotW,a=s.currentTarget.getBoundingClientRect();a.width>0&&(this.scale=a.width/t);const r=this.labels.length,i="horizontal"===this.orientation?n(s,r*ps+8,r,ps):u(s,t,r,!0,0,this.rtl,this.gutter);this.keyed=!1,this.setHover(Z(i,r))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}toggle=s=>{this.hiddenSeries=_(this.hiddenSeries,s)};chartName(s,t){const a=t.join(", ");let r;return r="bar"===s?t.length?us(void 0,"chart-bar.barOf",void 0,"bar chart of {series}",{series:a}):ls(void 0,"chart-bar.bar",void 0,"bar chart"):"column"===s?t.length?us(void 0,"chart-bar.columnOf",void 0,"column chart of {series}",{series:a}):ls(void 0,"chart-bar.column",void 0,"column chart"):t.length?us(void 0,"chart-bar.stackedOf",void 0,"stacked column chart of {series}",{series:a}):ls(void 0,"chart-bar.stacked",void 0,"stacked column chart"),ss(this.heading,r)}render(){const{labels:s,series:t,money:a,hiddenSeries:c,stacked:e}=this,o=this.plotW,n=this.height,u=this.rtl=ns(this.host),X=s.length,Y=t.map(l),J=[];for(let s=0;s<t.length;s++)c.includes(t[s].label)||J.push(s);const Q=Array(X),_=Array(X),ss=Array(X);let os=1,us=0;for(let s=0;s<X;s++){let a=0,r=0,i=0;for(const c of J){const h=t[c].data[s]||0;a+=h,h>=0?r+=h:i+=h}Q[s]=a,_[s]=r,ss[s]=i}if(e||"horizontal"===this.orientation)os=Math.max(1,es(_)[1]),us=Math.min(0,es(ss)[0]);else if(J.length){os=-1/0;for(const s of J){const[a,r]=es(t[s].data);os=Math.max(os,r),us=Math.min(us,a)}os=Math.max(os,us<0?0:1)}const bs=this.empty,{ticks:xs,lo:gs,hi:fs}=bs?b(0,0,4):b(us,os,4),vs=a?s=>ds(s,!0,this.currency):f,ys=a?s=>ds(s,!1,this.currency):f,ms=vs,ws=1===t.length,ks=t.length>1?t.map(((s,t)=>({label:s.label,color:Y[t],hatch:d(t)}))):void 0,Ms=J.some((s=>s>=4)),zs=(s,a,i=Y[s])=>d(s)?r("rect",{key:t[s].label+"-h",x:a[0]+.5,y:a[1]+.5,width:Math.max(a[2]-1,0),height:Math.max(a[3]-1,0),rx:a[4],fill:`url(#${this.hatchId}-h${d(s)})`,stroke:i,"stroke-width":1}):null,Cs=J.map((s=>t[s].label)),Ts={title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?o+V:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:ks,hidden:c,onToggle:this.toggle},js=this.scale,Hs=bs?-1:Z(this.hoverIndex,X),Bs=ls(void 0,"chart-bar.total",void 0,"Total"),Es=bs?r(p,{text:ls(void 0,"chart-bar.empty",this.emptyMessage,"Nothing to plot yet.")}):null,$s=Math.min(this.keyRow,J.length-1),Ls=J[$s],Ss=this.keyed&&Hs>=0&&void 0!==Ls?`${this.keysId}-${$s}-${Hs}`:void 0;let Ds;const Fs=()=>Ss&&Ds?r(is,{id:Ss,box:cs(Ds),label:rs(s[Hs],J.length>1?t[Ls].label:void 0,ys(t[Ls].data[Hs]||0))}):null,Gs=s=>({...bs?ts(s,this.keysId,this.hostName):as(s,this.keysId,this.hostName,Ss),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur}),Is=s=>r(hs,{ids:this.keysId,summary:s,host:this.hostName,hint:!bs});if(this.loading){const s="horizontal"===this.orientation?Math.max(X,3)*ps+8:n;return r(i,{"aria-busy":"true"},r(x,{...Ts,legend:void 0,onToggle:void 0},r(g,{height:s,label:ls(void 0,"chart-bar.loading",void 0,"Loading"),rtl:u})))}if("horizontal"===this.orientation){const a=X*ps+8,c=Hs>=0?J.map((s=>({label:t[s].label,color:Y[s],hatch:d(s),value:ys(t[s].data[Hs]||0)}))):[];Hs>=0&&J.length>1&&c.push({label:Bs,color:void 0,value:ys(Q[Hs])});const e=Math.max(h.l+54,Math.min(s.reduce(((s,t)=>Math.max(s,v(t,10))),0)+2,.35*o)),n=ws?s.map(((s,a)=>{const r=J.length&&t[0].data[a]||0;return[r,v(ms(r),9.5)]})):[],l=y(gs,fs,...function(s,t,a,r,i,c){const h=y(s,t,a,r);if(c.every((([s,t])=>s<0?h(s)-5-t>=a-1e-9:h(s)+5+t<=i+1e-9)))return[a,r];const e=[[a,-s]],o=[[r,t]];for(const[s,t]of c)s<0?e.push([a+5+t,-s]):o.push([i-5-t,s]);let n=1/0;for(const[s,t]of e)for(const[a,r]of o)n=Math.min(n,t+r>0?(a-s)/(t+r):a>=s?1/0:-1/0);if(!(n>0&&isFinite(n)))return[a,r];const u=Math.max(...e.map((([s,t])=>s+t*n)));return[u+s*n,u+t*n]}(gs,fs,e+8,o-h.r,o,n)),b=s=>u?o-s:s,p=s=>u?j(s,o):s,g=[];let f=[];const E=l(0);let $=E;const L=s.map(((s,a)=>{let i=E,c=E;const h=[],n=[];for(const s of J){const e=t[s].data[a]||0,b=Math.abs(l(e)-E),d=e>=0?i:c-b,p=u?o-d-b:d;h.push(r("rect",{key:t[s].label,x:p,y:a*ps+6,width:b,height:14,rx:2.5,fill:Y[s]}),zs(s,[p,a*ps+6,b,14,2.5])),a===Hs&&s===Ls&&(Ds=[p,a*ps+6,p+b,a*ps+ps-6]),e>=0?i+=b:c-=b,b>0&&n.push(e>=0?i:c)}const d=J.length&&t[0].data[a]||0,p=m(s,e-2,10)[0]||"",x=[e-v(p,10),a*ps+16.5,e,a*ps+26,w],y=ms(d),C=v(y,9.5),T=d<0?[c-5-C,a*ps+16.5,c-5,a*ps+25.5,w]:[i+5,a*ps+16.5,i+5+C,a*ps+25.5,w],j=Math.max(i,E)+(ws?7+C:0);if(a===Hs)$=j,f=[[x[0]-2,a*ps+4,Math.max(j,i)+2,a*ps+27],...ws&&d<0?[T.slice(0,4)]:[]];else{const s=[Math.min(c,E),a*ps+6,Math.max(i,E),a*ps+ps-6];g.push(x,[e,s[1],e+q,s[3],k],...F(s,"y"));for(const t of n)g.push([t-3,a*ps+6,t+3,a*ps+ps-6,k],M(s,"y",t,t>E?-1:1));ws&&g.push(T)}const H=-1!==Hs&&Hs!==a;return r("g",{key:s},r("text",{"aria-hidden":"true",x:b(e),y:a*ps+13+11,"text-anchor":u?"start":"end",style:z("600 10px var(--font-sans)",Hs===a)},p),r("g",{opacity:H?.45:1},h),ws?r("text",{"aria-hidden":"true",x:b(d<0?c-5:i+5),y:a*ps+13+10.5,"text-anchor":d<0!==u?"end":"start",style:z("650 9.5px var(--font-sans)",Hs===a)},y):null)}));return r(i,null,r(x,{...Ts},r("div",{class:"sui-chart-plot"},r(C,{show:Hs>=0,box:T([p([0,Hs*ps+4,$,(Hs+1)*ps-4])],js)[0],keep:T(f.map(p),js),w:o*js,ht:a*js,title:s[Hs]||"",rows:c,avoid:T(g.map(p),js),room:[-H,0,o*js+H,(a+44)*js],area:T([p([e+4,0,o,a+44])],js)[0]}),r("svg",{viewBox:`0 0 ${o} ${a}`,...Gs(this.chartName("bar",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,bs?null:L,Fs()),Is(this.chartName("bar",Cs)),Es)))}const Ps=this.gutter=E(xs.map(vs)),Ws=$(s,o-Ps-h.r,this.every),As=Ws.lines?11:0,[Ns,Os]=O(o,0,u,Ps),Ks=y(0,X,Ns,Os),Rs=y(gs,fs,n-h.b-As,h.t),Vs=Rs(0),qs=(o-Ps-h.r)/X,Us=Math.min(.62*qs,42),Xs=e?Us:Us/Math.max(J.length,1),Ys=J[J.length-1],Js=Hs>=0?J.map((s=>({label:t[s].label,color:Y[s],hatch:d(s),value:ys(t[s].data[Hs])}))):[];Hs>=0&&e&&J.length>1&&Js.push({label:Bs,color:void 0,value:ys(Q[Hs])});const Qs=ws&&J.length&&!bs?s.map(((s,a)=>ms(t[0].data[a]||0))):[],Zs=Qs.reduce(((s,t)=>Math.max(s,v(t,9))),0),_s=Ws.every,st=Zs+4<=qs?1:Math.ceil((Zs+4)/qs/_s)*_s,tt=1===st||Zs/2+2<=qs-Us/2,at=[],rt=[],it=Qs.map(((s,a)=>{const i=t[0].data[a]||0,c=Ks(a)+qs/2,h=i<0?Rs(i)+11:Rs(i)-4;return!tt||a%st?null:(rt.push([c-v(s,9)/2,h-8,c+v(s,9)/2,h+2]),r("text",{"aria-hidden":"true",key:a+"",class:"value halo",x:c,y:h,"text-anchor":"middle",style:z("650 9px var(--font-sans)",Hs===a)},s))}));at.push(...rt);const ct=L(o,n,js,0,As,u,Ps),ht=[],et=[],ot=[],nt=s.map(((s,a)=>{const i=Ks(a)+qs/2;let c=Vs,h=Vs;const o=[];let n=0;for(const u of J){const l=t[u],b=l.data[a]||0,d=Math.abs(Vs-Rs(b)),p=l.accentAt&&l.accentAt===s?U:Y[u];if(e){const s=b>=0?c-d:h;o.push(r("rect",{key:l.label,x:i-Us/2,y:s,width:Us,height:Math.max(d-1,0),rx:u===Ys?2.5:0,fill:p}),zs(u,[i-Us/2,s,Us,Math.max(d-1,0),u===Ys?2.5:0],p)),at.push([i-Us/2,s,i+Us/2,s+d]),(a===Hs?ht:et).push([i-Us/2-2,s-2,i+Us/2+2,s+d+2]),a!==Hs&&d>1&&ot.push([i-Us/2,s,i+Us/2,s+d-1]),a===Hs&&u===Ls&&(Ds=[i-Us/2,s,i+Us/2,s+Math.max(d-1,0)]),b>=0?c-=d:h+=d}else{const s=i-Us/2+n*Xs+(n>0?1:0);o.push(r("rect",{key:l.label,x:s,y:Math.min(Rs(b),Vs),width:Xs-1.5,height:d,rx:2.5,fill:p}),zs(u,[s,Math.min(Rs(b),Vs),Xs-1.5,d,2.5],p)),at.push([s,Math.min(Rs(b),Vs),s+Xs,Math.min(Rs(b),Vs)+d]),(a===Hs?ht:et).push([s-2,Math.min(Rs(b),Vs)-2,s+Xs+2,Math.min(Rs(b),Vs)+d+2]),a!==Hs&&d>0&&ot.push([s,Math.min(Rs(b),Vs),s+Xs-1.5,Math.min(Rs(b),Vs)+d]),a===Hs&&u===Ls&&(Ds=[s,Math.min(Rs(b),Vs),s+Xs-1.5,Math.min(Rs(b),Vs)+d])}n++}return r("g",{key:s,opacity:-1===Hs||Hs===a?1:.45},o)})),ut=s=>Ks(s)+qs/2,lt=this.refLine&&this.refLine.label?S(D(Rs(this.refLine.value),o,this.refLine.label,at,0,u,Ps),this.refLine.label):void 0,bt=Hs>=0?rt.find((s=>Math.abs((s[0]+s[2])/2-ut(Hs))<.5)):void 0;bt&&ht.push([bt[0]-2,bt[1]-2,bt[2]+2,bt[3]+2]);const dt=et.map((s=>s[1]+2<Vs-.5?[s[0],s[1],s[2],s[1]+8,k]:[s[0],s[3]-8,s[2],s[3],k])),pt=Hs<0?[]:T(ot.flatMap((s=>F(s,"x"))).concat(dt,rt.filter((s=>s!==bt)).map((s=>s.concat(w))),[[ut(Hs)-Us/2,0,ut(Hs)+Us/2,n-h.b-As,G]],I(xs,Rs,vs,o,u,!1,Ps),P(s,ut,n,_s,o,Ws.lines),lt?[lt]:[]),js).concat(ct.avoid);return r(i,null,r(x,{...Ts},r("div",{class:"sui-chart-plot"},r(C,{show:Hs>=0,box:[(ut(Hs)-Us/2)*js,0,(ut(Hs)+Us/2)*js,n*js],keep:T(ht,js),w:o*js,ht:n*js,title:s[Hs]||"",rows:Js,avoid:pt,area:ct.area,room:ct.room}),r("svg",{viewBox:`0 0 ${o} ${n}`,...Gs(this.chartName(e?"stacked":"column",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,r(W,{ticks:xs,y:Rs,w:o,rtl:u,gl:Ps,fmt:vs,bare:bs}),bs?null:nt,this.refLine?r(A,{y:Rs(this.refLine.value),w:o,rtl:u,gl:Ps,label:this.refLine.label,avoid:at,gaps:rt,color:this.refLine.color}):null,it,gs<0?r("line",{x1:Ns,x2:Os,y1:N(Vs),y2:N(Vs),stroke:"var(--chart-axis)","stroke-width":1}):r(K,{w:o,rtl:u,gl:Ps,h:n-As}),r(R,{labels:s,x:ut,h:n,w:o,every:_s,lines:Ws.lines}),Fs()),Is(this.chartName(e?"stacked":"column",Cs)),Es)))}static get style(){return'.sc-sui-chart-bar-h{display:block}svg.sc-sui-chart-bar{direction:ltr}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar text.sc-sui-chart-bar{user-select:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar g.sc-sui-chart-bar{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-bar-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-bar{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-bar{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-bar{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-bar{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-bar{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-bar{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-bar{position:relative}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line.sc-sui-chart-bar{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-bar{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-bar{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-bar{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-bar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-bar{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-bar .swatch.sc-sui-chart-bar{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-bar .swatch.round.sc-sui-chart-bar{border-radius:50%}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-bar::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-bar::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-bar::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-bar .mk.sc-sui-chart-bar{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-bar .mk.dot.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.solid.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.ring.sc-sui-chart-bar{border-radius:50%}.swatch.glyph.sc-sui-chart-bar .mk.solid.sc-sui-chart-bar{background:var(--c)}.swatch.glyph.sc-sui-chart-bar .mk.ring.sc-sui-chart-bar{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-bar .mk.diamond.sc-sui-chart-bar{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar::after,.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{width:22px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.line.sc-sui-chart-bar::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.sc-sui-chart-bar{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar,.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-bar .swatch.sc-sui-chart-bar{opacity:0.35}.sui-chart-caption.sc-sui-chart-bar{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-bar{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-bar{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-bar{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-bar .swatch.sc-sui-chart-bar{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-bar .lbl.sc-sui-chart-bar{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-bar b.sc-sui-chart-bar{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-bar .sui-chart-tip-row.sc-sui-chart-bar{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-bar .sui-chart-tip-row.keyed.sc-sui-chart-bar{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-bar .sui-chart-tip-row.keyed.sc-sui-chart-bar>b.sc-sui-chart-bar{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-bar .sui-chart-tip-row.sc-sui-chart-bar>b.sc-sui-chart-bar{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar .halo.sc-sui-chart-bar{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-bar:focus{outline:none}.sui-chart-keys.sc-sui-chart-bar: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-bar:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-bar{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-bar{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-bar{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-bar{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-bar span.sc-sui-chart-bar{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-bar{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-bar{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-bar{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-bar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-bar,.prose.sc-sui-chart-bar{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-bar text.sc-sui-chart-bar{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-bar{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-bar .swatch.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.sc-sui-chart-bar{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{border:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar text.sc-sui-chart-bar{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar .halo.sc-sui-chart-bar{stroke:Canvas}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line.sc-sui-chart-bar{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-bar svg.sc-sui-chart-bar line[stroke*="--hairline"].sc-sui-chart-bar{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--chart-axis"].sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--border-strong"].sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--accent-deep"].sc-sui-chart-bar{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar circle.sc-sui-chart-bar{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar rect.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar path.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar polyline.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar polygon.sc-sui-chart-bar{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-bar:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-bar .sui-chart-ring.sc-sui-chart-bar .sui-chart-ring-line.sc-sui-chart-bar{stroke:Highlight;filter:none}svg.sc-sui-chart-bar .sui-chart-ring.sc-sui-chart-bar .sui-chart-ring-halo.sc-sui-chart-bar{stroke:Canvas;filter:none}}'}},[518,"sui-chart-bar",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],stacked:[516],orientation:[513],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],refLine:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gs=xs,fs=function(){"undefined"!=typeof customElements&&["sui-chart-bar"].forEach((s=>{"sui-chart-bar"===s&&(customElements.get(c(s))||customElements.define(c(s),xs))}))};export{gs as SuiChartBar,fs as defineCustomElement}
1
+ import{p as s,H as t,c as a,h as r,a as i,t as c}from"./p-CeVlau-G.js";import{P as h,o as e,p as o,n,a as u,s as l,b as d,h as b,C as p,c as x,d as g,f,t as v,l as y,e as m,T as w,g as k,i as M,j as z,k as C,m as T,q as j,u as H,H as B,v as E,w as L,x as $,y as S,z as P,B as F,D as G,E as A,F as I,Y as K,G as N,I as W,J as D,K as R,X as q,L as O,M as V,A as U}from"./p-BLK-elHV.js";import{h as X,w as Y,c as J,p as Q,s as _,t as Z,a as ss,i as ts,k as as,b as rs,K as is,r as cs,P as hs,m as es}from"./p-CFn_q23Q.js";import{d as os}from"./p-BHB1Wprj.js";import{i as ns}from"./p-GAnFXayY.js";import{l as us,a as ls}from"./p-BuyjS5bS.js";import{u as ds}from"./p-U06fVoGD.js";import{d as bs}from"./p-qut9RP2y.js";const ps=26,xs=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=a(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];stacked=!1;orientation="vertical";width=440;height=200;fixedSize=!1;money=!1;currency="USD";refLine;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=ds("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=h.l;stopResize;hatchId=ds("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=X(this.host,"header-end")}connectedCallback(){os(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=Y(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=e(this.host,(s=>{this.boxW=s})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width)}get drawn(){const s=[];return(this.series||[]).forEach(((t,a)=>{this.hiddenSeries.includes(t.label)||s.push(a)})),s}onKey=s=>{if(this.empty)return;const t=this.labels.length,a=this.drawn.length,r=_(this.hoverIndex,t),i="horizontal"===this.orientation,c=J(s,{rows:a,count:()=>t,swap:i,rtl:i&&this.rtl},r>=0?{s:Math.min(this.keyRow,a-1),i:r}:null,this.keyed);if(c){if(s.preventDefault(),"leave"===c)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=Q(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){const s=this.series||[];return 0===s.length||s.every((s=>(s.data||[]).every((s=>!s))))}onMove=s=>{if(this.empty)return;const t=this.plotW,a=s.currentTarget.getBoundingClientRect();a.width>0&&(this.scale=a.width/t);const r=this.labels.length,i="horizontal"===this.orientation?n(s,r*ps+8,r,ps):u(s,t,r,!0,0,this.rtl,this.gutter);this.keyed=!1,this.setHover(_(i,r))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}toggle=s=>{this.hiddenSeries=Z(this.hiddenSeries,s)};chartName(s,t){const a=t.join(", ");let r;return r="bar"===s?t.length?us(void 0,"chart-bar.barOf",void 0,"bar chart of {series}",{series:a}):ls(void 0,"chart-bar.bar",void 0,"bar chart"):"column"===s?t.length?us(void 0,"chart-bar.columnOf",void 0,"column chart of {series}",{series:a}):ls(void 0,"chart-bar.column",void 0,"column chart"):t.length?us(void 0,"chart-bar.stackedOf",void 0,"stacked column chart of {series}",{series:a}):ls(void 0,"chart-bar.stacked",void 0,"stacked column chart"),ss(this.heading,r)}render(){const{labels:s,series:t,money:a,hiddenSeries:c,stacked:e}=this,o=this.plotW,n=this.height,u=this.rtl=ns(this.host),X=s.length,Y=t.map(l),J=[];for(let s=0;s<t.length;s++)c.includes(t[s].label)||J.push(s);const Q=Array(X),Z=Array(X),ss=Array(X);let os=1,us=0;for(let s=0;s<X;s++){let a=0,r=0,i=0;for(const c of J){const h=t[c].data[s]||0;a+=h,h>=0?r+=h:i+=h}Q[s]=a,Z[s]=r,ss[s]=i}if(e||"horizontal"===this.orientation)os=Math.max(1,es(Z)[1]),us=Math.min(0,es(ss)[0]);else if(J.length){os=-1/0;for(const s of J){const[a,r]=es(t[s].data);os=Math.max(os,r),us=Math.min(us,a)}os=Math.max(os,us<0?0:1)}const ds=this.empty,{ticks:xs,lo:gs,hi:fs}=ds?d(0,0,4):d(us,os,4),vs=a?s=>bs(s,!0,this.currency):f,ys=a?s=>bs(s,!1,this.currency):f,ms=vs,ws=1===t.length,ks=t.length>1?t.map(((s,t)=>({label:s.label,color:Y[t],hatch:b(t)}))):void 0,Ms=J.some((s=>s>=4)),zs=(s,a,i=Y[s])=>b(s)?r("rect",{key:t[s].label+"-h",x:a[0]+.5,y:a[1]+.5,width:Math.max(a[2]-1,0),height:Math.max(a[3]-1,0),rx:a[4],fill:`url(#${this.hatchId}-h${b(s)})`,stroke:i,"stroke-width":1}):null,Cs=J.map((s=>t[s].label)),Ts={title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?o+O:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:ks,hidden:c,onToggle:this.toggle},js=this.scale,Hs=ds?-1:_(this.hoverIndex,X),Bs=ls(void 0,"chart-bar.total",void 0,"Total"),Es=ds?r(p,{text:ls(void 0,"chart-bar.empty",this.emptyMessage,"Nothing to plot yet.")}):null,Ls=Math.min(this.keyRow,J.length-1),$s=J[Ls],Ss=this.keyed&&Hs>=0&&void 0!==$s?`${this.keysId}-${Ls}-${Hs}`:void 0;let Ps;const Fs=()=>Ss&&Ps?r(is,{id:Ss,box:cs(Ps),label:rs(s[Hs],J.length>1?t[$s].label:void 0,ys(t[$s].data[Hs]||0))}):null,Gs=s=>({...ds?ts(s,this.keysId,this.hostName):as(s,this.keysId,this.hostName,Ss),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur}),As=s=>r(hs,{ids:this.keysId,summary:s,host:this.hostName,hint:!ds});if(this.loading){const s="horizontal"===this.orientation?Math.max(X,3)*ps+8:n;return r(i,{"aria-busy":"true"},r(x,{...Ts,legend:void 0,onToggle:void 0},r(g,{height:s,label:ls(void 0,"chart-bar.loading",void 0,"Loading"),rtl:u})))}if("horizontal"===this.orientation){const a=X*ps+8,c=Hs>=0?J.map((s=>({label:t[s].label,color:Y[s],hatch:b(s),value:ys(t[s].data[Hs]||0)}))):[];Hs>=0&&J.length>1&&c.push({label:Bs,color:void 0,value:ys(Q[Hs])});const e=Math.max(h.l+54,Math.min(s.reduce(((s,t)=>Math.max(s,v(t,10))),0)+2,.35*o)),n=ws?s.map(((s,a)=>{const r=J.length&&t[0].data[a]||0;return[r,v(ms(r),9.5)]})):[],l=y(gs,fs,...function(s,t,a,r,i,c){const h=y(s,t,a,r);if(c.every((([s,t])=>s<0?h(s)-5-t>=a-1e-9:h(s)+5+t<=i+1e-9)))return[a,r];const e=[[a,-s]],o=[[r,t]];for(const[s,t]of c)s<0?e.push([a+5+t,-s]):o.push([i-5-t,s]);let n=1/0;for(const[s,t]of e)for(const[a,r]of o)n=Math.min(n,t+r>0?(a-s)/(t+r):a>=s?1/0:-1/0);if(!(n>0&&isFinite(n)))return[a,r];const u=Math.max(...e.map((([s,t])=>s+t*n)));return[u+s*n,u+t*n]}(gs,fs,e+8,o-h.r,o,n)),d=s=>u?o-s:s,p=s=>u?j(s,o):s,g=[];let f=[];const E=l(0);let L=E;const $=s.map(((s,a)=>{let i=E,c=E;const h=[],n=[];for(const s of J){const e=t[s].data[a]||0,d=Math.abs(l(e)-E),b=e>=0?i:c-d,p=u?o-b-d:b;h.push(r("rect",{key:t[s].label,x:p,y:a*ps+6,width:d,height:14,rx:2.5,fill:Y[s]}),zs(s,[p,a*ps+6,d,14,2.5])),a===Hs&&s===$s&&(Ps=[p,a*ps+6,p+d,a*ps+ps-6]),e>=0?i+=d:c-=d,d>0&&n.push(e>=0?i:c)}const b=J.length&&t[0].data[a]||0,p=m(s,e-2,10)[0]||"",x=[e-v(p,10),a*ps+16.5,e,a*ps+26,w],y=ms(b),C=v(y,9.5),T=b<0?[c-5-C,a*ps+16.5,c-5,a*ps+25.5,w]:[i+5,a*ps+16.5,i+5+C,a*ps+25.5,w],j=Math.max(i,E)+(ws?7+C:0);if(a===Hs)L=j,f=[[x[0]-2,a*ps+4,Math.max(j,i)+2,a*ps+27],...ws&&b<0?[T.slice(0,4)]:[]];else{const s=[Math.min(c,E),a*ps+6,Math.max(i,E),a*ps+ps-6];g.push(x,[e,s[1],e+V,s[3],k],...F(s,"y"));for(const t of n)g.push([t-3,a*ps+6,t+3,a*ps+ps-6,k],M(s,"y",t,t>E?-1:1));ws&&g.push(T)}const H=-1!==Hs&&Hs!==a;return r("g",{key:s},r("text",{"aria-hidden":"true",x:d(e),y:a*ps+13+11,"text-anchor":u?"start":"end",style:z("600 10px var(--font-sans)",Hs===a)},p),r("g",{opacity:H?.45:1},h),ws?r("text",{"aria-hidden":"true",x:d(b<0?c-5:i+5),y:a*ps+13+10.5,"text-anchor":b<0!==u?"end":"start",style:z("650 9.5px var(--font-sans)",Hs===a)},y):null)}));return r(i,null,r(x,{...Ts},r("div",{class:"sui-chart-plot"},r(C,{show:Hs>=0,box:T([p([0,Hs*ps+4,L,(Hs+1)*ps-4])],js)[0],keep:T(f.map(p),js),w:o*js,ht:a*js,title:s[Hs]||"",rows:c,avoid:T(g.map(p),js),room:[-H,0,o*js+H,(a+44)*js],area:T([p([e+4,0,o,a+44])],js)[0]}),r("svg",{viewBox:`0 0 ${o} ${a}`,...Gs(this.chartName("bar",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,ds?null:$,Fs()),As(this.chartName("bar",Cs)),Es)))}const Is=this.gutter=E(xs.map(vs)),Ks=L(s,o-Is-h.r,this.every),Ns=Ks.lines?11:0,[Ws,Ds]=D(o,0,u,Is),Rs=y(0,X,Ws,Ds),qs=y(gs,fs,n-h.b-Ns,h.t),Os=qs(0),Vs=(o-Is-h.r)/X,Us=Math.min(.62*Vs,42),Xs=e?Us:Us/Math.max(J.length,1),Ys=J[J.length-1],Js=Hs>=0?J.map((s=>({label:t[s].label,color:Y[s],hatch:b(s),value:ys(t[s].data[Hs])}))):[];Hs>=0&&e&&J.length>1&&Js.push({label:Bs,color:void 0,value:ys(Q[Hs])});const Qs=ws&&J.length&&!ds?s.map(((s,a)=>ms(t[0].data[a]||0))):[],_s=Qs.reduce(((s,t)=>Math.max(s,v(t,9))),0),Zs=Ks.every,st=_s+4<=Vs?1:Math.ceil((_s+4)/Vs/Zs)*Zs,tt=1===st||_s/2+2<=Vs-Us/2,at=[],rt=[],it=Qs.map(((s,a)=>{const i=t[0].data[a]||0,c=Rs(a)+Vs/2,h=i<0?qs(i)+11:qs(i)-4;return!tt||a%st?null:(rt.push([c-v(s,9)/2,h-8,c+v(s,9)/2,h+2]),r("text",{"aria-hidden":"true",key:a+"",class:"value halo",x:c,y:h,"text-anchor":"middle",style:z("650 9px var(--font-sans)",Hs===a)},s))}));at.push(...rt);const ct=$(o,n,js,0,Ns,u,Is),ht=[],et=[],ot=[],nt=s.map(((s,a)=>{const i=Rs(a)+Vs/2;let c=Os,h=Os;const o=[];let n=0;for(const u of J){const l=t[u],d=l.data[a]||0,b=Math.abs(Os-qs(d)),p=l.accentAt&&l.accentAt===s?U:Y[u];if(e){const s=d>=0?c-b:h;o.push(r("rect",{key:l.label,x:i-Us/2,y:s,width:Us,height:Math.max(b-1,0),rx:u===Ys?2.5:0,fill:p}),zs(u,[i-Us/2,s,Us,Math.max(b-1,0),u===Ys?2.5:0],p)),at.push([i-Us/2,s,i+Us/2,s+b]),(a===Hs?ht:et).push([i-Us/2-2,s-2,i+Us/2+2,s+b+2]),a!==Hs&&b>1&&ot.push([i-Us/2,s,i+Us/2,s+b-1]),a===Hs&&u===$s&&(Ps=[i-Us/2,s,i+Us/2,s+Math.max(b-1,0)]),d>=0?c-=b:h+=b}else{const s=i-Us/2+n*Xs+(n>0?1:0);o.push(r("rect",{key:l.label,x:s,y:Math.min(qs(d),Os),width:Xs-1.5,height:b,rx:2.5,fill:p}),zs(u,[s,Math.min(qs(d),Os),Xs-1.5,b,2.5],p)),at.push([s,Math.min(qs(d),Os),s+Xs,Math.min(qs(d),Os)+b]),(a===Hs?ht:et).push([s-2,Math.min(qs(d),Os)-2,s+Xs+2,Math.min(qs(d),Os)+b+2]),a!==Hs&&b>0&&ot.push([s,Math.min(qs(d),Os),s+Xs-1.5,Math.min(qs(d),Os)+b]),a===Hs&&u===$s&&(Ps=[s,Math.min(qs(d),Os),s+Xs-1.5,Math.min(qs(d),Os)+b])}n++}return r("g",{key:s,opacity:-1===Hs||Hs===a?1:.45},o)})),ut=s=>Rs(s)+Vs/2,lt=this.refLine&&this.refLine.label?S(P(qs(this.refLine.value),o,this.refLine.label,at,0,u,Is),this.refLine.label):void 0,dt=Hs>=0?rt.find((s=>Math.abs((s[0]+s[2])/2-ut(Hs))<.5)):void 0;dt&&ht.push([dt[0]-2,dt[1]-2,dt[2]+2,dt[3]+2]);const bt=et.map((s=>s[1]+2<Os-.5?[s[0],s[1],s[2],s[1]+8,k]:[s[0],s[3]-8,s[2],s[3],k])),pt=Hs<0?[]:T(ot.flatMap((s=>F(s,"x"))).concat(bt,rt.filter((s=>s!==dt)).map((s=>s.concat(w))),[[ut(Hs)-Us/2,0,ut(Hs)+Us/2,n-h.b-Ns,G]],A(xs,qs,vs,o,u,!1,Is),I(s,ut,n,Zs,o,Ks.lines),lt?[lt]:[]),js).concat(ct.avoid);return r(i,null,r(x,{...Ts},r("div",{class:"sui-chart-plot"},r(C,{show:Hs>=0,box:[(ut(Hs)-Us/2)*js,0,(ut(Hs)+Us/2)*js,n*js],keep:T(ht,js),w:o*js,ht:n*js,title:s[Hs]||"",rows:Js,avoid:pt,area:ct.area,room:ct.room}),r("svg",{viewBox:`0 0 ${o} ${n}`,...Gs(this.chartName(e?"stacked":"column",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,r(K,{ticks:xs,y:qs,w:o,rtl:u,gl:Is,fmt:vs,bare:ds}),ds?null:nt,this.refLine?r(N,{y:qs(this.refLine.value),w:o,rtl:u,gl:Is,label:this.refLine.label,avoid:at,gaps:rt,color:this.refLine.color}):null,it,gs<0?r("line",{x1:Ws,x2:Ds,y1:W(Os),y2:W(Os),stroke:"var(--chart-axis)","stroke-width":1}):r(R,{w:o,rtl:u,gl:Is,h:n-Ns}),r(q,{labels:s,x:ut,h:n,w:o,every:Zs,lines:Ks.lines}),Fs()),As(this.chartName(e?"stacked":"column",Cs)),Es)))}static get style(){return'.sc-sui-chart-bar-h{display:block}svg.sc-sui-chart-bar{direction:ltr}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar text.sc-sui-chart-bar{user-select:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar g.sc-sui-chart-bar{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-bar-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-bar{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-bar{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-bar{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-bar{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-bar{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-bar{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-bar{position:relative}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line.sc-sui-chart-bar{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-bar{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-bar{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-bar{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-bar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-bar{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-bar .swatch.sc-sui-chart-bar{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-bar .swatch.round.sc-sui-chart-bar{border-radius:50%}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-bar::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-bar::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-bar::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-bar .mk.sc-sui-chart-bar{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-bar .mk.dot.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.solid.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.ring.sc-sui-chart-bar{border-radius:50%}.swatch.glyph.sc-sui-chart-bar .mk.solid.sc-sui-chart-bar{background:var(--c)}.swatch.glyph.sc-sui-chart-bar .mk.ring.sc-sui-chart-bar{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-bar .mk.diamond.sc-sui-chart-bar{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar,.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar::after,.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{width:22px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.line.sc-sui-chart-bar::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.sc-sui-chart-bar{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.tri.sc-sui-chart-bar,.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar .mk.tri-down.sc-sui-chart-bar{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-bar .swatch.sc-sui-chart-bar{opacity:0.35}.sui-chart-caption.sc-sui-chart-bar{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-bar{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-bar{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-bar{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-bar .swatch.sc-sui-chart-bar{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-bar .lbl.sc-sui-chart-bar{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-bar b.sc-sui-chart-bar{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-bar .sui-chart-tip-row.sc-sui-chart-bar{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-bar .sui-chart-tip-row.keyed.sc-sui-chart-bar{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-bar .sui-chart-tip-row.keyed.sc-sui-chart-bar>b.sc-sui-chart-bar{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-bar .sui-chart-tip-row.sc-sui-chart-bar>b.sc-sui-chart-bar{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar .halo.sc-sui-chart-bar{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-bar:focus{outline:none}.sui-chart-keys.sc-sui-chart-bar: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-bar:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-bar{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-bar{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-bar{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-bar{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-bar span.sc-sui-chart-bar{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-bar{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-bar{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-bar{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-bar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-bar,.prose.sc-sui-chart-bar{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-bar text.sc-sui-chart-bar{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-bar{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-bar .swatch.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.sc-sui-chart-bar{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar,.sui-chart-tip-row.sc-sui-chart-bar .swatch.glyph.sc-sui-chart-bar{border:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar text.sc-sui-chart-bar{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar .halo.sc-sui-chart-bar{stroke:Canvas}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line.sc-sui-chart-bar{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-bar svg.sc-sui-chart-bar line[stroke*="--hairline"].sc-sui-chart-bar{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--chart-axis"].sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--border-strong"].sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar line[stroke*="--accent-deep"].sc-sui-chart-bar{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar circle.sc-sui-chart-bar{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar rect.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar path.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar polyline.sc-sui-chart-bar,.sui-chart-plot.sc-sui-chart-bar svg.sc-sui-chart-bar polygon.sc-sui-chart-bar{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-bar:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-bar .sui-chart-ring.sc-sui-chart-bar .sui-chart-ring-line.sc-sui-chart-bar{stroke:Highlight;filter:none}svg.sc-sui-chart-bar .sui-chart-ring.sc-sui-chart-bar .sui-chart-ring-halo.sc-sui-chart-bar{stroke:Canvas;filter:none}}'}},[518,"sui-chart-bar",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],stacked:[516],orientation:[513],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],refLine:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gs=xs,fs=function(){"undefined"!=typeof customElements&&["sui-chart-bar"].forEach((s=>{"sui-chart-bar"===s&&(customElements.get(c(s))||customElements.define(c(s),xs))}))};export{gs as SuiChartBar,fs as defineCustomElement}
@@ -1 +1 @@
1
- import{p as s,H as t,c,h as i,a,t as e}from"./p-CeVlau-G.js";import{P as r,o as n,p as o,a as h,c as l,L as d,d as u,b as p,v as k,f as g,l as x,I as v,x as f,N as w,m as b,D as y,E as m,F as C,k as z,Y as H,K as j,X as T,C as D,g as E,O as L,J as B}from"./p-Bv5xqCDb.js";import{h as M,w as P,c as O,p as W,s as F,a as G,i as I,k as N,K as S,r as K,P as U}from"./p-DtI1DFsR.js";import{d as $}from"./p-BHB1Wprj.js";import{u as V}from"./p-U06fVoGD.js";import{i as R}from"./p-GAnFXayY.js";import{l as X,a as Y}from"./p-BuyjS5bS.js";import{d as q}from"./p-COO9uV7W.js";const A="var(--sui-chart-candlestick-up, var(--viz-1))",J="var(--sui-chart-candlestick-down, var(--accent))",Q=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=c(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];kind="candles";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=V("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=r.l;stopResize;componentWillLoad(){this.hasHeaderEnd=M(this.host,"header-end")}connectedCallback(){$(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=P(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=n(this.host,(s=>{this.boxW=s})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width)}onKey=s=>{if(this.empty)return;const t=this.items.length,c=F(this.hoverIndex,t),i=O(s,{rows:1,count:()=>t},c>=0?{s:0,i:c}:null,this.keyed);if(i){if(s.preventDefault(),"leave"===i)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=W(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(i.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){return 0===(this.items||[]).length}onMove=s=>{if(this.empty)return;const t=this.plotW,c=s.currentTarget.getBoundingClientRect();c.width>0&&(this.scale=c.width/t),this.keyed=!1,this.setHover(F(h(s,t,this.items.length,!0,0,this.rtl,this.gutter),this.items.length))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}chartBody(s,t){const c=t.length,i=t[0],a=t[c-1];return s?c>1?X(void 0,"chart-candlestick.ohlcPeriods",void 0,"OHLC chart of {count} periods from {first} to {last}",{count:c,first:i,last:a}):1===c?X(void 0,"chart-candlestick.ohlcPeriod",void 0,"OHLC chart of 1 period, {first}",{first:i}):Y(void 0,"chart-candlestick.ohlc",void 0,"OHLC chart"):c>1?X(void 0,"chart-candlestick.candlestickPeriods",void 0,"candlestick chart of {count} periods from {first} to {last}",{count:c,first:i,last:a}):1===c?X(void 0,"chart-candlestick.candlestickPeriod",void 0,"candlestick chart of 1 period, {first}",{first:i}):Y(void 0,"chart-candlestick.candlestick",void 0,"candlestick chart")}render(){const{items:s,kind:t,money:c}=this,e=this.plotW,n=this.height,o=this.rtl=R(this.host),h=s.length,M={up:Y(void 0,"chart-candlestick.upDay",void 0,"Up day"),down:Y(void 0,"chart-candlestick.downDay",void 0,"Down day"),open:Y(void 0,"chart-candlestick.open",void 0,"Open"),high:Y(void 0,"chart-candlestick.high",void 0,"High"),low:Y(void 0,"chart-candlestick.low",void 0,"Low"),close:Y(void 0,"chart-candlestick.close",void 0,"Close")};if(this.loading)return i(a,{"aria-busy":"true"},i(l,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?e+d:void 0,hasHeaderEnd:this.hasHeaderEnd},i(u,{height:n,label:Y(void 0,"chart-candlestick.loading",void 0,"Loading"),rtl:o})));const P=this.empty;let O=1/0,W=-1/0;for(let t=0;t<h;t++)s[t].l<O&&(O=s[t].l),s[t].h>W&&(W=s[t].h);O===1/0&&(O=0,W=0);const{ticks:$,lo:V,hi:Q}=p(O,W,4),Z=c?s=>q(s,!0,this.currency):g,_=c?s=>q(s,!1,this.currency):g,ss=this.gutter=k($.map(Z)),[ts,cs]=B(e,0,o,ss),is=x(0,h,ts,cs),as=x(V,Q,n-r.b,r.t),es=(e-ss-r.r)/h,rs=Math.min(.55*es,12),ns=P?-1:F(this.hoverIndex,h),os=s.map((s=>s.label)),hs=ns>=0?s[ns]:void 0,ls=G(this.heading,this.chartBody("ohlc"===t,s.map((s=>s.label)))),ds=[],us=[];for(let c=0;c<h;c++){const a=s[c],e=is(c)+es/2;us.push([e-rs/2-1,as(a.h),e+rs/2+1,as(a.l),E,L]);const r=a.c>=a.o,n=r?A:J,o=-1!==ns&&ns!==c?.45:1;if("ohlc"===t){ds.push(i("g",{key:c+"",opacity:o},i("line",{x1:e,x2:e,y1:as(a.h),y2:as(a.l),stroke:n,"stroke-width":1.5}),i("line",{x1:e-rs/2,x2:e,y1:as(a.o),y2:as(a.o),stroke:n,"stroke-width":1.5}),i("line",{x1:e,x2:e+rs/2,y1:as(a.c),y2:as(a.c),stroke:n,"stroke-width":1.5})));continue}const h="hollow"===t&&r;ds.push(i("g",{key:c+"",opacity:o},i("line",{x1:v(e),x2:v(e),y1:as(a.h),y2:as(a.l),stroke:n,"stroke-width":1}),i("rect",{x:e-rs/2,y:Math.min(as(a.o),as(a.c)),width:rs,height:Math.max(Math.abs(as(a.o)-as(a.c)),1.5),rx:1.5,fill:h?"var(--surface)":n,stroke:n,"stroke-width":1.2})))}const ps=this.scale,ks=this.keyed&&hs?`${this.keysId}-${ns}`:void 0,gs=hs?hs.c>=hs.o?X(void 0,"chart-candlestick.pointUp",void 0,"{label}, up day: open {open}, high {high}, low {low}, close {close}",{label:hs.label,open:_(hs.o),high:_(hs.h),low:_(hs.l),close:_(hs.c)}):X(void 0,"chart-candlestick.pointDown",void 0,"{label}, down day: open {open}, high {high}, low {low}, close {close}",{label:hs.label,open:_(hs.o),high:_(hs.h),low:_(hs.l),close:_(hs.c)}):"",xs=f(e,n,ps,0,0,o,ss),vs=w(this.every,os,e-ss-r.r,!0),fs=ns<0?[]:[[us[ns][0]-2,us[ns][1]-2,us[ns][2]+2,us[ns][3]+2]],ws=ns<0?[]:b(us.filter(((s,t)=>t!==ns)).concat([[is(ns)+es/2-rs/2-2,0,is(ns)+es/2+rs/2+2,n-r.b,y]],m($,as,Z,e,o,!1,ss),C(os,(s=>is(s)+es/2),n,vs,e)),ps).concat(xs.avoid);return i(a,null,i(l,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?e+d:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:[{label:M.up,color:A},{label:M.down,color:J}]},i("div",{class:"sui-chart-plot"},i(z,{show:!!hs,box:[(is(ns)+es/2-rs/2-2)*ps,0,(is(ns)+es/2+rs/2+2)*ps,n*ps],keep:b(fs,ps),w:e*ps,ht:n*ps,title:hs?hs.label:"",avoid:ws,area:xs.area,room:xs.room,rows:hs?[{label:M.open,value:_(hs.o)},{label:M.high,value:_(hs.h)},{label:M.low,value:_(hs.l)},{label:M.close,value:_(hs.c),color:hs.c>=hs.o?A:J}]:[]}),i("svg",{viewBox:`0 0 ${e} ${n}`,...P?I(ls,this.keysId,this.hostName):N(ls,this.keysId,this.hostName,ks),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},i(H,{ticks:$,y:as,w:e,rtl:o,gl:ss,fmt:Z,bare:P}),ds,ns>=0?i("line",{class:"guide",x1:v(is(ns)+es/2),x2:v(is(ns)+es/2),y1:r.t,y2:n-r.b,stroke:"var(--border-strong)","stroke-width":1,"stroke-dasharray":"3 3"}):null,i(j,{w:e,rtl:o,gl:ss,h:n}),i(T,{labels:os,x:s=>is(s)+es/2,h:n,w:e,every:vs}),ks?i(S,{id:ks,label:gs,box:K(us[ns].slice(0,4)),r:3}):null),i(U,{ids:this.keysId,summary:ls,host:this.hostName,hint:!P}),P?i(D,{text:Y(void 0,"chart-candlestick.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-candlestick-h{display:block}svg.sc-sui-chart-candlestick{direction:ltr}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{user-select:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick g.sc-sui-chart-candlestick{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-candlestick-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-candlestick{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-candlestick{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-candlestick{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-candlestick{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-candlestick{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-candlestick{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-candlestick{position:relative}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line.sc-sui-chart-candlestick{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-candlestick{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-candlestick{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-candlestick{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-candlestick:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-candlestick{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-candlestick .swatch.round.sc-sui-chart-candlestick{border-radius:50%}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-candlestick::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-candlestick::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-candlestick::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-candlestick .mk.sc-sui-chart-candlestick{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-candlestick .mk.dot.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.solid.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.ring.sc-sui-chart-candlestick{border-radius:50%}.swatch.glyph.sc-sui-chart-candlestick .mk.solid.sc-sui-chart-candlestick{background:var(--c)}.swatch.glyph.sc-sui-chart-candlestick .mk.ring.sc-sui-chart-candlestick{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-candlestick .mk.diamond.sc-sui-chart-candlestick{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick::after,.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{width:22px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.line.sc-sui-chart-candlestick::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.sc-sui-chart-candlestick{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick,.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{opacity:0.35}.sui-chart-caption.sc-sui-chart-candlestick{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-candlestick{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-candlestick{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-candlestick{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-candlestick .lbl.sc-sui-chart-candlestick{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-candlestick b.sc-sui-chart-candlestick{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-candlestick .sui-chart-tip-row.sc-sui-chart-candlestick{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-candlestick .sui-chart-tip-row.keyed.sc-sui-chart-candlestick{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-candlestick .sui-chart-tip-row.keyed.sc-sui-chart-candlestick>b.sc-sui-chart-candlestick{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-candlestick .sui-chart-tip-row.sc-sui-chart-candlestick>b.sc-sui-chart-candlestick{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick .halo.sc-sui-chart-candlestick{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-candlestick:focus{outline:none}.sui-chart-keys.sc-sui-chart-candlestick: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-candlestick:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-candlestick{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-candlestick{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-candlestick{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-candlestick{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-candlestick span.sc-sui-chart-candlestick{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-candlestick{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-candlestick{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-candlestick{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-candlestick{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-candlestick,.prose.sc-sui-chart-candlestick{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-candlestick{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{border:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick .halo.sc-sui-chart-candlestick{stroke:Canvas}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line.sc-sui-chart-candlestick{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-candlestick svg.sc-sui-chart-candlestick line[stroke*="--hairline"].sc-sui-chart-candlestick{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--chart-axis"].sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--border-strong"].sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--accent-deep"].sc-sui-chart-candlestick{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick circle.sc-sui-chart-candlestick{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick rect.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick path.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick polyline.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick polygon.sc-sui-chart-candlestick{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-candlestick:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-candlestick .sui-chart-ring.sc-sui-chart-candlestick .sui-chart-ring-line.sc-sui-chart-candlestick{stroke:Highlight;filter:none}svg.sc-sui-chart-candlestick .sui-chart-ring.sc-sui-chart-candlestick .sui-chart-ring-halo.sc-sui-chart-candlestick{stroke:Canvas;filter:none}}'}},[518,"sui-chart-candlestick",{heading:[1],subtitle:[1],caption:[1],items:[16],kind:[513],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]}]),Z=Q,_=function(){"undefined"!=typeof customElements&&["sui-chart-candlestick"].forEach((s=>{"sui-chart-candlestick"===s&&(customElements.get(e(s))||customElements.define(e(s),Q))}))};export{Z as SuiChartCandlestick,_ as defineCustomElement}
1
+ import{p as s,H as t,c,h as i,a,t as e}from"./p-CeVlau-G.js";import{P as r,o as n,p as o,a as h,c as l,L as d,d as u,b as p,v as k,f as g,l as x,I as v,x as f,N as w,m as b,D as y,E as m,F as C,k as z,Y as H,K as j,X as T,C as E,g as L,O as P,J as B}from"./p-BLK-elHV.js";import{h as D,w as M,c as F,p as G,s as K,a as N,i as O,k as S,K as W,r as I,P as U}from"./p-CFn_q23Q.js";import{d as $}from"./p-BHB1Wprj.js";import{u as V}from"./p-U06fVoGD.js";import{i as q}from"./p-GAnFXayY.js";import{l as R,a as X}from"./p-BuyjS5bS.js";import{d as Y}from"./p-qut9RP2y.js";const A="var(--sui-chart-candlestick-up, var(--viz-1))",J="var(--sui-chart-candlestick-down, var(--accent))",Q=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=c(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;items=[];kind="candles";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=V("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=r.l;stopResize;componentWillLoad(){this.hasHeaderEnd=D(this.host,"header-end")}connectedCallback(){$(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=M(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=n(this.host,(s=>{this.boxW=s})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width)}onKey=s=>{if(this.empty)return;const t=this.items.length,c=K(this.hoverIndex,t),i=F(s,{rows:1,count:()=>t},c>=0?{s:0,i:c}:null,this.keyed);if(i){if(s.preventDefault(),"leave"===i)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=G(this.plotEl,this.plotW,this.scale),this.keyed=!0,this.setHover(i.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get empty(){return 0===(this.items||[]).length}onMove=s=>{if(this.empty)return;const t=this.plotW,c=s.currentTarget.getBoundingClientRect();c.width>0&&(this.scale=c.width/t),this.keyed=!1,this.setHover(K(h(s,t,this.items.length,!0,0,this.rtl,this.gutter),this.items.length))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}chartBody(s,t){const c=t.length,i=t[0],a=t[c-1];return s?c>1?R(void 0,"chart-candlestick.ohlcPeriods",void 0,"OHLC chart of {count} periods from {first} to {last}",{count:c,first:i,last:a}):1===c?R(void 0,"chart-candlestick.ohlcPeriod",void 0,"OHLC chart of 1 period, {first}",{first:i}):X(void 0,"chart-candlestick.ohlc",void 0,"OHLC chart"):c>1?R(void 0,"chart-candlestick.candlestickPeriods",void 0,"candlestick chart of {count} periods from {first} to {last}",{count:c,first:i,last:a}):1===c?R(void 0,"chart-candlestick.candlestickPeriod",void 0,"candlestick chart of 1 period, {first}",{first:i}):X(void 0,"chart-candlestick.candlestick",void 0,"candlestick chart")}render(){const{items:s,kind:t,money:c}=this,e=this.plotW,n=this.height,o=this.rtl=q(this.host),h=s.length,D={up:X(void 0,"chart-candlestick.upDay",void 0,"Up day"),down:X(void 0,"chart-candlestick.downDay",void 0,"Down day"),open:X(void 0,"chart-candlestick.open",void 0,"Open"),high:X(void 0,"chart-candlestick.high",void 0,"High"),low:X(void 0,"chart-candlestick.low",void 0,"Low"),close:X(void 0,"chart-candlestick.close",void 0,"Close")};if(this.loading)return i(a,{"aria-busy":"true"},i(l,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?e+d:void 0,hasHeaderEnd:this.hasHeaderEnd},i(u,{height:n,label:X(void 0,"chart-candlestick.loading",void 0,"Loading"),rtl:o})));const M=this.empty;let F=1/0,G=-1/0;for(let t=0;t<h;t++)s[t].l<F&&(F=s[t].l),s[t].h>G&&(G=s[t].h);F===1/0&&(F=0,G=0);const{ticks:$,lo:V,hi:Q}=p(F,G,4),_=c?s=>Y(s,!0,this.currency):g,Z=c?s=>Y(s,!1,this.currency):g,ss=this.gutter=k($.map(_)),[ts,cs]=B(e,0,o,ss),is=x(0,h,ts,cs),as=x(V,Q,n-r.b,r.t),es=(e-ss-r.r)/h,rs=Math.min(.55*es,12),ns=M?-1:K(this.hoverIndex,h),os=s.map((s=>s.label)),hs=ns>=0?s[ns]:void 0,ls=N(this.heading,this.chartBody("ohlc"===t,s.map((s=>s.label)))),ds=[],us=[];for(let c=0;c<h;c++){const a=s[c],e=is(c)+es/2;us.push([e-rs/2-1,as(a.h),e+rs/2+1,as(a.l),L,P]);const r=a.c>=a.o,n=r?A:J,o=-1!==ns&&ns!==c?.45:1;if("ohlc"===t){ds.push(i("g",{key:c+"",opacity:o},i("line",{x1:e,x2:e,y1:as(a.h),y2:as(a.l),stroke:n,"stroke-width":1.5}),i("line",{x1:e-rs/2,x2:e,y1:as(a.o),y2:as(a.o),stroke:n,"stroke-width":1.5}),i("line",{x1:e,x2:e+rs/2,y1:as(a.c),y2:as(a.c),stroke:n,"stroke-width":1.5})));continue}const h="hollow"===t&&r;ds.push(i("g",{key:c+"",opacity:o},i("line",{x1:v(e),x2:v(e),y1:as(a.h),y2:as(a.l),stroke:n,"stroke-width":1}),i("rect",{x:e-rs/2,y:Math.min(as(a.o),as(a.c)),width:rs,height:Math.max(Math.abs(as(a.o)-as(a.c)),1.5),rx:1.5,fill:h?"var(--surface)":n,stroke:n,"stroke-width":1.2})))}const ps=this.scale,ks=this.keyed&&hs?`${this.keysId}-${ns}`:void 0,gs=hs?hs.c>=hs.o?R(void 0,"chart-candlestick.pointUp",void 0,"{label}, up day: open {open}, high {high}, low {low}, close {close}",{label:hs.label,open:Z(hs.o),high:Z(hs.h),low:Z(hs.l),close:Z(hs.c)}):R(void 0,"chart-candlestick.pointDown",void 0,"{label}, down day: open {open}, high {high}, low {low}, close {close}",{label:hs.label,open:Z(hs.o),high:Z(hs.h),low:Z(hs.l),close:Z(hs.c)}):"",xs=f(e,n,ps,0,0,o,ss),vs=w(this.every,os,e-ss-r.r,!0),fs=ns<0?[]:[[us[ns][0]-2,us[ns][1]-2,us[ns][2]+2,us[ns][3]+2]],ws=ns<0?[]:b(us.filter(((s,t)=>t!==ns)).concat([[is(ns)+es/2-rs/2-2,0,is(ns)+es/2+rs/2+2,n-r.b,y]],m($,as,_,e,o,!1,ss),C(os,(s=>is(s)+es/2),n,vs,e)),ps).concat(xs.avoid);return i(a,null,i(l,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?e+d:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:[{label:D.up,color:A},{label:D.down,color:J}]},i("div",{class:"sui-chart-plot"},i(z,{show:!!hs,box:[(is(ns)+es/2-rs/2-2)*ps,0,(is(ns)+es/2+rs/2+2)*ps,n*ps],keep:b(fs,ps),w:e*ps,ht:n*ps,title:hs?hs.label:"",avoid:ws,area:xs.area,room:xs.room,rows:hs?[{label:D.open,value:Z(hs.o)},{label:D.high,value:Z(hs.h)},{label:D.low,value:Z(hs.l)},{label:D.close,value:Z(hs.c),color:hs.c>=hs.o?A:J}]:[]}),i("svg",{viewBox:`0 0 ${e} ${n}`,...M?O(ls,this.keysId,this.hostName):S(ls,this.keysId,this.hostName,ks),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},i(H,{ticks:$,y:as,w:e,rtl:o,gl:ss,fmt:_,bare:M}),ds,ns>=0?i("line",{class:"guide",x1:v(is(ns)+es/2),x2:v(is(ns)+es/2),y1:r.t,y2:n-r.b,stroke:"var(--border-strong)","stroke-width":1,"stroke-dasharray":"3 3"}):null,i(j,{w:e,rtl:o,gl:ss,h:n}),i(T,{labels:os,x:s=>is(s)+es/2,h:n,w:e,every:vs}),ks?i(W,{id:ks,label:gs,box:I(us[ns].slice(0,4)),r:3}):null),i(U,{ids:this.keysId,summary:ls,host:this.hostName,hint:!M}),M?i(E,{text:X(void 0,"chart-candlestick.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-candlestick-h{display:block}svg.sc-sui-chart-candlestick{direction:ltr}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{user-select:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick g.sc-sui-chart-candlestick{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-candlestick-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-candlestick{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-candlestick{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-candlestick{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-candlestick{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-candlestick{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-candlestick{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-candlestick{position:relative}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line.sc-sui-chart-candlestick{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-candlestick{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-candlestick{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-candlestick{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-candlestick:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-candlestick{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-candlestick .swatch.round.sc-sui-chart-candlestick{border-radius:50%}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-candlestick::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-candlestick::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-candlestick::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-candlestick .mk.sc-sui-chart-candlestick{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-candlestick .mk.dot.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.solid.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.ring.sc-sui-chart-candlestick{border-radius:50%}.swatch.glyph.sc-sui-chart-candlestick .mk.solid.sc-sui-chart-candlestick{background:var(--c)}.swatch.glyph.sc-sui-chart-candlestick .mk.ring.sc-sui-chart-candlestick{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-candlestick .mk.diamond.sc-sui-chart-candlestick{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick,.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick::after,.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{width:22px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.line.sc-sui-chart-candlestick::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.sc-sui-chart-candlestick{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.tri.sc-sui-chart-candlestick,.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick .mk.tri-down.sc-sui-chart-candlestick{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{opacity:0.35}.sui-chart-caption.sc-sui-chart-candlestick{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-candlestick{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-candlestick{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-candlestick{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-candlestick .lbl.sc-sui-chart-candlestick{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-candlestick b.sc-sui-chart-candlestick{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-candlestick .sui-chart-tip-row.sc-sui-chart-candlestick{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-candlestick .sui-chart-tip-row.keyed.sc-sui-chart-candlestick{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-candlestick .sui-chart-tip-row.keyed.sc-sui-chart-candlestick>b.sc-sui-chart-candlestick{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-candlestick .sui-chart-tip-row.sc-sui-chart-candlestick>b.sc-sui-chart-candlestick{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick .halo.sc-sui-chart-candlestick{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-candlestick:focus{outline:none}.sui-chart-keys.sc-sui-chart-candlestick: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-candlestick:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-candlestick{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-candlestick{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-candlestick{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-candlestick{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-candlestick span.sc-sui-chart-candlestick{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-candlestick{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-candlestick{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-candlestick{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-candlestick{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-candlestick,.prose.sc-sui-chart-candlestick{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-candlestick{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.sc-sui-chart-candlestick{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick,.sui-chart-tip-row.sc-sui-chart-candlestick .swatch.glyph.sc-sui-chart-candlestick{border:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick text.sc-sui-chart-candlestick{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick .halo.sc-sui-chart-candlestick{stroke:Canvas}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line.sc-sui-chart-candlestick{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-candlestick svg.sc-sui-chart-candlestick line[stroke*="--hairline"].sc-sui-chart-candlestick{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--chart-axis"].sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--border-strong"].sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick line[stroke*="--accent-deep"].sc-sui-chart-candlestick{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick circle.sc-sui-chart-candlestick{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick rect.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick path.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick polyline.sc-sui-chart-candlestick,.sui-chart-plot.sc-sui-chart-candlestick svg.sc-sui-chart-candlestick polygon.sc-sui-chart-candlestick{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-candlestick:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-candlestick .sui-chart-ring.sc-sui-chart-candlestick .sui-chart-ring-line.sc-sui-chart-candlestick{stroke:Highlight;filter:none}svg.sc-sui-chart-candlestick .sui-chart-ring.sc-sui-chart-candlestick .sui-chart-ring-halo.sc-sui-chart-candlestick{stroke:Canvas;filter:none}}'}},[518,"sui-chart-candlestick",{heading:[1],subtitle:[1],caption:[1],items:[16],kind:[513],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]}]),_=Q,Z=function(){"undefined"!=typeof customElements&&["sui-chart-candlestick"].forEach((s=>{"sui-chart-candlestick"===s&&(customElements.get(e(s))||customElements.define(e(s),Q))}))};export{_ as SuiChartCandlestick,Z as defineCustomElement}
@@ -1 +1 @@
1
- import{p as s,H as t,c as o,h as c,a as i,t as r}from"./p-CeVlau-G.js";import{P as a,o as h,p as e,a as n,c as u,L as l,d as b,A as p,r as m,b as d,v as g,f as x,h as f,R as v,Q as w,S as k,x as y,N as C,m as z,D as j,E as M,F as T,k as B,H as E,Y as H,U as S,l as N,V as W,K as D,X as $,C as F,B as G,g as I,T as L,W as R,J as K}from"./p-Bv5xqCDb.js";import{h as P,t as V,w as q,c as A,p as O,s as U,a as X,m as Y,d as J,b as Q,i as Z,k as _,K as ss,r as ts,P as os}from"./p-DtI1DFsR.js";import{c as cs}from"./p-Bzu70qWq.js";import{d as is}from"./p-BHB1Wprj.js";import{i as rs}from"./p-GAnFXayY.js";import{l as as,a as hs}from"./p-BuyjS5bS.js";import{u as es}from"./p-U06fVoGD.js";import{d as ns}from"./p-COO9uV7W.js";const us=s=>(Array.isArray(s)?s:s?[s]:[]).filter((s=>!!s&&(!!s.label||s.data&&s.data.length>0))),ls=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=o(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];bars={label:"",data:[]};line={label:"",data:[]};money=!1;currency="USD";curve=!1;width=460;height=210;fixedSize=!1;formatEnd;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=es("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=a.l;stopResize;hatchId=es("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=P(this.host,"header-end")}get empty(){const s=us(this.bars).concat(us(this.line));return 0===(this.labels||[]).length||0===s.length||s.every((s=>(s.data||[]).every((s=>!s))))}toggle=s=>{this.hiddenSeries=V(this.hiddenSeries,s)};connectedCallback(){is(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=q(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=h(this.host,(s=>{this.boxW=s})))}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 e(!this.fixedSize,this.boxW,this.width)}get drawn(){return us(this.bars).concat(us(this.line)).filter((s=>!this.hiddenSeries.includes(s.label)))}onKey=s=>{if(this.empty)return;const t=this.labels.length,o=this.drawn,c=us(this.bars),i=U(this.hoverIndex,t),r=A(s,{rows:o.length,count:()=>t,has:(s,t)=>c.includes(o[s])||Number.isFinite((o[s].data||[])[t])},i>=0?{s:Math.min(this.keyRow,o.length-1),i}:null,this.keyed);if(r){if(s.preventDefault(),"leave"===r)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=O(this.plotEl,this.plotW,this.scale),this.keyRow=r.s,this.keyed=!0,this.setHover(r.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};onMove=s=>{if(this.empty)return;const t=this.plotW,o=s.currentTarget.getBoundingClientRect();o.width>0&&(this.scale=o.width/t),this.keyed=!1,this.setHover(U(n(s,t,this.labels.length,!0,S,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}chartName(s){return X(this.heading,s.length?as(void 0,"chart-combo.comboOf",void 0,"combo chart of {series}",{series:s.join(", ")}):hs(void 0,"chart-combo.combo",void 0,"combo chart"))}render(){const{labels:s,money:t,hiddenSeries:o}=this,r=this.plotW,h=this.height,e=this.rtl=rs(this.host);if(this.loading)return c(i,{"aria-busy":"true"},c(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+l:void 0,hasHeaderEnd:this.hasHeaderEnd},c(b,{height:h,label:hs(void 0,"chart-combo.loading",void 0,"Loading"),rtl:e})));const n=this.empty,P=us(this.bars),V=us(this.line),q=P.filter((s=>!o.includes(s.label))),A=V.filter((s=>!o.includes(s.label))),O=s.length,X=q.concat(A),is=t?s=>ns(s,!1,this.currency):x,as=t?s=>ns(s,!0,this.currency):x,es=1===V.length&&!V[0].accent&&!V[0].color,ls=new Map;P.concat(V).forEach(((s,t)=>{ls.set(s,s.color?s.color:s.accent||es&&t===P.length?p:m(t))}));const bs=s=>ls.get(s)||v[0],ps=s=>bs(X[s]);let ms=[0,0];for(const s of q)ms=Y(s.data,ms);const ds=d(0,ms[1],4);let gs=A.length?Y(A[0].data):[0,0];for(const s of A)gs=Y(s.data,gs);const xs=d(gs[0],gs[1],4),fs=r-S,vs=this.gutter=g(ds.ticks.map(as)),[ws,ks]=K(r,S,e,vs),ys=N(0,O,ws,ks),Cs=N(ds.lo,ds.hi,h-a.b,a.t),zs=N(xs.lo,xs.hi,h-a.b,a.t),js=(r-vs-a.r-S)/O,Ms=Math.min(.55*js,34),Ts=Ms/Math.max(q.length,1),Bs=q.length>1?1.5:0,Es=this.formatEnd||k,Hs=n?-1:U(this.hoverIndex,O),Ss=Cs(0),Ns=s=>ys(s)+js/2,Ws=s=>s.color||bs(s)===p?0:f(P.indexOf(s)),Ds=s=>bs(s)!==p&&!s.color&&P.length+V.indexOf(s)>=4?w:"none",$s=[],Fs=[],Gs=this.scale,Is=Math.min(this.keyRow,X.length-1),Ls=X[Is];let Rs,Ks,Ps=this.keyed&&Hs>=0&&Ls?`${this.keysId}-${Is}-${Hs}`:void 0;const Vs=[];for(let t=0;t<O;t++){const o=q.map(((s,o)=>{const i=s.data[t]||0,r=Ns(t)-Ms/2+o*Ts+(o>0?1:0),a=Math.max(Ss-Cs(i),0);t===Hs&&Fs.push([r-2,Cs(i)-2,r+Ts+2,Cs(i)+a+2]),t===Hs&&s===Ls?Rs=[r,Cs(i),r+Math.max(Ts-Bs,0),Cs(i)+a]:$s.push(...G([r,Cs(i),r+Math.max(Ts-Bs,0),Cs(i)+a],"x"),[r,Cs(i),r+Ts,Cs(i)+6,I]);const h=Ws(s);return[c("rect",{key:s.label,x:r,y:Cs(i),width:Math.max(Ts-Bs,0),height:a,rx:2.5,fill:ps(o)}),h?c("rect",{key:s.label+"-h",x:r+.5,y:Cs(i)+.5,width:Math.max(Ts-Bs-1,0),height:Math.max(a-1,0),rx:2.5,fill:`url(#${this.hatchId}-h${h})`,stroke:ps(o),"stroke-width":1}):null]}));Vs.push(c("g",{key:s[t],opacity:-1===Hs||Hs===t?1:.45},o))}const qs=A.map(((s,t)=>{const o=ps(q.length+t),i=Ds(s),r=[];for(let t=0;t<s.data.length;t++){r.push(c("circle",{key:t+"",cx:Ns(t),cy:zs(s.data[t]),r:Hs===t?3.5:2.4,fill:"var(--surface)",stroke:o,"stroke-width":1.6})),t===Hs&&Fs.push([Ns(t)-6,zs(s.data[t])-6,Ns(t)+6,zs(s.data[t])+6]),t===Hs&&s===Ls&&Number.isFinite(zs(s.data[t]))?Ks=[Ns(t),zs(s.data[t]),7]:$s.push([Ns(t)-4,zs(s.data[t])-4,Ns(t)+4,zs(s.data[t])+4,1===Math.abs(t-Hs)?L:o===p?3*I:I]);for(let o=1;t+1<s.data.length&&o<4;o++){const c=Ns(t+o/4),i=zs(s.data[t]+(s.data[t+1]-s.data[t])*o/4);$s.push([c-3,i-3,c+3,i+3,t===Hs||t+1===Hs?I:R])}}return c("g",{key:s.label},this.curve?c("path",{d:cs(s.data,Ns,zs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}):c("polyline",{points:J(s.data,Ns,zs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}),r)})),As=s=>({line:!0,mark:"dot",dash:Ds(s)}),Os=P.map((s=>({label:s.label,color:bs(s),hatch:Ws(s)}))).concat(V.map((s=>({label:s.label,color:bs(s),...As(s)})))),Us=Hs>=0?q.map(((s,t)=>({label:s.label,color:ps(t),hatch:Ws(s),value:is(s.data[Hs]||0)}))).concat(A.map(((s,t)=>({label:s.label,color:ps(q.length+t),...As(s),value:Es(s.data[Hs])})))):[];!Ps||Rs||Ks||(Ps=void 0);const Xs=Ps?Q(s[Hs],X.length>1?Ls.label:void 0,q.includes(Ls)?is(Ls.data[Hs]||0):Es(Ls.data[Hs])):"",Ys=y(r,h,Gs,a.r+30,0,e,vs),Js=C(this.every,s,fs-vs-a.r,!0),Qs=Hs<0?[]:z($s.concat([[Ns(Hs)-Ms/2,0,Ns(Hs)+Ms/2,h-a.b,j]],M(ds.ticks,Cs,as,r,e,!1,vs),M(xs.ticks,zs,Es,r,e,!0),T(s,Ns,h,Js,r)),Gs).concat(Ys.avoid);return c(i,null,c(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+l:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:Os,hidden:o,onToggle:Os.length>1?this.toggle:void 0},c("div",{class:"sui-chart-plot"},c(B,{show:Hs>=0,box:[(Ns(Hs)-Ms/2)*Gs,0,(Ns(Hs)+Ms/2)*Gs,h*Gs],keep:z(Fs,Gs),w:r*Gs,ht:h*Gs,title:s[Hs]||"",rows:Us,avoid:Qs,area:Ys.area,room:Ys.room}),c("svg",{viewBox:`0 0 ${r} ${h}`,...n?Z(this.chartName(X.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName):_(this.chartName(X.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName,Ps),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},q.some((s=>Ws(s)))?c(E,{id:this.hatchId}):null,c(H,{ticks:ds.ticks,y:Cs,w:r,inset:S,rtl:e,gl:vs,fmt:as,bare:n}),c(W,{ticks:xs.ticks,y:zs,w:r,fmt:Es,bare:n,rtl:e}),n?null:Vs,n?null:qs,c(D,{w:r,inset:S,rtl:e,gl:vs,h}),c($,{labels:s,x:Ns,h,w:r,every:Js}),Ps?c(ss,{id:Ps,label:Xs,box:Rs?ts(Rs):void 0,circle:Ks}):null),c(os,{ids:this.keysId,summary:this.chartName(X.map((s=>s.label)).filter(Boolean)),host:this.hostName,hint:!n}),n?c(F,{text:hs(void 0,"chart-combo.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-combo-h{display:block}svg.sc-sui-chart-combo{direction:ltr}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo text.sc-sui-chart-combo{user-select:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo rect.sc-sui-chart-combo{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-combo-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-combo{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-combo{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-combo{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-combo{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-combo{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-combo{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-combo{position:relative}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line.sc-sui-chart-combo{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-combo{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-combo{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-combo{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-combo:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-combo{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-combo .swatch.sc-sui-chart-combo{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-combo .swatch.round.sc-sui-chart-combo{border-radius:50%}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-combo::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-combo::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-combo::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-combo .mk.sc-sui-chart-combo{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-combo .mk.dot.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.solid.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.ring.sc-sui-chart-combo{border-radius:50%}.swatch.glyph.sc-sui-chart-combo .mk.solid.sc-sui-chart-combo{background:var(--c)}.swatch.glyph.sc-sui-chart-combo .mk.ring.sc-sui-chart-combo{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-combo .mk.diamond.sc-sui-chart-combo{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo::after,.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{width:22px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.line.sc-sui-chart-combo::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.sc-sui-chart-combo{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo,.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-combo .swatch.sc-sui-chart-combo{opacity:0.35}.sui-chart-caption.sc-sui-chart-combo{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-combo{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-combo{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-combo{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-combo .swatch.sc-sui-chart-combo{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-combo .lbl.sc-sui-chart-combo{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-combo b.sc-sui-chart-combo{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-combo .sui-chart-tip-row.sc-sui-chart-combo{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-combo .sui-chart-tip-row.keyed.sc-sui-chart-combo{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-combo .sui-chart-tip-row.keyed.sc-sui-chart-combo>b.sc-sui-chart-combo{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-combo .sui-chart-tip-row.sc-sui-chart-combo>b.sc-sui-chart-combo{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo .halo.sc-sui-chart-combo{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-combo:focus{outline:none}.sui-chart-keys.sc-sui-chart-combo: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-combo:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-combo{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-combo{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-combo{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-combo{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-combo span.sc-sui-chart-combo{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-combo{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-combo{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-combo{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-combo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-combo,.prose.sc-sui-chart-combo{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-combo text.sc-sui-chart-combo{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-combo{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-combo .swatch.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.sc-sui-chart-combo{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{border:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo text.sc-sui-chart-combo{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo .halo.sc-sui-chart-combo{stroke:Canvas}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line.sc-sui-chart-combo{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-combo svg.sc-sui-chart-combo line[stroke*="--hairline"].sc-sui-chart-combo{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--chart-axis"].sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--border-strong"].sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--accent-deep"].sc-sui-chart-combo{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo circle.sc-sui-chart-combo{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo rect.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo path.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo polyline.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo polygon.sc-sui-chart-combo{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-combo:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-combo .sui-chart-ring.sc-sui-chart-combo .sui-chart-ring-line.sc-sui-chart-combo{stroke:Highlight;filter:none}svg.sc-sui-chart-combo .sui-chart-ring.sc-sui-chart-combo .sui-chart-ring-halo.sc-sui-chart-combo{stroke:Canvas;filter:none}}'}},[518,"sui-chart-combo",{heading:[1],subtitle:[1],caption:[1],labels:[16],bars:[16],line:[16],money:[516],currency:[1],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],formatEnd:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),bs=ls,ps=function(){"undefined"!=typeof customElements&&["sui-chart-combo"].forEach((s=>{"sui-chart-combo"===s&&(customElements.get(r(s))||customElements.define(r(s),ls))}))};export{bs as SuiChartCombo,ps as defineCustomElement}
1
+ import{p as s,H as t,c as o,h as c,a as i,t as r}from"./p-CeVlau-G.js";import{P as a,o as h,p as e,a as n,c as u,L as l,d as b,A as p,r as m,b as d,v as g,f as x,h as f,R as v,Q as w,S as k,x as y,N as z,m as C,D as j,E as M,F as T,k as H,H as B,Y as E,U as S,l as N,V as W,K as $,X as L,C as F,B as G,g as K,T as P,W as R,J as q}from"./p-BLK-elHV.js";import{h as D,t as I,w as V,c as A,p as U,s as Q,a as X,m as Y,d as J,b as O,i as _,k as Z,K as ss,r as ts,P as os}from"./p-CFn_q23Q.js";import{c as cs}from"./p-Bzu70qWq.js";import{d as is}from"./p-BHB1Wprj.js";import{i as rs}from"./p-GAnFXayY.js";import{l as as,a as hs}from"./p-BuyjS5bS.js";import{u as es}from"./p-U06fVoGD.js";import{d as ns}from"./p-qut9RP2y.js";const us=s=>(Array.isArray(s)?s:s?[s]:[]).filter((s=>!!s&&(!!s.label||s.data&&s.data.length>0))),ls=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiHover=o(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];bars={label:"",data:[]};line={label:"",data:[]};money=!1;currency="USD";curve=!1;width=460;height=210;fixedSize=!1;formatEnd;every="auto";emptyMessage;loading=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=es("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=a.l;stopResize;hatchId=es("sui-chart-hatch");componentWillLoad(){this.hasHeaderEnd=D(this.host,"header-end")}get empty(){const s=us(this.bars).concat(us(this.line));return 0===(this.labels||[]).length||0===s.length||s.every((s=>(s.data||[]).every((s=>!s))))}toggle=s=>{this.hiddenSeries=I(this.hiddenSeries,s)};connectedCallback(){is(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=V(this.host,(s=>{this.hostName=s})),this.stopResize||(this.stopResize=h(this.host,(s=>{this.boxW=s})))}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 e(!this.fixedSize,this.boxW,this.width)}get drawn(){return us(this.bars).concat(us(this.line)).filter((s=>!this.hiddenSeries.includes(s.label)))}onKey=s=>{if(this.empty)return;const t=this.labels.length,o=this.drawn,c=us(this.bars),i=Q(this.hoverIndex,t),r=A(s,{rows:o.length,count:()=>t,has:(s,t)=>c.includes(o[s])||Number.isFinite((o[s].data||[])[t])},i>=0?{s:Math.min(this.keyRow,o.length-1),i}:null,this.keyed);if(r){if(s.preventDefault(),"leave"===r)return s.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=U(this.plotEl,this.plotW,this.scale),this.keyRow=r.s,this.keyed=!0,this.setHover(r.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};onMove=s=>{if(this.empty)return;const t=this.plotW,o=s.currentTarget.getBoundingClientRect();o.width>0&&(this.scale=o.width/t),this.keyed=!1,this.setHover(Q(n(s,t,this.labels.length,!0,S,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(s){s!==this.hoverIndex&&(this.hoverIndex=s,this.suiHover.emit({index:s}))}chartName(s){return X(this.heading,s.length?as(void 0,"chart-combo.comboOf",void 0,"combo chart of {series}",{series:s.join(", ")}):hs(void 0,"chart-combo.combo",void 0,"combo chart"))}render(){const{labels:s,money:t,hiddenSeries:o}=this,r=this.plotW,h=this.height,e=this.rtl=rs(this.host);if(this.loading)return c(i,{"aria-busy":"true"},c(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+l:void 0,hasHeaderEnd:this.hasHeaderEnd},c(b,{height:h,label:hs(void 0,"chart-combo.loading",void 0,"Loading"),rtl:e})));const n=this.empty,D=us(this.bars),I=us(this.line),V=D.filter((s=>!o.includes(s.label))),A=I.filter((s=>!o.includes(s.label))),U=s.length,X=V.concat(A),is=t?s=>ns(s,!1,this.currency):x,as=t?s=>ns(s,!0,this.currency):x,es=1===I.length&&!I[0].accent&&!I[0].color,ls=new Map;D.concat(I).forEach(((s,t)=>{ls.set(s,s.color?s.color:s.accent||es&&t===D.length?p:m(t))}));const bs=s=>ls.get(s)||v[0],ps=s=>bs(X[s]);let ms=[0,0];for(const s of V)ms=Y(s.data,ms);const ds=d(0,ms[1],4);let gs=A.length?Y(A[0].data):[0,0];for(const s of A)gs=Y(s.data,gs);const xs=d(gs[0],gs[1],4),fs=r-S,vs=this.gutter=g(ds.ticks.map(as)),[ws,ks]=q(r,S,e,vs),ys=N(0,U,ws,ks),zs=N(ds.lo,ds.hi,h-a.b,a.t),Cs=N(xs.lo,xs.hi,h-a.b,a.t),js=(r-vs-a.r-S)/U,Ms=Math.min(.55*js,34),Ts=Ms/Math.max(V.length,1),Hs=V.length>1?1.5:0,Bs=this.formatEnd||k,Es=n?-1:Q(this.hoverIndex,U),Ss=zs(0),Ns=s=>ys(s)+js/2,Ws=s=>s.color||bs(s)===p?0:f(D.indexOf(s)),$s=s=>bs(s)!==p&&!s.color&&D.length+I.indexOf(s)>=4?w:"none",Ls=[],Fs=[],Gs=this.scale,Ks=Math.min(this.keyRow,X.length-1),Ps=X[Ks];let Rs,qs,Ds=this.keyed&&Es>=0&&Ps?`${this.keysId}-${Ks}-${Es}`:void 0;const Is=[];for(let t=0;t<U;t++){const o=V.map(((s,o)=>{const i=s.data[t]||0,r=Ns(t)-Ms/2+o*Ts+(o>0?1:0),a=Math.max(Ss-zs(i),0);t===Es&&Fs.push([r-2,zs(i)-2,r+Ts+2,zs(i)+a+2]),t===Es&&s===Ps?Rs=[r,zs(i),r+Math.max(Ts-Hs,0),zs(i)+a]:Ls.push(...G([r,zs(i),r+Math.max(Ts-Hs,0),zs(i)+a],"x"),[r,zs(i),r+Ts,zs(i)+6,K]);const h=Ws(s);return[c("rect",{key:s.label,x:r,y:zs(i),width:Math.max(Ts-Hs,0),height:a,rx:2.5,fill:ps(o)}),h?c("rect",{key:s.label+"-h",x:r+.5,y:zs(i)+.5,width:Math.max(Ts-Hs-1,0),height:Math.max(a-1,0),rx:2.5,fill:`url(#${this.hatchId}-h${h})`,stroke:ps(o),"stroke-width":1}):null]}));Is.push(c("g",{key:s[t],opacity:-1===Es||Es===t?1:.45},o))}const Vs=A.map(((s,t)=>{const o=ps(V.length+t),i=$s(s),r=[];for(let t=0;t<s.data.length;t++){r.push(c("circle",{key:t+"",cx:Ns(t),cy:Cs(s.data[t]),r:Es===t?3.5:2.4,fill:"var(--surface)",stroke:o,"stroke-width":1.6})),t===Es&&Fs.push([Ns(t)-6,Cs(s.data[t])-6,Ns(t)+6,Cs(s.data[t])+6]),t===Es&&s===Ps&&Number.isFinite(Cs(s.data[t]))?qs=[Ns(t),Cs(s.data[t]),7]:Ls.push([Ns(t)-4,Cs(s.data[t])-4,Ns(t)+4,Cs(s.data[t])+4,1===Math.abs(t-Es)?P:o===p?3*K:K]);for(let o=1;t+1<s.data.length&&o<4;o++){const c=Ns(t+o/4),i=Cs(s.data[t]+(s.data[t+1]-s.data[t])*o/4);Ls.push([c-3,i-3,c+3,i+3,t===Es||t+1===Es?K:R])}}return c("g",{key:s.label},this.curve?c("path",{d:cs(s.data,Ns,Cs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}):c("polyline",{points:J(s.data,Ns,Cs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}),r)})),As=s=>({line:!0,mark:"dot",dash:$s(s)}),Us=D.map((s=>({label:s.label,color:bs(s),hatch:Ws(s)}))).concat(I.map((s=>({label:s.label,color:bs(s),...As(s)})))),Qs=Es>=0?V.map(((s,t)=>({label:s.label,color:ps(t),hatch:Ws(s),value:is(s.data[Es]||0)}))).concat(A.map(((s,t)=>({label:s.label,color:ps(V.length+t),...As(s),value:Bs(s.data[Es])})))):[];!Ds||Rs||qs||(Ds=void 0);const Xs=Ds?O(s[Es],X.length>1?Ps.label:void 0,V.includes(Ps)?is(Ps.data[Es]||0):Bs(Ps.data[Es])):"",Ys=y(r,h,Gs,a.r+30,0,e,vs),Js=z(this.every,s,fs-vs-a.r,!0),Os=Es<0?[]:C(Ls.concat([[Ns(Es)-Ms/2,0,Ns(Es)+Ms/2,h-a.b,j]],M(ds.ticks,zs,as,r,e,!1,vs),M(xs.ticks,Cs,Bs,r,e,!0),T(s,Ns,h,Js,r)),Gs).concat(Ys.avoid);return c(i,null,c(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize?r+l:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:Us,hidden:o,onToggle:Us.length>1?this.toggle:void 0},c("div",{class:"sui-chart-plot"},c(H,{show:Es>=0,box:[(Ns(Es)-Ms/2)*Gs,0,(Ns(Es)+Ms/2)*Gs,h*Gs],keep:C(Fs,Gs),w:r*Gs,ht:h*Gs,title:s[Es]||"",rows:Qs,avoid:Os,area:Ys.area,room:Ys.room}),c("svg",{viewBox:`0 0 ${r} ${h}`,...n?_(this.chartName(X.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName):Z(this.chartName(X.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName,Ds),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},V.some((s=>Ws(s)))?c(B,{id:this.hatchId}):null,c(E,{ticks:ds.ticks,y:zs,w:r,inset:S,rtl:e,gl:vs,fmt:as,bare:n}),c(W,{ticks:xs.ticks,y:Cs,w:r,fmt:Bs,bare:n,rtl:e}),n?null:Is,n?null:Vs,c($,{w:r,inset:S,rtl:e,gl:vs,h}),c(L,{labels:s,x:Ns,h,w:r,every:Js}),Ds?c(ss,{id:Ds,label:Xs,box:Rs?ts(Rs):void 0,circle:qs}):null),c(os,{ids:this.keysId,summary:this.chartName(X.map((s=>s.label)).filter(Boolean)),host:this.hostName,hint:!n}),n?c(F,{text:hs(void 0,"chart-combo.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-combo-h{display:block}svg.sc-sui-chart-combo{direction:ltr}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo text.sc-sui-chart-combo{user-select:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo rect.sc-sui-chart-combo{transition:opacity var(--duration-fast) var(--ease-out)}.sc-sui-chart-combo-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-combo{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-combo{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-combo{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-combo{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-combo{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-combo{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-combo{position:relative}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line.sc-sui-chart-combo{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-combo{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-combo{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-combo{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-combo:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-combo{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-combo .swatch.sc-sui-chart-combo{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-combo .swatch.round.sc-sui-chart-combo{border-radius:50%}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-combo::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-combo::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-combo::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-combo .mk.sc-sui-chart-combo{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-combo .mk.dot.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.solid.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.ring.sc-sui-chart-combo{border-radius:50%}.swatch.glyph.sc-sui-chart-combo .mk.solid.sc-sui-chart-combo{background:var(--c)}.swatch.glyph.sc-sui-chart-combo .mk.ring.sc-sui-chart-combo{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-combo .mk.diamond.sc-sui-chart-combo{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo,.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo::after,.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{width:22px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.line.sc-sui-chart-combo::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.sc-sui-chart-combo{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.tri.sc-sui-chart-combo,.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo .mk.tri-down.sc-sui-chart-combo{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-combo .swatch.sc-sui-chart-combo{opacity:0.35}.sui-chart-caption.sc-sui-chart-combo{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-combo{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-combo{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-combo{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-combo .swatch.sc-sui-chart-combo{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-combo .lbl.sc-sui-chart-combo{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-combo b.sc-sui-chart-combo{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-combo .sui-chart-tip-row.sc-sui-chart-combo{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-combo .sui-chart-tip-row.keyed.sc-sui-chart-combo{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-combo .sui-chart-tip-row.keyed.sc-sui-chart-combo>b.sc-sui-chart-combo{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-combo .sui-chart-tip-row.sc-sui-chart-combo>b.sc-sui-chart-combo{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo .halo.sc-sui-chart-combo{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-combo:focus{outline:none}.sui-chart-keys.sc-sui-chart-combo: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-combo:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-combo{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-combo{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-combo{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-combo{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-combo span.sc-sui-chart-combo{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-combo{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-combo{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-combo{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-combo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-combo,.prose.sc-sui-chart-combo{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-combo text.sc-sui-chart-combo{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-combo{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-combo .swatch.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.sc-sui-chart-combo{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo,.sui-chart-tip-row.sc-sui-chart-combo .swatch.glyph.sc-sui-chart-combo{border:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo text.sc-sui-chart-combo{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo .halo.sc-sui-chart-combo{stroke:Canvas}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line.sc-sui-chart-combo{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-combo svg.sc-sui-chart-combo line[stroke*="--hairline"].sc-sui-chart-combo{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--chart-axis"].sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--border-strong"].sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo line[stroke*="--accent-deep"].sc-sui-chart-combo{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo circle.sc-sui-chart-combo{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo rect.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo path.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo polyline.sc-sui-chart-combo,.sui-chart-plot.sc-sui-chart-combo svg.sc-sui-chart-combo polygon.sc-sui-chart-combo{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-combo:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-combo .sui-chart-ring.sc-sui-chart-combo .sui-chart-ring-line.sc-sui-chart-combo{stroke:Highlight;filter:none}svg.sc-sui-chart-combo .sui-chart-ring.sc-sui-chart-combo .sui-chart-ring-halo.sc-sui-chart-combo{stroke:Canvas;filter:none}}'}},[518,"sui-chart-combo",{heading:[1],subtitle:[1],caption:[1],labels:[16],bars:[16],line:[16],money:[516],currency:[1],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],formatEnd:[16],every:[8],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),bs=ls,ps=function(){"undefined"!=typeof customElements&&["sui-chart-combo"].forEach((s=>{"sui-chart-combo"===s&&(customElements.get(r(s))||customElements.define(r(s),ls))}))};export{bs as SuiChartCombo,ps as defineCustomElement}
@@ -1 +1 @@
1
- import{p as a,H as s,h as t,a as e,t as i}from"./p-CeVlau-G.js";import{Z as r,t as u,e as c,c as g,d as h,A as o}from"./p-Bv5xqCDb.js";import{h as n}from"./p-DbF8ArKE.js";import{l,a as p}from"./p-BuyjS5bS.js";import{w as d,a as x,e as f,P as v}from"./p-DtI1DFsR.js";import{u as b}from"./p-U06fVoGD.js";const m=`var(--sui-chart-gauge-arc-in-band, ${o})`,k=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost()}get host(){return this}heading;subtitle;caption;value=0;min=0;max=100;target;band;diameter=170;format;label;loading=!1;hostName={};stopHostName;hasHeaderEnd=!1;notesId=b("sui-chart-gauge");componentWillLoad(){this.hasHeaderEnd=n(this.host,"header-end")}connectedCallback(){this.stopHostName?.(),this.stopHostName=d(this.host,(a=>{this.hostName=a}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0}render(){const{diameter:a,min:s,max:i,band:o,target:n,value:d}=this,b=a/2,k=a/2+8,w=a/2-10,y=.75*Math.PI,C=1.5*Math.PI,T=a=>y+(a-s)/(i-s||1)*C,M=this.format||(a=>r(Math.round(a))),z=(a,s)=>`${b+a*Math.cos(s)} ${k+a*Math.sin(s)}`,j=(a,s)=>`M ${z(w,a)} A ${w} ${w} 0 ${s-a>Math.PI?1:0} 1 ${z(w,s)}`,E=!!o&&d>=o[0]&&d<=o[1],$=Math.min(Math.max(d,s),i),H=x(this.heading,this.label?l(void 0,"chart-gauge.reading",void 0,"{value} {label}",{value:M(d),label:this.label}):M(d)),D=w-6.5,G=a=>2*Math.sqrt(Math.max(D*D-a*a,0))-8,A=this.label||"",N=u(A,10)<=G(17)?[A]:c(A,G(29),10,2);return this.loading?t(e,{"aria-busy":"true"},t(g,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t(h,{height:a-14,label:p(void 0,"chart-gauge.loading",void 0,"Loading")}))):t(e,null,t(g,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t("svg",{class:"sui-gauge",width:a,height:a-14,role:"meter",...f(H,this.hostName,this.notesId,!1),"aria-valuemin":s+"","aria-valuemax":i+"","aria-valuenow":$+"","aria-valuetext":M($)},t("path",{class:"sui-gauge-track",d:j(y,y+C),fill:"none",stroke:"var(--sui-chart-gauge-track, var(--brand-soft))","stroke-width":13,"stroke-linecap":"round"}),o?t("path",{class:"sui-gauge-band",d:j(T(o[0]),T(o[1])),fill:"none",stroke:"var(--sui-chart-gauge-band, var(--accent-soft))","stroke-width":13,"stroke-linecap":"butt"}):null,t("path",{class:{"sui-gauge-value":!0,over:E},d:j(y,T($)),fill:"none",stroke:E?m:"var(--sui-chart-gauge-arc, var(--viz-1))","stroke-width":13,"stroke-linecap":"round"}),null!=n?t("line",{class:"sui-gauge-target",x1:b+(w-11)*Math.cos(T(n)),y1:k+(w-11)*Math.sin(T(n)),x2:b+(w+11)*Math.cos(T(n)),y2:k+(w+11)*Math.sin(T(n)),stroke:"var(--sui-chart-gauge-target, var(--accent-deep))","stroke-width":2}):null,t("text",{class:"sui-gauge-readout",x:b,y:k-2,"text-anchor":"middle"},M(d)),A?N.map(((a,s)=>t("text",{key:s+"",class:"sui-gauge-label",x:b,y:k+15+12*s,"text-anchor":"middle"},a))):null,t("text",{class:"sui-gauge-end",x:b+w*Math.cos(y),y:k+w*Math.sin(y)+16,"text-anchor":"middle"},M(s)),t("text",{class:"sui-gauge-end",x:b+.7071067811865477*w,y:k+.7071067811865474*w+16,"text-anchor":"middle"},M(i))),t(v,{ids:this.notesId,summary:H,host:this.hostName})))}static get style(){return"svg.sc-sui-chart-gauge{direction:ltr}.sui-gauge.sc-sui-chart-gauge{display:block;margin:0 auto;overflow:visible}.sui-gauge-value.sc-sui-chart-gauge{transition:stroke var(--duration-fast) var(--ease-out)}.sui-gauge-readout.sc-sui-chart-gauge{font:730 21px var(--font-sans);fill:var(--ink);font-feature-settings:'tnum'}.sui-gauge-label.sc-sui-chart-gauge{font:600 10px var(--font-sans);fill:var(--ink-faint)}.sui-gauge-end.sc-sui-chart-gauge{font:600 9px var(--font-sans);fill:var(--ink-faint);font-feature-settings:'tnum'}@media (forced-colors: active){.sui-gauge.sc-sui-chart-gauge{forced-color-adjust:none}.sui-gauge-track.sc-sui-chart-gauge{stroke:GrayText}.sui-gauge-value.sc-sui-chart-gauge{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-gauge-target.sc-sui-chart-gauge{stroke:CanvasText}.sui-gauge-readout.sc-sui-chart-gauge,.sui-gauge-label.sc-sui-chart-gauge,.sui-gauge-end.sc-sui-chart-gauge{fill:CanvasText}}.sc-sui-chart-gauge-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-gauge{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-gauge{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-gauge{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-gauge{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-gauge{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-gauge{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-gauge{position:relative}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line.sc-sui-chart-gauge{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-gauge{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-gauge{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-gauge{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-gauge:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-gauge{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-gauge .swatch.round.sc-sui-chart-gauge{border-radius:50%}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-gauge::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-gauge::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-gauge::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-gauge .mk.sc-sui-chart-gauge{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-gauge .mk.dot.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.solid.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.ring.sc-sui-chart-gauge{border-radius:50%}.swatch.glyph.sc-sui-chart-gauge .mk.solid.sc-sui-chart-gauge{background:var(--c)}.swatch.glyph.sc-sui-chart-gauge .mk.ring.sc-sui-chart-gauge{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-gauge .mk.diamond.sc-sui-chart-gauge{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge::after,.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{width:22px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.line.sc-sui-chart-gauge::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.sc-sui-chart-gauge{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge,.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{opacity:0.35}.sui-chart-caption.sc-sui-chart-gauge{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-gauge{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-gauge{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-gauge{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-gauge .lbl.sc-sui-chart-gauge{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-gauge b.sc-sui-chart-gauge{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-gauge .sui-chart-tip-row.sc-sui-chart-gauge{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-gauge .sui-chart-tip-row.keyed.sc-sui-chart-gauge{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-gauge .sui-chart-tip-row.keyed.sc-sui-chart-gauge>b.sc-sui-chart-gauge{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-gauge .sui-chart-tip-row.sc-sui-chart-gauge>b.sc-sui-chart-gauge{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge .halo.sc-sui-chart-gauge{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-gauge:focus{outline:none}.sui-chart-keys.sc-sui-chart-gauge: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-gauge:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-gauge{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-gauge{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-gauge{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-gauge{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-gauge span.sc-sui-chart-gauge{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-gauge{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-gauge{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-gauge{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-gauge{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-gauge,.prose.sc-sui-chart-gauge{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-gauge text.sc-sui-chart-gauge{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-gauge{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{border:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge text.sc-sui-chart-gauge{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge .halo.sc-sui-chart-gauge{stroke:Canvas}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line.sc-sui-chart-gauge{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-gauge svg.sc-sui-chart-gauge line[stroke*=\"--hairline\"].sc-sui-chart-gauge{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--chart-axis\"].sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--border-strong\"].sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--accent-deep\"].sc-sui-chart-gauge{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge circle.sc-sui-chart-gauge{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge rect.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge path.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge polyline.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge polygon.sc-sui-chart-gauge{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-gauge:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-gauge .sui-chart-ring.sc-sui-chart-gauge .sui-chart-ring-line.sc-sui-chart-gauge{stroke:Highlight;filter:none}svg.sc-sui-chart-gauge .sui-chart-ring.sc-sui-chart-gauge .sui-chart-ring-halo.sc-sui-chart-gauge{stroke:Canvas;filter:none}}"}},[518,"sui-chart-gauge",{heading:[1],subtitle:[1],caption:[1],value:[2],min:[2],max:[2],target:[2],band:[16],diameter:[2],format:[16],label:[1],loading:[516],hostName:[32]}]),w=k,y=function(){"undefined"!=typeof customElements&&["sui-chart-gauge"].forEach((a=>{"sui-chart-gauge"===a&&(customElements.get(i(a))||customElements.define(i(a),k))}))};export{w as SuiChartGauge,y as defineCustomElement}
1
+ import{p as a,H as s,h as t,a as e,t as i}from"./p-CeVlau-G.js";import{Z as r,t as u,e as c,c as g,d as h,A as o}from"./p-BLK-elHV.js";import{h as n}from"./p-DbF8ArKE.js";import{l,a as p}from"./p-BuyjS5bS.js";import{w as d,a as x,e as f,P as v}from"./p-CFn_q23Q.js";import{u as b}from"./p-U06fVoGD.js";const m=`var(--sui-chart-gauge-arc-in-band, ${o})`,k=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost()}get host(){return this}heading;subtitle;caption;value=0;min=0;max=100;target;band;diameter=170;format;label;loading=!1;hostName={};stopHostName;hasHeaderEnd=!1;notesId=b("sui-chart-gauge");componentWillLoad(){this.hasHeaderEnd=n(this.host,"header-end")}connectedCallback(){this.stopHostName?.(),this.stopHostName=d(this.host,(a=>{this.hostName=a}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0}render(){const{diameter:a,min:s,max:i,band:o,target:n,value:d}=this,b=a/2,k=a/2+8,w=a/2-10,y=.75*Math.PI,C=1.5*Math.PI,T=a=>y+(a-s)/(i-s||1)*C,M=this.format||(a=>r(Math.round(a))),z=(a,s)=>`${b+a*Math.cos(s)} ${k+a*Math.sin(s)}`,j=(a,s)=>`M ${z(w,a)} A ${w} ${w} 0 ${s-a>Math.PI?1:0} 1 ${z(w,s)}`,E=!!o&&d>=o[0]&&d<=o[1],$=Math.min(Math.max(d,s),i),H=x(this.heading,this.label?l(void 0,"chart-gauge.reading",void 0,"{value} {label}",{value:M(d),label:this.label}):M(d)),G=w-6.5,A=a=>2*Math.sqrt(Math.max(G*G-a*a,0))-8,L=this.label||"",N=u(L,10)<=A(17)?[L]:c(L,A(29),10,2);return this.loading?t(e,{"aria-busy":"true"},t(g,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t(h,{height:a-14,label:p(void 0,"chart-gauge.loading",void 0,"Loading")}))):t(e,null,t(g,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},t("svg",{class:"sui-gauge",width:a,height:a-14,role:"meter",...f(H,this.hostName,this.notesId,!1),"aria-valuemin":s+"","aria-valuemax":i+"","aria-valuenow":$+"","aria-valuetext":M($)},t("path",{class:"sui-gauge-track",d:j(y,y+C),fill:"none",stroke:"var(--sui-chart-gauge-track, var(--brand-soft))","stroke-width":13,"stroke-linecap":"round"}),o?t("path",{class:"sui-gauge-band",d:j(T(o[0]),T(o[1])),fill:"none",stroke:"var(--sui-chart-gauge-band, var(--accent-soft))","stroke-width":13,"stroke-linecap":"butt"}):null,t("path",{class:{"sui-gauge-value":!0,over:E},d:j(y,T($)),fill:"none",stroke:E?m:"var(--sui-chart-gauge-arc, var(--viz-1))","stroke-width":13,"stroke-linecap":"round"}),null!=n?t("line",{class:"sui-gauge-target",x1:b+(w-11)*Math.cos(T(n)),y1:k+(w-11)*Math.sin(T(n)),x2:b+(w+11)*Math.cos(T(n)),y2:k+(w+11)*Math.sin(T(n)),stroke:"var(--sui-chart-gauge-target, var(--accent-deep))","stroke-width":2}):null,t("text",{class:"sui-gauge-readout",x:b,y:k-2,"text-anchor":"middle"},M(d)),L?N.map(((a,s)=>t("text",{key:s+"",class:"sui-gauge-label",x:b,y:k+15+12*s,"text-anchor":"middle"},a))):null,t("text",{class:"sui-gauge-end",x:b+w*Math.cos(y),y:k+w*Math.sin(y)+16,"text-anchor":"middle"},M(s)),t("text",{class:"sui-gauge-end",x:b+.7071067811865477*w,y:k+.7071067811865474*w+16,"text-anchor":"middle"},M(i))),t(v,{ids:this.notesId,summary:H,host:this.hostName})))}static get style(){return"svg.sc-sui-chart-gauge{direction:ltr}.sui-gauge.sc-sui-chart-gauge{display:block;margin:0 auto;overflow:visible}.sui-gauge-value.sc-sui-chart-gauge{transition:stroke var(--duration-fast) var(--ease-out)}.sui-gauge-readout.sc-sui-chart-gauge{font:730 21px var(--font-sans);fill:var(--ink);font-feature-settings:'tnum'}.sui-gauge-label.sc-sui-chart-gauge{font:600 10px var(--font-sans);fill:var(--ink-faint)}.sui-gauge-end.sc-sui-chart-gauge{font:600 9px var(--font-sans);fill:var(--ink-faint);font-feature-settings:'tnum'}@media (forced-colors: active){.sui-gauge.sc-sui-chart-gauge{forced-color-adjust:none}.sui-gauge-track.sc-sui-chart-gauge{stroke:GrayText}.sui-gauge-value.sc-sui-chart-gauge{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-gauge-target.sc-sui-chart-gauge{stroke:CanvasText}.sui-gauge-readout.sc-sui-chart-gauge,.sui-gauge-label.sc-sui-chart-gauge,.sui-gauge-end.sc-sui-chart-gauge{fill:CanvasText}}.sc-sui-chart-gauge-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-gauge{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-gauge{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-gauge{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-gauge{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-gauge{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-gauge{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-gauge{position:relative}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line.sc-sui-chart-gauge{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-gauge{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-gauge{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-gauge{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-gauge:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-gauge{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-gauge .swatch.round.sc-sui-chart-gauge{border-radius:50%}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-gauge::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-gauge::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-gauge::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-gauge .mk.sc-sui-chart-gauge{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-gauge .mk.dot.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.solid.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.ring.sc-sui-chart-gauge{border-radius:50%}.swatch.glyph.sc-sui-chart-gauge .mk.solid.sc-sui-chart-gauge{background:var(--c)}.swatch.glyph.sc-sui-chart-gauge .mk.ring.sc-sui-chart-gauge{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-gauge .mk.diamond.sc-sui-chart-gauge{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge,.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge::after,.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{width:22px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.line.sc-sui-chart-gauge::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.sc-sui-chart-gauge{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.tri.sc-sui-chart-gauge,.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge .mk.tri-down.sc-sui-chart-gauge{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{opacity:0.35}.sui-chart-caption.sc-sui-chart-gauge{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-gauge{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-gauge{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-gauge{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-gauge .lbl.sc-sui-chart-gauge{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-gauge b.sc-sui-chart-gauge{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-gauge .sui-chart-tip-row.sc-sui-chart-gauge{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-gauge .sui-chart-tip-row.keyed.sc-sui-chart-gauge{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-gauge .sui-chart-tip-row.keyed.sc-sui-chart-gauge>b.sc-sui-chart-gauge{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-gauge .sui-chart-tip-row.sc-sui-chart-gauge>b.sc-sui-chart-gauge{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge .halo.sc-sui-chart-gauge{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-gauge:focus{outline:none}.sui-chart-keys.sc-sui-chart-gauge: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-gauge:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-gauge{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-gauge{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-gauge{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-gauge{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-gauge span.sc-sui-chart-gauge{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-gauge{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-gauge{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-gauge{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-gauge{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-gauge,.prose.sc-sui-chart-gauge{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-gauge text.sc-sui-chart-gauge{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-gauge{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.sc-sui-chart-gauge{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge,.sui-chart-tip-row.sc-sui-chart-gauge .swatch.glyph.sc-sui-chart-gauge{border:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge text.sc-sui-chart-gauge{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge .halo.sc-sui-chart-gauge{stroke:Canvas}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line.sc-sui-chart-gauge{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-gauge svg.sc-sui-chart-gauge line[stroke*=\"--hairline\"].sc-sui-chart-gauge{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--chart-axis\"].sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--border-strong\"].sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge line[stroke*=\"--accent-deep\"].sc-sui-chart-gauge{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge circle.sc-sui-chart-gauge{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge rect.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge path.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge polyline.sc-sui-chart-gauge,.sui-chart-plot.sc-sui-chart-gauge svg.sc-sui-chart-gauge polygon.sc-sui-chart-gauge{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-gauge:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-gauge .sui-chart-ring.sc-sui-chart-gauge .sui-chart-ring-line.sc-sui-chart-gauge{stroke:Highlight;filter:none}svg.sc-sui-chart-gauge .sui-chart-ring.sc-sui-chart-gauge .sui-chart-ring-halo.sc-sui-chart-gauge{stroke:Canvas;filter:none}}"}},[518,"sui-chart-gauge",{heading:[1],subtitle:[1],caption:[1],value:[2],min:[2],max:[2],target:[2],band:[16],diameter:[2],format:[16],label:[1],loading:[516],hostName:[32]}]),w=k,y=function(){"undefined"!=typeof customElements&&["sui-chart-gauge"].forEach((a=>{"sui-chart-gauge"===a&&(customElements.get(i(a))||customElements.define(i(a),k))}))};export{w as SuiChartGauge,y as defineCustomElement}
@@ -1 +1 @@
1
- import{p as a,H as t,c as s,h as i,a as e,t as h}from"./p-CeVlau-G.js";import{o as r,_ as c,$ as o,f as p,c as u,d as n,C as l,t as m,T as d,g as x,a0 as g,k as v,L as f}from"./p-Bv5xqCDb.js";import{o as b,c as w}from"./p-l4ru8vIR.js";import{h as k}from"./p-DbF8ArKE.js";import{w as y,r as z}from"./p-mdFjb4l0.js";import{a as C,l as T}from"./p-BuyjS5bS.js";import{w as j,c as M,a as $,e as H,b as E,P as D}from"./p-DtI1DFsR.js";import{d as N}from"./p-BHB1Wprj.js";import{u as B}from"./p-U06fVoGD.js";import{d as F}from"./p-COO9uV7W.js";const K=96,L=["--viz-1","--surface","--ink","--ink-on-dark"],V="--sui-chart-heatmap-high",W="--sui-chart-heatmap-low",I=[[V,"--viz-1"],[W,"--surface"]],G=`var(${V}, var(--viz-1))`,R=`var(${W}, var(--surface))`,q=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;rows=[];cols=[];values=[];money=!1;currency="USD";cell=34;hideMax=!1;emptyMessage;loading=!1;hoverIndex=-1;suiHover;layout={cells:[],maxV:1,maxKey:null};keyed=!1;gridEl;keysId=B("sui-chart-keys");hostName={};stopHostName;themeTick=0;boxW=0;stopResize;hasHeaderEnd=!1;inks=null;stopTheme;loaded=!1;componentWillLoad(){this.hasHeaderEnd=k(this.host,"header-end"),this.compute()}componentDidLoad(){this.loaded=!0,this.followTheme()}connectedCallback(){N(this.host,(()=>this.gridEl)),this.stopHostName?.(),this.stopHostName=j(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=r(this.host,(a=>{this.boxW=a}))),this.loaded&&this.followTheme(!0)}followTheme(a=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),a&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}componentWillRender(){const a=z(this.host,L);if(a)for(const[t,s]of I){if(!c(this.host,t))continue;const i=o(this.host,`var(${t})`);if(!i)return void(this.inks=null);a[s]=i}this.inks=a}compute(){const a=this.values||[];let t=1,s=null;a.forEach(((a,i)=>a.forEach(((a,e)=>{a>t&&(t=a,s=`${i}-${e}`)}))));const i=(this.rows||[]).map(((s,i)=>(a[i]||[]).map(((a,s)=>{const e=a/t;return{ri:i,ci:s,v:a,t:e,key:`${i}-${s}`,bg:`color-mix(in srgb, ${G} ${Math.round(92*e)}%, ${R})`}}))));this.layout={cells:i,maxV:t,maxKey:s}}inkFor(a){const t=this.inks;if(!t)return a.t>.45?"light":"ink";const s=b(t["--viz-1"],t["--surface"],Math.round(92*a.t)/100);return[["ink",w(t["--ink"],s)],["light",w(t["--ink-on-dark"],s)],["ground",w(t["--surface"],s)]].reduce(((a,t)=>t[1]>a[1]?t:a))[0]}get empty(){return 0===(this.rows||[]).length||0===(this.cols||[]).length||!(this.values||[]).some((a=>(a||[]).some((a=>!!a))))}setHover(a){if(a===this.hoverIndex)return;this.hoverIndex=a;const t=(this.cols||[]).length;this.suiHover.emit(a>=0&&t?{index:a,row:Math.floor(a/t),col:a%t}:{index:-1,row:-1,col:-1})}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.gridEl?.focus()}onKey=a=>{if(this.empty)return;const t=(this.rows||[]).length,s=(this.cols||[]).length,i=this.hoverIndex>=0&&this.hoverIndex<t*s?this.hoverIndex:-1,e=M(a,{rows:t,count:a=>Math.min(s,((this.values||[])[a]||[]).length)},i>=0?{s:Math.floor(i/s),i:i%s}:null,this.keyed);if(e){if(a.preventDefault(),"leave"===e)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyed=!0,this.setHover(e.s*s+e.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};fmt=a=>this.money?F(a,!0,this.currency):p(a);exact=a=>this.money?F(a,!1,this.currency):p(a);render(){const{cells:a,maxV:t,maxKey:s}=this.layout,h=this.rows||[],r=this.cols||[],c=K+r.length*(this.cell+3),o=this.cell-8+3,b=18+Math.max(h.length,3)*o;if(this.loading)return i(e,{"aria-busy":"true"},i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i(n,{height:b,label:C(void 0,"chart-heatmap.loading",void 0,"Loading")})));if(this.empty)return i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-chart-plot",style:{height:b+"px"}},i(l,{text:C(void 0,"chart-heatmap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const w=this.hoverIndex>=0&&r.length?this.hoverIndex:-1,k=w>=0?(a[Math.floor(w/r.length)]||[])[w%r.length]:void 0,y=r.reduce(((a,t)=>Math.max(a,m(t,9.5))),0),z=(a=>{const t=a.map((a=>/^(.*?)(\d+)$/.exec(a+"")));if(a.length<3||!t[0]||!t[1])return!1;const s=Number(t[1][2])-Number(t[0][2]);return s>0&&t.every(((a,i)=>!!a&&a[1]===t[0][1]&&Number(a[2])-Number(t[0][2])==i*s))})(r),j=z?Math.max(1,Math.ceil((y+4)/(this.cell+3))):1,M=6+12*(z?1:Math.min(3,Math.max(1,Math.ceil(y/(this.cell+3))))),N=$(this.heading,T(void 0,"chart-heatmap.by",void 0,"{rows} by {columns}",{rows:h.join(", "),columns:r.join(", ")})),B=this.cell>=32,F=!this.hideMax,L=(a,t)=>`${this.keysId}-${a}-${t}`,V=this.keyed&&k?L(k.ri,k.ci):void 0,W=M+h.length*o,I=[];return k&&(h.forEach(((a,t)=>I.push([88-Math.min(m(a,10.5),88),M+t*o,88,M+t*o+this.cell-8,d]))),I.push([K,0,c,M,d],[K,W+5,232+m(this.fmt(t),9.5)+(F?60:0),W+21,d]),a.forEach((a=>a.forEach((a=>{if(a===k)return;const t=K+a.ci*(this.cell+3),s=M+a.ri*o,i=t+this.cell/2,e=s+(this.cell-8)/2;I.push([t,s,t+this.cell,s+this.cell-8,x]);const h=B?m(this.fmt(a.v),9)/2:0;h&&I.push([i-h,e-5,i+h,e+4,a.v?d:g])}))))),i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-heat-scroll"},i("div",{class:"sui-heat-body",style:{width:c+"px"},onMouseLeave:this.onLeave},i("div",{class:{"sui-heat-grid":!0,"sui-chart-keys":!0,keyed:!!V},role:"grid",tabindex:"0",...H(N,this.hostName,this.keysId,!0),"aria-activedescendant":V,ref:a=>this.gridEl=a,onKeyDown:this.onKey,onBlur:this.onBlur},i("div",{class:"sui-heat-row head",role:"row"},i("div",{class:"sui-heat-corner",role:"presentation"}),r.map(((a,t)=>i("div",{key:a,class:{"sui-heat-col":!0,seq:z},role:"columnheader",style:{width:this.cell+3+"px"}},t%j?i("span",{class:"sui-chart-sr"},a):a)))),h.map(((t,e)=>i("div",{key:t,class:"sui-heat-row",role:"row"},i("div",{class:"sui-heat-rowhead",role:"rowheader"},t),(a[e]||[]).map((a=>{const h=this.inkFor(a);return i("div",{key:a.key,role:"gridcell",id:L(e,a.ci),class:{"sui-heat-cell":!0,peak:F&&a.key===s,hov:k===a,key:k===a&&!!V,light:"light"===h,ground:"ground"===h},"data-ink":h,style:{width:this.cell+"px",height:this.cell-8+"px",background:a.bg},"aria-label":E(t,r[a.ci],this.exact(a.v)),onMouseEnter:()=>this.enter(e*r.length+a.ci)},B?this.fmt(a.v):"")})))))),i("div",{class:"sui-heat-scale"},i("span",{class:"lo"},p(0)),i("div",{class:"bar"}),i("span",{class:"hi"},this.fmt(t)),F?i("span",{class:"peak-note"},"□ "+C(void 0,"chart-heatmap.peak",void 0,"peak")):null),k?i(v,{show:!0,box:[K+k.ci*(this.cell+3),M+k.ri*o,K+k.ci*(this.cell+3)+this.cell,M+k.ri*o+this.cell-8],w:c,ht:W+24,title:h[k.ri],rows:[{label:r[k.ci],value:this.exact(k.v)}],avoid:I,room:[0,0,Math.max(c,this.boxW-f),W+20]}):null,i(D,{ids:this.keysId,summary:N,host:this.hostName,hint:!0})))))}static get watchers(){return{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}}static get style(){return".sui-heat-scroll.sc-sui-chart-heatmap{overflow-x:auto;direction:ltr}.sui-heat-body.sc-sui-chart-heatmap{position:relative}.sui-heat-row.sc-sui-chart-heatmap{display:flex;align-items:center;margin-bottom:3px}.sui-heat-row.head.sc-sui-chart-heatmap{margin-bottom:4px}.sui-heat-corner.sc-sui-chart-heatmap{width:96px;flex-shrink:0}.sui-heat-col.sc-sui-chart-heatmap{text-align:center;font-size:9.5px;font-weight:600;color:var(--ink-faint);flex-shrink:0}.sui-heat-col.seq.sc-sui-chart-heatmap{display:flex;justify-content:center;white-space:nowrap}.sui-heat-rowhead.sc-sui-chart-heatmap{width:96px;padding-right:8px;box-sizing:border-box;flex-shrink:0;font-size:10.5px;font-weight:600;color:var(--ink-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-heat-cell.sc-sui-chart-heatmap{margin-right:3px;border-radius:4px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:650 9px var(--font-sans);font-feature-settings:'tnum';color:var(--ink);cursor:default;outline-offset:1px}.sui-heat-cell.light.sc-sui-chart-heatmap{color:var(--ink-on-dark)}.sui-heat-cell.ground.sc-sui-chart-heatmap{color:var(--surface)}.sui-heat-cell.hov.sc-sui-chart-heatmap{outline:1.5px solid var(--brand)}.sui-heat-cell.peak.sc-sui-chart-heatmap{outline:2px solid var(--sui-chart-heatmap-peak, var(--accent))}.sui-heat-cell.key.sc-sui-chart-heatmap{position:relative;z-index:1;outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.sui-heat-grid.sc-sui-chart-heatmap{border-radius:4px}.sui-heat-scale.sc-sui-chart-heatmap{display:flex;align-items:center;gap:7px;margin-top:8px;margin-left:96px;font-size:9.5px;color:var(--ink-faint)}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{width:110px;height:8px;border-radius:4px;border:1px solid var(--hairline);background:linear-gradient(90deg, var(--sui-chart-heatmap-low, var(--surface)), var(--sui-chart-heatmap-high, var(--viz-1)))}.sui-heat-scale.sc-sui-chart-heatmap .hi.sc-sui-chart-heatmap{font-feature-settings:'tnum'}.sui-heat-scale.sc-sui-chart-heatmap .peak-note.sc-sui-chart-heatmap{color:var(--sui-chart-heatmap-peak, var(--accent-ink));margin-left:6px;white-space:nowrap}@media (forced-colors: active){.sui-heat-cell.sc-sui-chart-heatmap{forced-color-adjust:none;border:1px solid CanvasText}.sui-heat-cell.hov.sc-sui-chart-heatmap,.sui-heat-cell.peak.sc-sui-chart-heatmap{outline-color:CanvasText}.sui-heat-cell.key.sc-sui-chart-heatmap{outline-color:Highlight;box-shadow:none}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{forced-color-adjust:none;border-color:CanvasText}}.sc-sui-chart-heatmap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-heatmap{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-heatmap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-heatmap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-heatmap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-heatmap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-heatmap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-heatmap{position:relative}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-heatmap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-heatmap{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-heatmap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-heatmap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-heatmap .swatch.round.sc-sui-chart-heatmap{border-radius:50%}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-heatmap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-heatmap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-heatmap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-heatmap .mk.dot.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{border-radius:50%}.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap{background:var(--c)}.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-heatmap .mk.diamond.sc-sui-chart-heatmap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap::after,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{width:22px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.line.sc-sui-chart-heatmap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{opacity:0.35}.sui-chart-caption.sc-sui-chart-heatmap{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-heatmap{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-heatmap{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-heatmap .lbl.sc-sui-chart-heatmap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap b.sc-sui-chart-heatmap{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-heatmap:focus{outline:none}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-heatmap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-heatmap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-heatmap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-heatmap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-heatmap span.sc-sui-chart-heatmap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-heatmap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-heatmap{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-heatmap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-heatmap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-heatmap,.prose.sc-sui-chart-heatmap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-heatmap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{border:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--hairline\"].sc-sui-chart-heatmap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--chart-axis\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--border-strong\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--accent-deep\"].sc-sui-chart-heatmap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap circle.sc-sui-chart-heatmap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap rect.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap path.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polyline.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polygon.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-line.sc-sui-chart-heatmap{stroke:Highlight;filter:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-heatmap",{heading:[1],subtitle:[1],caption:[1],rows:[16],cols:[16],values:[16],money:[516],currency:[1],cell:[2],hideMax:[516,"hide-max"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],layout:[32],keyed:[32],hostName:[32],themeTick:[32],boxW:[32],setFocus:[64]},void 0,{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}]),S=q,O=function(){"undefined"!=typeof customElements&&["sui-chart-heatmap"].forEach((a=>{"sui-chart-heatmap"===a&&(customElements.get(h(a))||customElements.define(h(a),q))}))};export{S as SuiChartHeatmap,O as defineCustomElement}
1
+ import{p as a,H as t,c as s,h as i,a as e,t as h}from"./p-CeVlau-G.js";import{o as r,_ as c,$ as o,f as p,c as u,d as n,C as l,t as m,T as d,g as x,a0 as g,k as f,L as v}from"./p-BLK-elHV.js";import{o as b,c as w}from"./p-C-tuu2jV.js";import{h as k}from"./p-DbF8ArKE.js";import{w as y,r as z}from"./p-DDyzuLfq.js";import{a as C,l as T}from"./p-BuyjS5bS.js";import{w as j,c as M,a as $,e as H,b as E,P as L}from"./p-CFn_q23Q.js";import{d as N}from"./p-BHB1Wprj.js";import{u as D}from"./p-U06fVoGD.js";import{d as K}from"./p-qut9RP2y.js";const V=96,B=["--viz-1","--surface","--ink","--ink-on-dark"],q="--sui-chart-heatmap-high",F="--sui-chart-heatmap-low",W=[[q,"--viz-1"],[F,"--surface"]],G=`var(${q}, var(--viz-1))`,I=`var(${F}, var(--surface))`,P=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.suiHover=s(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;rows=[];cols=[];values=[];money=!1;currency="USD";cell=34;hideMax=!1;emptyMessage;loading=!1;hoverIndex=-1;suiHover;layout={cells:[],maxV:1,maxKey:null};keyed=!1;gridEl;keysId=D("sui-chart-keys");hostName={};stopHostName;themeTick=0;boxW=0;stopResize;hasHeaderEnd=!1;inks=null;stopTheme;loaded=!1;componentWillLoad(){this.hasHeaderEnd=k(this.host,"header-end"),this.compute()}componentDidLoad(){this.loaded=!0,this.followTheme()}connectedCallback(){N(this.host,(()=>this.gridEl)),this.stopHostName?.(),this.stopHostName=j(this.host,(a=>{this.hostName=a})),this.stopResize||(this.stopResize=r(this.host,(a=>{this.boxW=a}))),this.loaded&&this.followTheme(!0)}followTheme(a=!1){this.stopTheme?.(),this.stopTheme=y(this.host,(()=>{this.themeTick++})),a&&Promise.resolve().then((()=>{this.host.isConnected&&this.themeTick++}))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0,this.stopTheme?.(),this.stopTheme=void 0}componentWillRender(){const a=z(this.host,B);if(a)for(const[t,s]of W){if(!c(this.host,t))continue;const i=o(this.host,`var(${t})`);if(!i)return void(this.inks=null);a[s]=i}this.inks=a}compute(){const a=this.values||[];let t=1,s=null;a.forEach(((a,i)=>a.forEach(((a,e)=>{a>t&&(t=a,s=`${i}-${e}`)}))));const i=(this.rows||[]).map(((s,i)=>(a[i]||[]).map(((a,s)=>{const e=a/t;return{ri:i,ci:s,v:a,t:e,key:`${i}-${s}`,bg:`color-mix(in srgb, ${G} ${Math.round(92*e)}%, ${I})`}}))));this.layout={cells:i,maxV:t,maxKey:s}}inkFor(a){const t=this.inks;if(!t)return a.t>.45?"light":"ink";const s=b(t["--viz-1"],t["--surface"],Math.round(92*a.t)/100);return[["ink",w(t["--ink"],s)],["light",w(t["--ink-on-dark"],s)],["ground",w(t["--surface"],s)]].reduce(((a,t)=>t[1]>a[1]?t:a))[0]}get empty(){return 0===(this.rows||[]).length||0===(this.cols||[]).length||!(this.values||[]).some((a=>(a||[]).some((a=>!!a))))}setHover(a){if(a===this.hoverIndex)return;this.hoverIndex=a;const t=(this.cols||[]).length;this.suiHover.emit(a>=0&&t?{index:a,row:Math.floor(a/t),col:a%t}:{index:-1,row:-1,col:-1})}onLeave=()=>this.setHover(-1);enter(a){this.keyed=!1,this.setHover(a)}async setFocus(){this.gridEl?.focus()}onKey=a=>{if(this.empty)return;const t=(this.rows||[]).length,s=(this.cols||[]).length,i=this.hoverIndex>=0&&this.hoverIndex<t*s?this.hoverIndex:-1,e=M(a,{rows:t,count:a=>Math.min(s,((this.values||[])[a]||[]).length)},i>=0?{s:Math.floor(i/s),i:i%s}:null,this.keyed);if(e){if(a.preventDefault(),"leave"===e)return a.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.keyed=!0,this.setHover(e.s*s+e.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};fmt=a=>this.money?K(a,!0,this.currency):p(a);exact=a=>this.money?K(a,!1,this.currency):p(a);render(){const{cells:a,maxV:t,maxKey:s}=this.layout,h=this.rows||[],r=this.cols||[],c=V+r.length*(this.cell+3),o=this.cell-8+3,b=18+Math.max(h.length,3)*o;if(this.loading)return i(e,{"aria-busy":"true"},i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i(n,{height:b,label:C(void 0,"chart-heatmap.loading",void 0,"Loading")})));if(this.empty)return i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-chart-plot",style:{height:b+"px"}},i(l,{text:C(void 0,"chart-heatmap.empty",this.emptyMessage,"Nothing to plot yet.")}))));const w=this.hoverIndex>=0&&r.length?this.hoverIndex:-1,k=w>=0?(a[Math.floor(w/r.length)]||[])[w%r.length]:void 0,y=r.reduce(((a,t)=>Math.max(a,m(t,9.5))),0),z=(a=>{const t=a.map((a=>/^(.*?)(\d+)$/.exec(a+"")));if(a.length<3||!t[0]||!t[1])return!1;const s=Number(t[1][2])-Number(t[0][2]);return s>0&&t.every(((a,i)=>!!a&&a[1]===t[0][1]&&Number(a[2])-Number(t[0][2])==i*s))})(r),j=z?Math.max(1,Math.ceil((y+4)/(this.cell+3))):1,M=6+12*(z?1:Math.min(3,Math.max(1,Math.ceil(y/(this.cell+3))))),N=$(this.heading,T(void 0,"chart-heatmap.by",void 0,"{rows} by {columns}",{rows:h.join(", "),columns:r.join(", ")})),D=this.cell>=32,K=!this.hideMax,B=(a,t)=>`${this.keysId}-${a}-${t}`,q=this.keyed&&k?B(k.ri,k.ci):void 0,F=M+h.length*o,W=[];return k&&(h.forEach(((a,t)=>W.push([88-Math.min(m(a,10.5),88),M+t*o,88,M+t*o+this.cell-8,d]))),W.push([V,0,c,M,d],[V,F+5,232+m(this.fmt(t),9.5)+(K?60:0),F+21,d]),a.forEach((a=>a.forEach((a=>{if(a===k)return;const t=V+a.ci*(this.cell+3),s=M+a.ri*o,i=t+this.cell/2,e=s+(this.cell-8)/2;W.push([t,s,t+this.cell,s+this.cell-8,x]);const h=D?m(this.fmt(a.v),9)/2:0;h&&W.push([i-h,e-5,i+h,e+4,a.v?d:g])}))))),i(e,null,i(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,hasHeaderEnd:this.hasHeaderEnd},i("div",{class:"sui-heat-scroll"},i("div",{class:"sui-heat-body",style:{width:c+"px"},onMouseLeave:this.onLeave},i("div",{class:{"sui-heat-grid":!0,"sui-chart-keys":!0,keyed:!!q},role:"grid",tabindex:"0",...H(N,this.hostName,this.keysId,!0),"aria-activedescendant":q,ref:a=>this.gridEl=a,onKeyDown:this.onKey,onBlur:this.onBlur},i("div",{class:"sui-heat-row head",role:"row"},i("div",{class:"sui-heat-corner",role:"presentation"}),r.map(((a,t)=>i("div",{key:a,class:{"sui-heat-col":!0,seq:z},role:"columnheader",style:{width:this.cell+3+"px"}},t%j?i("span",{class:"sui-chart-sr"},a):a)))),h.map(((t,e)=>i("div",{key:t,class:"sui-heat-row",role:"row"},i("div",{class:"sui-heat-rowhead",role:"rowheader"},t),(a[e]||[]).map((a=>{const h=this.inkFor(a);return i("div",{key:a.key,role:"gridcell",id:B(e,a.ci),class:{"sui-heat-cell":!0,peak:K&&a.key===s,hov:k===a,key:k===a&&!!q,light:"light"===h,ground:"ground"===h},"data-ink":h,style:{width:this.cell+"px",height:this.cell-8+"px",background:a.bg},"aria-label":E(t,r[a.ci],this.exact(a.v)),onMouseEnter:()=>this.enter(e*r.length+a.ci)},D?this.fmt(a.v):"")})))))),i("div",{class:"sui-heat-scale"},i("span",{class:"lo"},p(0)),i("div",{class:"bar"}),i("span",{class:"hi"},this.fmt(t)),K?i("span",{class:"peak-note"},"□ "+C(void 0,"chart-heatmap.peak",void 0,"peak")):null),k?i(f,{show:!0,box:[V+k.ci*(this.cell+3),M+k.ri*o,V+k.ci*(this.cell+3)+this.cell,M+k.ri*o+this.cell-8],w:c,ht:F+24,title:h[k.ri],rows:[{label:r[k.ci],value:this.exact(k.v)}],avoid:W,room:[0,0,Math.max(c,this.boxW-v),F+20]}):null,i(L,{ids:this.keysId,summary:N,host:this.hostName,hint:!0})))))}static get watchers(){return{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}}static get style(){return".sui-heat-scroll.sc-sui-chart-heatmap{overflow-x:auto;direction:ltr}.sui-heat-body.sc-sui-chart-heatmap{position:relative}.sui-heat-row.sc-sui-chart-heatmap{display:flex;align-items:center;margin-bottom:3px}.sui-heat-row.head.sc-sui-chart-heatmap{margin-bottom:4px}.sui-heat-corner.sc-sui-chart-heatmap{width:96px;flex-shrink:0}.sui-heat-col.sc-sui-chart-heatmap{text-align:center;font-size:9.5px;font-weight:600;color:var(--ink-faint);flex-shrink:0}.sui-heat-col.seq.sc-sui-chart-heatmap{display:flex;justify-content:center;white-space:nowrap}.sui-heat-rowhead.sc-sui-chart-heatmap{width:96px;padding-right:8px;box-sizing:border-box;flex-shrink:0;font-size:10.5px;font-weight:600;color:var(--ink-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-heat-cell.sc-sui-chart-heatmap{margin-right:3px;border-radius:4px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:650 9px var(--font-sans);font-feature-settings:'tnum';color:var(--ink);cursor:default;outline-offset:1px}.sui-heat-cell.light.sc-sui-chart-heatmap{color:var(--ink-on-dark)}.sui-heat-cell.ground.sc-sui-chart-heatmap{color:var(--surface)}.sui-heat-cell.hov.sc-sui-chart-heatmap{outline:1.5px solid var(--brand)}.sui-heat-cell.peak.sc-sui-chart-heatmap{outline:2px solid var(--sui-chart-heatmap-peak, var(--accent))}.sui-heat-cell.key.sc-sui-chart-heatmap{position:relative;z-index:1;outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.sui-heat-grid.sc-sui-chart-heatmap{border-radius:4px}.sui-heat-scale.sc-sui-chart-heatmap{display:flex;align-items:center;gap:7px;margin-top:8px;margin-left:96px;font-size:9.5px;color:var(--ink-faint)}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{width:110px;height:8px;border-radius:4px;border:1px solid var(--hairline);background:linear-gradient(90deg, var(--sui-chart-heatmap-low, var(--surface)), var(--sui-chart-heatmap-high, var(--viz-1)))}.sui-heat-scale.sc-sui-chart-heatmap .hi.sc-sui-chart-heatmap{font-feature-settings:'tnum'}.sui-heat-scale.sc-sui-chart-heatmap .peak-note.sc-sui-chart-heatmap{color:var(--sui-chart-heatmap-peak, var(--accent-ink));margin-left:6px;white-space:nowrap}@media (forced-colors: active){.sui-heat-cell.sc-sui-chart-heatmap{forced-color-adjust:none;border:1px solid CanvasText}.sui-heat-cell.hov.sc-sui-chart-heatmap,.sui-heat-cell.peak.sc-sui-chart-heatmap{outline-color:CanvasText}.sui-heat-cell.key.sc-sui-chart-heatmap{outline-color:Highlight;box-shadow:none}.sui-heat-scale.sc-sui-chart-heatmap .bar.sc-sui-chart-heatmap{forced-color-adjust:none;border-color:CanvasText}}.sc-sui-chart-heatmap-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-heatmap{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-heatmap{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-heatmap{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-heatmap{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-heatmap{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-heatmap{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-heatmap{position:relative}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-heatmap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-heatmap{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-heatmap{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-heatmap{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-heatmap .swatch.round.sc-sui-chart-heatmap{border-radius:50%}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-heatmap::before{content:'';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-heatmap::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-heatmap::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-heatmap .mk.dot.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{border-radius:50%}.swatch.glyph.sc-sui-chart-heatmap .mk.solid.sc-sui-chart-heatmap{background:var(--c)}.swatch.glyph.sc-sui-chart-heatmap .mk.ring.sc-sui-chart-heatmap{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-heatmap .mk.diamond.sc-sui-chart-heatmap{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap::after,.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{content:'';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{width:22px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.line.sc-sui-chart-heatmap::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.sc-sui-chart-heatmap{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri.sc-sui-chart-heatmap,.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap .mk.tri-down.sc-sui-chart-heatmap{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{opacity:0.35}.sui-chart-caption.sc-sui-chart-heatmap{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-heatmap{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-heatmap{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-heatmap .lbl.sc-sui-chart-heatmap{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-heatmap b.sc-sui-chart-heatmap{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.keyed.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-heatmap .sui-chart-tip-row.sc-sui-chart-heatmap>b.sc-sui-chart-heatmap{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-heatmap:focus{outline:none}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-heatmap:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-heatmap{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-heatmap{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-heatmap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-heatmap span.sc-sui-chart-heatmap{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-heatmap{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-heatmap{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-heatmap{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-heatmap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-heatmap,.prose.sc-sui-chart-heatmap{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-heatmap{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.sc-sui-chart-heatmap{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap,.sui-chart-tip-row.sc-sui-chart-heatmap .swatch.glyph.sc-sui-chart-heatmap{border:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap text.sc-sui-chart-heatmap{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap .halo.sc-sui-chart-heatmap{stroke:Canvas}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--hairline\"].sc-sui-chart-heatmap{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--chart-axis\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--border-strong\"].sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap line[stroke*=\"--accent-deep\"].sc-sui-chart-heatmap{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap circle.sc-sui-chart-heatmap{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap rect.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap path.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polyline.sc-sui-chart-heatmap,.sui-chart-plot.sc-sui-chart-heatmap svg.sc-sui-chart-heatmap polygon.sc-sui-chart-heatmap{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-heatmap:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-line.sc-sui-chart-heatmap{stroke:Highlight;filter:none}svg.sc-sui-chart-heatmap .sui-chart-ring.sc-sui-chart-heatmap .sui-chart-ring-halo.sc-sui-chart-heatmap{stroke:Canvas;filter:none}}"}},[518,"sui-chart-heatmap",{heading:[1],subtitle:[1],caption:[1],rows:[16],cols:[16],values:[16],money:[516],currency:[1],cell:[2],hideMax:[516,"hide-max"],emptyMessage:[1,"empty-message"],loading:[516],hoverIndex:[1026,"hover-index"],layout:[32],keyed:[32],hostName:[32],themeTick:[32],boxW:[32],setFocus:[64]},void 0,{rows:[{compute:0}],cols:[{compute:0}],values:[{compute:0}]}]),R=P,S=function(){"undefined"!=typeof customElements&&["sui-chart-heatmap"].forEach((a=>{"sui-chart-heatmap"===a&&(customElements.get(h(a))||customElements.define(h(a),P))}))};export{R as SuiChartHeatmap,S as defineCustomElement}
@@ -1 +1 @@
1
- import{p as i,H as s,c as t,h as e,a as r,t as a}from"./p-CeVlau-G.js";import{P as c,o as n,p as o,U as h,a as l,c as u,L as p,d,s as g,b as x,v as f,f as v,Q as k,Z as b,a1 as m,l as y,x as w,N as z,z as C,m as j,D as T,E,F as H,y as B,k as L,Y as M,V as $,G as N,I as S,K as W,X as D,C as F,g as G,W as I,T as K,J as O}from"./p-Bv5xqCDb.js";import{h as P,w as R,c as V,p as q,s as A,t as U,a as Z,d as X,b as Y,i as J,k as Q,P as _,f as ii,m as si,K as ti}from"./p-DtI1DFsR.js";import{c as ei,a as ri}from"./p-Bzu70qWq.js";import{d as ai}from"./p-BHB1Wprj.js";import{i as ci}from"./p-GAnFXayY.js";import{u as ni}from"./p-U06fVoGD.js";import{l as oi,a as hi}from"./p-BuyjS5bS.js";import{d as li}from"./p-COO9uV7W.js";const ui=["auto","always","hover","none"],pi=(i,s,t,e,r,a)=>m(i,s,t,e,"dot"===i||"solid"===i?r?3.5:2.2:r?4:3.2,r||"solid"===i||i.startsWith("tri")?a:"var(--surface)",a),di=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];kind="line";curve=!1;width=440;height=200;fixedSize=!1;money=!1;currency="USD";formatEnd;every="auto";refLine;markers="auto";emptyMessage;loading=!1;plain=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=ni("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=c.l;stopResize;fillId=ni("sui-chart-fill");componentWillLoad(){this.hasHeaderEnd=P(this.host,"header-end")}connectedCallback(){ai(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=R(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=n(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width,this.plain?0:p)}get drawn(){const i=[];return(this.series||[]).forEach(((s,t)=>{this.hiddenSeries.includes(s.label)||i.push(t)})),i}onKey=i=>{if(this.empty)return;const s=this.labels.length,t=this.drawn,e=t.length,r=A(this.hoverIndex,s),a="stacked-area"===this.kind,c=V(i,{rows:e,count:()=>s,has:(i,s)=>a||Number.isFinite((this.series[t[i]].data||[])[s])},r>=0?{s:Math.min(this.keyRow,e-1),i:r}:null,this.keyed);if(c){if(i.preventDefault(),"leave"===c)return i.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=q(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get endInset(){if("stacked-area"===this.kind)return 0;const i=this.hiddenSeries;return this.series.some((s=>"end"===s.axis&&!i.includes(s.label)))?h:0}get empty(){const i=this.series||[];return 0===i.length||i.every((i=>(i.data||[]).every((i=>!i))))}onMove=i=>{if(this.empty)return;const s=this.plotW,t=i.currentTarget.getBoundingClientRect();t.width>0&&(this.scale=t.width/s),this.keyed=!1,this.setHover(A(l(i,s,this.labels.length,!1,this.endInset,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(i){i!==this.hoverIndex&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}toggle=i=>{this.hiddenSeries=U(this.hiddenSeries,i)};chartName(i,s){const t=s.join(", "),e=i?s.length?oi(void 0,"chart-line.lineOf",void 0,"line chart of {series}",{series:t}):hi(void 0,"chart-line.line",void 0,"line chart"):s.length?oi(void 0,"chart-line.areaOf",void 0,"area chart of {series}",{series:t}):hi(void 0,"chart-line.area",void 0,"area chart");return Z(this.heading,e)}render(){const{labels:i,series:s,kind:t,money:a,hiddenSeries:n,curve:o}=this,h=this.plotW,l=this.height,m=this.rtl=ci(this.host);if(this.loading)return e(r,{"aria-busy":"true"},e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd},e(d,{height:l,label:hi(void 0,"chart-line.loading",void 0,"Loading"),rtl:m})));const P=i.length,R="stacked-area"===t,V=s.map(g),q=s.map((i=>!n.includes(i.label))),U=s.filter(((i,s)=>q[s])).map((i=>i.label)),Z=s.map((i=>!R&&"end"===i.axis)),ai=this.endInset,ni=ai>0,oi=h-ai,di=i=>{let t=i?void 0:[0,0];for(let e=0;e<s.length;e++){if(!q[e]||Z[e]!==i)continue;const r=s[e];t=r.range?si(r.range[1],si(r.range[0],t)):si(r.data,t)}return t&&isFinite(t[0])&&isFinite(t[1])?t:[0,0]};let gi=[0,0];const xi=[];if(R){for(let i=0;i<P;i++){let t=0;for(let e=0;e<s.length;e++)q[e]&&(t+=s[e].data[i]||0);xi.push(t)}gi=si(xi,gi)}else gi=di(!1);const{ticks:fi,lo:vi,hi:ki}=x(gi[0],gi[1],4),bi=di(!0),mi=x(bi[0],bi[1],4),yi=a?i=>li(i,!0,this.currency):v,wi=a?i=>li(i,!1,this.currency):v,zi=this.formatEnd||b,Ci=this.gutter=f(fi.map(yi)),[ji,Ti]=O(h,ai,m,Ci),Ei=y(0,P-1,ji,Ti),Hi=y(vi,ki,l-c.b,c.t),Bi=y(mi.lo,mi.hi,l-c.b,c.t),Li=this.empty,Mi=Li?-1:A(this.hoverIndex,P),$i="area"===t&&1===s.length?"hover":P<=8?"always":"hover",Ni=ui.includes(this.markers)&&"auto"!==this.markers?this.markers:$i,Si=Hi(Math.max(vi,0)),Wi=Bi(Math.max(mi.lo,0)),Di=s.map(((i,s)=>s>=4&&!i.color&&!i.accent)),Fi=i=>Di[i]?i%2?"tri-down":"tri":"dot",Gi=(i,s)=>i.dashed?"5 4":Di[s]?k:"none",Ii=(i,s)=>R?{}:{line:!0,dash:Gi(i,s),mark:i.mark&&"none"!==i.mark?i.mark:Di[s]||"always"===Ni?Fi(s):void 0},Ki=s.length>1?s.map(((i,s)=>({label:i.label,color:V[s],...Ii(i,s)}))):void 0,Oi=Mi>=0?s.filter(((i,s)=>q[s])).map((i=>{const t=s.indexOf(i);return{label:i.label,color:V[t],...Ii(i,t),value:Z[t]?zi(i.data[Mi]):wi(i.data[Mi])}})):[],Pi=(i,s,t,r)=>o?e("path",{d:ei(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}):e("polyline",{points:X(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}),Ri=(i,s,t,r,a)=>o?e("path",{d:ei(i,Ei,t)+ri(s,Ei,t)+" Z",fill:r,opacity:a}):e("polygon",{points:X(i,Ei,t)+" "+ii(s,Ei,t),fill:r,opacity:a}),Vi=Array(P).fill(0),qi="area"!==t?[]:s.map(((i,s)=>!q[s]||i.range?null:e("linearGradient",{key:i.label,id:`${this.fillId}-${s}`,x1:"0",y1:"0",x2:"0",y2:"1"},e("stop",{offset:"0","stop-color":V[s],"stop-opacity":.3}),e("stop",{offset:"1","stop-color":V[s],"stop-opacity":0})))),Ai=s.map(((i,s)=>{if(!q[s])return null;const r=V[s],a=Z[s]?Bi:Hi;if(i.range)return e("g",{key:i.label},Ri(i.range[1],i.range[0],a,r,.14),Pi(i.data,a,r,Gi(i,s)));if(R){const s=Array(P);for(let t=0;t<P;t++)s[t]=Vi[t]+(i.data[t]||0);const t=Vi.slice();for(let i=0;i<P;i++)Vi[i]=s[i];return e("g",{key:i.label},Ri(s,t,a,r,.82),o?e("path",{d:ei(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}):e("polyline",{points:X(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}))}const c=[],n=Fi(s);for(let s=0;s<i.data.length;s++)c.push(pi(i.marks&&i.marks[s]||i.mark||("always"===Ni||"hover"===Ni&&Mi===s?n:"none"),s+"",Ei(s),a(i.data[s]),Mi===s,r));const h=Z[s]?Wi:Si,l=`url(#${this.fillId}-${s})`,u="area"!==t?null:o?e("path",{class:"area",d:ei(i.data,Ei,a)+" L "+Ei(P-1)+","+h+" L "+Ei(0)+","+h+" Z",fill:l}):e("polygon",{class:"area",points:X(i.data,Ei,a)+" "+Ei(P-1)+","+h+" "+Ei(0)+","+h,fill:l});return e("g",{key:i.label},u,Pi(i.data,a,r,Gi(i,s)),c)})),Ui=[],Zi=[];if(!R&&!Li){const i=Li?-1:A(this.hoverIndex,P);s.forEach(((s,t)=>{const e=Z[t]?Bi:Hi;for(let r=0;q[t]&&r<s.data.length;r++)for(let t=0;t<(r?4:1);t++){const a=Ei(r-t/4),c=e(s.data[r]+(r?(s.data[r-1]-s.data[r])*t/4:0));Ui.push([a-3,c-3,a+3,c+3,t&&r!==i&&r!==i+1?I:G]),Zi.push(t?Ui[Ui.length-1]:[a-5,c-5,a+5,c+5,1===Math.abs(r-i)?K:G])}}))}const Xi=this.scale,Yi=w(h,l,Xi,ni?c.r+30:0,0,m,Ci),Ji=z(this.every,i,oi-Ci-c.r,!1),Qi=this.refLine?C(Hi(this.refLine.value),h,this.refLine.label||"",Ui,ai,m,Ci):void 0,_i=[];if(Mi>=0){let i=0;s.forEach(((s,t)=>{if(!q[t])return;const e=R?i+=s.data[Mi]||0:s.data[Mi],r=(Z[t]?Bi:Hi)(e);_i.push([(Ei(Mi)-6)*Xi,(r-6)*Xi,(Ei(Mi)+6)*Xi,(r+6)*Xi])}))}const is=s.map(((i,s)=>s)).filter((i=>q[i])),ss=Math.min(this.keyRow,is.length-1),ts=is[ss];let es=this.keyed&&Mi>=0&&void 0!==ts?`${this.keysId}-${ss}-${Mi}`:void 0,rs=null;if(es){const t=s[ts];let r=t.data[Mi];if(R){r=0;for(const i of is)if(r+=s[i].data[Mi]||0,i===ts)break}const a=(Z[ts]?Bi:Hi)(r),c=Y(i[Mi],is.length>1?t.label:void 0,Z[ts]?zi(t.data[Mi]):wi(R?t.data[Mi]||0:t.data[Mi]));Number.isFinite(a)?rs=e(ti,{id:es,circle:[Ei(Mi),a,7],label:c}):es=void 0}const as=Mi<0?[]:j(Zi.concat([[Ei(Mi)-4,0,Ei(Mi)+4,l,T]],E(fi,Hi,yi,h,m,!1,Ci),ni?E(mi.ticks,Bi,zi,h,m,!0):[],H(i,Ei,l,Ji,h),Qi&&this.refLine&&this.refLine.label?[B(Qi,this.refLine.label)]:[]),Xi).concat(Yi.avoid);return e(r,null,e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd,legend:Ki,hidden:n,onToggle:this.toggle},e("div",{class:"sui-chart-plot"},e(L,{show:Mi>=0,box:[(Ei(Mi)-4)*Xi,0,(Ei(Mi)+4)*Xi,l*Xi],keep:_i,w:h*Xi,ht:l*Xi,title:i[Mi]||"",rows:Oi,avoid:as,area:Yi.area,room:this.plain?void 0:Yi.room}),e("svg",{viewBox:`0 0 ${h} ${l}`,...Li?J(this.chartName("line"===t,U),this.keysId,this.hostName):Q(this.chartName("line"===t,U),this.keysId,this.hostName,es),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},!Li&&qi.some(Boolean)?e("defs",null,qi):null,e(M,{ticks:fi,y:Hi,w:h,inset:ai,rtl:m,gl:Ci,fmt:yi,bare:Li}),ni?e($,{ticks:mi.ticks,y:Bi,w:h,fmt:zi,bare:Li,rtl:m}):null,Li?null:Ai,this.refLine?e(N,{y:Hi(this.refLine.value),w:h,inset:ai,rtl:m,gl:Ci,label:this.refLine.label,avoid:Ui,color:this.refLine.color}):null,Mi>=0?e("line",{class:"guide",x1:S(Ei(Mi)),x2:S(Ei(Mi)),y1:c.t,y2:l-c.b,stroke:"var(--border-strong)","stroke-width":1}):null,e(W,{w:h,inset:ai,rtl:m,gl:Ci,h:l}),e(D,{labels:i,x:Ei,h:l,w:h,every:Ji}),rs),e(_,{ids:this.keysId,summary:this.chartName("line"===t,U),host:this.hostName,hint:!Li}),Li?e(F,{text:hi(void 0,"chart-line.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-line-h{display:block}svg.sc-sui-chart-line{direction:ltr}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{user-select:none}.sc-sui-chart-line-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-line{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-line{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-line{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-line{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-line{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-line{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-line{position:relative}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-line{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-line{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-line{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-line .swatch.round.sc-sui-chart-line{border-radius:50%}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-line::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-line::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-line::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-line .mk.dot.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{border-radius:50%}.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line{background:var(--c)}.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-line .mk.diamond.sc-sui-chart-line{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line::after,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{width:22px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.line.sc-sui-chart-line::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-line .swatch.sc-sui-chart-line{opacity:0.35}.sui-chart-caption.sc-sui-chart-line{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-line{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-line{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-line .lbl.sc-sui-chart-line{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line b.sc-sui-chart-line{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line>b.sc-sui-chart-line{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line>b.sc-sui-chart-line{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-line:focus{outline:none}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-line:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-line{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-line{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-line{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-line span.sc-sui-chart-line{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-line{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-line{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-line{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-line,.prose.sc-sui-chart-line{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-line text.sc-sui-chart-line{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-line{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{border:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{stroke:Canvas}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--hairline"].sc-sui-chart-line{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--chart-axis"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--border-strong"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--accent-deep"].sc-sui-chart-line{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line circle.sc-sui-chart-line{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line rect.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line path.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polyline.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polygon.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-line.sc-sui-chart-line{stroke:Highlight;filter:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-halo.sc-sui-chart-line{stroke:Canvas;filter:none}}'}},[518,"sui-chart-line",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],kind:[513],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],formatEnd:[16],every:[8],refLine:[16],markers:[513],emptyMessage:[1,"empty-message"],loading:[516],plain:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gi=di,xi=function(){"undefined"!=typeof customElements&&["sui-chart-line"].forEach((i=>{"sui-chart-line"===i&&(customElements.get(a(i))||customElements.define(a(i),di))}))};export{gi as SuiChartLine,xi as defineCustomElement}
1
+ import{p as i,H as s,c as t,h as e,a as r,t as a}from"./p-CeVlau-G.js";import{P as c,o as n,p as o,U as h,a as l,c as u,L as p,d,s as g,b as x,v as f,f as v,Q as k,Z as y,a1 as b,l as m,x as w,N as z,z as C,m as j,D as T,E,F as H,y as L,k as B,Y as M,V as $,G as N,I as S,K as F,X as G,C as W,g as I,W as K,T as P,J as q}from"./p-BLK-elHV.js";import{h as D,w as R,c as V,p as A,s as U,t as Z,a as O,d as Q,b as X,i as Y,k as J,P as _,f as ii,m as si,K as ti}from"./p-CFn_q23Q.js";import{c as ei,a as ri}from"./p-Bzu70qWq.js";import{d as ai}from"./p-BHB1Wprj.js";import{i as ci}from"./p-GAnFXayY.js";import{u as ni}from"./p-U06fVoGD.js";import{l as oi,a as hi}from"./p-BuyjS5bS.js";import{d as li}from"./p-qut9RP2y.js";const ui=["auto","always","hover","none"],pi=(i,s,t,e,r,a)=>b(i,s,t,e,"dot"===i||"solid"===i?r?3.5:2.2:r?4:3.2,r||"solid"===i||i.startsWith("tri")?a:"var(--surface)",a),di=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiHover=t(this,"suiHover",7)}get host(){return this}heading;subtitle;caption;labels=[];series=[];kind="line";curve=!1;width=440;height=200;fixedSize=!1;money=!1;currency="USD";formatEnd;every="auto";refLine;markers="auto";emptyMessage;loading=!1;plain=!1;hoverIndex=-1;suiHover;hiddenSeries=[];hasHeaderEnd=!1;boxW=0;keyed=!1;keyRow=0;plotEl;keysId=ni("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=c.l;stopResize;fillId=ni("sui-chart-fill");componentWillLoad(){this.hasHeaderEnd=D(this.host,"header-end")}connectedCallback(){ai(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=R(this.host,(i=>{this.hostName=i})),this.stopResize||(this.stopResize=n(this.host,(i=>{this.boxW=i})))}disconnectedCallback(){this.stopHostName?.(),this.stopHostName=void 0,this.stopResize?.(),this.stopResize=void 0}async setFocus(){this.plotEl&&this.plotEl.hasAttribute("tabindex")&&this.plotEl.focus()}get plotW(){return o(!this.fixedSize,this.boxW,this.width,this.plain?0:p)}get drawn(){const i=[];return(this.series||[]).forEach(((s,t)=>{this.hiddenSeries.includes(s.label)||i.push(t)})),i}onKey=i=>{if(this.empty)return;const s=this.labels.length,t=this.drawn,e=t.length,r=U(this.hoverIndex,s),a="stacked-area"===this.kind,c=V(i,{rows:e,count:()=>s,has:(i,s)=>a||Number.isFinite((this.series[t[i]].data||[])[s])},r>=0?{s:Math.min(this.keyRow,e-1),i:r}:null,this.keyed);if(c){if(i.preventDefault(),"leave"===c)return i.stopPropagation(),this.keyed=!1,void this.setHover(-1);this.scale=A(this.plotEl,this.plotW,this.scale),this.keyRow=c.s,this.keyed=!0,this.setHover(c.i)}};onBlur=()=>{this.keyed&&(this.keyed=!1,this.setHover(-1))};get endInset(){if("stacked-area"===this.kind)return 0;const i=this.hiddenSeries;return this.series.some((s=>"end"===s.axis&&!i.includes(s.label)))?h:0}get empty(){const i=this.series||[];return 0===i.length||i.every((i=>(i.data||[]).every((i=>!i))))}onMove=i=>{if(this.empty)return;const s=this.plotW,t=i.currentTarget.getBoundingClientRect();t.width>0&&(this.scale=t.width/s),this.keyed=!1,this.setHover(U(l(i,s,this.labels.length,!1,this.endInset,this.rtl,this.gutter),this.labels.length))};onLeave=()=>this.setHover(-1);setHover(i){i!==this.hoverIndex&&(this.hoverIndex=i,this.suiHover.emit({index:i}))}toggle=i=>{this.hiddenSeries=Z(this.hiddenSeries,i)};chartName(i,s){const t=s.join(", "),e=i?s.length?oi(void 0,"chart-line.lineOf",void 0,"line chart of {series}",{series:t}):hi(void 0,"chart-line.line",void 0,"line chart"):s.length?oi(void 0,"chart-line.areaOf",void 0,"area chart of {series}",{series:t}):hi(void 0,"chart-line.area",void 0,"area chart");return O(this.heading,e)}render(){const{labels:i,series:s,kind:t,money:a,hiddenSeries:n,curve:o}=this,h=this.plotW,l=this.height,b=this.rtl=ci(this.host);if(this.loading)return e(r,{"aria-busy":"true"},e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd},e(d,{height:l,label:hi(void 0,"chart-line.loading",void 0,"Loading"),rtl:b})));const D=i.length,R="stacked-area"===t,V=s.map(g),A=s.map((i=>!n.includes(i.label))),Z=s.filter(((i,s)=>A[s])).map((i=>i.label)),O=s.map((i=>!R&&"end"===i.axis)),ai=this.endInset,ni=ai>0,oi=h-ai,di=i=>{let t=i?void 0:[0,0];for(let e=0;e<s.length;e++){if(!A[e]||O[e]!==i)continue;const r=s[e];t=r.range?si(r.range[1],si(r.range[0],t)):si(r.data,t)}return t&&isFinite(t[0])&&isFinite(t[1])?t:[0,0]};let gi=[0,0];const xi=[];if(R){for(let i=0;i<D;i++){let t=0;for(let e=0;e<s.length;e++)A[e]&&(t+=s[e].data[i]||0);xi.push(t)}gi=si(xi,gi)}else gi=di(!1);const{ticks:fi,lo:vi,hi:ki}=x(gi[0],gi[1],4),yi=di(!0),bi=x(yi[0],yi[1],4),mi=a?i=>li(i,!0,this.currency):v,wi=a?i=>li(i,!1,this.currency):v,zi=this.formatEnd||y,Ci=this.gutter=f(fi.map(mi)),[ji,Ti]=q(h,ai,b,Ci),Ei=m(0,D-1,ji,Ti),Hi=m(vi,ki,l-c.b,c.t),Li=m(bi.lo,bi.hi,l-c.b,c.t),Bi=this.empty,Mi=Bi?-1:U(this.hoverIndex,D),$i="area"===t&&1===s.length?"hover":D<=8?"always":"hover",Ni=ui.includes(this.markers)&&"auto"!==this.markers?this.markers:$i,Si=Hi(Math.max(vi,0)),Fi=Li(Math.max(bi.lo,0)),Gi=s.map(((i,s)=>s>=4&&!i.color&&!i.accent)),Wi=i=>Gi[i]?i%2?"tri-down":"tri":"dot",Ii=(i,s)=>i.dashed?"5 4":Gi[s]?k:"none",Ki=(i,s)=>R?{}:{line:!0,dash:Ii(i,s),mark:i.mark&&"none"!==i.mark?i.mark:Gi[s]||"always"===Ni?Wi(s):void 0},Pi=s.length>1?s.map(((i,s)=>({label:i.label,color:V[s],...Ki(i,s)}))):void 0,qi=Mi>=0?s.filter(((i,s)=>A[s])).map((i=>{const t=s.indexOf(i);return{label:i.label,color:V[t],...Ki(i,t),value:O[t]?zi(i.data[Mi]):wi(i.data[Mi])}})):[],Di=(i,s,t,r)=>o?e("path",{d:ei(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}):e("polyline",{points:Q(i,Ei,s),fill:"none",stroke:t,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":r}),Ri=(i,s,t,r,a)=>o?e("path",{d:ei(i,Ei,t)+ri(s,Ei,t)+" Z",fill:r,opacity:a}):e("polygon",{points:Q(i,Ei,t)+" "+ii(s,Ei,t),fill:r,opacity:a}),Vi=Array(D).fill(0),Ai="area"!==t?[]:s.map(((i,s)=>!A[s]||i.range?null:e("linearGradient",{key:i.label,id:`${this.fillId}-${s}`,x1:"0",y1:"0",x2:"0",y2:"1"},e("stop",{offset:"0","stop-color":V[s],"stop-opacity":.3}),e("stop",{offset:"1","stop-color":V[s],"stop-opacity":0})))),Ui=s.map(((i,s)=>{if(!A[s])return null;const r=V[s],a=O[s]?Li:Hi;if(i.range)return e("g",{key:i.label},Ri(i.range[1],i.range[0],a,r,.14),Di(i.data,a,r,Ii(i,s)));if(R){const s=Array(D);for(let t=0;t<D;t++)s[t]=Vi[t]+(i.data[t]||0);const t=Vi.slice();for(let i=0;i<D;i++)Vi[i]=s[i];return e("g",{key:i.label},Ri(s,t,a,r,.82),o?e("path",{d:ei(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}):e("polyline",{points:Q(s,Ei,a),fill:"none",stroke:"var(--surface)","stroke-width":1}))}const c=[],n=Wi(s);for(let s=0;s<i.data.length;s++)c.push(pi(i.marks&&i.marks[s]||i.mark||("always"===Ni||"hover"===Ni&&Mi===s?n:"none"),s+"",Ei(s),a(i.data[s]),Mi===s,r));const h=O[s]?Fi:Si,l=`url(#${this.fillId}-${s})`,u="area"!==t?null:o?e("path",{class:"area",d:ei(i.data,Ei,a)+" L "+Ei(D-1)+","+h+" L "+Ei(0)+","+h+" Z",fill:l}):e("polygon",{class:"area",points:Q(i.data,Ei,a)+" "+Ei(D-1)+","+h+" "+Ei(0)+","+h,fill:l});return e("g",{key:i.label},u,Di(i.data,a,r,Ii(i,s)),c)})),Zi=[],Oi=[];if(!R&&!Bi){const i=Bi?-1:U(this.hoverIndex,D);s.forEach(((s,t)=>{const e=O[t]?Li:Hi;for(let r=0;A[t]&&r<s.data.length;r++)for(let t=0;t<(r?4:1);t++){const a=Ei(r-t/4),c=e(s.data[r]+(r?(s.data[r-1]-s.data[r])*t/4:0));Zi.push([a-3,c-3,a+3,c+3,t&&r!==i&&r!==i+1?K:I]),Oi.push(t?Zi[Zi.length-1]:[a-5,c-5,a+5,c+5,1===Math.abs(r-i)?P:I])}}))}const Qi=this.scale,Xi=w(h,l,Qi,ni?c.r+30:0,0,b,Ci),Yi=z(this.every,i,oi-Ci-c.r,!1),Ji=this.refLine?C(Hi(this.refLine.value),h,this.refLine.label||"",Zi,ai,b,Ci):void 0,_i=[];if(Mi>=0){let i=0;s.forEach(((s,t)=>{if(!A[t])return;const e=R?i+=s.data[Mi]||0:s.data[Mi],r=(O[t]?Li:Hi)(e);_i.push([(Ei(Mi)-6)*Qi,(r-6)*Qi,(Ei(Mi)+6)*Qi,(r+6)*Qi])}))}const is=s.map(((i,s)=>s)).filter((i=>A[i])),ss=Math.min(this.keyRow,is.length-1),ts=is[ss];let es=this.keyed&&Mi>=0&&void 0!==ts?`${this.keysId}-${ss}-${Mi}`:void 0,rs=null;if(es){const t=s[ts];let r=t.data[Mi];if(R){r=0;for(const i of is)if(r+=s[i].data[Mi]||0,i===ts)break}const a=(O[ts]?Li:Hi)(r),c=X(i[Mi],is.length>1?t.label:void 0,O[ts]?zi(t.data[Mi]):wi(R?t.data[Mi]||0:t.data[Mi]));Number.isFinite(a)?rs=e(ti,{id:es,circle:[Ei(Mi),a,7],label:c}):es=void 0}const as=Mi<0?[]:j(Oi.concat([[Ei(Mi)-4,0,Ei(Mi)+4,l,T]],E(fi,Hi,mi,h,b,!1,Ci),ni?E(bi.ticks,Li,zi,h,b,!0):[],H(i,Ei,l,Yi,h),Ji&&this.refLine&&this.refLine.label?[L(Ji,this.refLine.label)]:[]),Qi).concat(Xi.avoid);return e(r,null,e(u,{title:this.heading,subtitle:this.subtitle,caption:this.caption,w:this.fixedSize&&!this.plain?h+p:void 0,plain:this.plain,hasHeaderEnd:this.hasHeaderEnd,legend:Pi,hidden:n,onToggle:this.toggle},e("div",{class:"sui-chart-plot"},e(B,{show:Mi>=0,box:[(Ei(Mi)-4)*Qi,0,(Ei(Mi)+4)*Qi,l*Qi],keep:_i,w:h*Qi,ht:l*Qi,title:i[Mi]||"",rows:qi,avoid:as,area:Xi.area,room:this.plain?void 0:Xi.room}),e("svg",{viewBox:`0 0 ${h} ${l}`,...Bi?Y(this.chartName("line"===t,Z),this.keysId,this.hostName):J(this.chartName("line"===t,Z),this.keysId,this.hostName,es),ref:i=>{this.plotEl=i},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},!Bi&&Ai.some(Boolean)?e("defs",null,Ai):null,e(M,{ticks:fi,y:Hi,w:h,inset:ai,rtl:b,gl:Ci,fmt:mi,bare:Bi}),ni?e($,{ticks:bi.ticks,y:Li,w:h,fmt:zi,bare:Bi,rtl:b}):null,Bi?null:Ui,this.refLine?e(N,{y:Hi(this.refLine.value),w:h,inset:ai,rtl:b,gl:Ci,label:this.refLine.label,avoid:Zi,color:this.refLine.color}):null,Mi>=0?e("line",{class:"guide",x1:S(Ei(Mi)),x2:S(Ei(Mi)),y1:c.t,y2:l-c.b,stroke:"var(--border-strong)","stroke-width":1}):null,e(F,{w:h,inset:ai,rtl:b,gl:Ci,h:l}),e(G,{labels:i,x:Ei,h:l,w:h,every:Yi}),rs),e(_,{ids:this.keysId,summary:this.chartName("line"===t,Z),host:this.hostName,hint:!Bi}),Bi?e(W,{text:hi(void 0,"chart-line.empty",this.emptyMessage,"Nothing to plot yet.")}):null)))}static get style(){return'.sc-sui-chart-line-h{display:block}svg.sc-sui-chart-line{direction:ltr}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{touch-action:pan-y}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{user-select:none}.sc-sui-chart-line-h{display:block;font-family:var(--font-sans)}.sui-chart-frame.sc-sui-chart-line{position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sui-chart-frame.plain.sc-sui-chart-line{background:transparent;border:none;padding:0}.sui-chart-head.sc-sui-chart-line{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sui-chart-titles.sc-sui-chart-line{flex:1;min-width:0}.sui-chart-title.sc-sui-chart-line{font-size:13.5px;font-weight:700}.sui-chart-subtitle.sc-sui-chart-line{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.sui-chart-plot.sc-sui-chart-line{position:relative}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{display:block;width:100%;height:auto;overflow:visible}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{shape-rendering:crispEdges}.sui-chart-legend.sc-sui-chart-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.sui-chart-key.sc-sui-chart-line{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:2px 4px;margin:0 -4px;font:600 11.5px var(--font-sans);color:var(--ink-muted);cursor:default}.sui-chart-key.toggle.sc-sui-chart-line{cursor:pointer}.sui-chart-key.toggle.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sui-chart-key.off.sc-sui-chart-line{color:var(--ink-placeholder);text-decoration:line-through}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line{width:9px;height:9px;border-radius:2px;flex-shrink:0}.sui-chart-key.sc-sui-chart-line .swatch.round.sc-sui-chart-line{border-radius:50%}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{position:relative;width:16px;height:10px;border-radius:0}.swatch.glyph.line.sc-sui-chart-line::before{content:\'\';position:absolute;left:1px;right:1px;top:4px;border-top:2px solid var(--c)}.swatch.glyph.ls-dot.sc-sui-chart-line::before{border-top-style:dotted}.swatch.glyph.ls-dash.sc-sui-chart-line::before{border-top-style:dashed}.swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{position:absolute;left:4.5px;top:1.5px;width:7px;height:7px;box-sizing:border-box;border:1.5px solid var(--c);background:var(--surface)}.swatch.glyph.sc-sui-chart-line .mk.dot.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{border-radius:50%}.swatch.glyph.sc-sui-chart-line .mk.solid.sc-sui-chart-line{background:var(--c)}.swatch.glyph.sc-sui-chart-line .mk.ring.sc-sui-chart-line{background:color-mix(in srgb, var(--c) 25%, var(--surface))}.swatch.glyph.sc-sui-chart-line .mk.diamond.sc-sui-chart-line{transform:rotate(45deg) scale(0.85)}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:4px;top:1px;width:8px;height:8px;border:none}.swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line::after,.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{content:\'\';position:absolute;inset:0;background:var(--c);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{width:22px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.line.sc-sui-chart-line::before{top:3.5px;border-top-width:3px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.sc-sui-chart-line{left:7px;top:1px;width:8px;height:8px;border-width:2px}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri.sc-sui-chart-line,.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line .mk.tri-down.sc-sui-chart-line{left:6.5px;top:0.5px;width:9px;height:9px}.sui-chart-key.off.sc-sui-chart-line .swatch.sc-sui-chart-line{opacity:0.35}.sui-chart-caption.sc-sui-chart-line{font-size:11px;color:var(--ink-faint);margin-top:8px;border-top:1px solid var(--hairline);padding-top:7px}.sui-chart-tip.sc-sui-chart-line{position:absolute;width:max-content;min-width:110px;max-width:240px;pointer-events:none;z-index:5;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:8px 10px}.sui-chart-tip-title.sc-sui-chart-line{font-size:10.5px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:1.5px 0}.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{width:8px;height:8px;border-radius:2px;flex-shrink:0}.sui-chart-tip-row.sc-sui-chart-line .lbl.sc-sui-chart-line{flex:1;min-width:0;color:var(--ink-muted);text-wrap:balance}.sui-chart-tip-row.sc-sui-chart-line b.sc-sui-chart-line{margin-inline-start:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:\'tnum\';font-weight:700}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line{display:grid;grid-template-columns:minmax(min-content, 1fr);align-items:center;column-gap:6px;row-gap:0}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line{grid-template-columns:auto minmax(min-content, 1fr)}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.keyed.sc-sui-chart-line>b.sc-sui-chart-line{grid-column:2}.sui-chart-tip.stack.sc-sui-chart-line .sui-chart-tip-row.sc-sui-chart-line>b.sc-sui-chart-line{margin-inline-start:0}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.sui-chart-keys.sc-sui-chart-line:focus{outline:none}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow);border-radius:4px}.sui-chart-keys.keyed.sc-sui-chart-line:focus-visible{outline:none;box-shadow:none}.sui-chart-ring.sc-sui-chart-line{pointer-events:none;fill:none}.sui-chart-ring-halo.sc-sui-chart-line{stroke:var(--focus-halo);stroke-width:6px}.sui-chart-ring-line.sc-sui-chart-line{stroke:var(--focus-ring);stroke-width:2px}.sui-chart-empty.sc-sui-chart-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:12.5px;color:var(--ink-muted);pointer-events:none}.sui-chart-empty.sc-sui-chart-line span.sc-sui-chart-line{background:var(--surface);box-shadow:0 0 0 4px var(--surface);border-radius:4px}.sui-chart-wait.sc-sui-chart-line{box-sizing:border-box}.sui-chart-loading.sc-sui-chart-line{position:absolute;inset:8px 10px 22px 46px;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-chart-loading.sc-sui-chart-line{animation-duration:3s}}.sui-chart-sr.sc-sui-chart-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.figure.sc-sui-chart-line,.prose.sc-sui-chart-line{direction:ltr;unicode-bidi:plaintext}svg.sc-sui-chart-line text.sc-sui-chart-line{unicode-bidi:plaintext}@media (forced-colors: active){.sui-chart-loading.sc-sui-chart-line{box-sizing:border-box;border:1px solid GrayText}.sui-chart-key.sc-sui-chart-line .swatch.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.sc-sui-chart-line{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}.sui-chart-key.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line,.sui-chart-tip-row.sc-sui-chart-line .swatch.glyph.sc-sui-chart-line{border:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line{forced-color-adjust:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line text.sc-sui-chart-line{fill:CanvasText !important}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line .halo.sc-sui-chart-line{stroke:Canvas}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--hairline"].sc-sui-chart-line{stroke:GrayText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--chart-axis"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--border-strong"].sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line line[stroke*="--accent-deep"].sc-sui-chart-line{stroke:CanvasText;filter:none}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line circle.sc-sui-chart-line{stroke:CanvasText}.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line rect.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line path.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polyline.sc-sui-chart-line,.sui-chart-plot.sc-sui-chart-line svg.sc-sui-chart-line polygon.sc-sui-chart-line{filter:drop-shadow(1px 0 0 CanvasText) drop-shadow(-1px 0 0 CanvasText) drop-shadow(0 1px 0 CanvasText) drop-shadow(0 -1px 0 CanvasText)}.sui-chart-keys.sc-sui-chart-line:focus-visible{outline-color:Highlight;box-shadow:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-line.sc-sui-chart-line{stroke:Highlight;filter:none}svg.sc-sui-chart-line .sui-chart-ring.sc-sui-chart-line .sui-chart-ring-halo.sc-sui-chart-line{stroke:Canvas;filter:none}}'}},[518,"sui-chart-line",{heading:[1],subtitle:[1],caption:[1],labels:[16],series:[16],kind:[513],curve:[516],width:[2],height:[2],fixedSize:[516,"fixed-size"],money:[516],currency:[1],formatEnd:[16],every:[8],refLine:[16],markers:[513],emptyMessage:[1,"empty-message"],loading:[516],plain:[516],hoverIndex:[1026,"hover-index"],hiddenSeries:[32],hasHeaderEnd:[32],boxW:[32],keyed:[32],keyRow:[32],hostName:[32],setFocus:[64]}]),gi=di,xi=function(){"undefined"!=typeof customElements&&["sui-chart-line"].forEach((i=>{"sui-chart-line"===i&&(customElements.get(a(i))||customElements.define(a(i),di))}))};export{gi as SuiChartLine,xi as defineCustomElement}