@shineuix/core 1.0.0 → 1.0.1

package/dist/components/sui-cascade-select.js

@@ -1 +1 @@
-import{p as s,H as e,c as i,f as a,h as t,t as c}from"./p-DQ8DrIvI.js";import{d as o,F as r}from"./p-CvjYVNw7.js";import{P as n,a as l}from"./p-CZTPkDdM.js";import{G as d,q as u,k as p,x as h,a as f,y as v,f as g}from"./p-BJFE-_50.js";import{n as x}from"./p-CMosOB_l.js";import{i as b}from"./p-Cs2X0Kih.js";import{u as m}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{l as F,n as P,s as A,k as j}from"./p-D6TU5GZw.js";import{m as D,l as T}from"./p-CnbXPlor.js";import{p as O}from"./p--AfIJxhD.js";import{k as G}from"./p-CYlxvoVo.js";import{a as M,l as q}from"./p-BuyjS5bS.js";import{i as H}from"./p-GAnFXayY.js";import{d as L,p as $}from"./p-Bt5Kx3zM.js";const B=["sm","md","lg"],E=s=>!!s&&Array.isArray(s.items),N=s=>null!=s.value?s.value:s.label,R=s=>!!s&&!s.disabled,I=s=>s.findIndex(R),K=s=>{for(let e=s.length-1;e>=0;e--)if(R(s[e]))return e;return-1},V=(s,e)=>s.length===e.length&&s.every(((s,i)=>s===e[i]));function X(s,e,i=[],a=[]){for(let t=0;t<s.length;t++){const c=s[t];if(c)if(E(c)){const s=X(c.items,e,[...i,t],[...a,c]);if(s)return s}else if(A(N(c),e))return{node:c,path:[...i,t],trail:a}}return null}const Y=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiOpen=i(this,"suiOpen",3),this.suiOpenPathChange=i(this,"suiOpenPathChange",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;showPath=!1;disabled=!1;readOnly=!1;invalid=!1;loading=!1;loadingMessage;emptyMessage;clearable=!1;size="md";variant="default";tone;open=!1;openPath=[];required=!1;name;suiChange;suiOpen;suiOpenPathChange;suiClose;cursor={depth:0,index:-1};keyNav=!1;pointerAt="";onKeyNav(s){L(s)&&(this.keyNav=!0)}onPointerNav(s){const e=$(s);e!==this.pointerAt&&(this.pointerAt=e,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}drill=!1;focused=!1;hostLabel;stopAria;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=m("sui-cascade-select");trigger;layer;panel;flyouts=[];initial;ownPathWrite=!1;widest=0;scrollFrame;found;closing=!1;popup=O({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.open&&this.layer&&a(this)}componentWillLoad(){this.initial=this.value,this.syncForm(),this.open&&this.initActive()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}componentDidLoad(){this.syncForm()}syncForm(){w(this.internals,this.isDisabled?null:j(this.value)),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,P(this.value),this.label,this.trigger,this.error)}onOpenChange(s){s?(this.popup.reopen(),this.closing=!1,this.initActive()):(this.cursor={depth:0,index:-1},this.widest=0,this.closing=this.popup.close())}onOptions(){this.open&&this.initActive()}onPathChange(){!this.ownPathWrite&&this.open&&this.alignCursor()}formResetCallback(){this.value=this.initial}formDisabledCallback(s){this.formDisabled=C(this.host,this.disabled,s),this.syncForm()}async setFocus(){this.trigger?.focus()}roots(){return this.loading?[]:F(this.options,this.host,"options")}drawnPath(){const s=Array.isArray(this.openPath)?this.openPath:[],e=[];let i=this.roots();for(const a of s){const s=Number.isInteger(a)?i[a]:void 0;if(!s||s.disabled||!E(s))break;e.push(a),i=s.items}return e}levels(s){const e=[this.roots()];for(const i of s)e.push(e[e.length-1][i].items||[]);return e}picked(){const s=F(this.options,this.host,"options");if(this.found&&this.found.options===s&&this.found.value===this.value)return this.found.hit;const e=P(this.value)?null:X(s,this.value);return this.found={options:s,value:this.value,hit:e},e}active(s,e){const{depth:i,index:a}=this.cursor;return this.drill&&i!==s.length?{depth:s.length,index:I(e[s.length])}:i>s.length?{depth:s.length,index:-1}:R(e[i][a])?this.cursor:{depth:i,index:-1}}initActive(){const s=this.picked();!this.loading&&!this.drawnPath().length&&s&&s.path.length>1&&this.setPath(s.path.slice(0,-1)),this.alignCursor(),this.revealActive()}alignCursor(){const s=this.drawnPath(),e=this.picked();this.cursor=e&&e.path.length===s.length+1&&V(e.path.slice(0,-1),s)?{depth:s.length,index:e.path[s.length]}:s.length?{depth:s.length-1,index:s[s.length-1]}:{depth:0,index:I(this.roots())}}afterOpen(){this.open&&this.trigger&&this.panel&&(this.popup.open(this.layer)||this.reposition())}reposition(){if(!this.trigger||!this.panel)return;this.panel.style.minWidth=this.drill&&this.widest?this.widest+"px":"",D(this.panel,T(this.trigger,this.panel,"bottom",6,"start")),this.widest=Math.max(this.widest,this.panel.getBoundingClientRect().width||0);const s=x(this.panel,200);if(s!==this.drill&&Promise.resolve().then((()=>{this.drill=s})),this.drill)return;let e=this.panel,i=H(this.host)?"left":"right";for(let s=1;s<this.flyouts.length;s++){const a=this.flyouts[s];if(!a)break;const t=T(e,a,i,4,"start"),c=a.getBoundingClientRect().width,o=Math.min(Math.max(8,t.left),Math.max(8,window.innerWidth-c-8));D(a,{...t,left:o,top:t.top-1}),"left"!==t.side&&"right"!==t.side||(i=t.side),e=a}}revealActive(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const s=this.trigger?.getAttribute("aria-activedescendant"),e=s?this.layer?.querySelector(`[id="${s}"]`):null;e?.scrollIntoView?.({block:"nearest"})})))}show(){if(this.open||this.isDisabled||this.readOnly)return;const s=this.picked();this.setPath(s?s.path.slice(0,-1):[]),this.open=!0,G(this.host,this.trigger),this.suiOpen.emit()}requestClose(s,e=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,e&&this.trigger?.focus()))}commit(s){if(this.isDisabled||!R(s)||E(s))return;const e=N(s),i=!A(e,this.value);this.value=e,this.requestClose("pick",!0),i&&this.suiChange.emit(e)}clearValue(){this.isDisabled||this.readOnly||P(this.value)||(this.value="",this.suiChange.emit(""),this.trigger?.focus())}clear=s=>{s.stopPropagation(),s.preventDefault(),this.clearValue()};setPath(s){if(!V(Array.isArray(this.openPath)?this.openPath:[],s)){this.ownPathWrite=!0;try{this.openPath=s}finally{this.ownPathWrite=!1}this.suiOpenPathChange.emit([...s])}}enter(s,e){const i=this.drawnPath().slice(0,s),a=this.levels(i)[s][e];R(a)&&E(a)&&(this.setPath([...i,e]),this.cursor={depth:s+1,index:I(a.items)})}back(){const s=this.drawnPath(),e=this.active(s,this.levels(s));if(this.drill){if(!s.length)return;return this.setPath(s.slice(0,-1)),void(this.cursor={depth:s.length-1,index:s[s.length-1]})}e.depth<s.length&&s[e.depth]===e.index?this.setPath(s.slice(0,e.depth)):e.depth>0&&(this.cursor={depth:e.depth-1,index:s[e.depth-1]})}move(s){const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth],c=t.length;let o=a.index<0?s>0?-1:c:a.index;for(let e=0;e<c;e++)if(o=(o+s+c)%c,R(t[o]))return void(this.cursor={depth:a.depth,index:o})}activate(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=e[i.depth][i.index];R(a)&&(E(a)?this.enter(i.depth,i.index):this.commit(a))}onKeyDown=s=>{if(!this.isDisabled&&!this.readOnly)switch(s.key){case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return s.preventDefault(),this.open?(this.move("ArrowDown"===s.key?1:-1),void this.revealActive()):void this.show();case"ArrowRight":case"ArrowLeft":if(!this.open)return;if(s.preventDefault(),s.key===(H(this.host)?"ArrowLeft":"ArrowRight")){const s=this.drawnPath(),e=this.active(s,this.levels(s));this.enter(e.depth,e.index)}else this.back();return void this.revealActive();case"Home":case"End":{if(!this.open)return;s.preventDefault();const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth];return this.cursor={depth:a.depth,index:"Home"===s.key?I(t):K(t)},void this.revealActive()}case"Enter":return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case" ":if(s.target!==this.trigger)return;return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&s.target===this.trigger&&!P(this.value)&&(s.preventDefault(),this.clearValue()))}};onRowEnter(s,e,i){if(this.drill)return void(R(i)&&(this.cursor={depth:s,index:e}));const a=this.drawnPath().slice(0,s);this.setPath(R(i)&&E(i)?[...a,e]:a),this.cursor={depth:s,index:R(i)?e:-1}}onRowLeave(s,e,i){E(i)||this.cursor.depth===s&&this.cursor.index===e&&(this.cursor={depth:s,index:-1})}onRowClick(s,e,i){R(i)&&(E(i)?this.drill?this.enter(s,e):(this.setPath([...this.drawnPath().slice(0,s),e]),this.cursor={depth:s,index:e}):this.commit(i))}rowId(s,e){return`${this.fieldId}-${s}-${e}`}renderRows(s,e,i,a,c){return s.length?s.map(((o,r)=>{const n=E(o),l=!!o.disabled,h=n&&!this.drill&&e<i.length&&i[e]===r,f=!n&&o===c;return t("div",{id:this.rowId(e,r),key:`${e}-${r}`,role:"treeitem","aria-level":e+1,"aria-posinset":r+1,"aria-setsize":s.length,"aria-expanded":n?h?"true":"false":null,"aria-owns":h?`${this.fieldId}-l${e+1}`:null,"aria-selected":n?null:f?"true":"false","aria-disabled":l?"true":null,class:{"sui-popup-option":!0,row:!0,branch:n,selected:f,disabled:l,hover:h||a.depth===e&&a.index===r,keynav:this.keyNav&&a.depth===e&&a.index===r},onMouseEnter:()=>this.onRowEnter(e,r,o),onMouseLeave:()=>this.onRowLeave(e,r,o),onClick:()=>this.onRowClick(e,r,o)},o.icon?t("i",{class:o.icon+" icon","aria-hidden":"true"}):null,t("span",{class:"sui-popup-option-label"},o.label),n?t(d,{glyph:u,class:"sub"}):f?t(d,{glyph:p}):null)})):t("div",{class:"sui-popup-empty"},M(void 0,"cascade-select.empty",this.emptyMessage,"Nothing here yet."))}renderValue(s){const e=M(void 0,"cascade-select.placeholder",this.placeholder,"Select");return s?this.showPath&&s.trail.length?t("span",{class:"val path"},t("span",{class:"trail"},s.trail.map((s=>s.label)).join(" / ")," / "),t("span",{class:"leaf"},s.node.label)):t("span",{class:"val"},s.node.label):t("span",{class:"val"},e)}render(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=this.picked(),c=a?a.node:void 0,u=this.open||this.closing,p=this.drill?s.length:0,x=this.drill&&s.length?e[s.length-1][s[s.length-1]]:void 0;let b;this.open&&R(e[i.depth][i.index])&&(b=this.rowId(i.depth,i.index));const m=this.invalid||!!this.error,k=B.includes(this.size)?this.size:"md",y=this.clearable&&!P(this.value)&&!this.isDisabled&&!this.readOnly,w=this.isQuiet,z=w?{"sui-inline":!0,[k]:!0,open:this.open,shell:this.open,invalid:m,placeholder:!a,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,[k]:!0,focus:this.focused,open:this.open,invalid:m,placeholder:!a,readonly:this.readOnly};return this.flyouts=[],t(r,{key:"640f603f21fb76beecf4be2b58e471cf5d96dd0c",label:w?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("div",{key:"ce34c0c8b7e17465f89b3fe1d39a87a059967e37",class:{wrap:!0,inline:w},onKeyDown:this.onKeyDown},t("button",{key:"31b10e6decb017500b12d8f9f612616e97e5ad38",ref:s=>this.trigger=s,id:this.fieldId,class:z,type:"button",disabled:this.isDisabled,role:"combobox","aria-label":w?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-menu","aria-activedescendant":b,"aria-invalid":m?"true":null,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":y?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},c&&c.icon?t("i",{class:c.icon+" icon","aria-hidden":"true"}):null,this.renderValue(a),y?t("span",{class:"clear","aria-hidden":"true",onClick:this.clear},t(d,{glyph:h})):null,t(d,this.loading?{glyph:f,class:"spin sui-popup-spin"}:{glyph:v,class:"chev"})),u?t("div",{key:"layer",ref:s=>this.layer=s,class:"layer"},t("div",{key:"root",ref:s=>this.panel=s,class:{"sui-popup-panel":!0,groups:!0,drilled:!!x,closing:this.closing},inert:this.closing,role:"presentation"},x?t("button",{type:"button",class:"back",tabindex:-1,"aria-label":q(void 0,"menu.backFrom",void 0,"Back from {label}",{label:x.label||""}),onMouseDown:s=>s.preventDefault(),onClick:()=>this.back()},t(d,{glyph:g}),t("span",null,x.label)):null,t("div",{id:this.fieldId+"-menu",role:"tree","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?t(n,{message:M(void 0,"cascade-select.loading",this.loadingMessage,"Loading")}):null,this.loading?null:this.renderRows(e[p],p,s,i,c))),this.drill?null:s.map(((a,o)=>{const r=o+1;return t("div",{key:"l"+r,ref:s=>this.flyouts[r]=s,id:`${this.fieldId}-l${r}`,class:{"sui-popup-panel":!0,items:!0,closing:this.closing},inert:this.closing,role:"group","aria-label":e[o][a].label},this.renderRows(e[r],r,s,i,c))}))):null,t(l,{key:"7164b599e805292c4aa197247e9fe0153999bde1",message:this.open&&this.loading?M(void 0,"cascade-select.loading",this.loadingMessage,"Loading"):""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}}static get style(){return".sc-sui-cascade-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-cascade-select:not(:disabled){cursor:default}.wrap.sc-sui-cascade-select{position:relative}.wrap.inline.sc-sui-cascade-select{display:flex;align-items:flex-start}.layer.sc-sui-cascade-select{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--z-dropdown)}.sui-popup-panel.groups.sc-sui-cascade-select{width:max-content;min-width:220px}.sui-popup-panel.items.sc-sui-cascade-select{min-width:200px;width:max-content}.back.sc-sui-cascade-select{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin:0 0 4px;position:sticky;top:0;z-index:1;border:none;border-bottom:1px solid var(--hairline);border-radius:6px 6px 0 0;background:var(--surface-raised);font:inherit;font-size:13px;font-weight:650;color:var(--ink);text-align:start;cursor:pointer}.back.sc-sui-cascade-select:hover{background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}.back.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-muted)}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-panel.drilled.sc-sui-cascade-select .sui-popup-option.sc-sui-cascade-select{scroll-margin-top:44px}.sui-popup-option.row.sc-sui-cascade-select{white-space:nowrap}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select{font-size:9px;color:var(--ink-faint)}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-option.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select .icon.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:var(--ink-placeholder)}.val.path.sc-sui-cascade-select{display:flex;min-width:0}.val.path.sc-sui-cascade-select .trail.sc-sui-cascade-select{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.val.path.sc-sui-cascade-select .leaf.sc-sui-cascade-select{flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (forced-colors: active){.sui-popup-option.selected.sc-sui-cascade-select .icon.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:GrayText}.back.sc-sui-cascade-select:hover{outline:2px solid CanvasText;outline-offset:-2px}}.sui-field.sc-sui-cascade-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-cascade-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-cascade-select .sui-field-label.sc-sui-cascade-select{color:var(--danger)}.sui-field-req.sc-sui-cascade-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-cascade-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-cascade-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-frame.sc-sui-cascade-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-cascade-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-cascade-select,.sui-frame.readonly.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-cascade-select:focus-within,.sui-frame.invalid.focus.sc-sui-cascade-select,.sui-frame.invalid.open.sc-sui-cascade-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-cascade-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-cascade-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-cascade-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-cascade-select:disabled,.sui-popup-trigger.disabled.sc-sui-cascade-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-cascade-select .val.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-cascade-select .chev.sc-sui-cascade-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:0.4}.sui-popup-trigger.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-cascade-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-cascade-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-cascade-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-cascade-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-cascade-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-cascade-select input.sc-sui-cascade-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-cascade-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-cascade-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-cascade-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-cascade-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-cascade-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-cascade-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-cascade-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-cascade-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-cascade-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-cascade-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-cascade-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}.sui-popup-option.hover.sc-sui-cascade-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-cascade-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select{color:GrayText}}.sui-inline.sc-sui-cascade-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-cascade-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-cascade-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-cascade-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-cascade-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-cascade-select{cursor:default}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-cascade-select:focus{outline:none}.sui-inline.sc-sui-cascade-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-cascade-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-cascade-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-cascade-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select .lead.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .val.sc-sui-cascade-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select:disabled.placeholder .val.sc-sui-cascade-select,.sui-inline.disabled.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-inline.sc-sui-cascade-select .chev.sc-sui-cascade-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-inline.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .clear.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .chev.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover:not(:disabled),.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:focus-visible,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:disabled,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .clear.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .chev.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.inverse.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell) sui-chip.sc-sui-cascade-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-cascade-select{border-color:CanvasText}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-cascade-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:GrayText}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}}"}},[578,"sui-cascade-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],showPath:[516,"show-path"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],clearable:[516],size:[513],variant:[513],tone:[513],open:[1540],openPath:[1040],required:[516],name:[513],cursor:[32],keyNav:[32],drill:[32],focused:[32],hostLabel:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}]),W=Y,S=function(){"undefined"!=typeof customElements&&["sui-cascade-select"].forEach((s=>{"sui-cascade-select"===s&&(customElements.get(c(s))||customElements.define(c(s),Y))}))};export{W as SuiCascadeSelect,S as defineCustomElement}
+import{p as s,H as e,c as i,f as a,h as t,t as c}from"./p-DQ8DrIvI.js";import{d as o,F as n}from"./p-DWUWsh4I.js";import{P as r,a as l}from"./p-ClagA1nw.js";import{G as d,q as u,k as p,x as h,a as f,y as v,f as g}from"./p-B-Bh5OXe.js";import{n as x}from"./p-CxiKPsZq.js";import{i as b}from"./p-wknHx00K.js";import{u as m}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{l as F,n as P,s as A,k as j}from"./p-D6TU5GZw.js";import{m as O,l as D}from"./p-B2OoQiUx.js";import{p as T}from"./p-BE1IYQsU.js";import{k as G}from"./p-CYlxvoVo.js";import{a as q,l as M}from"./p-BuyjS5bS.js";import{i as B}from"./p-GAnFXayY.js";import{d as H,p as L}from"./p-Bt5Kx3zM.js";const $=["sm","md","lg"],E=s=>!!s&&Array.isArray(s.items),N=s=>null!=s.value?s.value:s.label,R=s=>!!s&&!s.disabled,I=s=>s.findIndex(R),K=s=>{for(let e=s.length-1;e>=0;e--)if(R(s[e]))return e;return-1},U=(s,e)=>s.length===e.length&&s.every(((s,i)=>s===e[i]));function W(s,e,i=[],a=[]){for(let t=0;t<s.length;t++){const c=s[t];if(c)if(E(c)){const s=W(c.items,e,[...i,t],[...a,c]);if(s)return s}else if(A(N(c),e))return{node:c,path:[...i,t],trail:a}}return null}const Y=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiOpen=i(this,"suiOpen",3),this.suiOpenPathChange=i(this,"suiOpenPathChange",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;showPath=!1;disabled=!1;readOnly=!1;invalid=!1;loading=!1;loadingMessage;emptyMessage;clearable=!1;size="md";variant="default";tone;open=!1;openPath=[];required=!1;name;suiChange;suiOpen;suiOpenPathChange;suiClose;cursor={depth:0,index:-1};keyNav=!1;pointerAt="";onKeyNav(s){H(s)&&(this.keyNav=!0)}onPointerNav(s){const e=L(s);e!==this.pointerAt&&(this.pointerAt=e,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}drill=!1;focused=!1;hostLabel;stopAria;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=m("sui-cascade-select");trigger;layer;panel;flyouts=[];initial;ownPathWrite=!1;widest=0;scrollFrame;found;closing=!1;popup=T({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.open&&this.layer&&a(this)}componentWillLoad(){this.initial=this.value,this.syncForm(),this.open&&this.initActive()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}componentDidLoad(){this.syncForm()}syncForm(){w(this.internals,this.isDisabled?null:j(this.value)),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,P(this.value),this.label,this.trigger,this.error)}onOpenChange(s){s?(this.popup.reopen(),this.closing=!1,this.initActive()):(this.cursor={depth:0,index:-1},this.widest=0,this.closing=this.popup.close())}onOptions(){this.open&&this.initActive()}onPathChange(){!this.ownPathWrite&&this.open&&this.alignCursor()}formResetCallback(){this.value=this.initial}formDisabledCallback(s){this.formDisabled=C(this.host,this.disabled,s),this.syncForm()}async setFocus(){this.trigger?.focus()}roots(){return this.loading?[]:F(this.options,this.host,"options")}drawnPath(){const s=Array.isArray(this.openPath)?this.openPath:[],e=[];let i=this.roots();for(const a of s){const s=Number.isInteger(a)?i[a]:void 0;if(!s||s.disabled||!E(s))break;e.push(a),i=s.items}return e}levels(s){const e=[this.roots()];for(const i of s)e.push(e[e.length-1][i].items||[]);return e}picked(){const s=F(this.options,this.host,"options");if(this.found&&this.found.options===s&&this.found.value===this.value)return this.found.hit;const e=P(this.value)?null:W(s,this.value);return this.found={options:s,value:this.value,hit:e},e}active(s,e){const{depth:i,index:a}=this.cursor;return this.drill&&i!==s.length?{depth:s.length,index:I(e[s.length])}:i>s.length?{depth:s.length,index:-1}:R(e[i][a])?this.cursor:{depth:i,index:-1}}initActive(){const s=this.picked();!this.loading&&!this.drawnPath().length&&s&&s.path.length>1&&this.setPath(s.path.slice(0,-1)),this.alignCursor(),this.revealActive()}alignCursor(){const s=this.drawnPath(),e=this.picked();this.cursor=e&&e.path.length===s.length+1&&U(e.path.slice(0,-1),s)?{depth:s.length,index:e.path[s.length]}:s.length?{depth:s.length-1,index:s[s.length-1]}:{depth:0,index:I(this.roots())}}afterOpen(){this.open&&this.trigger&&this.panel&&(this.popup.open(this.layer)||this.reposition())}reposition(){if(!this.trigger||!this.panel)return;this.panel.style.minWidth=this.drill&&this.widest?this.widest+"px":"",O(this.panel,D(this.trigger,this.panel,"bottom",6,"start")),this.widest=Math.max(this.widest,this.panel.getBoundingClientRect().width||0);const s=x(this.panel,200);if(s!==this.drill&&Promise.resolve().then((()=>{this.drill=s})),this.drill)return;let e=this.panel,i=B(this.host)?"left":"right";for(let s=1;s<this.flyouts.length;s++){const a=this.flyouts[s];if(!a)break;const t=D(e,a,i,4,"start"),c=a.getBoundingClientRect().width,o=Math.min(Math.max(8,t.left),Math.max(8,window.innerWidth-c-8));O(a,{...t,left:o,top:t.top-1}),"left"!==t.side&&"right"!==t.side||(i=t.side),e=a}}revealActive(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const s=this.trigger?.getAttribute("aria-activedescendant"),e=s?this.layer?.querySelector(`[id="${s}"]`):null;e?.scrollIntoView?.({block:"nearest"})})))}show(){if(this.open||this.isDisabled||this.readOnly)return;const s=this.picked();this.setPath(s?s.path.slice(0,-1):[]),this.open=!0,G(this.host,this.trigger),this.suiOpen.emit()}requestClose(s,e=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,e&&this.trigger?.focus()))}commit(s){if(this.isDisabled||!R(s)||E(s))return;const e=N(s),i=!A(e,this.value);this.value=e,this.requestClose("pick",!0),i&&this.suiChange.emit(e)}clearValue(){this.isDisabled||this.readOnly||P(this.value)||(this.value="",this.suiChange.emit(""),this.trigger?.focus())}clear=s=>{s.stopPropagation(),s.preventDefault(),this.clearValue()};setPath(s){if(!U(Array.isArray(this.openPath)?this.openPath:[],s)){this.ownPathWrite=!0;try{this.openPath=s}finally{this.ownPathWrite=!1}this.suiOpenPathChange.emit([...s])}}enter(s,e){const i=this.drawnPath().slice(0,s),a=this.levels(i)[s][e];R(a)&&E(a)&&(this.setPath([...i,e]),this.cursor={depth:s+1,index:I(a.items)})}back(){const s=this.drawnPath(),e=this.active(s,this.levels(s));if(this.drill){if(!s.length)return;return this.setPath(s.slice(0,-1)),void(this.cursor={depth:s.length-1,index:s[s.length-1]})}e.depth<s.length&&s[e.depth]===e.index?this.setPath(s.slice(0,e.depth)):e.depth>0&&(this.cursor={depth:e.depth-1,index:s[e.depth-1]})}move(s){const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth],c=t.length;let o=a.index<0?s>0?-1:c:a.index;for(let e=0;e<c;e++)if(o=(o+s+c)%c,R(t[o]))return void(this.cursor={depth:a.depth,index:o})}activate(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=e[i.depth][i.index];R(a)&&(E(a)?this.enter(i.depth,i.index):this.commit(a))}onKeyDown=s=>{if(!this.isDisabled&&!this.readOnly)switch(s.key){case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return s.preventDefault(),this.open?(this.move("ArrowDown"===s.key?1:-1),void this.revealActive()):void this.show();case"ArrowRight":case"ArrowLeft":if(!this.open)return;if(s.preventDefault(),s.key===(B(this.host)?"ArrowLeft":"ArrowRight")){const s=this.drawnPath(),e=this.active(s,this.levels(s));this.enter(e.depth,e.index)}else this.back();return void this.revealActive();case"Home":case"End":{if(!this.open)return;s.preventDefault();const e=this.drawnPath(),i=this.levels(e),a=this.active(e,i),t=i[a.depth];return this.cursor={depth:a.depth,index:"Home"===s.key?I(t):K(t)},void this.revealActive()}case"Enter":return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case" ":if(s.target!==this.trigger)return;return s.preventDefault(),void(this.open?(this.activate(),this.revealActive()):this.show());case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&s.target===this.trigger&&!P(this.value)&&(s.preventDefault(),this.clearValue()))}};onRowEnter(s,e,i){if(this.drill)return void(R(i)&&(this.cursor={depth:s,index:e}));const a=this.drawnPath().slice(0,s);this.setPath(R(i)&&E(i)?[...a,e]:a),this.cursor={depth:s,index:R(i)?e:-1}}onRowLeave(s,e,i){E(i)||this.cursor.depth===s&&this.cursor.index===e&&(this.cursor={depth:s,index:-1})}onRowClick(s,e,i){R(i)&&(E(i)?this.drill?this.enter(s,e):(this.setPath([...this.drawnPath().slice(0,s),e]),this.cursor={depth:s,index:e}):this.commit(i))}rowId(s,e){return`${this.fieldId}-${s}-${e}`}renderRows(s,e,i,a,c){return s.length?s.map(((o,n)=>{const r=E(o),l=!!o.disabled,h=r&&!this.drill&&e<i.length&&i[e]===n,f=!r&&o===c;return t("div",{id:this.rowId(e,n),key:`${e}-${n}`,role:"treeitem","aria-level":e+1,"aria-posinset":n+1,"aria-setsize":s.length,"aria-expanded":r?h?"true":"false":null,"aria-owns":h?`${this.fieldId}-l${e+1}`:null,"aria-selected":r?null:f?"true":"false","aria-disabled":l?"true":null,class:{"sui-popup-option":!0,row:!0,branch:r,selected:f,disabled:l,hover:h||a.depth===e&&a.index===n,keynav:this.keyNav&&a.depth===e&&a.index===n},onMouseEnter:()=>this.onRowEnter(e,n,o),onMouseLeave:()=>this.onRowLeave(e,n,o),onClick:()=>this.onRowClick(e,n,o)},o.icon?t("i",{class:o.icon+" icon","aria-hidden":"true"}):null,t("span",{class:"sui-popup-option-label"},o.label),r?t(d,{glyph:u,class:"sub"}):f?t(d,{glyph:p}):null)})):t("div",{class:"sui-popup-empty"},q(void 0,"cascade-select.empty",this.emptyMessage,"Nothing here yet."))}renderValue(s){const e=q(void 0,"cascade-select.placeholder",this.placeholder,"Select");return s?this.showPath&&s.trail.length?t("span",{class:"val path"},t("span",{class:"trail"},s.trail.map((s=>s.label)).join(" / ")," / "),t("span",{class:"leaf"},s.node.label)):t("span",{class:"val"},s.node.label):t("span",{class:"val"},e)}render(){const s=this.drawnPath(),e=this.levels(s),i=this.active(s,e),a=this.picked(),c=a?a.node:void 0,u=this.open||this.closing,p=this.drill?s.length:0,x=this.drill&&s.length?e[s.length-1][s[s.length-1]]:void 0;let b;this.open&&R(e[i.depth][i.index])&&(b=this.rowId(i.depth,i.index));const m=this.invalid||!!this.error,k=$.includes(this.size)?this.size:"md",y=this.clearable&&!P(this.value)&&!this.isDisabled&&!this.readOnly,w=this.isQuiet,z=w?{"sui-inline":!0,[k]:!0,open:this.open,shell:this.open,invalid:m,placeholder:!a,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,[k]:!0,focus:this.focused,open:this.open,invalid:m,placeholder:!a,readonly:this.readOnly};return this.flyouts=[],t(n,{key:"f9b85c12d21eae096232b10f47c1e70078371236",label:w?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("div",{key:"2134f5fda3516daa43f4cc16b35960f96d11504a",class:{wrap:!0,inline:w},onKeyDown:this.onKeyDown},t("button",{key:"d7bda4f477576ca10c3e5d29fee997226f88e561",ref:s=>this.trigger=s,id:this.fieldId,class:z,type:"button",disabled:this.isDisabled,role:"combobox","aria-label":w?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-menu","aria-activedescendant":b,"aria-invalid":m?"true":null,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":y?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},c&&c.icon?t("i",{class:c.icon+" icon","aria-hidden":"true"}):null,this.renderValue(a),y?t("span",{class:"clear","aria-hidden":"true",onClick:this.clear},t(d,{glyph:h})):null,t(d,this.loading?{glyph:f,class:"spin sui-popup-spin"}:{glyph:v,class:"chev"})),u?t("div",{key:"layer",ref:s=>this.layer=s,class:"layer"},t("div",{key:"root",ref:s=>this.panel=s,class:{"sui-popup-panel":!0,groups:!0,drilled:!!x,closing:this.closing},inert:this.closing,role:"presentation"},x?t("button",{type:"button",class:"back",tabindex:-1,"aria-label":M(void 0,"menu.backFrom",void 0,"Back from {label}",{label:x.label||""}),onMouseDown:s=>s.preventDefault(),onClick:()=>this.back()},t(d,{glyph:g}),t("span",null,x.label)):null,t("div",{id:this.fieldId+"-menu",role:"tree","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?t(r,{message:q(void 0,"cascade-select.loading",this.loadingMessage,"Loading")}):null,this.loading?null:this.renderRows(e[p],p,s,i,c))),this.drill?null:s.map(((a,o)=>{const n=o+1;return t("div",{key:"l"+n,ref:s=>this.flyouts[n]=s,id:`${this.fieldId}-l${n}`,class:{"sui-popup-panel":!0,items:!0,closing:this.closing},inert:this.closing,role:"group","aria-label":e[o][a].label},this.renderRows(e[n],n,s,i,c))}))):null,t(l,{key:"f8b2cec9856b237e4e4293976defdb41ca284b3a",message:this.open&&this.loading?q(void 0,"cascade-select.loading",this.loadingMessage,"Loading"):""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}}static get style(){return".sc-sui-cascade-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-cascade-select:not(:disabled){cursor:default}.wrap.sc-sui-cascade-select{position:relative}.wrap.inline.sc-sui-cascade-select{display:flex;align-items:flex-start}.layer.sc-sui-cascade-select{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--z-dropdown)}.sui-popup-panel.groups.sc-sui-cascade-select{width:max-content;min-width:220px}.sui-popup-panel.items.sc-sui-cascade-select{min-width:200px;width:max-content}.back.sc-sui-cascade-select{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin:0 0 4px;position:sticky;top:0;z-index:1;border:none;border-bottom:1px solid var(--hairline);border-radius:6px 6px 0 0;background:var(--surface-raised);font:inherit;font-size:13px;font-weight:650;color:var(--ink);text-align:start;cursor:pointer}.back.sc-sui-cascade-select:hover{background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}.back.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-muted)}.back.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-panel.drilled.sc-sui-cascade-select .sui-popup-option.sc-sui-cascade-select{scroll-margin-top:44px}.sui-popup-option.row.sc-sui-cascade-select{white-space:nowrap}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select{font-size:9px;color:var(--ink-faint)}.sui-popup-option.sc-sui-cascade-select .sub.sc-sui-cascade-select:dir(rtl){transform:scaleX(-1)}.sui-popup-option.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select .icon.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:var(--ink-placeholder)}.val.path.sc-sui-cascade-select{display:flex;min-width:0}.val.path.sc-sui-cascade-select .trail.sc-sui-cascade-select{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.val.path.sc-sui-cascade-select .leaf.sc-sui-cascade-select{flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (forced-colors: active){.sui-popup-option.selected.sc-sui-cascade-select .icon.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-popup-option.disabled.sc-sui-cascade-select .sub.sc-sui-cascade-select,.sui-popup-trigger.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select{color:GrayText}.back.sc-sui-cascade-select:hover{outline:2px solid CanvasText;outline-offset:-2px}}.sui-field.sc-sui-cascade-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-cascade-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-cascade-select .sui-field-label.sc-sui-cascade-select{color:var(--danger)}.sui-field-req.sc-sui-cascade-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-cascade-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-cascade-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-frame.sc-sui-cascade-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-cascade-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-cascade-select,.sui-frame.readonly.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-cascade-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-cascade-select:focus-within,.sui-frame.invalid.focus.sc-sui-cascade-select,.sui-frame.invalid.open.sc-sui-cascade-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-cascade-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-cascade-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-cascade-select:focus-within,.sui-frame.focus.sc-sui-cascade-select,.sui-frame.open.sc-sui-cascade-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-cascade-select:disabled,.sui-frame.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-cascade-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-cascade-select:disabled,.sui-popup-trigger.disabled.sc-sui-cascade-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-cascade-select .val.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-cascade-select .chev.sc-sui-cascade-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:0.4}.sui-popup-trigger.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-cascade-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-cascade-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-cascade-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-cascade-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-cascade-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-cascade-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-cascade-select input.sc-sui-cascade-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-cascade-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-cascade-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-cascade-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-cascade-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-cascade-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-cascade-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-cascade-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-cascade-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-cascade-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-cascade-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-cascade-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-cascade-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-cascade-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}.sui-popup-option.hover.sc-sui-cascade-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-cascade-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-cascade-select{color:GrayText}}.sui-inline.sc-sui-cascade-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-cascade-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-cascade-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-cascade-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-cascade-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-cascade-select{cursor:default}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-cascade-select:focus{outline:none}.sui-inline.sc-sui-cascade-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-cascade-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-cascade-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-cascade-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select .lead.sc-sui-cascade-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .val.sc-sui-cascade-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select:disabled.placeholder .val.sc-sui-cascade-select,.sui-inline.disabled.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-cascade-select .fit.sc-sui-cascade-select input.sc-sui-cascade-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover{color:var(--ink)}.sui-inline.sc-sui-cascade-select .chev.sc-sui-cascade-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-cascade-select .chev.sc-sui-cascade-select{transform:rotate(180deg)}.sui-inline.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .clear.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.sc-sui-cascade-select:focus-visible .chev.sc-sui-cascade-select,.sui-inline.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.sc-sui-cascade-select .spin.sc-sui-cascade-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:11px}.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select .sui-glyph.sc-sui-cascade-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:hover:not(:disabled),.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:focus-visible,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-cascade-select .clear.sc-sui-cascade-select:disabled,.sui-inline.text.sc-sui-cascade-select .chev.sc-sui-cascade-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-cascade-select:hover .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .clear.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .clear.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:hover .chev.sc-sui-cascade-select,.sui-inline.text.sc-sui-cascade-select:focus-within .chev.sc-sui-cascade-select,.sui-inline.text.shell.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-cascade-select .chev.sc-sui-cascade-select{visibility:visible}.sui-inline.inverse.text.sc-sui-cascade-select .chev.sc-sui-cascade-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-cascade-select:not(.shell) sui-chip.sc-sui-cascade-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-cascade-select{border-color:CanvasText}.sui-inline.sc-sui-cascade-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-cascade-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-cascade-select:disabled,.sui-inline.disabled.sc-sui-cascade-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-cascade-select:disabled .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .icon.sc-sui-cascade-select,.sui-inline.disabled.sc-sui-cascade-select .lead.sc-sui-cascade-select{color:GrayText}.sui-inline.placeholder.sc-sui-cascade-select .val.sc-sui-cascade-select{color:GrayText}}"}},[578,"sui-cascade-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],showPath:[516,"show-path"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],clearable:[516],size:[513],variant:[513],tone:[513],open:[1540],openPath:[1040],required:[516],name:[513],cursor:[32],keyNav:[32],drill:[32],focused:[32],hostLabel:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}],openPath:[{onPathChange:0}]}]),Q=Y,V=function(){"undefined"!=typeof customElements&&["sui-cascade-select"].forEach((s=>{"sui-cascade-select"===s&&(customElements.get(c(s))||customElements.define(c(s),Y))}))};export{Q as SuiCascadeSelect,V as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as t,c as a,h as r,a as i,t as c}from"./p-DQ8DrIvI.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 I,x as $,y as L,z as S,B as F,D,E as P,F as W,Y as A,G,I as N,J as O,K,X as R,L as Y,M as U,A as V}from"./p-CInYFFmy.js";import{h as X,w as q,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-CInpgpwB.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-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=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=q(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,q=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 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:q[t],hatch:b(t)}))):void 0,Ms=J.some((s=>s>=4)),zs=(s,a,i=q[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+Y:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:ks,hidden:c,onToggle:this.toggle},js=this.scale,Hs=ds?-1:Z(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,Is=Math.min(this.keyRow,J.length-1),$s=J[Is],Ls=this.keyed&&Hs>=0&&void 0!==$s?`${this.keysId}-${Is}-${Hs}`:void 0;let Ss;const Fs=()=>Ls&&Ss?r(is,{id:Ls,box:cs(Ss),label:rs(s[Hs],J.length>1?t[$s].label:void 0,ys(t[$s].data[Hs]||0))}):null,Ds=s=>({...ds?ts(s,this.keysId,this.hostName):as(s,this.keysId,this.hostName,Ls),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur}),Ps=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:q[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 I=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:q[s]}),zs(s,[p,a*ps+6,d,14,2.5])),a===Hs&&s===$s&&(Ss=[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)I=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+U,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,I,(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}`,...Ds(this.chartName("bar",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,ds?null:$,Fs()),Ps(this.chartName("bar",Cs)),Es)))}const Ws=this.gutter=E(xs.map(vs)),As=I(s,o-Ws-h.r,this.every),Gs=As.lines?11:0,[Ns,Os]=O(o,0,u,Ws),Ks=y(0,X,Ns,Os),Rs=y(gs,fs,n-h.b-Gs,h.t),Ys=Rs(0),Us=(o-Ws-h.r)/X,Vs=Math.min(.62*Us,42),Xs=e?Vs:Vs/Math.max(J.length,1),qs=J[J.length-1],Js=Hs>=0?J.map((s=>({label:t[s].label,color:q[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))):[],Zs=Qs.reduce(((s,t)=>Math.max(s,v(t,9))),0),_s=As.every,st=Zs+4<=Us?1:Math.ceil((Zs+4)/Us/_s)*_s,tt=1===st||Zs/2+2<=Us-Vs/2,at=[],rt=[],it=Qs.map(((s,a)=>{const i=t[0].data[a]||0,c=Ks(a)+Us/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=$(o,n,js,0,Gs,u,Ws),ht=[],et=[],ot=[],nt=s.map(((s,a)=>{const i=Ks(a)+Us/2;let c=Ys,h=Ys;const o=[];let n=0;for(const u of J){const l=t[u],d=l.data[a]||0,b=Math.abs(Ys-Rs(d)),p=l.accentAt&&l.accentAt===s?V:q[u];if(e){const s=d>=0?c-b:h;o.push(r("rect",{key:l.label,x:i-Vs/2,y:s,width:Vs,height:Math.max(b-1,0),rx:u===qs?2.5:0,fill:p}),zs(u,[i-Vs/2,s,Vs,Math.max(b-1,0),u===qs?2.5:0],p)),at.push([i-Vs/2,s,i+Vs/2,s+b]),(a===Hs?ht:et).push([i-Vs/2-2,s-2,i+Vs/2+2,s+b+2]),a!==Hs&&b>1&&ot.push([i-Vs/2,s,i+Vs/2,s+b-1]),a===Hs&&u===$s&&(Ss=[i-Vs/2,s,i+Vs/2,s+Math.max(b-1,0)]),d>=0?c-=b:h+=b}else{const s=i-Vs/2+n*Xs+(n>0?1:0);o.push(r("rect",{key:l.label,x:s,y:Math.min(Rs(d),Ys),width:Xs-1.5,height:b,rx:2.5,fill:p}),zs(u,[s,Math.min(Rs(d),Ys),Xs-1.5,b,2.5],p)),at.push([s,Math.min(Rs(d),Ys),s+Xs,Math.min(Rs(d),Ys)+b]),(a===Hs?ht:et).push([s-2,Math.min(Rs(d),Ys)-2,s+Xs+2,Math.min(Rs(d),Ys)+b+2]),a!==Hs&&b>0&&ot.push([s,Math.min(Rs(d),Ys),s+Xs-1.5,Math.min(Rs(d),Ys)+b]),a===Hs&&u===$s&&(Ss=[s,Math.min(Rs(d),Ys),s+Xs-1.5,Math.min(Rs(d),Ys)+b])}n++}return r("g",{key:s,opacity:-1===Hs||Hs===a?1:.45},o)})),ut=s=>Ks(s)+Us/2,lt=this.refLine&&this.refLine.label?L(S(Rs(this.refLine.value),o,this.refLine.label,at,0,u,Ws),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<Ys-.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)-Vs/2,0,ut(Hs)+Vs/2,n-h.b-Gs,D]],P(xs,Rs,vs,o,u,!1,Ws),W(s,ut,n,_s,o,As.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)-Vs/2)*js,0,(ut(Hs)+Vs/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}`,...Ds(this.chartName(e?"stacked":"column",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(B,{id:this.hatchId}):null,r(A,{ticks:xs,y:Rs,w:o,rtl:u,gl:Ws,fmt:vs,bare:ds}),ds?null:nt,this.refLine?r(G,{y:Rs(this.refLine.value),w:o,rtl:u,gl:Ws,label:this.refLine.label,avoid:at,gaps:rt,color:this.refLine.color}):null,it,gs<0?r("line",{x1:Ns,x2:Os,y1:N(Ys),y2:N(Ys),stroke:"var(--chart-axis)","stroke-width":1}):r(K,{w:o,rtl:u,gl:Ws,h:n-Gs}),r(R,{labels:s,x:ut,h:n,w:o,every:_s,lines:As.lines}),Fs()),Ps(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}
+import{p as s,H as t,c as a,h as r,a as i,t as c}from"./p-DQ8DrIvI.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 E,v as L,w as S,x as $,y as B,z as I,B as P,D,E as F,F as A,Y as G,G as N,I as W,J as K,K as R,X as O,L as Y,M as q,A as Q}from"./p-QmakFSYp.js";import{h as U,w as X,c as J,p as V,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-CvLe513l.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=U(this.host,"header-end")}connectedCallback(){os(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=X(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=V(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),U=s.length,X=t.map(l),J=[];for(let s=0;s<t.length;s++)c.includes(t[s].label)||J.push(s);const V=Array(U),_=Array(U),ss=Array(U);let os=1,us=0;for(let s=0;s<U;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}V[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 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:X[t],hatch:b(t)}))):void 0,Ms=J.some((s=>s>=4)),zs=(s,a,i=X[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+Y:void 0,hasHeaderEnd:this.hasHeaderEnd,legend:ks,hidden:c,onToggle:this.toggle},js=this.scale,Hs=ds?-1:Z(this.hoverIndex,U),Es=ls(void 0,"chart-bar.total",void 0,"Total"),Ls=ds?r(p,{text:ls(void 0,"chart-bar.empty",this.emptyMessage,"Nothing to plot yet.")}):null,Ss=Math.min(this.keyRow,J.length-1),$s=J[Ss],Bs=this.keyed&&Hs>=0&&void 0!==$s?`${this.keysId}-${Ss}-${Hs}`:void 0;let Is;const Ps=()=>Bs&&Is?r(is,{id:Bs,box:cs(Is),label:rs(s[Hs],J.length>1?t[$s].label:void 0,ys(t[$s].data[Hs]||0))}):null,Ds=s=>({...ds?ts(s,this.keysId,this.hostName):as(s,this.keysId,this.hostName,Bs),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur}),Fs=s=>r(hs,{ids:this.keysId,summary:s,host:this.hostName,hint:!ds});if(this.loading){const s="horizontal"===this.orientation?Math.max(U,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=U*ps+8,c=Hs>=0?J.map((s=>({label:t[s].label,color:X[s],hatch:b(s),value:ys(t[s].data[Hs]||0)}))):[];Hs>=0&&J.length>1&&c.push({label:Es,color:void 0,value:ys(V[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 L=l(0);let S=L;const $=s.map(((s,a)=>{let i=L,c=L;const h=[],n=[];for(const s of J){const e=t[s].data[a]||0,d=Math.abs(l(e)-L),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:X[s]}),zs(s,[p,a*ps+6,d,14,2.5])),a===Hs&&s===$s&&(Is=[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,L)+(ws?7+C:0);if(a===Hs)S=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,L),a*ps+6,Math.max(i,L),a*ps+ps-6];g.push(x,[e,s[1],e+q,s[3],k],...P(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>L?-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,S,(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}`,...Ds(this.chartName("bar",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(E,{id:this.hatchId}):null,ds?null:$,Ps()),Fs(this.chartName("bar",Cs)),Ls)))}const As=this.gutter=L(xs.map(vs)),Gs=S(s,o-As-h.r,this.every),Ns=Gs.lines?11:0,[Ws,Ks]=K(o,0,u,As),Rs=y(0,U,Ws,Ks),Os=y(gs,fs,n-h.b-Ns,h.t),Ys=Os(0),qs=(o-As-h.r)/U,Qs=Math.min(.62*qs,42),Us=e?Qs:Qs/Math.max(J.length,1),Xs=J[J.length-1],Js=Hs>=0?J.map((s=>({label:t[s].label,color:X[s],hatch:b(s),value:ys(t[s].data[Hs])}))):[];Hs>=0&&e&&J.length>1&&Js.push({label:Es,color:void 0,value:ys(V[Hs])});const Vs=ws&&J.length&&!ds?s.map(((s,a)=>ms(t[0].data[a]||0))):[],Zs=Vs.reduce(((s,t)=>Math.max(s,v(t,9))),0),_s=Gs.every,st=Zs+4<=qs?1:Math.ceil((Zs+4)/qs/_s)*_s,tt=1===st||Zs/2+2<=qs-Qs/2,at=[],rt=[],it=Vs.map(((s,a)=>{const i=t[0].data[a]||0,c=Rs(a)+qs/2,h=i<0?Os(i)+11:Os(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,As),ht=[],et=[],ot=[],nt=s.map(((s,a)=>{const i=Rs(a)+qs/2;let c=Ys,h=Ys;const o=[];let n=0;for(const u of J){const l=t[u],d=l.data[a]||0,b=Math.abs(Ys-Os(d)),p=l.accentAt&&l.accentAt===s?Q:X[u];if(e){const s=d>=0?c-b:h;o.push(r("rect",{key:l.label,x:i-Qs/2,y:s,width:Qs,height:Math.max(b-1,0),rx:u===Xs?2.5:0,fill:p}),zs(u,[i-Qs/2,s,Qs,Math.max(b-1,0),u===Xs?2.5:0],p)),at.push([i-Qs/2,s,i+Qs/2,s+b]),(a===Hs?ht:et).push([i-Qs/2-2,s-2,i+Qs/2+2,s+b+2]),a!==Hs&&b>1&&ot.push([i-Qs/2,s,i+Qs/2,s+b-1]),a===Hs&&u===$s&&(Is=[i-Qs/2,s,i+Qs/2,s+Math.max(b-1,0)]),d>=0?c-=b:h+=b}else{const s=i-Qs/2+n*Us+(n>0?1:0);o.push(r("rect",{key:l.label,x:s,y:Math.min(Os(d),Ys),width:Us-1.5,height:b,rx:2.5,fill:p}),zs(u,[s,Math.min(Os(d),Ys),Us-1.5,b,2.5],p)),at.push([s,Math.min(Os(d),Ys),s+Us,Math.min(Os(d),Ys)+b]),(a===Hs?ht:et).push([s-2,Math.min(Os(d),Ys)-2,s+Us+2,Math.min(Os(d),Ys)+b+2]),a!==Hs&&b>0&&ot.push([s,Math.min(Os(d),Ys),s+Us-1.5,Math.min(Os(d),Ys)+b]),a===Hs&&u===$s&&(Is=[s,Math.min(Os(d),Ys),s+Us-1.5,Math.min(Os(d),Ys)+b])}n++}return r("g",{key:s,opacity:-1===Hs||Hs===a?1:.45},o)})),ut=s=>Rs(s)+qs/2,lt=this.refLine&&this.refLine.label?B(I(Os(this.refLine.value),o,this.refLine.label,at,0,u,As),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<Ys-.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=>P(s,"x"))).concat(bt,rt.filter((s=>s!==dt)).map((s=>s.concat(w))),[[ut(Hs)-Qs/2,0,ut(Hs)+Qs/2,n-h.b-Ns,D]],F(xs,Os,vs,o,u,!1,As),A(s,ut,n,_s,o,Gs.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)-Qs/2)*js,0,(ut(Hs)+Qs/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}`,...Ds(this.chartName(e?"stacked":"column",Cs)),onPointerMove:this.onMove,onPointerLeave:this.onLeave},Ms?r(E,{id:this.hatchId}):null,r(G,{ticks:xs,y:Os,w:o,rtl:u,gl:As,fmt:vs,bare:ds}),ds?null:nt,this.refLine?r(N,{y:Os(this.refLine.value),w:o,rtl:u,gl:As,label:this.refLine.label,avoid:at,gaps:rt,color:this.refLine.color}):null,it,gs<0?r("line",{x1:Ws,x2:Ks,y1:W(Ys),y2:W(Ys),stroke:"var(--chart-axis)","stroke-width":1}):r(R,{w:o,rtl:u,gl:As,h:n-Ns}),r(O,{labels:s,x:ut,h:n,w:o,every:_s,lines:Gs.lines}),Ps()),Fs(this.chartName(e?"stacked":"column",Cs)),Ls)))}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}

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

@@ -1 +1 @@
-import{p as s,H as t,c,h as i,a,t as e}from"./p-DQ8DrIvI.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-CInYFFmy.js";import{h as I,w as M,c as P,p as O,s as F,a as W,i as N,k as S,K as G,r as K,P as U}from"./p-CInpgpwB.js";import{d as $}from"./p-BHB1Wprj.js";import{u as Y}from"./p-U06fVoGD.js";import{i as V}from"./p-GAnFXayY.js";import{l as X,a as A}from"./p-BuyjS5bS.js";import{d as J}from"./p-COO9uV7W.js";const Q="var(--sui-chart-candlestick-up, var(--viz-1))",R="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=Y("sui-chart-keys");hostName={};stopHostName;scale=1;rtl=!1;gutter=r.l;stopResize;componentWillLoad(){this.hasHeaderEnd=I(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=F(this.hoverIndex,t),i=P(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=O(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}):A(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}):A(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=V(this.host),h=s.length,I={up:A(void 0,"chart-candlestick.upDay",void 0,"Up day"),down:A(void 0,"chart-candlestick.downDay",void 0,"Down day"),open:A(void 0,"chart-candlestick.open",void 0,"Open"),high:A(void 0,"chart-candlestick.high",void 0,"High"),low:A(void 0,"chart-candlestick.low",void 0,"Low"),close:A(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:A(void 0,"chart-candlestick.loading",void 0,"Loading"),rtl:o})));const M=this.empty;let P=1/0,O=-1/0;for(let t=0;t<h;t++)s[t].l<P&&(P=s[t].l),s[t].h>O&&(O=s[t].h);P===1/0&&(P=0,O=0);const{ticks:$,lo:Y,hi:q}=p(P,O,4),Z=c?s=>J(s,!0,this.currency):g,_=c?s=>J(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(Y,q,n-r.b,r.t),es=(e-ss-r.r)/h,rs=Math.min(.55*es,12),ns=M?-1:F(this.hoverIndex,h),os=s.map((s=>s.label)),hs=ns>=0?s[ns]:void 0,ls=W(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?Q:R,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:I.up,color:Q},{label:I.down,color:R}]},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:I.open,value:_(hs.o)},{label:I.high,value:_(hs.h)},{label:I.low,value:_(hs.l)},{label:I.close,value:_(hs.c),color:hs.c>=hs.o?Q:R}]:[]}),i("svg",{viewBox:`0 0 ${e} ${n}`,...M?N(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:Z,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(G,{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:!M}),M?i(D,{text:A(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}
+import{p as s,H as t,c,h as i,a,t as e}from"./p-DQ8DrIvI.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 P}from"./p-QmakFSYp.js";import{h as M,w as B,c as I,p as S,s as F,a as N,i as O,k as W,K as G,r as K,P as U}from"./p-CvLe513l.js";import{d as $}from"./p-BHB1Wprj.js";import{u as Y}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 q}from"./p-qut9RP2y.js";const A="var(--sui-chart-candlestick-up, var(--viz-1))",J="var(--sui-chart-candlestick-down, var(--accent))",V=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=Y("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=B(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=I(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=S(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?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,M={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 B=this.empty;let I=1/0,S=-1/0;for(let t=0;t<h;t++)s[t].l<I&&(I=s[t].l),s[t].h>S&&(S=s[t].h);I===1/0&&(I=0,S=0);const{ticks:$,lo:Y,hi:V}=p(I,S,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]=P(e,0,o,ss),is=x(0,h,ts,cs),as=x(Y,V,n-r.b,r.t),es=(e-ss-r.r)/h,rs=Math.min(.55*es,12),ns=B?-1:F(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),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?R(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)}):R(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}`,...B?O(ls,this.keysId,this.hostName):W(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:B}),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(G,{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:!B}),B?i(D,{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]}]),Z=V,_=function(){"undefined"!=typeof customElements&&["sui-chart-candlestick"].forEach((s=>{"sui-chart-candlestick"===s&&(customElements.get(e(s))||customElements.define(e(s),V))}))};export{Z as SuiChartCandlestick,_ as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as t,c as o,h as c,a as i,t as r}from"./p-DQ8DrIvI.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 I,V as N,K as W,X as $,C as D,B as F,g as L,T as G,W as K,J as P}from"./p-CInYFFmy.js";import{h as R,t as A,w as O,c as U,p as V,s as Y,a as q,m as Q,d as X,b as J,i as Z,k as _,K as ss,r as ts,P as os}from"./p-CInpgpwB.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=R(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=A(this.hiddenSeries,s)};connectedCallback(){is(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=O(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=Y(this.hoverIndex,t),r=U(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=V(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(Y(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 q(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,R=us(this.bars),A=us(this.line),O=R.filter((s=>!o.includes(s.label))),U=A.filter((s=>!o.includes(s.label))),V=s.length,q=O.concat(U),is=t?s=>ns(s,!1,this.currency):x,as=t?s=>ns(s,!0,this.currency):x,es=1===A.length&&!A[0].accent&&!A[0].color,ls=new Map;R.concat(A).forEach(((s,t)=>{ls.set(s,s.color?s.color:s.accent||es&&t===R.length?p:m(t))}));const bs=s=>ls.get(s)||v[0],ps=s=>bs(q[s]);let ms=[0,0];for(const s of O)ms=Q(s.data,ms);const ds=d(0,ms[1],4);let gs=U.length?Q(U[0].data):[0,0];for(const s of U)gs=Q(s.data,gs);const xs=d(gs[0],gs[1],4),fs=r-S,vs=this.gutter=g(ds.ticks.map(as)),[ws,ks]=P(r,S,e,vs),ys=I(0,V,ws,ks),Cs=I(ds.lo,ds.hi,h-a.b,a.t),zs=I(xs.lo,xs.hi,h-a.b,a.t),js=(r-vs-a.r-S)/V,Ms=Math.min(.55*js,34),Ts=Ms/Math.max(O.length,1),Bs=O.length>1?1.5:0,Es=this.formatEnd||k,Hs=n?-1:Y(this.hoverIndex,V),Ss=Cs(0),Is=s=>ys(s)+js/2,Ns=s=>s.color||bs(s)===p?0:f(R.indexOf(s)),Ws=s=>bs(s)!==p&&!s.color&&R.length+A.indexOf(s)>=4?w:"none",$s=[],Ds=[],Fs=this.scale,Ls=Math.min(this.keyRow,q.length-1),Gs=q[Ls];let Ks,Ps,Rs=this.keyed&&Hs>=0&&Gs?`${this.keysId}-${Ls}-${Hs}`:void 0;const As=[];for(let t=0;t<V;t++){const o=O.map(((s,o)=>{const i=s.data[t]||0,r=Is(t)-Ms/2+o*Ts+(o>0?1:0),a=Math.max(Ss-Cs(i),0);t===Hs&&Ds.push([r-2,Cs(i)-2,r+Ts+2,Cs(i)+a+2]),t===Hs&&s===Gs?Ks=[r,Cs(i),r+Math.max(Ts-Bs,0),Cs(i)+a]:$s.push(...F([r,Cs(i),r+Math.max(Ts-Bs,0),Cs(i)+a],"x"),[r,Cs(i),r+Ts,Cs(i)+6,L]);const h=Ns(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]}));As.push(c("g",{key:s[t],opacity:-1===Hs||Hs===t?1:.45},o))}const Os=U.map(((s,t)=>{const o=ps(O.length+t),i=Ws(s),r=[];for(let t=0;t<s.data.length;t++){r.push(c("circle",{key:t+"",cx:Is(t),cy:zs(s.data[t]),r:Hs===t?3.5:2.4,fill:"var(--surface)",stroke:o,"stroke-width":1.6})),t===Hs&&Ds.push([Is(t)-6,zs(s.data[t])-6,Is(t)+6,zs(s.data[t])+6]),t===Hs&&s===Gs&&Number.isFinite(zs(s.data[t]))?Ps=[Is(t),zs(s.data[t]),7]:$s.push([Is(t)-4,zs(s.data[t])-4,Is(t)+4,zs(s.data[t])+4,1===Math.abs(t-Hs)?G:o===p?3*L:L]);for(let o=1;t+1<s.data.length&&o<4;o++){const c=Is(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?L:K])}}return c("g",{key:s.label},this.curve?c("path",{d:cs(s.data,Is,zs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}):c("polyline",{points:X(s.data,Is,zs),fill:"none",stroke:o,"stroke-width":2,"stroke-linejoin":"round","stroke-linecap":"round","stroke-dasharray":i}),r)})),Us=s=>({line:!0,mark:"dot",dash:Ws(s)}),Vs=R.map((s=>({label:s.label,color:bs(s),hatch:Ns(s)}))).concat(A.map((s=>({label:s.label,color:bs(s),...Us(s)})))),Ys=Hs>=0?O.map(((s,t)=>({label:s.label,color:ps(t),hatch:Ns(s),value:is(s.data[Hs]||0)}))).concat(U.map(((s,t)=>({label:s.label,color:ps(O.length+t),...Us(s),value:Es(s.data[Hs])})))):[];!Rs||Ks||Ps||(Rs=void 0);const qs=Rs?J(s[Hs],q.length>1?Gs.label:void 0,O.includes(Gs)?is(Gs.data[Hs]||0):Es(Gs.data[Hs])):"",Qs=y(r,h,Fs,a.r+30,0,e,vs),Xs=C(this.every,s,fs-vs-a.r,!0),Js=Hs<0?[]:z($s.concat([[Is(Hs)-Ms/2,0,Is(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,Is,h,Xs,r)),Fs).concat(Qs.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:Vs,hidden:o,onToggle:Vs.length>1?this.toggle:void 0},c("div",{class:"sui-chart-plot"},c(B,{show:Hs>=0,box:[(Is(Hs)-Ms/2)*Fs,0,(Is(Hs)+Ms/2)*Fs,h*Fs],keep:z(Ds,Fs),w:r*Fs,ht:h*Fs,title:s[Hs]||"",rows:Ys,avoid:Js,area:Qs.area,room:Qs.room}),c("svg",{viewBox:`0 0 ${r} ${h}`,...n?Z(this.chartName(q.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName):_(this.chartName(q.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName,Rs),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},O.some((s=>Ns(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(N,{ticks:xs.ticks,y:zs,w:r,fmt:Es,bare:n,rtl:e}),n?null:As,n?null:Os,c(W,{w:r,inset:S,rtl:e,gl:vs,h}),c($,{labels:s,x:Is,h,w:r,every:Xs}),Rs?c(ss,{id:Rs,label:qs,box:Ks?ts(Ks):void 0,circle:Ps}):null),c(os,{ids:this.keysId,summary:this.chartName(q.map((s=>s.label)).filter(Boolean)),host:this.hostName,hint:!n}),n?c(D,{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}
+import{p as s,H as t,c as o,h as c,a as i,t as r}from"./p-DQ8DrIvI.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 E,H,Y as B,U as S,l as N,V as W,K as $,X as D,C as I,B as L,g as F,T as P,W as R,J as G}from"./p-QmakFSYp.js";import{h as K,t as q,w as A,c as Q,p as U,s as Y,a as V,m as X,d as J,b as O,i as Z,k as _,K as ss,r as ts,P as os}from"./p-CvLe513l.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=K(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=q(this.hiddenSeries,s)};connectedCallback(){is(this.host,(()=>this.plotEl)),this.stopHostName?.(),this.stopHostName=A(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=Y(this.hoverIndex,t),r=Q(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(Y(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 V(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,K=us(this.bars),q=us(this.line),A=K.filter((s=>!o.includes(s.label))),Q=q.filter((s=>!o.includes(s.label))),U=s.length,V=A.concat(Q),is=t?s=>ns(s,!1,this.currency):x,as=t?s=>ns(s,!0,this.currency):x,es=1===q.length&&!q[0].accent&&!q[0].color,ls=new Map;K.concat(q).forEach(((s,t)=>{ls.set(s,s.color?s.color:s.accent||es&&t===K.length?p:m(t))}));const bs=s=>ls.get(s)||v[0],ps=s=>bs(V[s]);let ms=[0,0];for(const s of A)ms=X(s.data,ms);const ds=d(0,ms[1],4);let gs=Q.length?X(Q[0].data):[0,0];for(const s of Q)gs=X(s.data,gs);const xs=d(gs[0],gs[1],4),fs=r-S,vs=this.gutter=g(ds.ticks.map(as)),[ws,ks]=G(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(A.length,1),Es=A.length>1?1.5:0,Hs=this.formatEnd||k,Bs=n?-1:Y(this.hoverIndex,U),Ss=zs(0),Ns=s=>ys(s)+js/2,Ws=s=>s.color||bs(s)===p?0:f(K.indexOf(s)),$s=s=>bs(s)!==p&&!s.color&&K.length+q.indexOf(s)>=4?w:"none",Ds=[],Is=[],Ls=this.scale,Fs=Math.min(this.keyRow,V.length-1),Ps=V[Fs];let Rs,Gs,Ks=this.keyed&&Bs>=0&&Ps?`${this.keysId}-${Fs}-${Bs}`:void 0;const qs=[];for(let t=0;t<U;t++){const o=A.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===Bs&&Is.push([r-2,zs(i)-2,r+Ts+2,zs(i)+a+2]),t===Bs&&s===Ps?Rs=[r,zs(i),r+Math.max(Ts-Es,0),zs(i)+a]:Ds.push(...L([r,zs(i),r+Math.max(Ts-Es,0),zs(i)+a],"x"),[r,zs(i),r+Ts,zs(i)+6,F]);const h=Ws(s);return[c("rect",{key:s.label,x:r,y:zs(i),width:Math.max(Ts-Es,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-Es-1,0),height:Math.max(a-1,0),rx:2.5,fill:`url(#${this.hatchId}-h${h})`,stroke:ps(o),"stroke-width":1}):null]}));qs.push(c("g",{key:s[t],opacity:-1===Bs||Bs===t?1:.45},o))}const As=Q.map(((s,t)=>{const o=ps(A.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:Bs===t?3.5:2.4,fill:"var(--surface)",stroke:o,"stroke-width":1.6})),t===Bs&&Is.push([Ns(t)-6,Cs(s.data[t])-6,Ns(t)+6,Cs(s.data[t])+6]),t===Bs&&s===Ps&&Number.isFinite(Cs(s.data[t]))?Gs=[Ns(t),Cs(s.data[t]),7]:Ds.push([Ns(t)-4,Cs(s.data[t])-4,Ns(t)+4,Cs(s.data[t])+4,1===Math.abs(t-Bs)?P:o===p?3*F:F]);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);Ds.push([c-3,i-3,c+3,i+3,t===Bs||t+1===Bs?F: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)})),Qs=s=>({line:!0,mark:"dot",dash:$s(s)}),Us=K.map((s=>({label:s.label,color:bs(s),hatch:Ws(s)}))).concat(q.map((s=>({label:s.label,color:bs(s),...Qs(s)})))),Ys=Bs>=0?A.map(((s,t)=>({label:s.label,color:ps(t),hatch:Ws(s),value:is(s.data[Bs]||0)}))).concat(Q.map(((s,t)=>({label:s.label,color:ps(A.length+t),...Qs(s),value:Hs(s.data[Bs])})))):[];!Ks||Rs||Gs||(Ks=void 0);const Vs=Ks?O(s[Bs],V.length>1?Ps.label:void 0,A.includes(Ps)?is(Ps.data[Bs]||0):Hs(Ps.data[Bs])):"",Xs=y(r,h,Ls,a.r+30,0,e,vs),Js=z(this.every,s,fs-vs-a.r,!0),Os=Bs<0?[]:C(Ds.concat([[Ns(Bs)-Ms/2,0,Ns(Bs)+Ms/2,h-a.b,j]],M(ds.ticks,zs,as,r,e,!1,vs),M(xs.ticks,Cs,Hs,r,e,!0),T(s,Ns,h,Js,r)),Ls).concat(Xs.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(E,{show:Bs>=0,box:[(Ns(Bs)-Ms/2)*Ls,0,(Ns(Bs)+Ms/2)*Ls,h*Ls],keep:C(Is,Ls),w:r*Ls,ht:h*Ls,title:s[Bs]||"",rows:Ys,avoid:Os,area:Xs.area,room:Xs.room}),c("svg",{viewBox:`0 0 ${r} ${h}`,...n?Z(this.chartName(V.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName):_(this.chartName(V.map((s=>s.label)).filter(Boolean)),this.keysId,this.hostName,Ks),ref:s=>{this.plotEl=s},onKeyDown:this.onKey,onBlur:this.onBlur,onPointerMove:this.onMove,onPointerLeave:this.onLeave},A.some((s=>Ws(s)))?c(H,{id:this.hatchId}):null,c(B,{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:Hs,bare:n,rtl:e}),n?null:qs,n?null:As,c($,{w:r,inset:S,rtl:e,gl:vs,h}),c(D,{labels:s,x:Ns,h,w:r,every:Js}),Ks?c(ss,{id:Ks,label:Vs,box:Rs?ts(Rs):void 0,circle:Gs}):null),c(os,{ids:this.keysId,summary:this.chartName(V.map((s=>s.label)).filter(Boolean)),host:this.hostName,hint:!n}),n?c(I,{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}

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

@@ -1 +1 @@
-import{p as a,H as s,h as t,a as e,t as i}from"./p-DQ8DrIvI.js";import{Z as r,t as u,e as c,c as g,d as h,A as o}from"./p-CInYFFmy.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-CInpgpwB.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)),I=w-6.5,D=a=>2*Math.sqrt(Math.max(I*I-a*a,0))-8,G=this.label||"",A=u(G,10)<=D(17)?[G]:c(G,D(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)),G?A.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}
+import{p as a,H as s,h as t,a as e,t as i}from"./p-DQ8DrIvI.js";import{Z as r,t as u,e as c,c as g,d as h,A as o}from"./p-QmakFSYp.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 v,P as f}from"./p-CvLe513l.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||"",I=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",...v(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?I.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(f,{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}