@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/advanced/p-047a8d2a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as e,h as s,H as o}from"./p-DChj4qx2.js";import{s as n}from"./p-DO6vGxJP.js";import{m as r,s as h,d as a,c as l}from"./p-BwtrZuf8.js";import{p as c}from"./p-EXuVQfpl.js";import{n as u,b as d}from"./p-B6K1arcd.js";import{c as p}from"./p-BwM4aW0R.js";import{a as m,d as f}from"./p-BVmDGX0a.js";import{a as g}from"./p-DQ1RB1XB.js";import{C as y,c as x}from"./p-nxlSIIWU.js";import{h as b}from"./p-_AFoWkvk.js";import{Z as v,r as w}from"./p-DXJS1EXW.js";import{v as M,t as $,f as S,a as C,b as A}from"./p-WQSantHg.js";import{c as T,t as P}from"./p-C0f63Npv.js";import{s as _}from"./p-Yjd8T1ZK.js";import"./p-HAy9hTj2.js";import"./p-DUELYDa7.js";import"./p-AzDRbG7D.js";import"./p-D6sPnRDQ.js";const k=Math.sqrt(3);function L(t2){return Math.round(100*t2)/100}function D(t2,i2){if(!t2||"object"!=typeof t2)return null;const e2=z(t2.x),s2=z(t2.y);if(null===e2||null===s2)return null;const o2="string"==typeof t2.name&&t2.name.length>0?t2.name:`${e2},${s2}`,n2="bigint"==typeof t2.value?Number(t2.value):t2.value;return{col:e2,row:s2,name:o2,label:"string"==typeof t2.label&&t2.label.length>0?t2.label:void 0,value:"number"==typeof n2&&Number.isFinite(n2)?n2:void 0,color:"string"==typeof t2.color?t2.color:void 0,id:null!=t2.id?String(t2.id):o2!==`${e2},${s2}`?o2:`${i2}`,visible:false!==t2.visible}}function z(t2){const i2="bigint"==typeof t2?Number(t2):t2;return"number"==typeof i2&&Number.isFinite(i2)?Math.floor(i2):null}function R(t2){return t2.a>=1?`rgb(${t2.r}, ${t2.g}, ${t2.b})`:`rgba(${t2.r}, ${t2.g}, ${t2.b}, ${Math.round(1e3*t2.a)/1e3})`}const j=["top","bottom","left","right","float"];function X(t2){return"string"==typeof t2&&j.includes(t2)?t2:"bottom"}function F(t2){return 0===t2.length?0:Math.ceil(5.5*t2.length)+2}function E(t2,i2,e2={min:"",max:""}){const s2=Number.isFinite(i2.width)&&i2.width>0?i2.width:0,o2=Number.isFinite(i2.height)&&i2.height>0?i2.height:0,n2=F(e2.min),r2=F(e2.max),h2={position:t2,barThickness:10,markerRoom:8,labelGap:6,labelHeight:12,minLabelWidth:n2,maxLabelWidth:r2};if("left"===t2||"right"===t2){const t3=Math.max(0,Math.min(.6*o2,320));return{...h2,orientation:"vertical",barLength:t3,contentWidth:40,contentHeight:18+t3+6+12}}if("float"===t2){const t3=Math.max(0,Math.min(.5*s2,220));return{...h2,orientation:"horizontal",barLength:t3,contentWidth:n2+6+t3+6+r2,contentHeight:18}}const a2=Math.max(0,Math.min(.6*s2,320));return{...h2,orientation:"horizontal",barLength:a2,contentWidth:a2,contentHeight:18}}const I={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function N(t2){return Boolean(t2)&&"object"==typeof t2&&!Array.isArray(t2)}function V(t2,i2){return i2?`${t2} ${i2}`:t2}function Y(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?String(i2):`${i2}px`}let H=0;function W(t2){return Number.isInteger(t2)?String(t2):String(Math.round(100*t2)/100)}function U(t2,i2,e2){return i2>=t2.x&&i2<=t2.x+t2.width&&e2>=t2.y&&e2<=t2.y+t2.height}const Z=class{constructor(e2){t(this,e2),this.rendered=i(this,"rendered",7),this.pointClick=i(this,"pointClick",7),this.pointHover=i(this,"pointHover",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7),this.tooltipShown=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.zoomChange=i(this,"zoomChange",7)}get host(){return e(this)}data=[];width=640;height=420;brandLogo;brandPosition="bottom-right";palette="tableau10";colors;tileShape="hexagon";gap=2;showLabels=true;colorAxis;colorLegend=true;legendPosition="bottom";legendFloatAlign="end";legendFloatVerticalAlign="top";legendDraggable=false;labelColor="#ffffff";chartTitle;chartSubtitle;tooltipShow=true;tooltipFormat;tooltip;enableMouseTracking=true;zoom;engine="auto";unavailable="fallback";streamSource;streamWindow;streamMax;animated=false;animationDuration=600;animationEasing="ease-out";animationType;rendered;pointClick;pointHover;pointContextMenu;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShown;tooltipHide;tooltipAction;zoomChange;activeTier="standard";fallbackReason;tileTooltip=null;tileTooltips=[];displayData=[];hoverTileIndex=null;focusedTileIndex=null;srAnnouncement="";animationTick=0;zoomState=null;zoomSelection=null;legendFloatPosition;legendDrag;initialRevealState;morphState;animationFrameHandle=null;stopAnimationLoopImpl;suppressNextDataAnimation=false;internalStreamSource;internalStreamCapacity;boundStreamSource;streamUnsubscribe;streamLicense=new y({host:()=>this.host,input:()=>x(this,"plain-fallback"),active:()=>void 0!==this.boundStreamSource,onChange:()=>this.handleStreamLicenseChange()});internalStreamData;lastRenderResult={tiles:0,renderMs:0};pendingRenderedEmit=false;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;pointerFocusing=false;instanceKey=++H;zoomInteraction=new v(this.zoomInteractionHost());componentWillLoad(){this.displayData=this.data}hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&(this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false}),this.bindStreamSource())}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.host.addEventListener("wheel",this.handleZoomWheel,{passive:false}),this.shouldRunInitialAnimation(null)&&this.startInitialReveal()}componentDidRender(){this.detached||(this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})),this.measureTileTooltipBox())}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.cancelInitialReveal(false),this.cancelMorph(false),this.stopAnimationLoop(),this.tooltipDrag=void 0,this.host.removeEventListener("wheel",this.handleZoomWheel),this.zoomInteraction.dispose(),this.zoomSelection=null}handleDataChange(t2,i2){if(this.suppressNextDataAnimation)return this.suppressNextDataAnimation=false,void(this.morphState||(this.displayData=t2));this.routeDataAnimation(i2??[],t2)}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationChange(){this.cancelMorph(true),this.cancelInitialReveal(true),this.shouldRunInitialAnimation(null)&&this.startInitialReveal()}handleVisualPropsChange(){this.animationTick++}handleLegendAnchorChange(){this.legendFloatPosition=void 0,this.legendDrag=void 0}async redraw(){const t2=this.now(),i2={tiles:this.settledRenderLayout().placed.length,renderMs:this.now()-t2};return this.lastRenderResult=i2,this.animationTick++,i2}async getActiveTier(){return this.activeTier}async addTile(t2){const i2=Array.isArray(this.data)?[...this.data]:[];return i2.push(t2),this.data=i2,i2.length-1}async removeTile(t2){if(!Array.isArray(this.data))return false;const i2=this.resolveTileIndex(t2);if(i2<0)return false;const e2=[...this.data];return e2.splice(i2,1),this.data=e2,true}async updateTile(t2,i2){if(!Array.isArray(this.data))return false;const e2=this.resolveTileIndex(t2);if(e2<0)return false;const s2=[...this.data];return s2[e2]={...s2[e2],...i2},this.data=s2,true}async setTileValue(t2,i2){return this.updateTile(t2,{value:i2})}async appendPoint(t2){await this.streamLicense.run("appendPoint",(()=>{const i2=this.activeStreamSource();i2?i2.push(t2):(this.upsertIntoData([t2]),this.appended.emit({count:1}))}))}async appendBatch(t2){Array.isArray(t2)&&0!==t2.length&&await this.streamLicense.run("appendBatch",(()=>{const i2=this.activeStreamSource();i2?i2.pushBatch(t2):(this.upsertIntoData(t2),this.appended.emit({count:t2.length}))}))}async shift(t2=1){await this.streamLicense.run("shift",(()=>{const i2=this.activeStreamSource();if(i2)return void i2.shift(t2);if(!Array.isArray(this.data))return;const e2=Math.max(0,Math.min(Math.floor(t2),this.data.length));if(0===e2)return;const s2=[...this.data];s2.splice(0,e2),this.data=s2,this.windowSlid.emit({dropped:e2})}))}async replace(t2){await this.streamLicense.run("replace",(()=>{const i2=this.activeStreamSource();i2?i2.replace(t2):this.data=Array.isArray(t2)?[...t2]:[]}))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(()=>this.activeStreamSource()))}async setAnimation(t2){t2&&(Number.isFinite(t2.duration)&&(this.animationDuration=t2.duration),t2.easing&&(this.animationEasing=t2.easing),t2.type&&(this.animationType=t2.type),"boolean"==typeof t2.enabled&&(t2.enabled||!this.initialRevealState&&!this.morphState||this.chartAnimationInterrupted.emit(),this.animated=t2.enabled,t2.enabled||(this.cancelMorph(false),this.cancelInitialReveal(false),this.stopAnimationLoop(),this.animationTick++)))}async pauseAnimation(){const t2=this.now();for(const i2 of[this.initialRevealState,this.morphState])i2&&!i2.paused&&(i2.pausedElapsed=t2-i2.startedAt,i2.paused=true);this.stopAnimationLoop()}async resumeAnimation(){const t2=this.now();for(const i2 of[this.initialRevealState,this.morphState])i2&&i2.paused&&(i2.startedAt=t2-i2.pausedElapsed,i2.paused=false);(this.initialRevealState||this.morphState)&&this.startAnimationLoop()}async replayAnimation(){this.animated&&(this.cancelMorph(false),this.cancelInitialReveal(false),this.startInitialReveal())}async hitTestTile(t2,i2){const e2=this.settledRenderLayout(),s2=this.tileUnderPointer(e2,t2,i2);return s2?{index:s2.tile.index,id:s2.tile.id,col:s2.tile.col,row:s2.tile.row,name:s2.tile.name}:null}async showTooltipAtTile(t2){const i2=this.resolveTileIndex(t2),e2=this.settledRenderLayout().placed.find((t3=>t3.tile.index===i2));if(!e2)return null;const s2=this.effectiveTooltipSpec();return s2.show?(this.showTooltipForTile(e2,s2,"multiple"===s2.openMode),this.buildPointEventDetail(e2)):null}async hideTooltip(){this.clearTooltips()}async zoomTo(t2){return this.zoomInteraction.zoomTo(t2)}async zoomBy(t2,i2=.5){return this.zoomInteraction.zoomBy(t2,i2)}async panBy(t2){return this.zoomInteraction.panBy(t2)}async resetZoom(){return this.zoomInteraction.reset()}async getZoom(){return this.zoomState}async getZoomExtent(t2){return this.zoomInteraction.extent(t2)}zoomSpec(){return w(this.zoom)}zoomRect(){const t2=this.legendRemainingOuter();return{x:t2.x,y:t2.y,width:Math.max(1,t2.width),height:Math.max(1,t2.height)}}viewportTransform(){return M(this.zoomRect(),this.zoomState)}shownPoint(t2,i2){return $(this.viewportTransform(),t2,i2)}contentPointAt(t2,i2){const e2=this.viewportTransform();return e2.zoomed?U(this.zoomRect(),t2,i2)?S(e2,t2,i2):null:{x:t2,y:i2}}tileUnderPointer(t2,i2,e2){const s2=this.contentPointAt(i2,e2);return s2?this.tileAt(t2,s2.x,s2.y):null}zoomInteractionHost(){return{frame:()=>C(this.zoomRect(),this.zoomState),spec:()=>this.zoomSpec(),state:()=>this.zoomState,apply:t2=>{this.zoomState=t2,this.reanchorTooltipsForZoom()},emit:t2=>{this.zoomChange.emit(t2)},selection:t2=>{this.zoomSelection=t2},standDown:()=>this.zoomStandDown()}}zoomStandDown(){this.clearHover()}reanchorTooltipsForZoom(){if(!this.hasVisibleTooltips())return;const t2=this.viewportTransform(),i2=this.zoomRect(),e2=e3=>{const s2=$(t2,e3.anchorX,e3.anchorY);if(t2.zoomed&&!U(i2,s2.x,s2.y))return null;const o2={...e3.context,cssX:s2.x,cssY:s2.y};return e3.positionLock?{...e3,pointCssX:s2.x,pointCssY:s2.y,context:o2}:{...e3,cssX:s2.x,cssY:s2.y,pointCssX:s2.x,pointCssY:s2.y,context:o2}};this.tileTooltip=this.tileTooltip?e2(this.tileTooltip):null,this.tileTooltips=this.tileTooltips.map(e2).filter((t3=>null!==t3)),this.hasVisibleTooltips()||(this.tooltipDrag=void 0,this.tooltipHide.emit())}zoomPointerInput(t2){const i2=this.pointerCss(t2);return{pointerId:t2.pointerId,x:i2.x,y:i2.y,button:t2.button,shiftKey:t2.shiftKey,altKey:t2.altKey,pointerType:t2.pointerType}}zoomWheelInput(t2){const i2=this.pointerCss(t2);return{x:i2.x,y:i2.y,deltaX:t2.deltaX,deltaY:t2.deltaY,deltaMode:t2.deltaMode,ctrlKey:t2.ctrlKey,metaKey:t2.metaKey,shiftKey:t2.shiftKey}}handleZoomWheel=t2=>{this.zoomInteraction.wheel(this.zoomWheelInput(t2))&&t2.preventDefault()};handleZoomPointerDown=t2=>{this.legendOwnsEvent(t2)||this.zoomInteraction.pointerDown(this.zoomPointerInput(t2))&&t2.currentTarget?.setPointerCapture?.(t2.pointerId)};handleZoomPointerMove(t2){return this.zoomInteraction.pointerMove(this.zoomPointerInput(t2))}handleZoomPointerUp=t2=>{const i2=this.zoomInteraction.isPending;this.zoomInteraction.pointerUp(this.zoomPointerInput(t2)),i2&&t2.currentTarget?.releasePointerCapture?.(t2.pointerId)};handleZoomPointerCancel=()=>{this.zoomInteraction.pointerCancel()};consumeSuppressedPlotClick(){return this.zoomInteraction.consumeSuppressedClick()}handleZoomKeyDown(t2){return!!this.zoomInteraction.wantsKey(t2)&&!!this.zoomInteraction.keyDown(t2)&&(t2.preventDefault(),t2.stopPropagation(),true)}renderZoomOverlay(){const t2=this.zoomSpec(),i2=this.zoomSelection,e2=null!==this.zoomState;if(!(i2||e2&&t2.resetButton))return null;const o2=this.zoomRect();return s("div",{class:"sy-tilemap__zoom-overlay",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"6"}},i2&&s("div",{class:"sy-tilemap__zoom-selection","aria-hidden":"true",style:{position:"absolute",left:`${i2.x}px`,top:`${i2.y}px`,width:`${i2.width}px`,height:`${i2.height}px`,boxSizing:"border-box",background:"var(--sy-zoom-selection-bg, rgba(37, 99, 235, 0.12))",border:"1px solid var(--sy-zoom-selection-border, rgba(37, 99, 235, 0.6))"}}),e2&&t2.resetButton&&s("button",{type:"button",class:"sy-tilemap__zoom-reset","aria-label":"Reset zoom",onClick:()=>{this.resetZoom()},style:{...v.resetButtonStyle,position:"absolute",left:o2.x+o2.width-8+"px",top:`${o2.y+8}px`,transform:"translateX(-100%)",pointerEvents:"auto",font:"500 11px system-ui, sans-serif",padding:"3px 8px",borderRadius:"4px",border:"1px solid var(--sy-zoom-reset-border, #9ca3af)",background:"var(--sy-zoom-reset-bg, #ffffff)",color:"var(--sy-axis-color, #111827)",cursor:"pointer"}},"Reset zoom"))}resolveTileIndex(t2){if(!Array.isArray(this.data))return-1;if("object"==typeof t2&&null!==t2){const i2=Math.floor(t2.x),e2=Math.floor(t2.y);for(let t3=this.data.length-1;t3>=0;t3-=1){const s2=D(this.data[t3],t3);if(s2&&s2.col===i2&&s2.row===e2)return t3}return-1}if("number"==typeof t2&&Number.isFinite(t2)){const i2=Math.floor(t2);return i2>=0&&i2<this.data.length?i2:-1}for(let i2=0;i2<this.data.length;i2++){const e2=D(this.data[i2],i2);if(e2&&(e2.id===t2||e2.name===t2))return i2}return-1}upsertIntoData(t2){const i2=Array.isArray(this.data)?[...this.data]:[];for(const e2 of t2){const t3=D(e2,i2.length);if(!t3)continue;const s2=i2.findIndex(((i3,e3)=>{const s3=D(i3,e3);return null!==s3&&s3.col===t3.col&&s3.row===t3.row}));s2<0?i2.push(e2):i2[s2]=e2}this.data=i2}activeStreamSource(){const t2=this.streamLicense.route();if("plain"===t2&&this.dropInternalStreamSource(),"stream"===t2)return this.streamSource?this.streamSource:this.ensureInternalStreamSource()}ensureInternalStreamSource(){if(!Number.isFinite(this.streamMax))return void this.dropInternalStreamSource();const t2=Math.max(1,Math.floor(this.streamMax));return this.internalStreamSource&&this.internalStreamCapacity===t2||(this.internalStreamCapacity=t2,this.internalStreamSource=(function(){const t3=new Error("Dedicated streaming requires @syidax/advanced-pro");throw t3.code="module-missing",t3.feature="chart.streaming",t3})(),this.internalStreamData=this.data),this.internalStreamSource}dropInternalStreamSource(){this.internalStreamSource=void 0,this.internalStreamCapacity=void 0,this.internalStreamData=void 0}bindStreamSource(){if(this.detached)return;const t2=this.streamLicense.route();"plain"===t2&&this.dropInternalStreamSource();let i2="stream"===t2?this.streamSource??this.ensureInternalStreamSource():void 0;i2!==this.boundStreamSource&&(void 0!==i2&&i2===this.internalStreamSource&&this.data!==this.internalStreamData&&(this.dropInternalStreamSource(),i2=this.ensureInternalStreamSource()),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,i2&&(this.boundStreamSource=i2,this.streamUnsubscribe=i2.subscribe((t3=>this.handleStreamEvent(t3))),this.syncFromStreamSource()))}syncFromStreamSource(){if(!this.boundStreamSource)return;const t2=this.boundStreamSource.snapshot(this.streamWindow);this.suppressNextDataAnimation=true,this.data=t2,this.noteStreamData(),this.displayData=t2}handleStreamLicenseChange(){this.bindStreamSource()}noteStreamData(){void 0!==this.boundStreamSource&&this.boundStreamSource===this.internalStreamSource&&(this.internalStreamData=this.data)}handleStreamEvent(t2){if(!this.boundStreamSource)return;const i2=this.boundStreamSource.snapshot(this.streamWindow),e2=this.currentTileVisuals(),s2=this.displayData;return this.suppressNextDataAnimation=true,this.data=i2,this.noteStreamData(),"push"===t2.type||"pushBatch"===t2.type?this.appended.emit({count:t2.count}):"shift"===t2.type&&this.windowSlid.emit({dropped:t2.count}),this.shouldRunInitialAnimation(s2)?(this.cancelMorph(false),this.displayData=i2,this.startInitialReveal(),void this.animationTick++):this.shouldAnimateUpdates(s2)?this.sameTilemapData(s2,i2)?(this.displayData=i2,void this.animationTick++):(this.displayData=i2,void this.startTileMorph(e2)):(this.cancelMorph(false),this.displayData=i2,void this.animationTick++)}sameTilemapData(t2,i2){const e2=Array.isArray(t2)?t2:[],s2=Array.isArray(i2)?i2:[];if(e2.length!==s2.length)return false;for(let t3=0;t3<e2.length;t3++){const i3=D(e2[t3],t3),o2=D(s2[t3],t3);if(!i3||!o2)return i3===o2;if(i3.col!==o2.col||i3.row!==o2.row||i3.value!==o2.value||i3.color!==o2.color)return false}return true}shouldAnimateUpdates(t2){return this.animated&&"update"===this.resolveAnimationType(t2)}shouldRunInitialAnimation(t2){return this.animated&&"initial"===this.resolveAnimationType(t2)}resolveAnimationType(t2){return this.animationType?this.animationType:Array.isArray(t2)&&t2.length>0?"update":"initial"}routeDataAnimation(t2,i2){const e2=this.currentTileVisuals();this.displayData=i2,this.shouldRunInitialAnimation(t2)?(this.cancelMorph(true),this.startInitialReveal()):this.shouldAnimateUpdates(t2)&&!this.sameTilemapData(t2,i2)?this.startTileMorph(e2):this.animationTick++}startInitialReveal(){this.cancelInitialReveal(false);const t2=Math.max(0,this.animationDuration);t2<=0||(this.initialRevealState={startedAt:this.now(),duration:t2,paused:false,pausedElapsed:0},this.chartAnimationStart.emit(),this.startAnimationLoop())}cancelInitialReveal(t2){this.initialRevealState&&(t2&&this.chartAnimationInterrupted.emit(),this.initialRevealState=void 0)}startTileMorph(t2){this.cancelMorph(true);const i2=Math.max(0,this.animationDuration);i2<=0?this.animationTick++:(this.morphState={prevVisuals:t2,startedAt:this.now(),duration:i2,paused:false,pausedElapsed:0},this.chartAnimationStart.emit(),this.startAnimationLoop())}cancelMorph(t2){this.morphState&&(t2&&this.chartAnimationInterrupted.emit(),this.morphState=void 0)}now(){return"undefined"!=typeof performance?performance.now():0}startAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2="function"==typeof requestAnimationFrame?requestAnimationFrame:t3=>setTimeout((()=>t3(this.now())),16),i2="function"==typeof cancelAnimationFrame?cancelAnimationFrame:t3=>clearTimeout(t3),e2=i3=>{this.animationFrameHandle=null;const s2=this.advanceAnimations(i3);this.animationTick++,s2?this.animationFrameHandle=t2(e2):this.chartAnimationEnd.emit()};this.animationFrameHandle=t2(e2),this.stopAnimationLoopImpl=()=>{null!==this.animationFrameHandle&&(i2(this.animationFrameHandle),this.animationFrameHandle=null)}}stopAnimationLoop(){this.stopAnimationLoopImpl?.(),this.animationFrameHandle=null}advanceAnimations(t2){let i2=false;if(this.initialRevealState){const e2=this.initialRevealState;(e2.paused?e2.pausedElapsed:t2-e2.startedAt)>=e2.duration?this.initialRevealState=void 0:e2.paused||(i2=true)}if(this.morphState){const e2=this.morphState;(e2.paused?e2.pausedElapsed:t2-e2.startedAt)>=e2.duration?this.morphState=void 0:e2.paused||(i2=true)}return i2}tweenProgress(t2){const i2=t2.paused?t2.pausedElapsed:this.now()-t2.startedAt,e2=Math.min(1,Math.max(0,i2/Math.max(1,t2.duration)));return g(e2,this.animationEasing)}resolvedPalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const t2=l[this.palette]??l.tableau10,i2=Math.max(t2.stops.length,12);return a(t2,i2).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`))}titleGutter(){let t2=0;return this.chartTitle&&(t2+=22),this.chartSubtitle&&(t2+=16),t2}colorLegendActive(){return false!==this.colorLegend&&null!=this.colorAxis&&false!==this.colorAxis}legendOuter(){const t2=this.titleGutter();return{x:0,y:t2,width:Math.max(1,this.width),height:Math.max(1,this.height-t2)}}colorLegendLayout(t2){if(!this.colorLegendActive())return null;const i2=this.legendOuter(),e2=X(this.legendPosition),s2=E(e2,i2,t2),o2=p({outerWidth:i2.width,outerHeight:i2.height,items:[{label:"colour axis",swatchColor:"transparent"}],position:e2,floatAlign:this.legendFloatAlign,floatVerticalAlign:this.legendFloatVerticalAlign,align:"center",gap:0,rowGap:0,swatchSize:0,swatchLabelGap:0,padding:{top:8,right:8,bottom:8,left:8},measureLabel:()=>({width:s2.contentWidth,height:s2.contentHeight})});return this.applyLegendFloatPosition(this.shiftLegendLayout(o2,i2.x,i2.y,true))}legendRemainingOuter(){return this.colorLegendLayout()?.remainingOuter??this.legendOuter()}shiftLegendLayout(t2,i2,e2,s2){if(0===i2&&0===e2)return t2;const o2=t3=>({...t3,x:t3.x+i2,y:t3.y+e2});return{...t2,legendRect:t2.legendRect?o2(t2.legendRect):t2.legendRect,itemRects:t2.itemRects.map((t3=>({...o2(t3),swatchRect:o2(t3.swatchRect),labelRect:o2(t3.labelRect)}))),remainingOuter:s2?o2(t2.remainingOuter):t2.remainingOuter}}applyLegendFloatPosition(t2){return"float"===this.legendPosition&&t2.legendRect&&this.legendFloatPosition?this.shiftLegendLayout(t2,this.legendFloatPosition.x-t2.legendRect.x,this.legendFloatPosition.y-t2.legendRect.y,false):t2}canDragLegend(t2){return this.legendDraggable&&"float"===this.legendPosition&&!!t2.legendRect}legendOwnsEvent(t2){const i2=t2.target;return!!i2?.closest?.("[data-sy-legend-float]")}handleLegendPointerDown(t2,i2){if(!this.canDragLegend(i2))return;t2.preventDefault();const e2=i2.legendRect;this.legendFloatPosition||(this.legendFloatPosition=m(e2.x,e2.y)),this.legendDrag={pointerId:t2.pointerId,lastX:t2.clientX,lastY:t2.clientY,moved:false},t2.currentTarget?.setPointerCapture?.(t2.pointerId)}handleLegendPointerMove(t2,i2){const e2=this.legendDrag;if(!e2||e2.pointerId!==t2.pointerId||!i2.legendRect||!this.canDragLegend(i2))return;const s2=t2.clientX-e2.lastX,o2=t2.clientY-e2.lastY;0===s2&&0===o2||(this.legendFloatPosition=f(this.legendFloatPosition??m(i2.legendRect.x,i2.legendRect.y),s2,o2,{x:0,y:0,width:this.width,height:this.height},{width:i2.legendRect.width,height:i2.legendRect.height}),e2.lastX=t2.clientX,e2.lastY=t2.clientY,e2.moved=true)}handleLegendPointerUp(t2){const i2=this.legendDrag;i2&&i2.pointerId===t2.pointerId&&(t2.currentTarget?.releasePointerCapture?.(t2.pointerId),this.legendDrag=void 0)}plotRect(){const t2=this.legendRemainingOuter();return{x:t2.x+8,y:t2.y+8,width:Math.max(1,t2.width-16),height:Math.max(1,t2.height-16)}}effectiveTileShape(){return"square"===this.tileShape||"hexagon"===this.tileShape||"circle"===this.tileShape||"diamond"===this.tileShape?this.tileShape:"hexagon"}settledRenderLayout(){return(function(t2){let i2=(function(t3,i3){const e3=Array.isArray(t3)?t3:[],s3=new Map;for(let t4=0;t4<e3.length;t4+=1){const o3=D(e3[t4],t4);o3&&o3.visible&&s3.set(`${o3.col}:${o3.row}`,{index:t4,id:o3.id,col:o3.col,row:o3.row,name:o3.name,label:o3.label,value:o3.value,color:o3.color??i3[t4%Math.max(1,i3.length)]??"#2563eb",explicitColor:void 0!==o3.color})}return[...s3.values()]})(t2.data,t2.palette);const e2=(function(t3,i3){if(null==t3||false===t3)return null;const e3=true===t3||"auto"===t3?{}:t3;let s3=1/0,o3=-1/0;for(const t4 of i3)void 0!==t4.value&&(t4.value<s3&&(s3=t4.value),t4.value>o3&&(o3=t4.value));const n2=Number.isFinite(e3.min)?e3.min:s3,a2=Number.isFinite(e3.max)?e3.max:o3;if(!Number.isFinite(n2)||!Number.isFinite(a2))return null;const l2=a2>n2?a2-n2:1;let u2;if(Array.isArray(e3.stops)&&e3.stops.length>0){const t4=e3.stops.map((([t5,i4])=>({t:Math.min(1,Math.max(0,Number(t5))),color:c(String(i4))}))).filter((t5=>null!==t5.color)).sort(((t5,i4)=>t5.t-i4.t));if(0===t4.length)return null;u2=i4=>{const e4=Math.min(1,Math.max(0,i4));if(e4<=t4[0].t)return t4[0].color;const s4=t4[t4.length-1];if(e4>=s4.t)return s4.color;for(let i5=0;i5<t4.length-1;i5+=1){const s5=t4[i5],o4=t4[i5+1];if(e4<=o4.t){const t5=o4.t>s5.t?(e4-s5.t)/(o4.t-s5.t):0;return r([s5.color,o4.color])(t5)}}return s4.color}}else if("string"==typeof e3.minColor||"string"==typeof e3.maxColor){const t4=c(e3.minColor??"#eff6ff"),i4=c(e3.maxColor??"#1d4ed8");if(!t4||!i4)return null;u2=r([t4,i4])}else u2=r(h[e3.scheme??"blues"]??h.blues);const d2=[];for(let t4=0;t4<=8;t4+=1){const i4=t4/8;d2.push([i4,R(u2(i4))])}return{min:n2,max:a2,colorFor:t4=>R(u2((Math.min(a2,Math.max(n2,t4))-n2)/l2)),gradientStops:d2}})(t2.colorAxis,i2);e2&&(i2=i2.map((t3=>t3.explicitColor?t3:void 0===t3.value?{...t3,color:"#e2e8f0"}:{...t3,color:e2.colorFor(t3.value)})));const s2=(function(t3){const i3=(function(t4){if(0===t4.length)return{minCol:0,maxCol:-1,minRow:0,maxRow:-1,cols:0,rows:0};let i4=1/0,e4=-1/0,s4=1/0,o4=-1/0;for(const n3 of t4)n3.col<i4&&(i4=n3.col),n3.col>e4&&(e4=n3.col),n3.row<s4&&(s4=n3.row),n3.row>o4&&(o4=n3.row);return{minCol:i4,maxCol:e4,minRow:s4,maxRow:o4,cols:e4-i4+1,rows:o4-s4+1}})(t3.tiles),e3=t3.plot;if(0===i3.cols||0===i3.rows)return{placed:[],extent:i3,cell:0,gridRect:{x:e3.x,y:e3.y,width:0,height:0}};if("hexagon"===t3.lattice){const s4=k*(i3.cols+(i3.rows>1?.5:0)),o4=1.5*(i3.rows-1)+2,n3=Math.max(1,Math.min(e3.width/s4,e3.height/o4)),r3=n3*s4,h3=n3*o4,a2=e3.x+(e3.width-r3)/2,l2=e3.y+(e3.height-h3)/2;return{placed:t3.tiles.map((t4=>({tile:t4,cx:a2+k*n3*(t4.col-i3.minCol+.5+(t4.row%2+2)%2*.5),cy:l2+n3*(1.5*(t4.row-i3.minRow)+1),cell:k*n3}))),extent:i3,cell:k*n3,hexRadius:n3,gridRect:{x:a2,y:l2,width:r3,height:h3}}}const s3=Math.max(1,Math.min(e3.width/i3.cols,e3.height/i3.rows)),o3=s3*i3.cols,n2=s3*i3.rows,r2=e3.x+(e3.width-o3)/2,h2=e3.y+(e3.height-n2)/2;return{placed:t3.tiles.map((t4=>({tile:t4,cx:r2+(t4.col-i3.minCol+.5)*s3,cy:h2+(t4.row-i3.minRow+.5)*s3,cell:s3}))),extent:i3,cell:s3,gridRect:{x:r2,y:h2,width:o3,height:n2}}})({tiles:i2,plot:t2.plot,lattice:t2.lattice}),o2=s2.placed.map((t3=>({key:`${t3.tile.col}:${t3.tile.row}`,placed:t3,cx:t3.cx,cy:t3.cy,cell:t3.cell,color:t3.tile.color,name:t3.tile.name,label:t3.tile.label,value:t3.tile.value,index:t3.tile.index})));return{tiles:i2,placed:[...s2.placed],visuals:o2,extent:s2.extent,cell:s2.cell,hexRadius:s2.hexRadius,colorAxis:e2,gridRect:s2.gridRect,plot:t2.plot}})({data:this.displayData,plot:this.plotRect(),palette:this.resolvedPalette(),lattice:"hexagon"===this.effectiveTileShape()?"hexagon":"square",colorAxis:this.colorAxis})}currentTileVisuals(){const t2=this.settledRenderLayout();if(!this.morphState)return t2.visuals;const i2=this.tweenProgress(this.morphState);return this.composeMorphTiles(this.morphState.prevVisuals,t2.visuals,i2).filter((t3=>!t3.key.startsWith("ghost:"))).map((i3=>{const e2=t2.visuals.find((t3=>t3.key===i3.key));return e2?{...e2,cx:i3.cx,cy:i3.cy,cell:i3.cell}:void 0})).filter((t3=>void 0!==t3))}composeMorphTiles(t2,i2,e2){const s2=[],o2=new Map(t2.map((t3=>[t3.key,t3]))),n2=new Set(i2.map((t3=>t3.key)));for(const t3 of i2){const i3=o2.get(t3.key);s2.push(i3?{key:t3.key,cx:i3.cx+(t3.cx-i3.cx)*e2,cy:i3.cy+(t3.cy-i3.cy)*e2,cell:i3.cell+(t3.cell-i3.cell)*e2,color:t3.color,name:t3.name,label:t3.label,index:t3.index,scale:1,opacity:1}:{key:t3.key,cx:t3.cx,cy:t3.cy,cell:t3.cell,color:t3.color,name:t3.name,label:t3.label,index:t3.index,scale:e2,opacity:e2})}for(const i3 of t2)n2.has(i3.key)||s2.push({key:`ghost:${i3.key}`,cx:i3.cx,cy:i3.cy,cell:i3.cell,color:i3.color,name:i3.name,label:i3.label,index:i3.index,scale:1-e2,opacity:1-e2});return s2}revealProgressFor(t2,i2,e2){if(i2<=0)return 1;const s2=t2/i2,o2=Math.max(1e-6,1/Math.min(i2,12));return Math.min(1,Math.max(0,(e2*(1+o2)-s2)/o2))}buildPointEventDetail(t2){const i2=this.shownPoint(t2.cx,t2.cy);return{index:t2.tile.index,id:t2.tile.id,col:t2.tile.col,row:t2.tile.row,name:t2.tile.name,label:t2.tile.label,value:t2.tile.value,color:t2.tile.color,cssX:i2.x,cssY:i2.y}}navigableTiles(t2=this.settledRenderLayout()){return[...t2.placed]}tileAriaLabel(t2){return`${t2.tile.name}${void 0!==t2.tile.value?`: ${t2.tile.value}`:""} (column ${t2.tile.col}, row ${t2.tile.row})`}accessibleSummary(t2){return`${this.chartTitle?`${this.chartTitle}. `:""}Tilemap, ${t2.placed.length} ${1===t2.placed.length?"tile":"tiles"} on a ${t2.extent.cols}×${t2.extent.rows} grid.`}announceFocusedTile(t2){this.focusedTileIndex=t2.tile.index,this.srAnnouncement=this.tileAriaLabel(t2),this.enableMouseTracking&&this.pointHover.emit(this.buildPointEventDetail(t2))}moveFocus(t2){const i2=this.navigableTiles();if(0===i2.length)return;let e2=i2.findIndex((t3=>t3.tile.index===this.focusedTileIndex));e2<0&&(e2=t2>0?-1:0),e2=(e2+t2+i2.length)%i2.length,this.announceFocusedTile(i2[e2])}onChartPointerDown=()=>{this.pointerFocusing=true,setTimeout((()=>{this.pointerFocusing=false}),0)};onChartFocus=()=>{if(this.pointerFocusing)return;if(null!==this.focusedTileIndex)return;const t2=this.navigableTiles();t2.length>0&&this.announceFocusedTile(t2[0])};onChartBlur=()=>{this.focusedTileIndex=null};onChartKeyDown=t2=>{if(!this.handleZoomKeyDown(t2))switch(t2.key){case"ArrowRight":case"ArrowDown":t2.preventDefault(),this.moveFocus(1);break;case"ArrowLeft":case"ArrowUp":t2.preventDefault(),this.moveFocus(-1);break;case"Home":{t2.preventDefault();const i2=this.navigableTiles()[0];i2&&this.announceFocusedTile(i2);break}case"End":{t2.preventDefault();const i2=this.navigableTiles();i2.length>0&&this.announceFocusedTile(i2[i2.length-1]);break}case"Enter":case" ":{if(null===this.focusedTileIndex)return;t2.preventDefault();const i2=this.settledRenderLayout().placed.find((t3=>t3.tile.index===this.focusedTileIndex));if(!i2)return;this.pointClick.emit(this.buildPointEventDetail(i2));const e2=this.effectiveTooltipSpec();e2.show&&this.showTooltipForTile(i2,e2,"multiple"===e2.openMode);break}case"Escape":this.focusedTileIndex=null,this.clearHover()}};pointerCss(t2){const i2=this.host.getBoundingClientRect();return{x:t2.clientX-i2.left,y:t2.clientY-i2.top}}tileAt(t2,i2,e2){if(void 0!==t2.hexRadius)return(function(t3,i3,e3,s3,o2){const n2=Math.max(.5,i3-Math.max(0,e3)/2),r2=k/2*n2;for(let i4=t3.length-1;i4>=0;i4-=1){const e4=t3[i4],h2=Math.abs(s3-e4.cx),a2=Math.abs(o2-e4.cy);if(!(h2>r2||a2>n2)&&a2<=n2-h2/k)return e4}return null})(t2.placed,t2.hexRadius,this.gap,i2,e2);const s2=this.effectiveTileShape();return"circle"===s2?(function(t3,i3,e3,s3){for(let o2=t3.length-1;o2>=0;o2-=1){const n2=t3[o2],r2=Math.max(.5,(n2.cell-Math.max(0,i3))/2);if(Math.hypot(e3-n2.cx,s3-n2.cy)<=r2)return n2}return null})(t2.placed,this.gap,i2,e2):"diamond"===s2?(function(t3,i3,e3,s3){for(let o2=t3.length-1;o2>=0;o2-=1){const n2=t3[o2],r2=Math.max(.5,(n2.cell-Math.max(0,i3))/2);if(Math.abs(e3-n2.cx)+Math.abs(s3-n2.cy)<=r2)return n2}return null})(t2.placed,this.gap,i2,e2):(function(t3,i3,e3,s3){for(let o2=t3.length-1;o2>=0;o2-=1){const n2=t3[o2],r2=Math.max(.5,(n2.cell-Math.max(0,i3))/2);if(Math.abs(e3-n2.cx)<=r2&&Math.abs(s3-n2.cy)<=r2)return n2}return null})(t2.placed,this.gap,i2,e2)}onChartPointerMove=t2=>{if(this.handleZoomPointerMove(t2))return;if(!this.enableMouseTracking)return;const{x:i2,y:e2}=this.pointerCss(t2),s2=this.settledRenderLayout(),o2=this.legendOwnsEvent(t2)?null:this.tileUnderPointer(s2,i2,e2),n2=o2?o2.tile.index:null;if(n2===this.hoverTileIndex)return;if(this.hoverTileIndex=n2,null===n2||!o2){this.pointHover.emit(null);const t3=this.effectiveTooltipSpec();return void(this.shouldHideTooltipOnLeave(t3)&&this.clearSingleTooltip())}this.pointHover.emit(this.buildPointEventDetail(o2));const r2=this.effectiveTooltipSpec();r2.show&&"click"!==r2.trigger&&this.showTooltipForTile(o2,r2,false)};onChartClick=t2=>{if(this.consumeSuppressedPlotClick())return;if(this.legendOwnsEvent(t2))return;if(!this.enableMouseTracking)return void(this.hasVisibleTooltips()&&this.clearTooltips());const{x:i2,y:e2}=this.pointerCss(t2),s2=this.settledRenderLayout(),o2=this.tileUnderPointer(s2,i2,e2);if(!o2)return void(this.hasVisibleTooltips()&&this.clearTooltips());this.pointClick.emit(this.buildPointEventDetail(o2));const n2=this.effectiveTooltipSpec();!n2.show||"click"!==n2.trigger&&"hover-click"!==n2.trigger||this.showTooltipForTile(o2,n2,true)};onChartLeave=()=>{this.clearHover()};onPointContextMenu=t2=>{if(!this.enableMouseTracking||this.legendOwnsEvent(t2))return;const{x:i2,y:e2}=this.pointerCss(t2),s2=this.settledRenderLayout(),o2=this.tileUnderPointer(s2,i2,e2);o2&&(t2.preventDefault(),t2.stopPropagation(),this.pointContextMenu.emit(d(t2,this.host,"tilemap",this.buildPointEventDetail(o2),{index:0,id:"tilemap",name:this.chartTitle??"Tilemap"})))};clearHover(){const t2=null!==this.hoverTileIndex;if(!t2&&!this.hasVisibleTooltips())return;this.hoverTileIndex=null,t2&&this.pointHover.emit(null);const i2=this.effectiveTooltipSpec();this.shouldHideTooltipOnLeave(i2)&&this.clearSingleTooltip()}effectiveTooltipSpec(){return void 0!==this.tooltip?(function(t3){if(null==t3||"auto"===t3||true===t3)return{...I};if("off"===t3||false===t3)return{...I,show:false};if(!N(t3))return{...I};const i2=t3,e2=N(i2.style)?Object.fromEntries(Object.entries(i2.style).filter((([,t4])=>"string"==typeof t4||"number"==typeof t4))):void 0,s2=t4=>"string"==typeof t4||Number.isFinite(t4)&&t4>=0?t4:void 0,o2=(function(t4){if(true===t4)return{show:true};if(null==t4||false===t4||!N(t4))return{show:false};const i3=t4;return{show:true===i3.show,color:"string"==typeof i3.color?i3.color:void 0,width:Number.isFinite(i3.width)&&i3.width>0?i3.width:void 0,dash:Array.isArray(i3.dash)?i3.dash.slice():void 0}})(i2.connector);return{show:false!==i2.show,openMode:(n2=i2.openMode,"multiple"===n2?"multiple":I.openMode),trigger:(t4=>"click"===t4||"hover-click"===t4||"hover"===t4?t4:I.trigger)(i2.trigger),side:i2.side,offset:Number.isFinite(i2.offset)&&i2.offset>=0?i2.offset:I.offset,format:"function"==typeof i2.format?i2.format:void 0,html:"function"==typeof i2.html?i2.html:void 0,className:"string"==typeof i2.className?i2.className:void 0,style:e2,width:s2(i2.width),minWidth:s2(i2.minWidth),maxWidth:s2(i2.maxWidth),padding:s2(i2.padding),interactive:true===i2.interactive,hideOnLeave:false!==i2.hideOnLeave,connector:o2,draggable:true===i2.draggable};var n2})(this.tooltip):(t2={show:this.tooltipShow,format:this.tooltipFormat},{...I,show:t2.show,html:"function"==typeof t2.format?i2=>t2.format(i2):void 0});var t2}defaultTooltipHtml(t2){const i2=void 0!==t2.value?` · ${t2.value}`:"";return`<strong>${e2=t2.name,e2.replace(/[&<>"']/g,(t3=>{switch(t3){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case"'":return"&#39;";default:return t3}}))}</strong>${i2}`;var e2}plainTooltipText(t2){return`${t2.name}${void 0!==t2.value?` · ${t2.value}`:""}`}buildTooltipContext(t2){const i2=this.shownPoint(t2.cx,t2.cy);return{index:t2.tile.index,id:t2.tile.id,name:t2.tile.name,label:t2.tile.label,col:t2.tile.col,row:t2.tile.row,value:t2.tile.value,cssX:i2.x,cssY:i2.y}}hasVisibleTooltips(){return null!==this.tileTooltip||this.tileTooltips.length>0}clearSingleTooltip(){null!==this.tileTooltip&&(this.tooltipDrag=void 0,this.tileTooltip=null,0===this.tileTooltips.length&&this.tooltipHide.emit())}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.tileTooltip=null,this.tileTooltips=[],this.tooltipHide.emit())}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForTile(t2,i2,e2){const s2=t2.tile,o2=this.shownPoint(t2.cx,t2.cy),r2=this.buildTooltipContext(t2),h2=i2.side??"top",a2=i2.format?n(i2.format,[s2,r2],(()=>this.plainTooltipText(s2)),"tooltip.format",i2):this.plainTooltipText(s2),l2=i2.html?n(i2.html,[s2,r2],(()=>{}),"tooltip.html",i2):i2.format?void 0:this.defaultTooltipHtml(s2),c2=this.lockedTooltipPositionForTile(s2,i2),u2=c2?.side??h2,d2=c2?this.tooltipAnchorFromPositionLock(c2.lock,u2,c2.box,i2.offset):{cssX:o2.x,cssY:o2.y},p2={id:this.nextTooltipId++,cssX:d2.cssX,cssY:d2.cssY,pointCssX:o2.x,pointCssY:o2.y,anchorX:t2.cx,anchorY:t2.cy,box:c2?.box,side:u2,text:a2,html:l2,className:i2.className,style:this.tooltipStyleFromSpec(i2),interactive:i2.interactive,connector:i2.connector,draggable:i2.draggable,offset:i2.offset,positionLock:c2?.lock,context:r2};this.tooltipDrag=void 0,e2&&"multiple"===i2.openMode?(this.tileTooltip=p2,this.tileTooltips=[...this.tileTooltips,p2]):(this.tileTooltips=[],this.tileTooltip=p2);const m2={cssX:d2.cssX,cssY:d2.cssY,anchor:u2,text:a2,html:l2,context:r2};return this.tooltipShown.emit(m2),m2}tooltipStyleFromSpec(t2){const i2={...t2.style??{}};return void 0!==t2.width&&(i2.width=t2.width),void 0!==t2.minWidth&&(i2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(i2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(i2.padding=t2.padding),Object.keys(i2).length>0?i2:void 0}positionedTileTooltip(t2=this.tileTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const i2=t2.offset??10,e2=T({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:i2}),s2=this.tooltipAnchorFromTopLeft(e2.x,e2.y,t2.box,e2.side,i2);return{...t2,cssX:s2.cssX,cssY:s2.cssY,side:e2.side}}tooltipAnchorFromTopLeft(t2,i2,e2,s2,o2){return"top"===s2?{cssX:t2+e2.width/2,cssY:i2+e2.height+o2}:"bottom"===s2?{cssX:t2+e2.width/2,cssY:i2-o2}:"left"===s2?{cssX:t2+e2.width+o2,cssY:i2+e2.height/2}:{cssX:t2-o2,cssY:i2+e2.height/2}}tooltipTopLeftFromAnchor(t2){const i2=t2.box;if(!i2)return;const e2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY-e2-i2.height}:"bottom"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY+e2}:"left"===t2.side?{x:t2.cssX-e2-i2.width,y:t2.cssY-i2.height/2}:{x:t2.cssX+e2,y:t2.cssY-i2.height/2}}tooltipTopLeftFromElement(t2){const i2=t2.getBoundingClientRect(),e2=this.host.getBoundingClientRect();if(Number.isFinite(i2.left)&&Number.isFinite(i2.top))return{x:i2.left-e2.left,y:i2.top-e2.top}}tooltipAnchorFromPositionLock(t2,i2,e2,s2){return e2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,e2,i2,s2):{cssX:t2.x,cssY:t2.y}}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(String(t2.context.index),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForTile(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(String(t2.index));if(!i3)return;return{lock:{...i3.lock},side:i3.side,box:i3.box}}if(!i2.interactive||"multiple"===i2.openMode)return;const e2=this.positionedTileTooltip();if(!e2?.box||e2.context.index!==t2.index)return;const s2=this.tooltipTopLeftFromAnchor(e2);return s2?{lock:s2,side:e2.side,box:e2.box}:void 0}measureTileTooltipBox(){if(this.tileTooltips.length>0)return;const t2=this.tileTooltip,i2=this.tooltipElement;if(!t2||!i2)return;const e2=i2.getBoundingClientRect();if(!Number.isFinite(e2.width)||!Number.isFinite(e2.height))return;const s2=Math.round(100*e2.width)/100,o2=Math.round(100*e2.height)/100;if(t2.box?.width===s2&&t2.box?.height===o2)return;const n2={width:s2,height:o2},r2={...t2,box:n2};t2.positionLock&&Object.assign(r2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,n2,t2.offset??10)),this.rememberDraggableTooltipPosition(r2),this.tileTooltip=r2}handleTooltipActionClick=t2=>{const i2=t2.target,e2=i2?.closest?.("[data-tooltip-action]"),s2=e2?.dataset.tooltipAction,o2=Number(e2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),n2=this.tileTooltips.find((t3=>t3.id===o2))??this.tileTooltip;s2&&n2&&(t2.stopPropagation(),this.tooltipAction.emit({...n2.context,action:s2,text:n2.text,html:n2.html}))};handleTooltipPointerDown=t2=>{if(!this.tileTooltip?.draggable)return;const i2=t2.target;if(i2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const e2=t2.currentTarget,s2=this.positionedTileTooltip(this.tileTooltip)??this.tileTooltip,o2=this.tooltipTopLeftFromElement(e2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},n2=this.tileTooltip.box??s2.box,r2={...this.tileTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:n2,positionLock:o2};Object.assign(r2,this.tooltipAnchorFromPositionLock(o2,r2.side,n2,r2.offset??10)),this.tileTooltip=r2,this.rememberDraggableTooltipPosition(r2),e2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:r2.cssX,originY:r2.cssY,originLockX:o2.x,originLockY:o2.y}};handleTooltipPointerMove=t2=>{const i2=this.tooltipDrag;if(!i2||i2.pointerId!==t2.pointerId||!this.tileTooltip)return;t2.preventDefault(),t2.stopPropagation();const e2={x:i2.originLockX+t2.clientX-i2.startX,y:i2.originLockY+t2.clientY-i2.startY},s2={...this.tileTooltip,positionLock:e2};Object.assign(s2,this.tooltipAnchorFromPositionLock(e2,s2.side,s2.box,s2.offset??10)),this.tileTooltip=s2,this.rememberDraggableTooltipPosition(s2)};handleTooltipPointerUp=t2=>{const i2=this.tooltipDrag;i2&&i2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.tileTooltip&&this.rememberDraggableTooltipPosition(this.tileTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};render(){const t2=this.now(),i2=(function(t3){if("pro"===t3.requested){const i3="no GPU tilemap renderer exists";if("error"===u(t3.onUnavailable))throw new Error('sy-tilemap: Pro engine is unavailable — no GPU tilemap renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-tilemap: Pro renderer unavailable, falling back to Standard (${i3}).`),{tier:"standard",fallbackReason:i3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});i2.tier!==this.activeTier&&(this.activeTier=i2.tier),i2.fallbackReason!==this.fallbackReason&&(this.fallbackReason=i2.fallbackReason);const e2=this.settledRenderLayout();let n2=e2.visuals.map((t3=>({key:t3.key,cx:t3.cx,cy:t3.cy,cell:t3.cell,color:t3.color,name:t3.name,label:t3.label,index:t3.index,scale:1,opacity:1})));if(this.morphState)n2=this.composeMorphTiles(this.morphState.prevVisuals,e2.visuals,this.tweenProgress(this.morphState));else if(this.initialRevealState){const t3=this.tweenProgress(this.initialRevealState);n2=e2.visuals.map(((i3,s2)=>{const o2=this.revealProgressFor(s2,e2.visuals.length,t3);return{key:i3.key,cx:i3.cx,cy:i3.cy,cell:i3.cell,color:i3.color,name:i3.name,label:i3.label,index:i3.index,scale:o2,opacity:o2}}))}const r2=this.focusedTileIndex??this.hoverTileIndex,h2=this.effectiveTileShape(),a2=Math.max(7,Math.min(13,.32*(e2.cell-this.gap))),l2=this.showLabels&&a2>=7&&e2.cell-this.gap>=18,c2=this.zoomSpec(),d2=this.zoomRect(),p2=M(d2,this.zoomState),m2=A(p2),f2=`sy-tilemap-viewport-${this.instanceKey}`;return this.lastRenderResult={tiles:e2.placed.length,renderMs:this.now()-t2},this.pendingRenderedEmit=true,s(o,{"data-active-tier":this.activeTier,style:{touchAction:c2.enabled&&c2.pinch?"none":void 0},"data-sy-brand-host":"chart"},s("div",{class:"sy-tilemap",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"}},s("svg",{class:"sy-tilemap__root",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","data-animation-tick":this.animationTick,"data-total-tiles":e2.placed.length,"data-grid-cols":e2.extent.cols,"data-grid-rows":e2.extent.rows,role:"application","aria-roledescription":"Tilemap","aria-label":this.accessibleSummary(e2),tabindex:0,onKeyDown:t3=>this.onChartKeyDown(t3),onFocus:()=>this.onChartFocus(),onBlur:()=>this.onChartBlur(),onMouseDown:()=>this.onChartPointerDown(),onPointerDown:this.handleZoomPointerDown,onPointerMove:t3=>this.onChartPointerMove(t3),onPointerUp:this.handleZoomPointerUp,onPointerCancel:this.handleZoomPointerCancel,onMouseLeave:()=>this.onChartLeave(),onClick:t3=>this.onChartClick(t3),onContextMenu:t3=>this.onPointContextMenu(t3)},this.chartTitle?s("text",{class:"sy-tilemap__title",x:this.width/2,y:6,style:{fontSize:"14px"}},this.chartTitle):null,this.chartSubtitle?s("text",{class:"sy-tilemap__subtitle",x:this.width/2,y:this.chartTitle?26:6,style:{fontSize:"12px"}},this.chartSubtitle):null,s("defs",null,s("clipPath",{id:f2},s("rect",{x:d2.x,y:d2.y,width:d2.width,height:d2.height}))),s("g",{class:"sy-tilemap__viewport","clip-path":p2.zoomed?`url(#${f2})`:void 0},s("g",{class:"sy-tilemap__tiles","aria-hidden":"true",transform:m2||void 0},n2.map((t3=>{if(t3.scale<=0||t3.opacity<=0)return null;const i3="sy-tilemap__tile"+(null===r2||t3.index===r2||t3.key.startsWith("ghost:")?"":" sy-tilemap__tile--dim"),e3=t3.cell*t3.scale,o2="hexagon"===h2?(function(t4,i4,e4,s2){const o3=Math.max(.5,e4-Math.max(0,s2)/2),n3=[];for(let e5=0;e5<6;e5+=1){const s3=Math.PI/180*(60*e5-90);n3.push(`${L(t4+o3*Math.cos(s3))} ${L(i4+o3*Math.sin(s3))}`)}return`M ${n3.join(" L ")} Z`})(t3.cx,t3.cy,e3/Math.sqrt(3),this.gap):"circle"===h2?(function(t4,i4,e4,s2){const o3=Math.max(.5,(e4-Math.max(0,s2))/2);return`M ${L(t4-o3)} ${L(i4)} a ${L(o3)} ${L(o3)} 0 1 0 ${L(2*o3)} 0 a ${L(o3)} ${L(o3)} 0 1 0 ${L(2*-o3)} 0`})(t3.cx,t3.cy,e3,this.gap):"diamond"===h2?(function(t4,i4,e4,s2){const o3=Math.max(.5,(e4-Math.max(0,s2))/2);return`M ${L(t4)} ${L(i4-o3)} L ${L(t4+o3)} ${L(i4)} L ${L(t4)} ${L(i4+o3)} L ${L(t4-o3)} ${L(i4)} Z`})(t3.cx,t3.cy,e3,this.gap):(function(t4,i4,e4,s2){const o3=Math.max(.5,(e4-Math.max(0,s2))/2),n3=L(t4-o3);return`M ${n3} ${L(i4-o3)} H ${L(t4+o3)} V ${L(i4+o3)} H ${n3} Z`})(t3.cx,t3.cy,e3,this.gap);return s("g",{key:t3.key,class:i3,opacity:t3.opacity,"data-tile-index":t3.index,"data-tile-name":t3.name},s("path",{class:"sy-tilemap__tile-shape",d:o2,fill:t3.color}),l2&&!t3.key.startsWith("ghost:")?s("text",{class:"sy-tilemap__tile-label",x:t3.cx,y:t3.cy,"text-anchor":"middle","dominant-baseline":"central",fill:this.labelColor,style:{fontSize:Math.round(a2*t3.scale*10)/10+"px",fontWeight:"600",pointerEvents:"none"}},t3.label??t3.name):null)})))),this.renderColorLegend(e2)),this.renderZoomOverlay(),s("div",{class:"sy-tilemap__sr-only",role:"list","aria-label":"Tiles"},this.navigableTiles(e2).map((t3=>s("div",{role:"listitem",key:`sr:${t3.tile.col}:${t3.tile.row}`},this.tileAriaLabel(t3))))),s("div",{class:"sy-tilemap__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&s("span",{class:"sy-tilemap__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),this.renderTileTooltipConnector(),this.renderTileTooltip()),b(this.host,this.brandLogo,{width:this.width,height:this.height,plot:d2}))}renderColorLegend(t2){const i2=t2.colorAxis;if(!i2||!this.colorLegendActive())return null;const e2={min:W(i2.min),max:W(i2.max)},o2=this.colorLegendLayout(e2),n2=o2?.itemRects[0];if(!o2?.legendRect||!n2)return null;const r2=X(this.legendPosition),h2=E(r2,this.legendOuter(),e2),a2="float"===r2,l2="vertical"===h2.orientation,c2=this.canDragLegend(o2),u2=`sy-tilemap-axis-${this.instanceKey}`,d2=`sy-tilemap-legend-shadow-${this.instanceKey}`,p2=null!==this.hoverTileIndex?t2.placed.find((t3=>t3.tile.index===this.hoverTileIndex)):void 0,m2=void 0!==p2?.tile.value&&i2.max>i2.min?(Math.min(i2.max,Math.max(i2.min,p2.tile.value))-i2.min)/(i2.max-i2.min):null,f2=l2?{x:n2.x+(n2.width-h2.barThickness)/2,y:n2.y+h2.labelHeight+h2.labelGap,width:h2.barThickness,height:h2.barLength}:{x:a2?n2.x+h2.minLabelWidth+h2.labelGap:n2.x,y:n2.y+h2.markerRoom,width:h2.barLength,height:h2.barThickness},g2={fontSize:"10px"},y2=o2.legendRect,x2=a2?o2.floatBoxStyle:void 0;return s("g",{class:{"sy-tilemap__color-legend":true,"sy-tilemap__color-legend--float":a2},"aria-hidden":"true","data-sy-legend-float":a2?"true":void 0,style:a2?{pointerEvents:"all",cursor:c2?this.legendDrag?"grabbing":"grab":"default",touchAction:c2?"none":void 0}:void 0,onPointerDown:a2?t3=>this.handleLegendPointerDown(t3,o2):void 0,onPointerMove:a2?t3=>this.handleLegendPointerMove(t3,o2):void 0,onPointerUp:a2?t3=>this.handleLegendPointerUp(t3):void 0,onPointerCancel:a2?t3=>this.handleLegendPointerUp(t3):void 0},s("defs",null,s("linearGradient",{id:u2,x1:"0",y1:l2?"1":"0",x2:l2?"0":"1",y2:"0"},i2.gradientStops.map((([t3,i3])=>s("stop",{offset:`${Math.round(100*t3)}%`,"stop-color":i3})))),x2?s("filter",{id:d2,x:"-10%",y:"-20%",width:"120%",height:"150%"},s("feDropShadow",{dx:"0",dy:"1",stdDeviation:"1.5","flood-color":"#000000","flood-opacity":"0.25"})):null),x2?s("rect",{class:"sy-tilemap__color-legend-box",x:y2.x,y:y2.y,width:y2.width,height:y2.height,rx:x2.borderRadius,fill:x2.background,stroke:x2.borderColor,"stroke-width":x2.borderWidth,filter:`url(#${d2})`}):null,s("rect",{class:"sy-tilemap__color-legend-bar",x:f2.x,y:f2.y,width:f2.width,height:f2.height,rx:2,fill:`url(#${u2})`}),l2?s("text",{class:"sy-tilemap__color-legend-label",x:f2.x+f2.width/2,y:f2.y-h2.labelGap,"text-anchor":"middle","dominant-baseline":"auto",style:g2},e2.max):s("text",{class:"sy-tilemap__color-legend-label",x:f2.x-h2.labelGap,y:f2.y+f2.height/2,"text-anchor":"end","dominant-baseline":"central",style:g2},e2.min),l2?s("text",{class:"sy-tilemap__color-legend-label",x:f2.x+f2.width/2,y:f2.y+f2.height+h2.labelGap,"text-anchor":"middle","dominant-baseline":"hanging",style:g2},e2.min):s("text",{class:"sy-tilemap__color-legend-label",x:f2.x+f2.width+h2.labelGap,y:f2.y+f2.height/2,"text-anchor":"start","dominant-baseline":"central",style:g2},e2.max),null!==m2?s("path",{class:"sy-tilemap__color-legend-marker",d:l2?`M ${f2.x-2} ${f2.y+f2.height*(1-m2)} l -6 -4 v 8 Z`:`M ${f2.x+f2.width*m2} ${f2.y-2} l -4 -6 h 8 Z`,fill:"var(--sy-chart-title-color, #111827)"}):null)}renderTileTooltip(){const t2=this.tileTooltips.length>0,i2=t2?this.tileTooltips:[this.positionedTileTooltip()].filter((t3=>Boolean(t3)));return 0===i2.length?null:i2.map((i3=>this.renderTileTooltipItem(i3,!t2)))}renderTileTooltipItem(t2,i2){const{cssX:e2,cssY:o2,side:n2,text:r2,html:h2,className:a2,style:l2,interactive:c2,draggable:u2}=t2,d2=t2.offset??10,p2={position:"absolute",zIndex:"5",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"6px 10px",font:"500 12px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(15,23,42,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",boxShadow:"0 2px 8px rgba(0,0,0,0.18)",pointerEvents:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(p2.left=`${t2.positionLock.x}px`,p2.top=`${t2.positionLock.y}px`,p2.transform=""):"top"===n2?(p2.left=`${e2}px`,p2.top=o2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===n2?(p2.left=`${e2}px`,p2.top=`${o2+d2}px`,p2.transform="translate(-50%, 0%)"):"left"===n2?(p2.left=e2-d2+"px",p2.top=`${o2}px`,p2.transform="translate(-100%, -50%)"):(p2.left=`${e2+d2}px`,p2.top=`${o2}px`,p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=Y(t3,i3);return void 0!==h2?s("div",{class:V("sy-tilemap__tooltip",a2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:h2}):s("div",{class:V("sy-tilemap__tooltip",a2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},r2)}renderTileTooltipConnector(){const t2=(this.tileTooltips.length>0?this.tileTooltips:[this.positionedTileTooltip()].filter((t3=>Boolean(t3)))).filter((t3=>t3.connector?.show));return 0===t2.length?null:s("svg",{class:"sy-tilemap__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"4"},"aria-hidden":"true"},t2.map((t3=>{const i2=t3.connector,e2=P(t3);return s("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:e2.x,y2:e2.y,stroke:i2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":i2.width??1,"stroke-dasharray":i2.dash?.join(" ")})})))}async getEngineStatus(){return _({requested:this.engine,onUnavailable:this.unavailable,renderer:"tilemap"})}static get watchers(){return{data:[{handleDataChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationChange:0}],animationDuration:[{handleAnimationChange:0}],animationEasing:[{handleAnimationChange:0}],animationType:[{handleAnimationChange:0}],tileShape:[{handleVisualPropsChange:0}],gap:[{handleVisualPropsChange:0}],showLabels:[{handleVisualPropsChange:0}],labelColor:[{handleVisualPropsChange:0}],colorAxis:[{handleVisualPropsChange:0}],colorLegend:[{handleVisualPropsChange:0}],legendPosition:[{handleVisualPropsChange:0},{handleLegendAnchorChange:0}],legendFloatAlign:[{handleVisualPropsChange:0},{handleLegendAnchorChange:0}],legendFloatVerticalAlign:[{handleVisualPropsChange:0},{handleLegendAnchorChange:0}],legendDraggable:[{handleVisualPropsChange:0}],palette:[{handleVisualPropsChange:0}],colors:[{handleVisualPropsChange:0}],chartTitle:[{handleVisualPropsChange:0}],chartSubtitle:[{handleVisualPropsChange:0}],tooltipShow:[{handleVisualPropsChange:0}],tooltip:[{handleVisualPropsChange:0}],enableMouseTracking:[{handleVisualPropsChange:0}]}}};Z.style='.sc-sy-tilemap-h{display:inline-block;position:relative}.sy-tilemap.sc-sy-tilemap{position:relative;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.sy-tilemap__root.sc-sy-tilemap{display:block;outline:none}.sy-tilemap__root.sc-sy-tilemap:focus-visible{outline:2px solid var(--sy-focus-ring, #2563eb);outline-offset:2px;border-radius:4px}.sy-tilemap__title.sc-sy-tilemap{fill:var(--sy-chart-title-color, #111827);font-weight:600;text-anchor:middle;dominant-baseline:hanging}.sy-tilemap__subtitle.sc-sy-tilemap{fill:var(--sy-chart-subtitle-color, #6b7280);text-anchor:middle;dominant-baseline:hanging}.sy-tilemap__tile.sc-sy-tilemap{transition:opacity 120ms ease-out}.sy-tilemap__tile--dim.sc-sy-tilemap{opacity:.35}.sy-tilemap__sr-only.sc-sy-tilemap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sy-tilemap__watermark.sc-sy-tilemap{position:absolute;right:6px;bottom:4px;font-size:10px;color:rgba(107,114,128,.75);pointer-events:none}';export{Z as sy_tilemap};

package/dist/advanced/p-0d722333.entry.js

@@ -0,0 +1 @@
+import{r as e,g as t,h as i,H as s}from"./p-DChj4qx2.js";import{b as a,r}from"./p-x7RF8NVg.js";import{h as o,e as n,f as l,b as h,w as d}from"./p-Brtcd7ZV.js";import{h as c}from"./p-_AFoWkvk.js";import"./p-BwtrZuf8.js";import"./p-EXuVQfpl.js";import"./p-AzDRbG7D.js";function f(e2,t2){const i2=e3=>Math.round(1e3*e3)/1e3;return e2<=0?`M ${i2(-t2)} 0 A ${i2(t2)} ${i2(t2)} 0 1 0 ${i2(t2)} 0 A ${i2(t2)} ${i2(t2)} 0 1 0 ${i2(-t2)} 0 Z`:[`M ${i2(-t2)} 0 A ${i2(t2)} ${i2(t2)} 0 1 0 ${i2(t2)} 0 A ${i2(t2)} ${i2(t2)} 0 1 0 ${i2(-t2)} 0 Z`,`M ${i2(-e2)} 0 A ${i2(e2)} ${i2(e2)} 0 1 1 ${i2(e2)} 0 A ${i2(e2)} ${i2(e2)} 0 1 1 ${i2(-e2)} 0 Z`].join(" ")}const y=class{constructor(t2){e(this,t2)}get host(){return t(this)}width=520;height=520;brandLogo;brandPosition="bottom-right";wafers;values;zones=5;zoneEdges;passBin=1;diameter=300;edgeExclusion=3;indicator="notch";orientation="down";dieWidth=10;dieHeight=10;scribeX=.2;scribeY=.2;chartTitle;chartSubtitle;async getZoneYields(){const e2=this.zoneResult();return{...e2,zones:e2.zones.map((e3=>({...e3})))}}effectiveWafers(){return Array.isArray(this.wafers)&&this.wafers.length>0?this.wafers:Array.isArray(this.values)?[{values:this.values}]:[]}zoneResult(){return(function(e2,t2,i2,s2={}){const n2=(function(e3,t3={}){if(Array.isArray(t3.zoneEdges)&&t3.zoneEdges.length>0){const i4=t3.zoneEdges.filter((e4=>Number.isFinite(e4)&&e4>0)).map((t4=>Math.min(t4,e3.effectiveRadius))).sort(((e4,t4)=>e4-t4)),s4=[...new Set(i4)];if(s4.length>0)return s4[s4.length-1]<e3.effectiveRadius&&s4.push(e3.effectiveRadius),s4}const i3=Number.isFinite(t3.zones)&&t3.zones>=1?Math.floor(t3.zones):5,s3=[];for(let t4=1;t4<=i3;t4+=1)s3.push(e3.effectiveRadius*t4/i3);return s3})(t2,s2),l2=a(s2.passBin??1),h2=new Array(n2.length).fill(0),d2=new Array(n2.length).fill(0),c2=Array.isArray(e2)?e2:[];let f2=0;for(const e3 of c2){if(!e3||!Array.isArray(e3.values))continue;f2+=1;const t3=r(e3.values);for(const e4 of t3.values()){if(null==e4.bin)continue;const t4=o(i2,e4.col,e4.row),s3=Math.hypot(t4.cx,t4.cy);let r2=n2.findIndex((e5=>s3<=e5));-1===r2&&(r2=n2.length-1),d2[r2]+=1,a(e4.bin)===l2&&(h2[r2]+=1)}}const y2=n2.map(((e3,t3)=>({index:t3,rInner:0===t3?0:n2[t3-1],rOuter:e3,pass:h2[t3],probed:d2[t3],yield:d2[t3]>0?h2[t3]/d2[t3]:0}))),p=d2.reduce(((e3,t3)=>e3+t3),0),b=h2.reduce(((e3,t3)=>e3+t3),0);return{zones:y2,waferCount:f2,totalProbed:p,totalPass:b,overallYield:p>0?b/p:0}})(this.effectiveWafers(),this.waferSpec(),this.gridSpec(),{zones:this.zones,zoneEdges:this.zoneEdges,passBin:this.passBin})}waferSpec(){return n({diameter:this.diameter,edgeExclusion:this.edgeExclusion,orientation:this.orientation,indicator:this.indicator})}gridSpec(){return l({dieWidth:this.dieWidth,dieHeight:this.dieHeight,scribeX:this.scribeX,scribeY:this.scribeY})}headerHeight(){return this.chartTitle&&this.chartSubtitle?44:this.chartTitle||this.chartSubtitle?26:0}render(){const e2=this.waferSpec(),t2=this.zoneResult(),a2=t2.zones.filter((e3=>e3.probed>0)),r2=a2.length>0?Math.min(...a2.map((e3=>e3.yield))):0,o2=h({min:Math.max(0,Math.floor(100*(r2-.02))/100),max:1,stops:[[0,"#dc2626"],[.5,"#f59e0b"],[1,"#16a34a"]]},[]),n2=this.headerHeight(),l2=Math.max(16,Math.min(this.width-24,this.height-n2-26-24)),y2=l2/e2.diameter,p=this.width/2,b=n2+12+(this.height-n2-26-24)/2,u=`translate(${p} ${b}) scale(${y2})`;let x=12;const g=this.height-10;return i(s,{key:"bb4faa5ecb2a18aea485422685bccceba5103047","data-sy-brand-host":"chart"},i("div",{key:"571318f0a18e7c8edcc3127279a9381eea9d6eb7",class:"sy-yield-zone",style:{width:`${this.width}px`,height:`${this.height}px`,position:"relative"},role:"img","aria-roledescription":"Yield zone chart","aria-label":`${this.chartTitle?`${this.chartTitle}. `:""}Radial yield over ${t2.zones.length} zones, ${t2.waferCount} wafers: overall ${(100*t2.overallYield).toFixed(1)}%.`,"data-zone-count":String(t2.zones.length),"data-overall-yield":t2.overallYield.toFixed(4),"data-total-probed":String(t2.totalProbed)},i("svg",{key:"5d452c04dd768de3678e860d7a332431f29e13e4",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},this.chartTitle?i("text",{class:"sy-wafer-map__title",x:this.width/2,y:16,"text-anchor":"middle",style:{fontSize:"14px",fontWeight:"600"}},this.chartTitle):null,this.chartSubtitle?i("text",{class:"sy-wafer-map__subtitle",x:this.width/2,y:this.chartTitle?36:16,"text-anchor":"middle",style:{fontSize:"12px",fill:"#64748b"}},this.chartSubtitle):null,i("g",{key:"3bc8aa56bb41db7bc47c90aa628cd323849aabcd",transform:u},t2.zones.map((e3=>i("path",{class:"sy-yield-zone__ring","data-zone":String(e3.index),"data-yield":e3.yield.toFixed(4),d:f(e3.rInner,e3.rOuter),fill:e3.probed>0?o2.colorFor(e3.yield):"#e2e8f0","fill-rule":"evenodd",stroke:"#ffffff","stroke-width":1/y2,opacity:.92}))),i("path",{key:"3d9266b63ae179291b776e64c2cb7449a8181b51",class:"sy-wafer-map__outline",d:d(e2),fill:"none",stroke:"#64748b","stroke-width":1.5/y2,"stroke-linejoin":"round"})),t2.zones.map((e3=>i("text",{class:"sy-yield-zone__label",x:p,y:b-(e3.rInner+e3.rOuter)/2*y2,"text-anchor":"middle","dominant-baseline":"central",style:{fontSize:"11px",fontWeight:"600",fill:"#0f172a"}},e3.probed>0?`${(100*e3.yield).toFixed(1)}%`:"—"))),i("g",{key:"1a43a6f1c36e865bf2e5e278ca9be25a8ddf44bc",class:"sy-yield-zone__legend","aria-hidden":"true"},t2.zones.map((e3=>{const t3=`Z${e3.index+1} ${e3.probed>0?`${(100*e3.yield).toFixed(1)}%`:"—"}`,s2=i("g",null,i("rect",{x,y:g-9,width:10,height:10,rx:2,fill:e3.probed>0?o2.colorFor(e3.yield):"#e2e8f0"}),i("text",{x:x+14,y:g,style:{fontSize:"11px",fill:"#475569"}},t3));return x+=14+6.4*t3.length+10,s2})),i("text",{key:"ba6ccf5ce56741a64e2753047f2b0b1ed44a694c",x:x+4,y:g,style:{fontSize:"11px",fontWeight:"600",fill:"#0f172a"}},`overall ${(100*t2.overallYield).toFixed(1)}%`)))),c(this.host,this.brandLogo,{width:this.width,height:this.height,plot:{x:p-l2/2,y:b-l2/2,width:l2,height:l2}}))}};y.style=".sc-sy-yield-zone-chart-h{display:inline-block;position:relative}.sy-wafer-map__underlay.sc-sy-yield-zone-chart,.sy-wafer-map__surface.sc-sy-yield-zone-chart,.sy-wafer-map__overlay.sc-sy-yield-zone-chart{display:block}.sy-wafer-map__title.sc-sy-yield-zone-chart{fill:#0f172a}.sy-wafer-map.sc-sy-yield-zone-chart:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.sy-wafer-map__sr-only.sc-sy-yield-zone-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-wafer-map__watermark.sc-sy-yield-zone-chart{position:absolute;top:4px;right:6px;font-size:10px;line-height:1;padding:2px 6px;background:hsla(0,0%,100%,.85);border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;pointer-events:none}.sy-wafer-map__subtitle.sc-sy-yield-zone-chart{fill:#64748b}";export{y as sy_yield_zone_chart};

package/dist/advanced/p-10092cd7.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as s,h as e,H as r}from"./p-DChj4qx2.js";import{s as o,r as n}from"./p-DO6vGxJP.js";import{n as a,b as h}from"./p-B6K1arcd.js";import{C as l,c,a as u,p as d}from"./p-nxlSIIWU.js";import{a as p,b as m}from"./p-CTrT2jn4.js";import{r as f,s as g}from"./p-DYKIyOfR.js";import{c as y,l as b}from"./p-DTZUbymc.js";import{h as x}from"./p-_AFoWkvk.js";import{a as v,d as w,r as S,b as $}from"./p-DogpgTFv.js";import{r as k}from"./p-CitzwxIw.js";import{d as C,c as A}from"./p-BwtrZuf8.js";import{t as M,c as _}from"./p-C0f63Npv.js";import{s as T}from"./p-Yjd8T1ZK.js";import"./p-HAy9hTj2.js";import"./p-DUELYDa7.js";import"./p-D6sPnRDQ.js";import"./p-AzDRbG7D.js";function P(t2){return"number"==typeof t2&&Number.isFinite(t2)&&t2>0?t2:0}function V(t2,i2,s2,e2){if(0===t2.items.length)return-1;if(s2<i2.x||s2>i2.x+i2.width)return-1;if(e2<i2.y||e2>i2.y+i2.height)return-1;const r2=t2.totalWeight>0?t2.totalWeight:t2.items.length||1;let o2=i2.x;for(const e3 of t2.items){const n2=(t2.totalWeight>0?e3.weight:1)/r2*i2.width;if(s2>=o2&&s2<=o2+n2)return e3.index;o2+=n2}return Math.max(0,t2.items.length-1)}function N(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function L(t2){if(t2&&"object"==typeof t2&&"number"==typeof t2.value&&Number.isFinite(t2.value)&&"number"==typeof t2.weight&&Number.isFinite(t2.weight))return{category:t2.category,value:t2.value,weight:t2.weight,color:t2.color}}const Y="reveal",D="morph",F="stream";function X(t2,i2){return i2?`${t2} ${i2}`:t2}function j(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?String(i2):`${i2}px`}const I=class{constructor(s2){t(this,s2),this.rendered=i(this,"rendered",7),this.pointClick=i(this,"pointClick",7),this.pointHover=i(this,"pointHover",7),this.crosshairMove=i(this,"crosshairMove",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.seriesOutsideClick=i(this,"seriesOutsideClick",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7)}get host(){return s(this)}data=[];values=new Float32Array(0);weights=new Float32Array(0);categories;width=640;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";colorful=false;columnGap=.04;baseline=0;sortDescending=false;valueAxisLabel;xAxis;yAxis;xLabelMode;xLabelRotation;xLabelMaxCount;gridLines;crosshair;chartTitle;chartSubtitle;tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=(function(){const t2=new Map;function i2(t3,i3){return t3.duration<=0?1:N((function(t4,i4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,i4-t4.startedAt+t4.pausedElapsed)})(t3,i3)/t3.duration)}return{start(i3,s2){t2.set(i3,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,s2.duration),easing:s2.easing})},progressAt(s2,e2){const r2=t2.get(s2);if(r2)return r2.startedAt<0&&!r2.paused&&(r2.startedAt=e2),(function(t3,i3){const s3=N(t3);switch(i3){case"linear":default:return s3;case"ease-out":return 1-(1-s3)*(1-s3)*(1-s3);case"ease-in":return s3*s3*s3;case"ease-in-out":return s3<.5?4*s3*s3*s3:1-Math.pow(-2*s3+2,3)/2}})(i2(r2,e2),r2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const r2=t2.get(s2);return!!r2&&(!!r2.paused||i2(r2,e2)<1)},tick(s2){const e2=[];for(const[r2,o2]of t2)o2.startedAt<0&&!o2.paused&&(o2.startedAt=s2),o2.paused||i2(o2,s2)>=1&&e2.push(r2);for(const i3 of e2)t2.delete(i3)},pauseAll(i3){for(const s2 of t2.values())s2.paused||(s2.startedAt>=0&&(s2.pausedElapsed+=i3-s2.startedAt),s2.paused=true)},resumeAll(i3){for(const s2 of t2.values())s2.paused&&(s2.startedAt=i3,s2.paused=false)},hasActive(){for(const i3 of t2.values())if(!i3.paused)return true;return false},cancel(i3){t2.delete(i3)},clear(){t2.clear()},entries:()=>t2}})();animationFrameHandle=null;morphActive=false;displayedTops=new Map;morphFromTops;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new l({host:()=>this.host,input:()=>c(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromValue;streamFromWeight;lastStreamTime;firstRender=true;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&(this.streamUnsubscribe||this.bindToStreamSource(t2),this.handleStreamEvent(t2,{type:"replace",count:t2.length}))}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldInitialAnimation(true)&&this.startReveal()}componentDidRender(){this.detached||(this.measureTooltipBox(),this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})))}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.stopAnimationLoop(),this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(this.firstRender)?(this.firstRender=false,this.startReveal()):this.shouldUpdateAnimation()?this.startMorph():this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){this.shouldInitialAnimation(true)?this.startReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.morphActive=false,this.stopAnimationLoop(),this.animationTick++)}handleVisualChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2,i2){this.data=void 0===i2?Array.isArray(t2)?t2:[]:this.legacyRowsFromValues(t2,i2)}async appendPoint(t2){await this.streamOrPlain("appendPoint",{type:"push",datum:t2},(()=>this.ensureInternalStreamSource()?.push(t2)))}async appendBatch(t2){await this.streamOrPlain("appendBatch",{type:"pushBatch",data:t2},(()=>this.ensureInternalStreamSource()?.pushBatch(t2)))}async shift(t2){await this.streamOrPlain("shift",{type:"shift",count:t2},(()=>this.activeStreamSource()?.shift(t2)))}async replace(t2){await this.streamOrPlain("replace",{type:"replace",data:t2},(()=>this.ensureInternalStreamSource()?.replace(t2)))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(t2=>"stream"===t2?this.activeStreamSource():void 0),void 0!==this.displayedStreamSource())}async setAnimation(t2){"number"==typeof t2.duration&&Number.isFinite(t2.duration)&&(this.animationDuration=Math.max(0,t2.duration)),t2.easing&&(this.animationEasing=t2.easing),"boolean"==typeof t2.enabled&&(this.animated=t2.enabled),t2.type&&(this.animationType=t2.type)}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now()),this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(t2,i2){const s2=this.computeVariwideLayout(),e2=V(s2.model,s2.plot,t2,i2);return e2<0?null:this.detailForIndex(s2,e2,t2,i2)}async showTooltipAtPoint(t2){const i2=this.resolveTooltipSpec();if(!i2.show)return null;const s2=this.computeVariwideLayout(),e2=this.variwideHitAtIndex(s2,t2);return e2?this.showTooltipForHit(s2,e2,i2,true):null}async hideTooltip(){this.clearTooltips(),this.hoverIndex=null}hasVisibleTooltips(){return null!==this.cartesianTooltip||this.cartesianTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.cartesianTooltip=null,this.cartesianTooltips=[],this.tooltipHide.emit())}hasDataRows(){return Array.isArray(this.data)&&this.data.length>0}legacyRowsFromValues(t2,i2){const s2=Math.max(t2?.length??0,i2?.length??0,this.categories?.length??0),e2=[];for(let r2=0;r2<s2;r2++)e2.push({category:this.categories?.[r2]??String(r2+1),value:t2?.[r2],weight:i2?.[r2]});return e2}targetRows(){return this.hasDataRows()?this.data:this.legacyRowsFromValues(this.values,this.weights)}targetValues(){return this.targetRows().map((t2=>t2.value))}targetWeights(){return this.targetRows().map((t2=>t2.weight))}targetCategories(){return this.targetRows().map(((t2,i2)=>t2.category??String(i2+1)))}targetColors(){return this.targetRows().map((t2=>"string"==typeof t2.color&&t2.color.trim()?t2.color:void 0))}targetValuesFloat(){return Float32Array.from(this.targetRows(),(t2=>{const i2=t2.value;return"bigint"==typeof i2?Number(i2):"number"==typeof i2&&Number.isFinite(i2)?i2:Number.NaN}))}targetWeightsFloat(){return Float32Array.from(this.targetRows(),(t2=>{const i2=t2.weight;return"bigint"==typeof i2?Number(i2):"number"==typeof i2&&Number.isFinite(i2)?i2:Number.NaN}))}computeVariwideLayout(){const t2=(function(t3,i3,s3,e3={}){const r3=Math.max(t3.length,i3.length),o3=[];for(let a4=0;a4<r3;a4++)o3.push({index:a4,sourceIndex:a4,category:s3?.[a4]??String(a4+1),value:(n3=t3[a4],"number"==typeof n3&&Number.isFinite(n3)?n3:null),weight:P(i3[a4]),color:e3.colors?.[a4]});var n3;e3.sortDescending&&(o3.sort(((t4,i4)=>(i4.value??-1/0)-(t4.value??-1/0)||t4.sourceIndex-i4.sourceIndex)),o3.forEach(((t4,i4)=>{t4.index=i4})));let a3=0,h3=0,l3=false,c3=0;for(const t4 of o3)c3+=t4.weight,null!==t4.value&&(l3?(a3=Math.max(a3,t4.value),h3=Math.min(h3,t4.value)):(a3=t4.value,h3=Math.min(0,t4.value),l3=true));return{items:o3,totalWeight:c3,maxValue:l3?a3:0,minValue:l3?h3:0}})(this.streamValues(),this.streamWeights(),this.targetCategories(),{sortDescending:this.sortDescending&&!this.isStreaming(),colors:this.targetColors()}),i2=Number.isFinite(this.baseline)?this.baseline:0,s2=(function(t3){if(!Number.isFinite(t3)||t3<=0)return 1;const i3=1.05*t3,s3=Math.floor(Math.log10(i3)),e3=Math.pow(10,s3);for(const t4 of[1,1.5,2,2.5,3,4,5,6,8,10])if(t4*e3>=i3)return t4*e3;return 10*e3})(Math.max(t2.maxValue,i2,1)),e2=Math.min(0,i2,t2.minValue),r2=52+(this.valueAxisLabel?24:0),o2=r2,n2=Math.max(1,this.width-r2-4),a2=t2.totalWeight>0?t2.totalWeight:t2.items.length||1,h2=t2.items.filter((t3=>null!==t3.value));let l2=o2;const c2=[];for(const i3 of t2.items){const s3=(t2.totalWeight>0?i3.weight:1)/a2*n2;null!==i3.value&&c2.push(l2+s3/2),l2+=s3}const u2=this.resolveLabelDecl(h2.map((t3=>t3.category)),c2,[o2,o2+n2]),d2={x:0,y:0,width:this.width,height:Math.max(1,this.height-(u2.rotationDeg>0?54:22))},m2=v(this.resolveXAxisInput(t2.items.map((t3=>t3.category))),this.resolveYAxisInput()),f2=p({outerWidth:d2.width,outerHeight:d2.height,axes:m2,gridLines:w(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,t2.items.length-.5)},yExtent:{min:e2,max:s2},requiredTicks:{y:i2,includeGridLines:false}}),g2={x:d2.x+f2.plot.x,y:d2.y+f2.plot.y,width:f2.plot.width,height:f2.plot.height},y2=t3=>d2.y+f2.yScale(t3),b2=y2(i2),x2=(function(t3,i3,s3,e3,r3=.04){const o3=t3.totalWeight>0?t3.totalWeight:t3.items.length||1,n3=Math.max(0,Math.min(.45,r3)),a3=[];let h3=0;for(const r4 of t3.items){const l3=(t3.totalWeight>0?r4.weight:1)/o3*i3.width,c3=i3.x+h3;if(h3+=l3,null===r4.value)continue;const u3=l3*n3,d3=c3+u3/2,p2=Math.max(0,l3-u3),m3=s3(r4.value),f3=Math.min(m3,e3),g3=Math.max(m3,e3);a3.push({index:r4.index,category:r4.category,value:r4.value,weight:r4.weight,color:r4.color,rect:{x:d3,y:f3,width:p2,height:Math.max(0,g3-f3)},centerX:c3+l3/2})}return a3})(t2,g2,y2,b2,this.columnGap),S2=this.resolveLabelDecl(x2.map((t3=>t3.category)),x2.map((t3=>t3.centerX)),[g2.x,g2.x+g2.width]);return{model:t2,outer:d2,plot:g2,frame:f2,valueY:y2,baselineY:b2,columns:x2,labelDecl:S2}}resolveLabelDecl(t2,i2,s2){return f({labels:t2,centers:i2,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount})}resolveXAxisInput(t2){const i2={kind:"category",position:"bottom",show:false,categories:t2};return this.xAxis&&"object"==typeof this.xAxis?{...i2,...this.xAxis,categories:t2}:i2}resolveYAxisInput(){const t2={kind:"linear",position:"left",show:true,label:this.valueAxisLabel};return this.yAxis&&"object"==typeof this.yAxis?{...t2,...this.yAxis}:false===this.yAxis||"off"===this.yAxis?{...t2,show:false}:t2}columnColor(t2){if("string"==typeof t2.color&&t2.color.trim())return t2.color;const i2=k(this.color,"#2563eb");if(!this.colorful)return i2;const s2=A.tableau10,e2=C(s2,Math.max(s2.stops.length,10)).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`));return e2[t2.index%e2.length]??i2}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&t2)}shouldUpdateAnimation(){return!!this.shouldAnimate()&&"initial"!==this.animationType}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(Y,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}startMorph(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=true,this.animator.clear(),this.morphFromTops=new Map(this.displayedTops),this.animator.start(D,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}ensureAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2=()=>{this.animator.tick(this.now()),this.animationTick++,this.animator.hasActive()&&this.animator.entries().size>0?this.animationFrameHandle=requestAnimationFrame(t2):(this.animationFrameHandle=null,this.morphActive=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=requestAnimationFrame(t2)}stopAnimationLoop(){null!==this.animationFrameHandle&&(cancelAnimationFrame(this.animationFrameHandle),this.animationFrameHandle=null)}revealProgress(){return this.animator.has(Y)?this.animator.progressAt(Y,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(D)?this.animator.progressAt(D,this.now())??1:1}now(){return"undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){return this.streamSource?this.streamSource:(this.internalStreamSource||(this.internalStreamSource=(function(){const t2=new Error("Dedicated streaming requires @syidax/advanced-pro");throw t2.code="module-missing",t2.feature="chart.streaming",t2})((this.coerceStreamCapacity(),this.valuesAsData())),this.bindToStreamSource(this.internalStreamSource)),this.internalStreamSource)}valuesAsData(){const t2=[];return this.targetRows().forEach(((i2,s2)=>{const e2=i2.value,r2=i2.weight,o2="bigint"==typeof e2?Number(e2):"number"==typeof e2&&Number.isFinite(e2)?e2:null,n2="bigint"==typeof r2?Number(r2):"number"==typeof r2&&Number.isFinite(r2)?r2:null;null!==o2&&null!==n2&&t2.push({category:i2.category??String(s2+1),value:o2,weight:n2,color:i2.color})})),t2}coerceStreamCapacity(){return"number"==typeof this.streamMax&&Number.isFinite(this.streamMax)&&this.streamMax>0?Math.floor(this.streamMax):"number"==typeof this.streamWindow&&Number.isFinite(this.streamWindow)&&this.streamWindow>0?4*Math.floor(this.streamWindow):2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const t2=this.streamLicense.route();if("pending"===t2||"refused"===t2)return;const i2="stream"===t2?this.streamSource:void 0;this.boundStreamSource!==i2&&(this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,i2&&(this.internalStreamSource=void 0,this.bindToStreamSource(i2)),this.boundStreamSource=i2)}bindToStreamSource(t2){this.detached||(this.streamUnsubscribe?.(),this.streamUnsubscribe=t2.subscribe((i2=>this.handleStreamEvent(t2,i2))))}async streamOrPlain(t2,i2,s2){const e2="shift"!==i2.type||this.plainStreamStarted||void 0!==this.displayedStreamSource();await this.streamLicense.run(t2,(t3=>{if("stream"===t3)return s2();("shift"!==i2.type||this.plainStreamStarted)&&("shift"!==i2.type&&(this.plainStreamStarted=true),this.applyPlainStream(i2))}),e2)}applyPlainStream(t2){const i2=this.valuesAsData().map((t3=>L(t3))).filter((t3=>void 0!==t3)),{list:s2,event:e2}=u(i2,t2,L);e2&&this.handleStreamEvent(d(s2),e2)}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenData=this.data,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.data===this.streamFrozenData||this.boundStreamSource||(this.internalStreamSource=void 0),this.streamFrozenData=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,i2){const s2=t2.snapshot("number"==typeof this.streamWindow&&this.streamWindow>0?this.streamWindow:void 0).map(((t3,i3)=>({category:t3.category??String(i3+1),value:t3.value,weight:t3.weight,color:t3.color})));if(this.shouldAnimate()&&this.targetRows().length>0&&s2.length>0){const t3=this.now(),i3=y(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFromValue=this.currentStreamValues(),this.streamFromWeight=this.currentStreamWeights(),this.suppressNextValuesAnimation=true,this.data=s2,i3>0&&(this.animator.start(F,{duration:i3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.data=s2;"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}currentStreamValues(){return this.animator.has(F)&&this.streamFromValue?b(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(F,this.now())??1):this.targetValuesFloat()}currentStreamWeights(){return this.animator.has(F)&&this.streamFromWeight?b(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(F,this.now())??1):this.targetWeightsFloat()}streamValues(){return this.animator.has(F)&&this.streamFromValue?b(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(F,this.now())??1):this.targetValues()}streamWeights(){return this.animator.has(F)&&this.streamFromWeight?b(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(F,this.now())??1):this.targetWeights()}isStreaming(){return null!=this.displayedStreamSource()}detailForIndex(t2,i2,s2,e2){const r2=t2.model.items[i2];return{index:i2,category:r2.category,value:r2.value??0,weight:r2.weight,color:r2.color,cssX:s2,cssY:e2}}resolveTooltipSpec(){const t2=S(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}variwideHitAtIndex(t2,i2){const s2=Math.trunc(i2);if(!Number.isFinite(s2)||s2<0||s2>=t2.model.items.length)return null;const e2=t2.model.items[s2];if(null===e2.value)return null;const r2=t2.columns.find((t3=>t3.index===s2));return{index:s2,value:e2.value,weight:e2.weight,category:e2.category,color:e2.color,cssX:r2?.centerX??t2.plot.x,cssY:r2?.rect.y??t2.plot.y}}srSummary(t2){const i2=t2.items.filter((t3=>null!==t3.value));return 0===i2.length?"Variwide chart, no data":`Variwide chart, ${i2.length} categories, column widths weighted by a second metric (total weight ${Math.round(t2.totalWeight)}).`}shouldShowTooltipOnHover(t2){return"click"!==t2.trigger}shouldShowTooltipOnClick(t2){return"click"===t2.trigger||"hover-click"===t2.trigger}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForHit(t2,i2,s2,e2=false){const r2=i2.cssX,n2=i2.cssY,a2={seriesIndex:0,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:r2,cssY:n2,dataX:i2.index,dataY:i2.value,mode:s2.mode},h2=m({frame:{plot:t2.plot},hit:{cssX:r2,cssY:n2},spec:s2}),l2=this.lockedTooltipPositionForHit(i2,s2),c2=l2?.side??h2.side,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,s2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},d2=o(s2.format,[i2.value,a2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),p2=o(s2.html,[i2.value,a2],(()=>{}),"tooltip.html",s2),f2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:r2,pointCssY:n2,box:l2?.box,side:c2,text:d2,html:p2,className:s2.className,style:this.tooltipStyleFromSpec(s2),interactive:s2.interactive,connector:s2.connector,draggable:s2.draggable,offset:s2.offset,positionLock:l2?.lock,context:a2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=f2,this.cartesianTooltips=[...this.cartesianTooltips,f2]):(this.cartesianTooltips=[],this.cartesianTooltip=f2);const g2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:d2,html:p2,context:a2};return this.tooltipShow.emit(g2),g2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,category:t2.category,value:t2.value,weight:t2.weight,color:t2.color,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){n(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${i2=t2.value,Number.isInteger(i2)?String(i2):i2.toFixed(2)}`;var i2}tooltipStyleFromSpec(t2){const i2={...t2.style??{}};return void 0!==t2.width&&(i2.width=t2.width),void 0!==t2.minWidth&&(i2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(i2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(i2.padding=t2.padding),Object.keys(i2).length>0?i2:void 0}renderTooltip(){const t2=this.cartesianTooltips.length>0,i2=t2?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:s2,cssY:r2,side:o2,text:n2,html:a2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,d2=t2.offset??10,p2={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(p2.left=`${t2.positionLock.x}px`,p2.top=`${t2.positionLock.y}px`,p2.transform=""):"top"===o2?(p2.left=`${s2}px`,p2.top=r2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===o2?(p2.left=`${s2}px`,p2.top=`${r2+d2}px`,p2.transform="translate(-50%, 0%)"):"left"===o2?(p2.left=s2-d2+"px",p2.top=`${r2}px`,p2.transform="translate(-100%, -50%)"):(p2.left=`${s2+d2}px`,p2.top=`${r2}px`,p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=j(t3,i3);return void 0!==a2?e("div",{class:X("sy-variwide-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:a2}):e("div",{class:X("sy-variwide-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},n2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)))).filter((t3=>t3.connector?.show));return 0===t2.length?null:e("svg",{class:"sy-variwide-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},t2.map((t3=>{const i2=t3.connector,s2=M(t3);return e("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:s2.x,y2:s2.y,stroke:i2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":i2.width??1,"stroke-dasharray":i2.dash?.join(" ")})})))}positionedTooltipForRender(t2=this.cartesianTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const i2=t2.offset??10,s2=_({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:i2,padding:6}),e2=this.tooltipAnchorFromTopLeft(s2.x,s2.y,t2.box,s2.side,i2);return{...t2,...e2,side:s2.side}}tooltipTopLeftFromAnchor(t2){const i2=t2.box;if(!i2)return;const s2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY-s2-i2.height}:"bottom"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY+s2}:"left"===t2.side?{x:t2.cssX-s2-i2.width,y:t2.cssY-i2.height/2}:{x:t2.cssX+s2,y:t2.cssY-i2.height/2}}tooltipTopLeftFromElement(t2){const i2=t2.getBoundingClientRect(),s2=this.host.getBoundingClientRect();if(Number.isFinite(i2.left)&&Number.isFinite(i2.top))return{x:i2.left-s2.left,y:i2.top-s2.top}}tooltipAnchorFromPositionLock(t2,i2,s2,e2){return s2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,s2,i2,e2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKeyForHit(t2){return`0:${t2.index}`}tooltipPositionKeyForContext(t2){return`${t2.seriesIndex??0}:${t2.pointIndex??t2.index??0}`}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(t2.context),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForHit(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(t2));if(!i3)return;return{lock:{...i3.lock},side:i3.side,box:i3.box}}if(!i2.interactive||"multiple"===i2.openMode)return;const s2=this.positionedTooltipForRender();if(!s2?.box)return;if(s2.context.pointIndex!==t2.index)return;const e2=this.tooltipTopLeftFromAnchor(s2);return e2?{lock:e2,side:s2.side,box:s2.box}:void 0}tooltipAnchorFromTopLeft(t2,i2,s2,e2,r2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+r2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-r2}:"left"===e2?{cssX:t2+s2.width+r2,cssY:i2+s2.height/2}:{cssX:t2-r2,cssY:i2+s2.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const t2=this.cartesianTooltip,i2=this.tooltipElement;if(!t2||!i2)return;const s2=i2.getBoundingClientRect();if(!Number.isFinite(s2.width)||!Number.isFinite(s2.height))return;const e2=Math.round(100*s2.width)/100,r2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===r2)return;const o2={width:e2,height:r2},n2={...t2,box:o2};t2.positionLock&&Object.assign(n2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(n2),this.cartesianTooltip=n2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,r2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),o2=this.cartesianTooltips.find((t3=>t3.id===r2))??this.cartesianTooltip;e2&&o2&&(t2.stopPropagation(),this.tooltipAction.emit({...o2.context,action:e2,text:o2.text,html:o2.html}))};handleTooltipPointerDown=t2=>{if(!this.cartesianTooltip?.draggable)return;const i2=t2.target;if(i2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const s2=t2.currentTarget,e2=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip,r2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},o2=this.cartesianTooltip.box??e2.box,n2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:o2,positionLock:r2};Object.assign(n2,this.tooltipAnchorFromPositionLock(r2,n2.side,o2,n2.offset??10)),this.cartesianTooltip=n2,this.rememberDraggableTooltipPosition(n2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:n2.cssX,originY:n2.cssY,originLockX:r2.x,originLockY:r2.y}};handleTooltipPointerMove=t2=>{const i2=this.tooltipDrag;if(!i2||i2.pointerId!==t2.pointerId||!this.cartesianTooltip)return;t2.preventDefault(),t2.stopPropagation();const s2={x:i2.originLockX+t2.clientX-i2.startX,y:i2.originLockY+t2.clientY-i2.startY},e2={...this.cartesianTooltip,positionLock:s2};Object.assign(e2,this.tooltipAnchorFromPositionLock(s2,e2.side,e2.box,e2.offset??10)),this.cartesianTooltip=e2,this.rememberDraggableTooltipPosition(e2)};handleTooltipPointerUp=t2=>{const i2=this.tooltipDrag;i2&&i2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.cartesianTooltip&&this.rememberDraggableTooltipPosition(this.cartesianTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};localPoint(t2){const i2=this.host.getBoundingClientRect();return{cssX:t2.clientX-i2.left,cssY:t2.clientY-i2.top}}handlePointerMove=t2=>{if(!this.enableMouseTracking)return;const i2=this.computeVariwideLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2);this.updateCrosshair(i2,s2,e2);const r2=this.resolveTooltipSpec(),o2=V(i2.model,i2.plot,s2,e2);if(o2<0||null===i2.model.items[o2].value)return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(r2)&&this.clearTooltips());if(o2!==this.hoverIndex&&(this.hoverIndex=o2,this.pointHover.emit(this.detailForIndex(i2,o2,s2,e2))),r2.show&&this.shouldShowTooltipOnHover(r2)){const t3=this.variwideHitAtIndex(i2,o2);t3&&this.showTooltipForHit(i2,t3,r2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(r2)&&this.clearTooltips()};handlePointerLeave=()=>{null!==this.hoverIndex&&this.pointHover.emit(null),this.hoverIndex=null,null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null));const t2=this.resolveTooltipSpec();this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(t2)&&this.clearTooltips()};handlePointerClick=t2=>{const i2=this.computeVariwideLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),{plot:r2}=i2,o2=s2>=r2.x&&s2<=r2.x+r2.width&&e2>=r2.y&&e2<=r2.y+r2.height,n2=V(i2.model,i2.plot,s2,e2),a2=n2>=0?i2.columns.find((t3=>t3.index===n2))??null:null;if(n2<0||null===i2.model.items[n2].value||null!==a2&&e2<a2.rect.y)return this.hasVisibleTooltips()&&this.clearTooltips(),void(o2&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}));this.pointClick.emit(this.detailForIndex(i2,n2,s2,e2));const h2=this.resolveTooltipSpec();if(h2.show&&this.shouldShowTooltipOnClick(h2)){const t3=this.variwideHitAtIndex(i2,n2);t3&&this.showTooltipForHit(i2,t3,h2,true)}};handleContextMenu=t2=>{const i2=this.computeVariwideLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),r2=V(i2.model,i2.plot,s2,e2);r2<0||null===i2.model.items[r2].value||this.pointContextMenu.emit(h(t2,this.host,"variwide",this.detailForIndex(i2,r2,s2,e2)))};updateCrosshair(t2,i2,s2){const e2=$(this.crosshair),{plot:r2}=t2;if(!e2.show||!(i2>=r2.x&&i2<=r2.x+r2.width&&s2>=r2.y&&s2<=r2.y+r2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const o2=t2.columns.map((t3=>({pos:t3.centerX,index:t3.index}))),n2=t2.columns.map((t3=>({cssX:t3.centerX,cssY:t3.rect.y,index:t3.index}))),a2=g(i2,s2,r2,"x",o2,n2,e2.snap);this.cursor&&this.cursor.cssX===a2.cssX&&this.cursor.cssY===a2.cssY||(this.cursor={cssX:a2.cssX,cssY:a2.cssY},this.crosshairMove.emit({cssX:a2.cssX,cssY:a2.cssY,snappedPointIndex:a2.index}))}crosshairLineBackground(t2,i2,s2){if(!s2||0===s2.length)return i2;const e2=Math.max(1,Number.isFinite(Number(s2[0]))?Number(s2[0]):4);return`repeating-linear-gradient(${"vertical"===t2?"to bottom":"to right"}, ${i2} 0px, ${i2} ${e2}px, transparent ${e2}px, transparent ${e2+Math.max(1,Number.isFinite(Number(s2[1]))?Number(s2[1]):e2)}px)`}renderCrosshair(t2){const i2=$(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,r2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",o2="horizontal"===i2.mode||"cross"===i2.mode;return e("div",{class:"sy-variwide-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},("vertical"===i2.mode||"cross"===i2.mode)&&e("div",{class:"sy-variwide-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${s2.y}px`,width:"1px",height:`${s2.height}px`,background:this.crosshairLineBackground("vertical",r2,i2.dash)}}),o2&&e("div",{class:"sy-variwide-chart__crosshair-line",style:{position:"absolute",left:`${s2.x}px`,top:`${this.cursor.cssY}px`,width:`${s2.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",r2,i2.dash)}}))}render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU variwide renderer exists";if("error"===a(t3.onUnavailable))throw new Error('sy-variwide-chart: Pro engine is unavailable — no GPU variwide renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-variwide-chart: Pro renderer unavailable, falling back to Standard (${i3}).`),{tier:"standard",fallbackReason:i3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=t2.tier,this.fallbackReason=t2.fallbackReason;const i2=this.computeVariwideLayout(),s2=this.animator.has(Y)&&!this.morphActive,o2=this.morphActive&&this.animator.has(D)&&void 0!==this.morphFromTops,n2=s2?this.revealProgress():1,h2=o2?this.morphProgress():1,l2=new Map;for(const t3 of i2.columns){let e2=t3.rect.y;if(o2){const i3=this.morphFromTops.get(t3.index);void 0!==i3&&(e2=i3+(t3.rect.y-i3)*h2)}else s2&&(e2=i2.baselineY-(i2.baselineY-t3.rect.y)*n2);l2.set(t3.index,e2)}return this.displayedTops=l2,this.lastRenderResult={points:i2.columns.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model),e(r,{key:"164db779622fd279a485a2f1924119cb9655bebd",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"img","aria-label":this.chartTitle??"Variwide chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),e("svg",{key:"0c4068d0e2faa54dc5b7f293a2be348a41434bc8",class:"sy-variwide-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},e("g",{key:"2060cda142800c306ca0850c64945dc8bd8c1469",class:"sy-variwide-chart__columns"},i2.columns.map((t3=>{const s3=l2.get(t3.index)??t3.rect.y,r2=i2.baselineY-s3,o3=this.hoverIndex===t3.index;return e("rect",{key:`col-${t3.index}`,class:{"sy-variwide-chart__column":true,"sy-variwide-chart__column--active":o3},x:E(t3.rect.x),y:E(s3),width:E(t3.rect.width),height:E(Math.max(0,r2)),fill:this.columnColor(t3),opacity:null===this.hoverIndex||o3?1:.78})}))),e("g",{key:"8840bf77e588aab8668081fbbd4130ca35d1167f",class:"sy-variwide-chart__labels"},i2.columns.map(((t3,s3)=>{if(!i2.labelDecl.visible[s3])return null;const r2=i2.labelDecl.rotationDeg,o3=i2.plot.y+i2.plot.height+(r2>0?10:14);return e("text",r2>0?{key:`lbl-${t3.index}`,class:"sy-variwide-chart__col-label",x:E(t3.centerX),y:E(o3),"text-anchor":"end",transform:`rotate(${E(-r2)} ${E(t3.centerX)} ${E(o3)})`,style:{fontSize:"11px",fill:"var(--sy-axis-color, #111827)"}}:{key:`lbl-${t3.index}`,class:"sy-variwide-chart__col-label",x:E(t3.centerX),y:E(o3),"text-anchor":"middle",style:{fontSize:"11px",fill:"var(--sy-axis-color, #111827)"}},t3.category)})))),this.renderCrosshair(i2),this.renderTooltipConnector(),this.renderTooltip(),e("span",{key:"7aab9e6a8989a0364ecb4fa255e9c71e6ff28393",class:"sy-variwide-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&e("span",{key:"eb64ea2f7fb9b89be271c05fb6c61f7fd1c65c36",class:"sy-variwide-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),x(this.host,this.brandLogo,{width:this.width,height:this.height,plot:i2.plot}))}renderAxisOverlay(t2){const{frame:i2,outer:s2,plot:r2}=t2;return e("div",{class:"sy-variwide-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},i2.titleRect&&this.chartTitle&&e("div",{class:"sy-variwide-chart__title",style:{position:"absolute",left:`${s2.x}px`,top:`${s2.y+i2.titleRect.y}px`,width:`${s2.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),i2.subtitleRect&&this.chartSubtitle&&e("div",{class:"sy-variwide-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${s2.x}px`,top:`${s2.y+i2.subtitleRect.y}px`,width:`${s2.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),i2.yGridLines.map((t3=>e("div",{class:"sy-variwide-chart__grid-line",style:{position:"absolute",left:`${r2.x}px`,top:`${s2.y+t3.y}px`,width:`${r2.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.yTicks.map((t3=>e("div",{class:"sy-variwide-chart__axis-label sy-variwide-chart__axis-label--y",style:{position:"absolute",left:r2.x-48+"px",top:s2.y+t3.position-7+"px",width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},(t4=>t4.label??String(t4.value))(t3)))),e("div",{class:"sy-variwide-chart__axis-line",style:{position:"absolute",left:`${r2.x}px`,top:`${r2.y+r2.height}px`,width:`${r2.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),e("div",{class:"sy-variwide-chart__axis-line",style:{position:"absolute",left:`${r2.x}px`,top:`${r2.y}px`,width:"1px",height:`${r2.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),this.valueAxisLabel&&e("div",{class:"sy-variwide-chart__axis-title",style:{position:"absolute",left:r2.x-68+"px",top:`${r2.y+r2.height/2}px`,width:`${r2.height}px`,transform:"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},this.valueAxisLabel))}async getEngineStatus(){return T({requested:this.engine,onUnavailable:this.unavailable,renderer:"variwide"})}static get watchers(){return{data:[{handleValuesChange:0}],values:[{handleValuesChange:0}],weights:[{handleValuesChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationToggle:0}],animationDuration:[{handleAnimationToggle:0}],animationEasing:[{handleAnimationToggle:0}],animationType:[{handleAnimationToggle:0}],categories:[{handleVisualChange:0}],color:[{handleVisualChange:0}],colorful:[{handleVisualChange:0}],columnGap:[{handleVisualChange:0}],baseline:[{handleVisualChange:0}],sortDescending:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],xAxis:[{handleVisualChange:0}],yAxis:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}]}}};function E(t2){return Math.round(100*t2)/100}I.style=".sc-sy-variwide-chart-h{display:inline-block;position:relative}.sy-variwide-chart__surface.sc-sy-variwide-chart{display:block}.sy-variwide-chart__column.sc-sy-variwide-chart{transition:opacity 120ms ease}.sy-variwide-chart__tooltip.sc-sy-variwide-chart{pointer-events:none}.sy-variwide-chart__sr-only.sc-sy-variwide-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-variwide-chart__watermark.sc-sy-variwide-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}";export{I as sy_variwide_chart};

package/dist/advanced/p-3bfe768d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as e,h as s,H as r}from"./p-DChj4qx2.js";import{s as o,r as n}from"./p-DO6vGxJP.js";import{n as a,b as h}from"./p-B6K1arcd.js";import{C as l,c,a as u,p}from"./p-nxlSIIWU.js";import{a as d,b as m}from"./p-CTrT2jn4.js";import{s as f,r as x}from"./p-DYKIyOfR.js";import{c as y,l as g}from"./p-DTZUbymc.js";import{c as b}from"./p-BwM4aW0R.js";import{h as v}from"./p-_AFoWkvk.js";import{a as w,d as k,r as _,b as $}from"./p-DogpgTFv.js";import{r as C}from"./p-CitzwxIw.js";import{t as M,c as S}from"./p-C0f63Npv.js";import{s as A}from"./p-Yjd8T1ZK.js";import"./p-HAy9hTj2.js";import"./p-DUELYDa7.js";import"./p-D6sPnRDQ.js";import"./p-AzDRbG7D.js";function T(t2,i2){return i2>0?t2/i2:t2}function L(t2,i2,e2){return t2.x+(i2+.5)*T(t2.width,e2)}function P(t2){if(0===t2.length)return"";let i2=`M ${N(t2[0].x)} ${N(t2[0].y)}`;for(let e2=1;e2<t2.length;e2++)i2+=` L ${N(t2[e2].x)} ${N(t2[e2].y)}`;return i2}function V(t2,i2,e2,s2){if(0===i2)return-1;if(e2<t2.x||e2>t2.x+t2.width)return-1;if(s2<t2.y||s2>t2.y+t2.height)return-1;const r2=T(t2.width,i2),o2=Math.floor((e2-t2.x)/r2);return Math.max(0,Math.min(i2-1,o2))}function I(t2){return"number"==typeof t2&&Number.isFinite(t2)?t2<=0?0:t2>=1?1:t2:.1}function N(t2){return Math.round(100*t2)/100}function Y(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function j(t2){return"number"==typeof t2?Number.isFinite(t2)?{value:t2}:void 0:t2&&"object"==typeof t2&&"number"==typeof t2.value?{value:t2.value,category:t2.category}:void 0}const D="reveal",F="morph",X="stream",E="values",R="cumulative";function H(t2,i2){return i2?`${t2} ${i2}`:t2}function O(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?String(i2):`${i2}px`}const z=class{constructor(e2){t(this,e2),this.rendered=i(this,"rendered",7),this.pointClick=i(this,"pointClick",7),this.pointHover=i(this,"pointHover",7),this.crosshairMove=i(this,"crosshairMove",7),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.seriesOutsideClick=i(this,"seriesOutsideClick",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.legendItemClick=i(this,"legendItemClick",7),this.seriesToggled=i(this,"seriesToggled",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7)}get host(){return e(this)}values=new Float32Array(0);categories;width=640;height=360;brandLogo;brandPosition="bottom-right";color="#2563eb";lineColor="#ef4444";lineWidth=2;marker="circle";markerSize=3.5;baseline=0;barPadding=.2;sortDescending=true;referenceValue=80;showReference=true;referenceColor="#94a3b8";valueAxisLabel;cumulativeAxisLabel;xAxis;xLabelMode;xLabelRotation;xLabelMaxCount;yAxis;gridLines;crosshair;chartTitle;chartSubtitle;tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;legend=false;legendPosition="bottom";animated=false;animationDuration=700;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;pointContextMenu;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverIndex=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=(function(){const t2=new Map;function i2(t3,i3){return t3.duration<=0?1:Y((function(t4,i4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,i4-t4.startedAt+t4.pausedElapsed)})(t3,i3)/t3.duration)}return{start(i3,e2){t2.set(i3,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,e2.duration),easing:e2.easing})},progressAt(e2,s2){const r2=t2.get(e2);if(r2)return r2.startedAt<0&&!r2.paused&&(r2.startedAt=s2),(function(t3,i3){const e3=Y(t3);switch(i3){case"linear":default:return e3;case"ease-out":return 1-(1-e3)*(1-e3)*(1-e3);case"ease-in":return e3*e3*e3;case"ease-in-out":return e3<.5?4*e3*e3*e3:1-Math.pow(-2*e3+2,3)/2}})(i2(r2,s2),r2.easing)},has:i3=>t2.has(i3),isActive(e2,s2){const r2=t2.get(e2);return!!r2&&(!!r2.paused||i2(r2,s2)<1)},tick(e2){const s2=[];for(const[r2,o2]of t2)o2.startedAt<0&&!o2.paused&&(o2.startedAt=e2),o2.paused||i2(o2,e2)>=1&&s2.push(r2);for(const i3 of s2)t2.delete(i3)},pauseAll(i3){for(const e2 of t2.values())e2.paused||(e2.startedAt>=0&&(e2.pausedElapsed+=i3-e2.startedAt),e2.paused=true)},resumeAll(i3){for(const e2 of t2.values())e2.paused&&(e2.startedAt=i3,e2.paused=false)},hasActive(){for(const i3 of t2.values())if(!i3.paused)return true;return false},cancel(i3){t2.delete(i3)},clear(){t2.clear()},entries:()=>t2}})();animationFrameHandle=null;morphActive=false;displayedBars=new Map;morphFromBars;displayedLine=new Map;morphFromLine;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new l({host:()=>this.host,input:()=>c(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});streamFrozenValues;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFrom;lastStreamTime;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&(this.streamUnsubscribe||this.bindToStreamSource(t2),this.handleStreamEvent(t2,{type:"replace",count:t2.length}))}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldInitialAnimation(null)&&this.startReveal()}componentDidRender(){this.detached||(this.measureTooltipBox(),this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})))}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.stopAnimationLoop(),this.animator.clear()}handleValuesChange(t2,i2){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(i2)?this.startReveal():this.shouldUpdateAnimation(i2)?this.startMorph():this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){this.shouldInitialAnimation(null)?this.startReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.morphActive=false,this.stopAnimationLoop(),this.animationTick++)}handleVisualChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2){this.values=t2}async appendPoint(t2){await this.streamOrPlain("appendPoint",{type:"push",datum:t2},(()=>this.ensureInternalStreamSource()?.push(t2)))}async appendBatch(t2){await this.streamOrPlain("appendBatch",{type:"pushBatch",data:t2},(()=>this.ensureInternalStreamSource()?.pushBatch(t2)))}async shift(t2){await this.streamOrPlain("shift",{type:"shift",count:t2},(()=>this.activeStreamSource()?.shift(t2)))}async replace(t2){await this.streamOrPlain("replace",{type:"replace",data:t2},(()=>this.ensureInternalStreamSource()?.replace(t2)))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(t2=>"stream"===t2?this.activeStreamSource():void 0),void 0!==this.displayedStreamSource())}async setAnimation(t2){"number"==typeof t2.duration&&Number.isFinite(t2.duration)&&(this.animationDuration=Math.max(0,t2.duration)),t2.easing&&(this.animationEasing=t2.easing),"boolean"==typeof t2.enabled&&(this.animated=t2.enabled),t2.type&&(this.animationType=t2.type)}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now()),this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(t2,i2){const e2=this.computeParetoLayout(),s2=V(e2.plot,e2.model.bars.length,t2,i2);return s2<0?null:this.detailForIndex(e2,s2,t2,i2)}async showTooltipAtPoint(t2){const i2=this.resolveTooltipSpec();if(!i2.show)return null;const e2=this.computeParetoLayout(),s2=this.paretoHitAtIndex(e2,t2);return s2?this.showTooltipForHit(e2,s2,i2,true):null}async hideTooltip(){this.clearTooltips(),this.hoverIndex=null}hasVisibleTooltips(){return null!==this.cartesianTooltip||this.cartesianTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.cartesianTooltip=null,this.cartesianTooltips=[],this.tooltipHide.emit())}isStreaming(){return null!=this.displayedStreamSource()}computeParetoLayout(){const t2=(function(t3,i3,e3={}){const s3=false!==e3.sortDescending,r3=(function(t4){const i4=new Array(t4.length);for(let s4=0;s4<t4.length;s4++)i4[s4]="number"!=typeof(e4=t4[s4])||!Number.isFinite(e4)||e4<0?0:e4;var e4;return i4})(t3).map(((t4,e4)=>({sourceIndex:e4,value:t4,category:i3?.[e4]??String(e4+1)})));s3&&r3.sort(((t4,i4)=>i4.value-t4.value||t4.sourceIndex-i4.sourceIndex));const o3=r3.reduce(((t4,i4)=>t4+i4.value),0),n3=r3.reduce(((t4,i4)=>Math.max(t4,i4.value)),0);let a3=0;return{bars:r3.map((t4=>(a3+=t4.value,{sourceIndex:t4.sourceIndex,category:t4.category,value:t4.value,cumulative:a3,cumulativePercent:o3>0?a3/o3*100:0}))),total:o3,maxValue:n3}})(this.streamValues()??this.values,this.streamCategories(),{sortDescending:this.sortDescending&&!this.isStreaming()}),i2=this.legend?this.buildLegendLayout():null,e2=this.outerRectFromLegend(i2),s2=t2.bars.length,r2=t2.bars.map((t3=>t3.category)),o2=Number.isFinite(this.baseline)?this.baseline:0,n2=(function(t3){if(!Number.isFinite(t3)||t3<=0)return 1;const i3=1.02*t3,e3=Math.floor(Math.log10(i3)),s3=Math.pow(10,e3);for(const t4 of[1,1.5,2,2.5,3,4,5,6,8,10]){const e4=t4*s3;if(e4>=i3)return e4}return 10*s3})(Math.max(t2.maxValue,o2,1)),a2=Math.min(0,o2),h2=w(this.resolveXAxisInput(r2),this.resolveYAxisInput()),l2=d({outerWidth:e2.width,outerHeight:e2.height,axes:h2,gridLines:k(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,s2-.5)},yExtent:{min:a2,max:n2},yExtents:{value:{min:a2,max:n2},cumulative:{min:0,max:100}},requiredTicks:{y:o2,includeGridLines:false}}),c2={x:e2.x+l2.plot.x,y:e2.y+l2.plot.y,width:l2.plot.width,height:l2.plot.height},u2=l2.yScales.value??l2.yScale,p2=l2.yScales.cumulative??l2.yScale,m2=t3=>e2.y+u2(t3),f2=t3=>e2.y+p2(t3),x2=m2(o2),y2=(function(t3,i3,e3,s3,r3){const o3=t3.bars.length;if(0===o3)return[];const n3=T(i3.width,o3),a3=I(r3),h3=n3<2?0:n3*a3,l3=Math.max(0,n3-h3),c3=new Array(o3);for(let r4=0;r4<o3;r4++){const o4=e3(t3.bars[r4].value),a4=Math.min(o4,s3),u3=Math.max(o4,s3);c3[r4]={x:i3.x+r4*n3+h3/2,y:a4,width:l3,height:Math.max(0,u3-a4)}}return c3})(t2,c2,m2,x2,this.barPadding),g2=(function(t3,i3,e3){const s3=t3.bars.length,r3=new Array(s3);for(let o3=0;o3<s3;o3++)r3[o3]={x:L(i3,o3,s3),y:e3(t3.bars[o3].cumulativePercent)};return r3})(t2,c2,f2);return{model:t2,outer:e2,plot:c2,frame:l2,valueY:m2,percentY:f2,baselineY:x2,bars:y2,linePoints:g2,legend:i2}}resolveXAxisInput(t2){const i2={kind:"category",position:"bottom",show:true,categories:t2,tickCount:Math.min(t2.length,24)};return this.xAxis&&"object"==typeof this.xAxis?{...i2,...this.xAxis,categories:t2}:false===this.xAxis||"off"===this.xAxis?{...i2,show:false}:i2}resolveYAxisInput(){return[{id:"value",kind:"linear",position:"left",show:true,label:this.valueAxisLabel,...this.yAxis&&"object"==typeof this.yAxis&&!Array.isArray(this.yAxis)?this.yAxis:{}},{id:"cumulative",kind:"linear",position:"right",show:true,min:0,max:100,label:this.cumulativeAxisLabel,format:t2=>`${Math.round(t2)}%`}]}outerRectFromLegend(t2){if(!t2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const i2=t2.remainingOuter;return{x:i2.x,y:i2.y,width:Math.max(1,i2.width),height:Math.max(1,i2.height)}}buildLegendLayout(){const t2=[{label:"Values",swatchColor:C(this.color,"#2563eb"),swatchShape:"square",disabled:this.legendDisabled.has(E),id:E},{label:"Cumulative %",swatchColor:this.lineColor,swatchShape:"line",disabled:this.legendDisabled.has(R),id:R}];return b({outerWidth:this.width,outerHeight:this.height,items:t2,position:this.legendPosition,direction:"left"===this.legendPosition||"right"===this.legendPosition?"vertical":"horizontal",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&(null===t2||0===(t2?.length??0)))}shouldUpdateAnimation(t2){return!!this.shouldAnimate()&&"initial"!==this.animationType&&(t2?.length??0)>0}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(D,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}startMorph(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=true,this.animator.clear(),this.morphFromBars=new Map(this.displayedBars),this.morphFromLine=new Map(this.displayedLine),this.animator.start(F,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}ensureAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2=()=>{const i2=this.now();this.animator.tick(i2),this.animationTick++,this.animator.hasActive()&&this.animator.entries().size>0?this.animationFrameHandle=requestAnimationFrame(t2):(this.animationFrameHandle=null,this.morphActive=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=requestAnimationFrame(t2)}stopAnimationLoop(){null!==this.animationFrameHandle&&(cancelAnimationFrame(this.animationFrameHandle),this.animationFrameHandle=null)}revealProgress(){return this.animator.has(D)?this.animator.progressAt(D,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(F)?this.animator.progressAt(F,this.now())??1:1}now(){return"undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){return this.streamSource?this.streamSource:(this.internalStreamSource||(this.internalStreamSource=(function(){const t2=new Error("Dedicated streaming requires @syidax/advanced-pro");throw t2.code="module-missing",t2.feature="chart.streaming",t2})((this.coerceStreamCapacity(),this.valuesAsData())),this.bindToStreamSource(this.internalStreamSource)),this.internalStreamSource)}valuesAsData(){const t2=[];for(let i2=0;i2<this.values.length;i2++){const e2=this.values[i2];t2.push({value:"bigint"==typeof e2?Number(e2):"number"==typeof e2&&Number.isFinite(e2)?e2:0,category:this.categories?.[i2]})}return t2}coerceStreamCapacity(){const t2=this.streamMax;if("number"==typeof t2&&Number.isFinite(t2)&&t2>0)return Math.floor(t2);const i2=this.streamWindow;return"number"==typeof i2&&Number.isFinite(i2)&&i2>0?4*Math.floor(i2):2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const t2=this.streamLicense.route();if("pending"===t2||"refused"===t2)return;const i2="stream"===t2?this.streamSource:void 0;this.boundStreamSource!==i2&&(this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,i2&&(this.internalStreamSource=void 0,this.bindToStreamSource(i2)),this.boundStreamSource=i2)}bindToStreamSource(t2){this.detached||(this.streamUnsubscribe?.(),this.streamUnsubscribe=t2.subscribe((i2=>this.handleStreamEvent(t2,i2))))}async streamOrPlain(t2,i2,e2){const s2="shift"!==i2.type||this.plainStreamStarted||void 0!==this.displayedStreamSource();await this.streamLicense.run(t2,(t3=>{if("stream"===t3)return e2();("shift"!==i2.type||this.plainStreamStarted)&&("shift"!==i2.type&&(this.plainStreamStarted=true),this.applyPlainStream(i2))}),s2)}applyPlainStream(t2){const i2=this.valuesAsData().map((t3=>j(t3))).filter((t3=>void 0!==t3)),{list:e2,event:s2}=u(i2,t2,j);s2&&this.handleStreamEvent(p(e2),s2)}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenValues=this.values,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.values===this.streamFrozenValues||this.boundStreamSource||(this.internalStreamSource=void 0),this.streamFrozenValues=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,i2){const e2=this.streamWindow,s2=t2.snapshot("number"==typeof e2&&e2>0?e2:void 0),r2=Float32Array.from(s2.map((t3=>{const i3=t3.value;return"bigint"==typeof i3?Number(i3):"number"==typeof i3&&Number.isFinite(i3)?i3:0})));if(this.shouldAnimate()&&this.values.length>0&&r2.length>0){const t3=this.now(),i3=y(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFrom=this.currentStreamWindow(),this.suppressNextValuesAnimation=true,this.values=r2,i3>0&&(this.animator.start(X,{duration:i3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.values=r2;"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}currentStreamWindow(){return this.animator.has(X)&&this.streamFrom?g(this.streamFrom,this.values,this.animator.progressAt(X,this.now())??1):this.values instanceof Float32Array?this.values:Float32Array.from(this.values)}streamValues(){return this.animator.has(X)&&this.streamFrom?g(this.streamFrom,this.values,this.animator.progressAt(X,this.now())??1):null}streamCategories(){return this.categories}detailForIndex(t2,i2,e2,s2){const r2=t2.model.bars[i2];return{index:i2,sourceIndex:r2.sourceIndex,category:r2.category,value:r2.value,cumulative:r2.cumulative,cumulativePercent:r2.cumulativePercent,cssX:e2,cssY:s2}}resolveTooltipSpec(){const t2=_(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}paretoHitAtIndex(t2,i2){const e2=Math.trunc(i2);if(!Number.isFinite(e2)||e2<0||e2>=t2.model.bars.length)return null;const s2=t2.model.bars[e2],r2=t2.linePoints[e2],o2=r2?.x??L(t2.plot,e2,t2.model.bars.length),n2=Math.min(r2?.y??t2.plot.y,t2.bars[e2]?.y??t2.plot.y);return{index:e2,sourceIndex:s2.sourceIndex,category:s2.category,value:s2.value,cumulative:s2.cumulative,cumulativePercent:s2.cumulativePercent,cssX:o2,cssY:n2}}srSummary(t2){if(0===t2.bars.length)return"Pareto chart, no data";const i2=t2.bars[0];return`Pareto chart, ${t2.bars.length} categories, total ${Math.round(t2.total)}. Largest ${i2.category} ${Math.round(i2.value)} (${Math.round(i2.cumulativePercent)}% cumulative).`}shouldShowTooltipOnHover(t2){return"click"!==t2.trigger}shouldShowTooltipOnClick(t2){return"click"===t2.trigger||"hover-click"===t2.trigger}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForHit(t2,i2,e2,s2=false){const r2=i2.cssX,n2=i2.cssY,a2={seriesIndex:0,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:r2,cssY:n2,dataX:i2.index,dataY:i2.value,mode:e2.mode},h2=m({frame:{plot:t2.plot},hit:{cssX:r2,cssY:n2},spec:e2}),l2=this.lockedTooltipPositionForHit(i2,e2),c2=l2?.side??h2.side,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,e2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},p2=o(e2.format,[i2.value,a2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",e2),d2=o(e2.html,[i2.value,a2],(()=>{}),"tooltip.html",e2),f2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:r2,pointCssY:n2,box:l2?.box,side:c2,text:p2,html:d2,className:e2.className,style:this.tooltipStyleFromSpec(e2),interactive:e2.interactive,connector:e2.connector,draggable:e2.draggable,offset:e2.offset,positionLock:l2?.lock,context:a2};this.tooltipDrag=void 0,s2&&"multiple"===e2.openMode?(this.cartesianTooltip=f2,this.cartesianTooltips=[...this.cartesianTooltips,f2]):(this.cartesianTooltips=[],this.cartesianTooltip=f2);const x2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:p2,html:d2,context:a2};return this.tooltipShow.emit(x2),x2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,sourceIndex:t2.sourceIndex,category:t2.category,value:t2.value,cumulative:t2.cumulative,cumulativePercent:t2.cumulativePercent,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){n(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${i2=t2.value,Number.isInteger(i2)?String(i2):i2.toFixed(2)}`;var i2}tooltipStyleFromSpec(t2){const i2={...t2.style??{}};return void 0!==t2.width&&(i2.width=t2.width),void 0!==t2.minWidth&&(i2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(i2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(i2.padding=t2.padding),Object.keys(i2).length>0?i2:void 0}renderTooltip(){const t2=this.cartesianTooltips.length>0,i2=t2?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:e2,cssY:r2,side:o2,text:n2,html:a2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,p2=t2.offset??10,d2={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(d2.left=`${t2.positionLock.x}px`,d2.top=`${t2.positionLock.y}px`,d2.transform=""):"top"===o2?(d2.left=`${e2}px`,d2.top=r2-p2+"px",d2.transform="translate(-50%, -100%)"):"bottom"===o2?(d2.left=`${e2}px`,d2.top=`${r2+p2}px`,d2.transform="translate(-50%, 0%)"):"left"===o2?(d2.left=e2-p2+"px",d2.top=`${r2}px`,d2.transform="translate(-100%, -50%)"):(d2.left=`${e2+p2}px`,d2.top=`${r2}px`,d2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))d2[t3]=O(t3,i3);return void 0!==a2?s("div",{class:H("sy-pareto-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:d2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:a2}):s("div",{class:H("sy-pareto-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:d2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},n2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)))).filter((t3=>t3.connector?.show));return 0===t2.length?null:s("svg",{class:"sy-pareto-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},t2.map((t3=>{const i2=t3.connector,e2=M(t3);return s("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:e2.x,y2:e2.y,stroke:i2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":i2.width??1,"stroke-dasharray":i2.dash?.join(" ")})})))}positionedTooltipForRender(t2=this.cartesianTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const i2=t2.offset??10,e2=S({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:i2,padding:6}),s2=this.tooltipAnchorFromTopLeft(e2.x,e2.y,t2.box,e2.side,i2);return{...t2,...s2,side:e2.side}}tooltipTopLeftFromAnchor(t2){const i2=t2.box;if(!i2)return;const e2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY-e2-i2.height}:"bottom"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY+e2}:"left"===t2.side?{x:t2.cssX-e2-i2.width,y:t2.cssY-i2.height/2}:{x:t2.cssX+e2,y:t2.cssY-i2.height/2}}tooltipTopLeftFromElement(t2){const i2=t2.getBoundingClientRect(),e2=this.host.getBoundingClientRect();if(Number.isFinite(i2.left)&&Number.isFinite(i2.top))return{x:i2.left-e2.left,y:i2.top-e2.top}}tooltipAnchorFromPositionLock(t2,i2,e2,s2){return e2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,e2,i2,s2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKeyForHit(t2){return`0:${t2.index}`}tooltipPositionKeyForContext(t2){return`${t2.seriesIndex??0}:${t2.pointIndex??t2.index??0}`}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(t2.context),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForHit(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(t2));if(!i3)return;return{lock:{...i3.lock},side:i3.side,box:i3.box}}if(!i2.interactive||"multiple"===i2.openMode)return;const e2=this.positionedTooltipForRender();if(!e2?.box)return;if(e2.context.pointIndex!==t2.index)return;const s2=this.tooltipTopLeftFromAnchor(e2);return s2?{lock:s2,side:e2.side,box:e2.box}:void 0}tooltipAnchorFromTopLeft(t2,i2,e2,s2,r2){return"top"===s2?{cssX:t2+e2.width/2,cssY:i2+e2.height+r2}:"bottom"===s2?{cssX:t2+e2.width/2,cssY:i2-r2}:"left"===s2?{cssX:t2+e2.width+r2,cssY:i2+e2.height/2}:{cssX:t2-r2,cssY:i2+e2.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const t2=this.cartesianTooltip,i2=this.tooltipElement;if(!t2||!i2)return;const e2=i2.getBoundingClientRect();if(!Number.isFinite(e2.width)||!Number.isFinite(e2.height))return;const s2=Math.round(100*e2.width)/100,r2=Math.round(100*e2.height)/100;if(t2.box?.width===s2&&t2.box?.height===r2)return;const o2={width:s2,height:r2},n2={...t2,box:o2};t2.positionLock&&Object.assign(n2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(n2),this.cartesianTooltip=n2}handleTooltipActionClick=t2=>{const i2=t2.target,e2=i2?.closest?.("[data-tooltip-action]"),s2=e2?.dataset.tooltipAction,r2=Number(e2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),o2=this.cartesianTooltips.find((t3=>t3.id===r2))??this.cartesianTooltip;s2&&o2&&(t2.stopPropagation(),this.tooltipAction.emit({...o2.context,action:s2,text:o2.text,html:o2.html}))};handleTooltipPointerDown=t2=>{if(!this.cartesianTooltip?.draggable)return;const i2=t2.target;if(i2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const e2=t2.currentTarget,s2=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip,r2=this.tooltipTopLeftFromElement(e2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},o2=this.cartesianTooltip.box??s2.box,n2={...this.cartesianTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:o2,positionLock:r2};Object.assign(n2,this.tooltipAnchorFromPositionLock(r2,n2.side,o2,n2.offset??10)),this.cartesianTooltip=n2,this.rememberDraggableTooltipPosition(n2),e2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:n2.cssX,originY:n2.cssY,originLockX:r2.x,originLockY:r2.y}};handleTooltipPointerMove=t2=>{const i2=this.tooltipDrag;if(!i2||i2.pointerId!==t2.pointerId||!this.cartesianTooltip)return;t2.preventDefault(),t2.stopPropagation();const e2={x:i2.originLockX+t2.clientX-i2.startX,y:i2.originLockY+t2.clientY-i2.startY},s2={...this.cartesianTooltip,positionLock:e2};Object.assign(s2,this.tooltipAnchorFromPositionLock(e2,s2.side,s2.box,s2.offset??10)),this.cartesianTooltip=s2,this.rememberDraggableTooltipPosition(s2)};handleTooltipPointerUp=t2=>{const i2=this.tooltipDrag;i2&&i2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.cartesianTooltip&&this.rememberDraggableTooltipPosition(this.cartesianTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};handlePointerMove=t2=>{if(!this.enableMouseTracking)return;const i2=this.computeParetoLayout(),e2=this.host.getBoundingClientRect(),s2=t2.clientX-e2.left,r2=t2.clientY-e2.top;this.updateCrosshair(i2,s2,r2);const o2=this.resolveTooltipSpec(),n2=V(i2.plot,i2.model.bars.length,s2,r2);if(n2<0)return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips());if(n2!==this.hoverIndex&&(this.hoverIndex=n2,this.pointHover.emit(this.detailForIndex(i2,n2,s2,r2))),o2.show&&this.shouldShowTooltipOnHover(o2)){const t3=this.paretoHitAtIndex(i2,n2);t3&&this.showTooltipForHit(i2,t3,o2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips()};handlePointerLeave=()=>{null!==this.hoverIndex&&this.pointHover.emit(null),this.hoverIndex=null,null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null));const t2=this.resolveTooltipSpec();this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(t2)&&this.clearTooltips()};updateCrosshair(t2,i2,e2){const s2=$(this.crosshair),{plot:r2}=t2;if(!s2.show||!(i2>=r2.x&&i2<=r2.x+r2.width&&e2>=r2.y&&e2<=r2.y+r2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const o2=t2.bars.map(((t3,i3)=>({pos:t3.x+t3.width/2,index:i3}))),n2=t2.linePoints.map(((t3,i3)=>({cssX:t3.x,cssY:t3.y,index:i3}))),a2=f(i2,e2,r2,"x",o2,n2,s2.snap);this.cursor&&this.cursor.cssX===a2.cssX&&this.cursor.cssY===a2.cssY||(this.cursor={cssX:a2.cssX,cssY:a2.cssY},this.crosshairMove.emit({cssX:a2.cssX,cssY:a2.cssY,snappedPointIndex:a2.index}))}crosshairLineBackground(t2,i2,e2){if(!e2||0===e2.length)return i2;const s2=Math.max(1,Number.isFinite(Number(e2[0]))?Number(e2[0]):4);return`repeating-linear-gradient(${"vertical"===t2?"to bottom":"to right"}, ${i2} 0px, ${i2} ${s2}px, transparent ${s2}px, transparent ${s2+Math.max(1,Number.isFinite(Number(e2[1]))?Number(e2[1]):s2)}px)`}renderCrosshair(t2){const i2=$(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:e2}=t2,r2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",o2="horizontal"===i2.mode||"cross"===i2.mode;return s("div",{class:"sy-pareto-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},("vertical"===i2.mode||"cross"===i2.mode)&&s("div",{class:"sy-pareto-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${e2.y}px`,width:"1px",height:`${e2.height}px`,background:this.crosshairLineBackground("vertical",r2,i2.dash)}}),o2&&s("div",{class:"sy-pareto-chart__crosshair-line",style:{position:"absolute",left:`${e2.x}px`,top:`${this.cursor.cssY}px`,width:`${e2.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",r2,i2.dash)}}))}handlePointerClick=t2=>{const i2=this.computeParetoLayout(),e2=this.host.getBoundingClientRect(),s2=t2.clientX-e2.left,r2=t2.clientY-e2.top,{plot:o2}=i2,n2=s2>=o2.x&&s2<=o2.x+o2.width&&r2>=o2.y&&r2<=o2.y+o2.height,a2=V(i2.plot,i2.model.bars.length,s2,r2),h2=a2>=0?i2.bars[a2]:null;if(a2<0||null!==h2&&r2<h2.y)return this.hasVisibleTooltips()&&this.clearTooltips(),void(n2&&this.seriesOutsideClick.emit({cssX:s2,cssY:r2}));this.pointClick.emit(this.detailForIndex(i2,a2,s2,r2));const l2=this.resolveTooltipSpec();if(l2.show&&this.shouldShowTooltipOnClick(l2)){const t3=this.paretoHitAtIndex(i2,a2);t3&&this.showTooltipForHit(i2,t3,l2,true)}};handleContextMenu=t2=>{const i2=this.computeParetoLayout(),e2=this.host.getBoundingClientRect(),s2=t2.clientX-e2.left,r2=t2.clientY-e2.top,o2=V(i2.plot,i2.model.bars.length,s2,r2);if(o2<0)return;const n2=this.detailForIndex(i2,o2,s2,r2);this.pointContextMenu.emit(h(t2,this.host,"pareto",n2))};toggleSeries(t2,i2){const e2=new Set(this.legendDisabled);e2.has(t2)?e2.delete(t2):e2.add(t2),this.legendDisabled=e2;const s2=e2.has(t2);this.legendItemClick.emit({index:i2,seriesId:t2,label:t2===E?"Values":"Cumulative %",disabled:s2}),this.seriesToggled.emit({index:i2,seriesId:t2,disabled:s2})}render(){const t2=this.resolveEngine();this.activeTier=t2.tier,this.fallbackReason=t2.fallbackReason;const i2=this.computeParetoLayout(),e2=this.animator.has(D)&&!this.morphActive,o2=this.morphActive&&this.animator.has(F)&&void 0!==this.morphFromBars,n2=e2?this.revealProgress():1,a2=o2?this.morphProgress():1;this.lastRenderResult={points:i2.model.bars.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model);const h2=this.legendDisabled.has(E),l2=this.legendDisabled.has(R),c2=i2.baselineY,u2=new Map;i2.bars.forEach(((t3,i3)=>{let s2=t3.y;if(o2){const e3=this.morphFromBars.get(i3);void 0!==e3&&(s2=e3+(t3.y-e3)*a2)}else e2&&(s2=c2-(c2-t3.y)*n2);u2.set(i3,s2)}));const p2=new Map;return i2.linePoints.forEach(((t3,i3)=>{let e3=t3.x,s2=t3.y;if(o2){const r2=this.morphFromLine.get(i3);void 0!==r2&&(e3=r2.x+(t3.x-r2.x)*a2,s2=r2.y+(t3.y-r2.y)*a2)}p2.set(i3,{x:e3,y:s2})})),this.displayedBars=u2,this.displayedLine=p2,s(r,{key:"cadae48bb4de5e2aadaaeb2a9205f861e2b1414f",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"img","aria-label":this.chartTitle??"Pareto chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),s("svg",{key:"9ea283dd19993c3c1987aaa25f79d44f4785bbb1",class:"sy-pareto-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},!h2&&this.renderBars(i2,u2),!l2&&this.showReference&&this.renderReference(i2),!l2&&this.renderCumulativeLine(i2,p2,n2,e2),!l2&&this.renderMarkers(i2,p2,n2,e2)),this.renderCrosshair(i2),i2.legend&&this.renderLegend(i2),this.renderTooltipConnector(),this.renderTooltip(),s("span",{key:"ab209cf043e81e28046ca6e3784531ebdc823593",class:"sy-pareto-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&s("span",{key:"258e951d6eb282e476d2192d2c3e110406b91e72",class:"sy-pareto-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),v(this.host,this.brandLogo,{width:this.width,height:this.height,plot:i2.plot}))}renderBars(t2,i2){const{bars:e2,model:r2,baselineY:o2}=t2,n2=C(this.color,"#2563eb");return s("g",{class:"sy-pareto-chart__bars"},e2.map(((t3,e3)=>{const a2=i2.get(e3)??t3.y,h2=o2-a2,l2=this.hoverIndex===e3;return s("rect",{key:`bar-${r2.bars[e3].sourceIndex}`,class:{"sy-pareto-chart__bar":true,"sy-pareto-chart__bar--active":l2},x:B(t3.x),y:B(a2),width:B(t3.width),height:B(Math.max(0,h2)),fill:n2,opacity:l2||null===this.hoverIndex?1:.78})})))}renderReference(t2){const i2=t2.percentY(U(this.referenceValue));return s("g",{class:"sy-pareto-chart__reference","aria-hidden":"true"},s("line",{x1:B(t2.plot.x),y1:B(i2),x2:B(t2.plot.x+t2.plot.width),y2:B(i2),stroke:this.referenceColor,"stroke-width":1,"stroke-dasharray":"4 4"}),s("text",{class:"sy-pareto-chart__reference-label",x:B(t2.plot.x+t2.plot.width-4),y:B(i2-4),"text-anchor":"end",style:{fontSize:"10px",fill:this.referenceColor}},Math.round(U(this.referenceValue)),"%"))}renderCumulativeLine(t2,i2,e2,r2){const o2=t2.linePoints;if(0===o2.length)return null;const n2=o2.map(((t3,e3)=>i2.get(e3)??t3)),a2=r2?(function(t3,i3){if(0===t3.length)return"";if(1===t3.length)return P(t3);const e3=I(i3);if(e3>=1)return P(t3);const s2=t3[0],r3=t3[t3.length-1].x-s2.x;if(!Number.isFinite(r3)||r3<=0){const i4=Math.max(1,Math.ceil(t3.length*e3));return P(t3.slice(0,i4))}const o3=s2.x+r3*e3,n3=[s2];for(let i4=1;i4<t3.length;i4++){const e4=t3[i4-1],s3=t3[i4];if(!(s3.x<=o3)){o3>e4.x&&s3.x>e4.x&&n3.push({x:o3,y:e4.y+(o3-e4.x)/(s3.x-e4.x)*(s3.y-e4.y)});break}n3.push(s3)}return P(n3)})(n2,e2):P(n2);return s("path",{class:"sy-pareto-chart__line",d:a2,fill:"none",stroke:this.lineColor,"stroke-width":this.lineWidth,"stroke-linejoin":"round","stroke-linecap":"round"})}renderMarkers(t2,i2,e2,r2){if("none"===this.marker)return null;const o2=t2.linePoints.map(((t3,e3)=>i2.get(e3)??t3)),n2=r2?(function(t3,i3){if(0===t3.length)return 0;const e3=I(i3);if(e3<=0)return 0;if(e3>=1||1===t3.length)return t3.length;const s2=t3[0],r3=t3[t3.length-1].x-s2.x;if(!Number.isFinite(r3)||r3<=0)return Math.max(1,Math.ceil(t3.length*e3));const o3=s2.x+r3*e3;let n3=0;for(const i4 of t3){if(!(i4.x<=o3))break;n3++}return n3})(o2,e2):o2.length,a2=Math.max(1,this.markerSize);return s("g",{class:"sy-pareto-chart__markers"},o2.slice(0,n2).map(((t3,i3)=>{const e3=this.hoverIndex===i3;if("square"===this.marker)return s("rect",{key:`mk-${i3}`,class:"sy-pareto-chart__marker",x:B(t3.x-a2),y:B(t3.y-a2),width:B(2*a2),height:B(2*a2),fill:this.lineColor,stroke:"#fff","stroke-width":1});if("diamond"===this.marker){const e4=`M ${B(t3.x)} ${B(t3.y-a2)} L ${B(t3.x+a2)} ${B(t3.y)} L ${B(t3.x)} ${B(t3.y+a2)} L ${B(t3.x-a2)} ${B(t3.y)} Z`;return s("path",{key:`mk-${i3}`,class:"sy-pareto-chart__marker",d:e4,fill:this.lineColor,stroke:"#fff","stroke-width":1})}return s("circle",{key:`mk-${i3}`,class:"sy-pareto-chart__marker",cx:B(t3.x),cy:B(t3.y),r:e3?a2+1.5:a2,fill:this.lineColor,stroke:"#fff","stroke-width":1})})))}renderAxisOverlay(t2){const{frame:i2,outer:e2,plot:r2}=t2,o2=t3=>t3.label??String(t3.value),n2=i2.xTicks.map((t3=>o2(t3))),a2=i2.xTicks.map((t3=>e2.x+t3.position)),h2=x({labels:n2,centers:a2,orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return s("div",{class:"sy-pareto-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},i2.titleRect&&this.chartTitle&&s("div",{class:"sy-pareto-chart__title",style:{position:"absolute",left:`${e2.x}px`,top:`${e2.y+i2.titleRect.y}px`,width:`${e2.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),i2.subtitleRect&&this.chartSubtitle&&s("div",{class:"sy-pareto-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${e2.x}px`,top:`${e2.y+i2.subtitleRect.y}px`,width:`${e2.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),i2.yGridLines.map((t3=>s("div",{class:"sy-pareto-chart__grid-line",style:{position:"absolute",left:`${r2.x}px`,top:`${e2.y+t3.y}px`,width:`${r2.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.xTicks.map(((t3,i3)=>h2.visible[i3]?s("div",{class:"sy-pareto-chart__axis-label sy-pareto-chart__axis-label--x",style:{position:"absolute",left:e2.x+t3.position-28+"px",top:`${r2.y+r2.height+4}px`,width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",...h2.rotationDeg>0?{transform:`rotate(${h2.rotationDeg}deg)`,transformOrigin:"top center",whiteSpace:"nowrap"}:{}}},o2(t3)):null)),i2.yAxes.map((t3=>{const i3="right"===t3.axis.position;return t3.ticks.map((n3=>s("div",{class:"sy-pareto-chart__axis-label sy-pareto-chart__axis-label--y","data-axis-key":t3.key,style:{position:"absolute",left:i3?`${r2.x+r2.width+6}px`:r2.x-48+"px",top:e2.y+n3.position-7+"px",width:"42px",textAlign:i3?"left":"right",font:"400 11px system-ui, sans-serif",color:i3?this.lineColor:"var(--sy-axis-color, #111827)"}},o2(n3))))})),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:`${r2.x}px`,top:`${r2.y+r2.height}px`,width:`${r2.width}px`,height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:`${r2.x}px`,top:`${r2.y}px`,width:"1px",height:`${r2.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),s("div",{class:"sy-pareto-chart__axis-line",style:{position:"absolute",left:`${r2.x+r2.width}px`,top:`${r2.y}px`,width:"1px",height:`${r2.height}px`,background:this.lineColor,opacity:"0.5"}}),this.valueAxisLabel&&s("div",{class:"sy-pareto-chart__axis-title",style:{position:"absolute",left:r2.x-68+"px",top:`${r2.y+r2.height/2}px`,width:`${r2.height}px`,transform:"rotate(-90deg)",transformOrigin:"left top",textAlign:"center",font:"600 11px system-ui, sans-serif",color:"var(--sy-axis-color,#111827)"}},this.valueAxisLabel))}renderLegend(t2){const i2=t2.legend;if(!i2.legendRect)return null;const e2=i2.legendRect,r2="left"===this.legendPosition||"right"===this.legendPosition,o2=[{seriesId:E,label:"Values",color:C(this.color,"#2563eb"),shape:"square"},{seriesId:R,label:"Cumulative %",color:this.lineColor,shape:"line"}];return s("div",{class:"sy-pareto-chart__legend",style:{position:"absolute",left:`${e2.x}px`,top:`${e2.y}px`,width:`${e2.width}px`,height:`${e2.height}px`,display:"flex",flexDirection:r2?"column":"row",flexWrap:"wrap",gap:"12px",alignItems:"center",justifyContent:"center",pointerEvents:"auto"}},o2.map(((t3,i3)=>{const e3=this.legendDisabled.has(t3.seriesId);return s("button",{type:"button",class:{"sy-pareto-chart__legend-item":true,"sy-pareto-chart__legend-item--disabled":e3},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",cursor:"pointer",font:"400 12px system-ui, sans-serif",opacity:e3?"0.4":"1"},onClick:()=>this.toggleSeries(t3.seriesId,i3)},s("span",{class:"sy-pareto-chart__legend-swatch",style:{width:"12px",height:"line"===t3.shape?"3px":"12px",borderRadius:"2px",background:t3.color}}),s("span",{class:"sy-pareto-chart__legend-label"},t3.label))})))}resolveEngine(){try{return(function(t2){if("pro"===t2.requested){const i2="no GPU pareto renderer exists";if("error"===a(t2.onUnavailable))throw new Error('sy-pareto-chart: Pro engine is unavailable — no GPU pareto renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-pareto-chart: Pro renderer unavailable, falling back to Standard (${i2}).`),{tier:"standard",fallbackReason:i2}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable})}catch(t2){throw t2}}async getEngineStatus(){return A({requested:this.engine,onUnavailable:this.unavailable,renderer:"pareto"})}static get watchers(){return{values:[{handleValuesChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationToggle:0}],animationDuration:[{handleAnimationToggle:0}],animationEasing:[{handleAnimationToggle:0}],animationType:[{handleAnimationToggle:0}],categories:[{handleVisualChange:0}],color:[{handleVisualChange:0}],lineColor:[{handleVisualChange:0}],lineWidth:[{handleVisualChange:0}],marker:[{handleVisualChange:0}],markerSize:[{handleVisualChange:0}],baseline:[{handleVisualChange:0}],barPadding:[{handleVisualChange:0}],sortDescending:[{handleVisualChange:0}],referenceValue:[{handleVisualChange:0}],showReference:[{handleVisualChange:0}],referenceColor:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],cumulativeAxisLabel:[{handleVisualChange:0}],xAxis:[{handleVisualChange:0}],yAxis:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],legend:[{handleVisualChange:0}],legendPosition:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}]}}};function B(t2){return Math.round(100*t2)/100}function U(t2){return Number.isFinite(t2)?Math.max(0,Math.min(100,t2)):80}z.style=".sc-sy-pareto-chart-h{display:inline-block;position:relative}.sy-pareto-chart__surface.sc-sy-pareto-chart{display:block}.sy-pareto-chart__bar.sc-sy-pareto-chart{transition:opacity 120ms ease}.sy-pareto-chart__bar--active.sc-sy-pareto-chart{opacity:1}.sy-pareto-chart__line.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__marker.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__legend-item.sc-sy-pareto-chart{font:400 12px system-ui,sans-serif;color:var(--sy-axis-color, #111827)}.sy-pareto-chart__legend-item--disabled.sc-sy-pareto-chart{text-decoration:line-through}.sy-pareto-chart__legend-swatch.sc-sy-pareto-chart{display:inline-block;flex:0 0 auto}.sy-pareto-chart__tooltip.sc-sy-pareto-chart{pointer-events:none}.sy-pareto-chart__sr-only.sc-sy-pareto-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-pareto-chart__watermark.sc-sy-pareto-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}";export{z as sy_pareto_chart};

package/dist/advanced/p-3c0e11bb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as s,h as e,H as o}from"./p-DChj4qx2.js";import{s as r,r as n}from"./p-DO6vGxJP.js";import{n as a,b as h}from"./p-B6K1arcd.js";import{C as l,c,a as u,p as d}from"./p-nxlSIIWU.js";import{a as p,b as m}from"./p-CTrT2jn4.js";import{s as f,r as g}from"./p-DYKIyOfR.js";import{c as x,l as y}from"./p-DTZUbymc.js";import{c as b}from"./p-BwM4aW0R.js";import{h as k}from"./p-_AFoWkvk.js";import{a as v,d as w,r as S,b as $}from"./p-DogpgTFv.js";import{d as C,c as M}from"./p-BwtrZuf8.js";import{c as _}from"./p-CitzwxIw.js";import{t as T,c as A}from"./p-C0f63Npv.js";import{s as P}from"./p-Yjd8T1ZK.js";import"./p-HAy9hTj2.js";import"./p-DUELYDa7.js";import"./p-D6sPnRDQ.js";import"./p-AzDRbG7D.js";function I(t2){const i2="bigint"==typeof t2?Number(t2):t2;return"number"==typeof i2&&Number.isFinite(i2)&&i2>0?i2:0}function L(t2,i2){const s2=Array.isArray(t2)?t2:[],e2=s2.reduce(((t3,i3)=>Math.max(t3,i3.values?.length??0)),i2?.length??0),o2=s2.map((t3=>{const i3=new Array(e2);for(let s3=0;s3<e2;s3++)i3[s3]=I(t3.values?.[s3]);return{name:t3.name??"",color:t3.color,values:i3}})),r2=[];let n2=0;for(let t3=0;t3<e2;t3++){let s3=0;for(const i3 of o2)s3+=i3.values[t3];n2+=s3,r2.push({index:t3,category:i2?.[t3]??String(t3+1),total:s3})}return{series:o2,columns:r2,grandTotal:n2,columnCount:e2,seriesCount:o2.length}}function Y(t2,i2,s2,e2){if(t2.grandTotal<=0)return null;if(s2<i2.x||s2>i2.x+i2.width)return null;if(e2<i2.y||e2>i2.y+i2.height)return null;let o2=i2.x;for(const r2 of t2.columns){const n2=r2.total/t2.grandTotal*i2.width;if(s2>=o2&&s2<=o2+n2){if(r2.total<=0)return null;let s3=i2.y;for(let o3=0;o3<t2.series.length;o3++){const n3=t2.series[o3].values[r2.index]/r2.total*i2.height;if(e2>=s3&&e2<=s3+n3)return{columnIndex:r2.index,seriesIndex:o3};s3+=n3}return{columnIndex:r2.index,seriesIndex:Math.max(0,t2.series.length-1)}}o2+=n2}return null}function D(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function j(t2){if(t2&&"object"==typeof t2&&Array.isArray(t2.values))return{category:t2.category,values:t2.values.map((t3=>Number.isFinite(t3)?t3:0))}}const N="reveal",X="morph",F="stream";function O(t2,i2){return i2?`${t2} ${i2}`:t2}function E(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?String(i2):`${i2}px`}const V=class{constructor(s2){t(this,s2),this.rendered=i(this,"rendered",7),this.pointClick=i(this,"pointClick",7),this.pointHover=i(this,"pointHover",7),this.crosshairMove=i(this,"crosshairMove",7),this.pointContextMenu=i(this,"pointContextMenu",7),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipAction=i(this,"tooltipAction",7),this.seriesOutsideClick=i(this,"seriesOutsideClick",7),this.legendItemClick=i(this,"legendItemClick",7),this.seriesToggled=i(this,"seriesToggled",7),this.appended=i(this,"appended",7),this.windowSlid=i(this,"windowSlid",7),this.chartAnimationStart=i(this,"chartAnimationStart",7),this.chartAnimationEnd=i(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=i(this,"chartAnimationInterrupted",7)}get host(){return s(this)}series=[];categories;width=680;height=380;brandLogo;brandPosition="bottom-right";columnGap=.01;showColumnShare=true;xLabelMode;xLabelRotation;xLabelMaxCount;color="#2563eb";valueAxisLabel;gridLines;crosshair;chartTitle;chartSubtitle;legend=true;legendPosition="top";tooltipEnabled=true;tooltipFormat;tooltip;enableMouseTracking=true;animated=false;animationDuration=600;animationEasing="ease-out";animationType;streamSource;streamWindow;streamMax;engine="auto";proThreshold=5e4;unavailable="fallback";rendered;pointClick;pointHover;crosshairMove;pointContextMenu;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;legendItemClick;seriesToggled;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;activeTier="standard";fallbackReason;legendDisabled=new Set;cartesianTooltip=null;cartesianTooltips=[];srAnnouncement="";animationTick=0;hoverKey=null;cursor=null;tooltipDrag;tooltipElement;nextTooltipId=1;draggableTooltipPositions=new Map;animator=(function(){const t2=new Map;function i2(t3,i3){return t3.duration<=0?1:D((function(t4,i4){return t4.startedAt<0||t4.paused?t4.pausedElapsed:Math.max(0,i4-t4.startedAt+t4.pausedElapsed)})(t3,i3)/t3.duration)}return{start(i3,s2){t2.set(i3,{startedAt:-1,pausedElapsed:0,paused:false,duration:Math.max(0,s2.duration),easing:s2.easing})},progressAt(s2,e2){const o2=t2.get(s2);if(o2)return o2.startedAt<0&&!o2.paused&&(o2.startedAt=e2),(function(t3,i3){const s3=D(t3);switch(i3){case"linear":default:return s3;case"ease-out":return 1-(1-s3)*(1-s3)*(1-s3);case"ease-in":return s3*s3*s3;case"ease-in-out":return s3<.5?4*s3*s3*s3:1-Math.pow(-2*s3+2,3)/2}})(i2(o2,e2),o2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const o2=t2.get(s2);return!!o2&&(!!o2.paused||i2(o2,e2)<1)},tick(s2){const e2=[];for(const[o2,r2]of t2)r2.startedAt<0&&!r2.paused&&(r2.startedAt=s2),r2.paused||i2(r2,s2)>=1&&e2.push(o2);for(const i3 of e2)t2.delete(i3)},pauseAll(i3){for(const s2 of t2.values())s2.paused||(s2.startedAt>=0&&(s2.pausedElapsed+=i3-s2.startedAt),s2.paused=true)},resumeAll(i3){for(const s2 of t2.values())s2.paused&&(s2.startedAt=i3,s2.paused=false)},hasActive(){for(const i3 of t2.values())if(!i3.paused)return true;return false},cancel(i3){t2.delete(i3)},clear(){t2.clear()},entries:()=>t2}})();animationFrameHandle=null;morphActive=false;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new l({host:()=>this.host,input:()=>c(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});streamFrozenSeries;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromSeries;lastStreamTime;firstRender=true;displayedCells=new Map;morphFromCells;lastRenderResult={points:0,renderMs:0};pendingRenderedEmit=false;hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.streamLicense.connect(),this.hasLoaded&&this.resumeStreamBinding()}resumeStreamBinding(){this.bindStreamSource();const t2=this.displayedStreamSource();t2&&this.streamLicense.live()&&(this.streamUnsubscribe||this.bindToStreamSource(t2),this.handleStreamEvent(t2,{type:"replace",count:t2.length}))}componentDidLoad(){this.hasLoaded=true,this.bindStreamSource(),this.shouldInitialAnimation(true)&&this.startReveal()}componentDidRender(){this.detached||(this.measureTooltipBox(),this.pendingRenderedEmit&&(this.pendingRenderedEmit=false,this.rendered.emit({...this.lastRenderResult,tier:this.activeTier})))}disconnectedCallback(){this.detached=true,this.streamLicense.disconnect(),this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,this.boundStreamSource=void 0,this.stopAnimationLoop(),this.animator.clear()}handleValuesChange(){if(this.suppressNextValuesAnimation)return this.suppressNextValuesAnimation=false,void this.animationTick++;this.shouldInitialAnimation(this.firstRender)?(this.firstRender=false,this.startReveal()):this.shouldUpdateAnimation()?this.startMorph():this.animationTick++}handleStreamSourceChange(){this.bindStreamSource()}handleAnimationToggle(){this.shouldInitialAnimation(true)?this.startReveal():(this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.animator.clear(),this.morphActive=false,this.stopAnimationLoop(),this.animationTick++)}handleVisualChange(){this.animationTick++}async redraw(){return this.animationTick++,this.lastRenderResult}async getActiveTier(){return this.activeTier}async setData(t2){this.series=t2}async appendPoint(t2){await this.streamOrPlain("appendPoint",{type:"push",datum:t2},(()=>this.ensureInternalStreamSource()?.push(t2)))}async appendBatch(t2){await this.streamOrPlain("appendBatch",{type:"pushBatch",data:t2},(()=>this.ensureInternalStreamSource()?.pushBatch(t2)))}async shift(t2){await this.streamOrPlain("shift",{type:"shift",count:t2},(()=>this.activeStreamSource()?.shift(t2)))}async replace(t2){await this.streamOrPlain("replace",{type:"replace",data:t2},(()=>this.ensureInternalStreamSource()?.replace(t2)))}async getStreamSource(){return this.streamLicense.run("getStreamSource",(t2=>"stream"===t2?this.activeStreamSource():void 0),void 0!==this.displayedStreamSource())}async setAnimation(t2){"number"==typeof t2.duration&&Number.isFinite(t2.duration)&&(this.animationDuration=Math.max(0,t2.duration)),t2.easing&&(this.animationEasing=t2.easing),"boolean"==typeof t2.enabled&&(this.animated=t2.enabled),t2.type&&(this.animationType=t2.type)}async pauseAnimation(){this.animator.pauseAll(this.now())}async resumeAnimation(){this.animator.resumeAll(this.now()),this.ensureAnimationLoop()}async replayAnimation(){this.startReveal()}async hitTest(t2,i2){const s2=this.computeMarimekkoLayout(),e2=Y(s2.model,s2.plot,t2,i2);return e2?this.detailFor(s2,e2.columnIndex,e2.seriesIndex,t2,i2):null}async showTooltipAtPoint(t2,i2=0){const s2=this.resolveTooltipSpec();if(!s2.show)return null;const e2=this.computeMarimekkoLayout(),o2=this.marimekkoHitAtCell(e2,t2,i2);return o2?this.showTooltipForHit(e2,o2,s2,true):null}async hideTooltip(){this.clearTooltips(),this.hoverKey=null}hasVisibleTooltips(){return null!==this.cartesianTooltip||this.cartesianTooltips.length>0}clearTooltips(){this.hasVisibleTooltips()&&(this.tooltipDrag=void 0,this.cartesianTooltip=null,this.cartesianTooltips=[],this.tooltipHide.emit())}computeMarimekkoLayout(){const t2=L(this.visibleSeries(this.streamSeries()??this.series),this.categories),i2=this.legend&&this.series.length>0?this.buildLegendLayout():null,s2=this.outerRectFromLegend(i2),e2={x:s2.x,y:s2.y,width:s2.width,height:Math.max(1,s2.height-20)},o2=v({kind:"category",position:"bottom",show:false,categories:t2.columns.map((t3=>t3.category))},{kind:"linear",position:"left",show:true,min:0,max:100,label:this.valueAxisLabel,format:t3=>`${Math.round(t3)}%`}),r2=p({outerWidth:e2.width,outerHeight:e2.height,axes:o2,gridLines:w(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-.5,max:Math.max(.5,t2.columnCount-.5)},yExtent:{min:0,max:100}}),n2={x:e2.x+r2.plot.x,y:e2.y+r2.plot.y,width:r2.plot.width,height:r2.plot.height},a2=(function(t3,i3,s3=.01){const e3=[];if(t3.grandTotal<=0||0===t3.columnCount)return e3;const o3=Math.max(0,Math.min(.3,s3));let r3=i3.x;for(const s4 of t3.columns){const n3=s4.total/t3.grandTotal*i3.width,a3=n3*o3,h2=r3+a3/2,l2=Math.max(0,n3-a3),c2=r3+n3/2;if(r3+=n3,s4.total<=0)continue;let u2=i3.y;for(let o4=0;o4<t3.series.length;o4++){const r4=t3.series[o4].values[s4.index],a4=s4.total>0?r4/s4.total:0,d2=a4*i3.height;e3.push({columnIndex:s4.index,seriesIndex:o4,category:s4.category,seriesName:t3.series[o4].name,value:r4,shareOfColumn:a4,shareOfTotal:t3.grandTotal>0?r4/t3.grandTotal:0,rect:{x:h2,y:u2,width:l2,height:d2},columnCenterX:c2,columnWidth:n3}),u2+=d2}}return e3})(t2,n2,this.columnGap);return{model:t2,outer:e2,plot:n2,frame:r2,cells:a2,legend:i2}}outerRectFromLegend(t2){if(!t2?.remainingOuter)return{x:0,y:0,width:this.width,height:this.height};const i2=t2.remainingOuter;return{x:i2.x,y:i2.y,width:Math.max(1,i2.width),height:Math.max(1,i2.height)}}buildLegendLayout(){const t2=this.series.map(((t3,i2)=>({label:t3.name??String(i2),swatchColor:this.segColor(i2,t3.color),swatchShape:"circle",id:this.seriesId(t3,i2),disabled:this.legendDisabled.has(this.seriesId(t3,i2))})));return b({outerWidth:this.width,outerHeight:this.height,items:t2,position:this.legendPosition,direction:"left"===this.legendPosition||"right"===this.legendPosition?"vertical":"horizontal",padding:{top:8,right:12,bottom:10,left:12},gap:16,swatchSize:12,swatchLabelGap:6,rowGap:6,wrap:true})}basePalette(){const t2=M.tableau10;return C(t2,Math.max(t2.stops.length,10)).map((t3=>`rgb(${t3.r}, ${t3.g}, ${t3.b})`))}segColor(t2,i2){if(i2)return i2;const s2=this.basePalette();return _(this.color,Math.max(this.series.length,t2+1),[],s2)[t2]??s2[t2%s2.length]??"#2563eb"}seriesId(t2,i2){return t2.name??String(i2)}resolveSeriesIndex(t2){if("number"==typeof t2&&Number.isFinite(t2)){const i2=Math.floor(t2);return i2>=0&&i2<this.series.length?i2:-1}return this.series.findIndex((i2=>(i2.name??"")===t2))}visibleSeries(t2){const i2=[];for(let s2=0;s2<t2.length;s2++){const e2=t2[s2];this.legendDisabled.has(this.seriesId(e2,s2))||i2.push({...e2,color:this.segColor(s2,e2.color)})}return i2}toggleSeries(t2,i2){const s2=new Set(this.legendDisabled);s2.has(t2)?s2.delete(t2):s2.add(t2),this.legendDisabled=s2;const e2=s2.has(t2);this.legendItemClick.emit({index:i2,seriesId:t2,label:this.series[i2]?.name??t2,disabled:e2}),this.seriesToggled.emit({index:i2,seriesId:t2,disabled:e2})}async addSeries(t2,i2){const s2=this.series.slice(),e2="number"==typeof i2?.insertAt&&i2.insertAt>=0&&i2.insertAt<=s2.length?Math.floor(i2.insertAt):s2.length;return s2.splice(e2,0,t2),this.series=s2,false!==i2?.redraw&&this.redrawNow(),e2}async removeSeries(t2,i2){const s2=this.resolveSeriesIndex(t2);if(s2<0)return false;const e2=this.seriesId(this.series[s2],s2),o2=this.series.slice();if(o2.splice(s2,1),this.series=o2,this.legendDisabled.has(e2)){const t3=new Set(this.legendDisabled);t3.delete(e2),this.legendDisabled=t3}return false!==i2?.redraw&&this.redrawNow(),true}async updateSeries(t2,i2,s2){const e2=this.resolveSeriesIndex(t2);if(e2<0)return false;const o2=this.series.slice();return o2[e2]={...o2[e2],...i2},this.series=o2,false!==s2?.redraw&&this.redrawNow(),true}async setSeriesData(t2,i2,s2){const e2=this.resolveSeriesIndex(t2);if(e2<0)return false;const o2=this.series.slice();return o2[e2]={...o2[e2],values:i2},this.series=o2,false!==s2?.redraw&&this.redrawNow(),true}async showSeries(t2,i2){return this.updateSeriesVisible(t2,true,i2)}async hideSeries(t2,i2){return this.updateSeriesVisible(t2,false,i2)}updateSeriesVisible(t2,i2,s2){const e2=this.resolveSeriesIndex(t2);if(e2<0)return false;const o2=this.seriesId(this.series[e2],e2),r2=new Set(this.legendDisabled);return i2?r2.delete(o2):r2.add(o2),this.legendDisabled=r2,this.seriesToggled.emit({index:e2,seriesId:o2,disabled:r2.has(o2)}),false!==s2?.redraw&&this.redrawNow(),true}redrawNow(){this.animationTick++}shouldAnimate(){return!this.detached&&this.animated&&this.animationDuration>0}shouldInitialAnimation(t2){return!!this.shouldAnimate()&&("initial"===this.animationType||"update"!==this.animationType&&t2)}shouldUpdateAnimation(){return!!this.shouldAnimate()&&"initial"!==this.animationType}startReveal(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=false,this.animator.clear(),this.animator.start(N,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}startMorph(){this.animator.hasActive()&&this.chartAnimationInterrupted.emit(),this.morphActive=true,this.animator.clear(),this.morphFromCells=new Map(this.displayedCells),this.animator.start(X,{duration:this.animationDuration,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop()}ensureAnimationLoop(){if(null!==this.animationFrameHandle)return;const t2=()=>{this.animator.tick(this.now()),this.animationTick++,this.animator.hasActive()&&this.animator.entries().size>0?this.animationFrameHandle=requestAnimationFrame(t2):(this.animationFrameHandle=null,this.morphActive=false,this.chartAnimationEnd.emit())};this.animationFrameHandle=requestAnimationFrame(t2)}stopAnimationLoop(){null!==this.animationFrameHandle&&(cancelAnimationFrame(this.animationFrameHandle),this.animationFrameHandle=null)}revealProgress(){return this.animator.has(N)?this.animator.progressAt(N,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(X)?this.animator.progressAt(X,this.now())??1:1}now(){return"undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():Date.now()}activeStreamSource(){return this.streamSource??this.internalStreamSource}displayedStreamSource(){return this.boundStreamSource??this.internalStreamSource}ensureInternalStreamSource(){return this.streamSource?this.streamSource:(this.internalStreamSource||(this.internalStreamSource=(function(){const t2=new Error("Dedicated streaming requires @syidax/advanced-pro");throw t2.code="module-missing",t2.feature="chart.streaming",t2})((this.coerceStreamCapacity(),this.valuesAsData())),this.bindToStreamSource(this.internalStreamSource)),this.internalStreamSource)}valuesAsData(){const t2=L(this.series,this.categories);return t2.columns.map((i2=>({category:i2.category,values:t2.series.map((t3=>t3.values[i2.index]))})))}coerceStreamCapacity(){return"number"==typeof this.streamMax&&Number.isFinite(this.streamMax)&&this.streamMax>0?Math.floor(this.streamMax):"number"==typeof this.streamWindow&&Number.isFinite(this.streamWindow)&&this.streamWindow>0?4*Math.floor(this.streamWindow):2e3}bindStreamSource(){if(this.detached||this.streamLicense.frozen)return;const t2=this.streamLicense.route();if("pending"===t2||"refused"===t2)return;const i2="stream"===t2?this.streamSource:void 0;this.boundStreamSource!==i2&&(this.streamUnsubscribe?.(),this.streamUnsubscribe=void 0,i2&&(this.internalStreamSource=void 0,this.bindToStreamSource(i2)),this.boundStreamSource=i2)}bindToStreamSource(t2){this.detached||(this.streamUnsubscribe?.(),this.streamUnsubscribe=t2.subscribe((i2=>this.handleStreamEvent(t2,i2))))}async streamOrPlain(t2,i2,s2){const e2="shift"!==i2.type||this.plainStreamStarted||void 0!==this.displayedStreamSource();await this.streamLicense.run(t2,(t3=>{if("stream"===t3)return s2();("shift"!==i2.type||this.plainStreamStarted)&&("shift"!==i2.type&&(this.plainStreamStarted=true),this.applyPlainStream(i2))}),e2)}applyPlainStream(t2){const i2=this.valuesAsData().map((t3=>j(t3))).filter((t3=>void 0!==t3)),{list:s2,event:e2}=u(i2,t2,j);e2&&this.handleStreamEvent(d(s2),e2)}handleStreamLicenseChange(t2){if(!this.detached){if("frozen"===t2)return this.streamFrozenSeries=this.series,this.streamUnsubscribe?.(),void(this.streamUnsubscribe=void 0);"resumed"===t2&&(this.series===this.streamFrozenSeries||this.boundStreamSource||(this.internalStreamSource=void 0),this.streamFrozenSeries=void 0),this.resumeStreamBinding()}}handleStreamEvent(t2,i2){const s2=t2.snapshot("number"==typeof this.streamWindow&&this.streamWindow>0?this.streamWindow:void 0),e2=this.series.map((t3=>({name:t3.name,color:t3.color}))),o2=Math.max(e2.length,s2.reduce(((t3,i3)=>Math.max(t3,i3.values.length)),0)),r2=[];for(let t3=0;t3<o2;t3++)r2.push({name:e2[t3]?.name??`Segment ${t3+1}`,color:e2[t3]?.color,values:s2.map((i3=>i3.values[t3]??0))});const n2=s2.map(((t3,i3)=>t3.category??String(i3+1)));if(this.shouldAnimate()&&this.series.length>0&&r2.length>0){const t3=this.now(),i3=x(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFromSeries=r2.map(((t4,i4)=>this.currentStreamSeries(i4))),this.suppressNextValuesAnimation=true,this.categories=n2,this.series=r2,i3>0&&(this.animator.start(F,{duration:i3,easing:this.animationEasing}),this.chartAnimationStart.emit(),this.ensureAnimationLoop())}else this.lastStreamTime=this.now(),this.suppressNextValuesAnimation=true,this.categories=n2,this.series=r2;"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}currentStreamSeries(t2){const i2=Float32Array.from(this.series[t2]?.values??[]);return this.animator.has(F)&&this.streamFromSeries?.[t2]?y(this.streamFromSeries[t2],i2,this.animator.progressAt(F,this.now())??1):i2}streamSeries(){if(!this.animator.has(F)||!this.streamFromSeries)return null;const t2=this.animator.progressAt(F,this.now())??1;return this.series.map(((i2,s2)=>{const e2=this.streamFromSeries[s2];return e2?{...i2,values:Array.from(y(e2,Float32Array.from(i2.values),t2))}:i2}))}detailFor(t2,i2,s2,e2,o2){const r2=t2.model.columns[i2],n2=t2.model.series[s2]?.values[i2]??0;return{columnIndex:i2,seriesIndex:s2,category:r2?.category??"",seriesName:t2.model.series[s2]?.name??"",value:n2,shareOfColumn:r2&&r2.total>0?n2/r2.total:0,shareOfTotal:t2.model.grandTotal>0?n2/t2.model.grandTotal:0,cssX:e2,cssY:o2}}resolveTooltipSpec(){const t2=S(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}marimekkoHitAtCell(t2,i2,s2){const e2=Math.trunc(i2),o2=Math.trunc(s2),r2=t2.cells.find((t3=>t3.columnIndex===e2&&t3.seriesIndex===o2));return r2?{columnIndex:e2,seriesIndex:o2,category:r2.category,seriesName:r2.seriesName,value:r2.value,shareOfColumn:r2.shareOfColumn,cssX:r2.rect.x+r2.rect.width/2,cssY:r2.rect.y}:null}srSummary(t2){return 0===t2.columnCount||0===t2.seriesCount?"Marimekko chart, no data":`Marimekko chart, ${t2.columnCount} columns × ${t2.seriesCount} segments. Column widths are proportional to each column's total; segments fill 100% of each column.`}shouldShowTooltipOnHover(t2){return"click"!==t2.trigger}shouldShowTooltipOnClick(t2){return"click"===t2.trigger||"hover-click"===t2.trigger}shouldHideTooltipOnLeave(t2){return!t2.show||!t2.draggable&&"click"!==t2.trigger&&false!==t2.hideOnLeave}showTooltipForHit(t2,i2,s2,e2=false){const o2=i2.cssX,n2=i2.cssY,a2={seriesIndex:i2.seriesIndex,pointIndex:i2.columnIndex,index:i2.columnIndex,value:i2.value,cssX:o2,cssY:n2,dataX:i2.columnIndex,dataY:i2.value,mode:s2.mode},h2=m({frame:{plot:t2.plot},hit:{cssX:o2,cssY:n2},spec:s2}),l2=this.lockedTooltipPositionForHit(i2,s2),c2=l2?.side??h2.side,u2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,s2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},d2=r(s2.format,[i2.value,a2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),p2=r(s2.html,[i2.value,a2],(()=>{}),"tooltip.html",s2),f2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:o2,pointCssY:n2,box:l2?.box,side:c2,text:d2,html:p2,className:s2.className,style:this.tooltipStyleFromSpec(s2),interactive:s2.interactive,connector:s2.connector,draggable:s2.draggable,offset:s2.offset,positionLock:l2?.lock,context:a2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=f2,this.cartesianTooltips=[...this.cartesianTooltips,f2]):(this.cartesianTooltips=[],this.cartesianTooltip=f2);const g2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:d2,html:p2,context:a2};return this.tooltipShow.emit(g2),g2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({columnIndex:t2.columnIndex,seriesIndex:t2.seriesIndex,category:t2.category,seriesName:t2.seriesName,value:t2.value,shareOfColumn:t2.shareOfColumn,shareOfTotal:0,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){n(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category} — ${t2.seriesName}: ${i2=t2.value,Number.isInteger(i2)?String(i2):i2.toFixed(2)} (${Math.round(100*t2.shareOfColumn)}%)`;var i2}tooltipStyleFromSpec(t2){const i2={...t2.style??{}};return void 0!==t2.width&&(i2.width=t2.width),void 0!==t2.minWidth&&(i2.minWidth=t2.minWidth),void 0!==t2.maxWidth&&(i2.maxWidth=t2.maxWidth),void 0!==t2.padding&&(i2.padding=t2.padding),Object.keys(i2).length>0?i2:void 0}renderTooltip(){const t2=this.cartesianTooltips.length>0,i2=t2?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:s2,cssY:o2,side:r2,text:n2,html:a2,className:h2,style:l2,interactive:c2,draggable:u2}=t2,d2=t2.offset??10,p2={position:"absolute",zIndex:"4",boxSizing:"border-box",width:"max-content",maxWidth:"calc(100% - 16px)",padding:"4px 8px",font:"400 11px system-ui, sans-serif",color:"var(--sy-tooltip-color, #fff)",background:"var(--sy-tooltip-bg, rgba(17,24,39,0.92))",borderRadius:"4px",whiteSpace:"pre-line",lineHeight:"1.35",pointerEvents:c2||u2?"auto":"none",cursor:u2?this.tooltipDrag?"grabbing":"grab":"default",transform:""};t2.positionLock?(p2.left=`${t2.positionLock.x}px`,p2.top=`${t2.positionLock.y}px`,p2.transform=""):"top"===r2?(p2.left=`${s2}px`,p2.top=o2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===r2?(p2.left=`${s2}px`,p2.top=`${o2+d2}px`,p2.transform="translate(-50%, 0%)"):"left"===r2?(p2.left=s2-d2+"px",p2.top=`${o2}px`,p2.transform="translate(-100%, -50%)"):(p2.left=`${s2+d2}px`,p2.top=`${o2}px`,p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=E(t3,i3);return void 0!==a2?e("div",{class:O("sy-marimekko-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp,innerHTML:a2}):e("div",{class:O("sy-marimekko-chart__tooltip",h2),"data-tooltip-id":`${t2.id}`,ref:i2?t3=>this.tooltipElement=t3:void 0,style:p2,role:"tooltip",onClick:this.handleTooltipActionClick,onPointerDown:this.handleTooltipPointerDown,onPointerMove:this.handleTooltipPointerMove,onPointerUp:this.handleTooltipPointerUp,onPointerCancel:this.handleTooltipPointerUp},n2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>Boolean(t3)))).filter((t3=>t3.connector?.show));return 0===t2.length?null:e("svg",{class:"sy-marimekko-chart__tooltip-connector",width:this.width,height:this.height,style:{position:"absolute",left:"0px",top:"0px",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",overflow:"visible",zIndex:"3"},"aria-hidden":"true"},t2.map((t3=>{const i2=t3.connector,s2=T(t3);return e("line",{x1:t3.pointCssX,y1:t3.pointCssY,x2:s2.x,y2:s2.y,stroke:i2.color??"var(--sy-tooltip-connector-color, rgba(17,24,39,0.42))","stroke-width":i2.width??1,"stroke-dasharray":i2.dash?.join(" ")})})))}positionedTooltipForRender(t2=this.cartesianTooltip){if(!t2)return null;if(!t2.box||this.tooltipDrag)return t2;if(t2.positionLock)return t2;const i2=t2.offset??10,s2=A({anchor:{kind:"point",x:t2.pointCssX,y:t2.pointCssY},tooltip:t2.box,viewport:{x:0,y:0,width:this.width,height:this.height},preferredSide:t2.side,offset:i2,padding:6}),e2=this.tooltipAnchorFromTopLeft(s2.x,s2.y,t2.box,s2.side,i2);return{...t2,...e2,side:s2.side}}tooltipTopLeftFromAnchor(t2){const i2=t2.box;if(!i2)return;const s2=t2.offset??10;return"top"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY-s2-i2.height}:"bottom"===t2.side?{x:t2.cssX-i2.width/2,y:t2.cssY+s2}:"left"===t2.side?{x:t2.cssX-s2-i2.width,y:t2.cssY-i2.height/2}:{x:t2.cssX+s2,y:t2.cssY-i2.height/2}}tooltipTopLeftFromElement(t2){const i2=t2.getBoundingClientRect(),s2=this.host.getBoundingClientRect();if(Number.isFinite(i2.left)&&Number.isFinite(i2.top))return{x:i2.left-s2.left,y:i2.top-s2.top}}tooltipAnchorFromPositionLock(t2,i2,s2,e2){return s2?this.tooltipAnchorFromTopLeft(t2.x,t2.y,s2,i2,e2):{cssX:t2.x,cssY:t2.y}}tooltipPositionKeyForHit(t2){return`${t2.seriesIndex}:${t2.columnIndex}`}tooltipPositionKeyForContext(t2){return`${t2.seriesIndex??0}:${t2.pointIndex??t2.index??0}`}rememberDraggableTooltipPosition(t2){t2.draggable&&t2.positionLock&&this.draggableTooltipPositions.set(this.tooltipPositionKeyForContext(t2.context),{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForHit(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(this.tooltipPositionKeyForHit(t2));if(!i3)return;return{lock:{...i3.lock},side:i3.side,box:i3.box}}if(!i2.interactive||"multiple"===i2.openMode)return;const s2=this.positionedTooltipForRender();if(!s2?.box)return;if(s2.context.pointIndex!==t2.columnIndex||(s2.context.seriesIndex??0)!==t2.seriesIndex)return;const e2=this.tooltipTopLeftFromAnchor(s2);return e2?{lock:e2,side:s2.side,box:s2.box}:void 0}tooltipAnchorFromTopLeft(t2,i2,s2,e2,o2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+o2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-o2}:"left"===e2?{cssX:t2+s2.width+o2,cssY:i2+s2.height/2}:{cssX:t2-o2,cssY:i2+s2.height/2}}measureTooltipBox(){if(this.cartesianTooltips.length>0)return;const t2=this.cartesianTooltip,i2=this.tooltipElement;if(!t2||!i2)return;const s2=i2.getBoundingClientRect();if(!Number.isFinite(s2.width)||!Number.isFinite(s2.height))return;const e2=Math.round(100*s2.width)/100,o2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===o2)return;const r2={width:e2,height:o2},n2={...t2,box:r2};t2.positionLock&&Object.assign(n2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,r2,t2.offset??10)),this.rememberDraggableTooltipPosition(n2),this.cartesianTooltip=n2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,o2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),r2=this.cartesianTooltips.find((t3=>t3.id===o2))??this.cartesianTooltip;e2&&r2&&(t2.stopPropagation(),this.tooltipAction.emit({...r2.context,action:e2,text:r2.text,html:r2.html}))};handleTooltipPointerDown=t2=>{if(!this.cartesianTooltip?.draggable)return;const i2=t2.target;if(i2?.closest?.("[data-tooltip-action],button,a,input,textarea,select"))return;t2.preventDefault(),t2.stopPropagation();const s2=t2.currentTarget,e2=this.positionedTooltipForRender(this.cartesianTooltip)??this.cartesianTooltip,o2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},r2=this.cartesianTooltip.box??e2.box,n2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:r2,positionLock:o2};Object.assign(n2,this.tooltipAnchorFromPositionLock(o2,n2.side,r2,n2.offset??10)),this.cartesianTooltip=n2,this.rememberDraggableTooltipPosition(n2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:n2.cssX,originY:n2.cssY,originLockX:o2.x,originLockY:o2.y}};handleTooltipPointerMove=t2=>{const i2=this.tooltipDrag;if(!i2||i2.pointerId!==t2.pointerId||!this.cartesianTooltip)return;t2.preventDefault(),t2.stopPropagation();const s2={x:i2.originLockX+t2.clientX-i2.startX,y:i2.originLockY+t2.clientY-i2.startY},e2={...this.cartesianTooltip,positionLock:s2};Object.assign(e2,this.tooltipAnchorFromPositionLock(s2,e2.side,e2.box,e2.offset??10)),this.cartesianTooltip=e2,this.rememberDraggableTooltipPosition(e2)};handleTooltipPointerUp=t2=>{const i2=this.tooltipDrag;i2&&i2.pointerId===t2.pointerId&&(t2.stopPropagation(),this.cartesianTooltip&&this.rememberDraggableTooltipPosition(this.cartesianTooltip),t2.currentTarget.releasePointerCapture?.(t2.pointerId),this.tooltipDrag=void 0)};localPoint(t2){const i2=this.host.getBoundingClientRect();return{cssX:t2.clientX-i2.left,cssY:t2.clientY-i2.top}}handlePointerMove=t2=>{if(!this.enableMouseTracking)return;const i2=this.computeMarimekkoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2);this.updateCrosshair(i2,s2,e2);const o2=this.resolveTooltipSpec(),r2=Y(i2.model,i2.plot,s2,e2);if(!r2)return null!==this.hoverKey&&(this.hoverKey=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips());const n2=`${r2.columnIndex}:${r2.seriesIndex}`;if(n2!==this.hoverKey&&(this.hoverKey=n2,this.pointHover.emit(this.detailFor(i2,r2.columnIndex,r2.seriesIndex,s2,e2))),o2.show&&this.shouldShowTooltipOnHover(o2)){const t3=this.marimekkoHitAtCell(i2,r2.columnIndex,r2.seriesIndex);t3&&this.showTooltipForHit(i2,t3,o2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(o2)&&this.clearTooltips()};handlePointerLeave=()=>{null!==this.hoverKey&&this.pointHover.emit(null),this.hoverKey=null,null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null));const t2=this.resolveTooltipSpec();this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(t2)&&this.clearTooltips()};updateCrosshair(t2,i2,s2){const e2=$(this.crosshair),{plot:o2}=t2;if(!e2.show||!(i2>=o2.x&&i2<=o2.x+o2.width&&s2>=o2.y&&s2<=o2.y+o2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const r2=[],n2=new Set;for(const i3 of t2.cells)n2.has(i3.columnIndex)||(n2.add(i3.columnIndex),r2.push({pos:i3.columnCenterX,index:i3.columnIndex}));const a2=t2.cells.map((t3=>({cssX:t3.columnCenterX,cssY:t3.rect.y+t3.rect.height/2,index:t3.columnIndex}))),h2=f(i2,s2,o2,"x",r2,a2,e2.snap);this.cursor&&this.cursor.cssX===h2.cssX&&this.cursor.cssY===h2.cssY||(this.cursor={cssX:h2.cssX,cssY:h2.cssY},this.crosshairMove.emit({cssX:h2.cssX,cssY:h2.cssY,snappedPointIndex:h2.index}))}crosshairLineBackground(t2,i2,s2){if(!s2||0===s2.length)return i2;const e2=Math.max(1,Number.isFinite(Number(s2[0]))?Number(s2[0]):4);return`repeating-linear-gradient(${"vertical"===t2?"to bottom":"to right"}, ${i2} 0px, ${i2} ${e2}px, transparent ${e2}px, transparent ${e2+Math.max(1,Number.isFinite(Number(s2[1]))?Number(s2[1]):e2)}px)`}renderCrosshair(t2){const i2=$(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,o2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",r2="horizontal"===i2.mode||"cross"===i2.mode;return e("div",{class:"sy-marimekko-chart__crosshair",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none",zIndex:"2"}},("vertical"===i2.mode||"cross"===i2.mode)&&e("div",{class:"sy-marimekko-chart__crosshair-line",style:{position:"absolute",left:`${this.cursor.cssX}px`,top:`${s2.y}px`,width:"1px",height:`${s2.height}px`,background:this.crosshairLineBackground("vertical",o2,i2.dash)}}),r2&&e("div",{class:"sy-marimekko-chart__crosshair-line",style:{position:"absolute",left:`${s2.x}px`,top:`${this.cursor.cssY}px`,width:`${s2.width}px`,height:"1px",background:this.crosshairLineBackground("horizontal",o2,i2.dash)}}))}handlePointerClick=t2=>{const i2=this.computeMarimekkoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),o2=Y(i2.model,i2.plot,s2,e2);if(!o2){const{plot:t3}=i2,o3=s2>=t3.x&&s2<=t3.x+t3.width&&e2>=t3.y&&e2<=t3.y+t3.height;return this.hasVisibleTooltips()&&this.clearTooltips(),void(o3&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}))}this.pointClick.emit(this.detailFor(i2,o2.columnIndex,o2.seriesIndex,s2,e2));const r2=this.resolveTooltipSpec();if(r2.show&&this.shouldShowTooltipOnClick(r2)){const t3=this.marimekkoHitAtCell(i2,o2.columnIndex,o2.seriesIndex);t3&&this.showTooltipForHit(i2,t3,r2,true)}};handleContextMenu=t2=>{const i2=this.computeMarimekkoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),o2=Y(i2.model,i2.plot,s2,e2);o2&&this.pointContextMenu.emit(h(t2,this.host,"marimekko",this.detailFor(i2,o2.columnIndex,o2.seriesIndex,s2,e2)))};render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU marimekko renderer exists";if("error"===a(t3.onUnavailable))throw new Error('sy-marimekko-chart: Pro engine is unavailable — no GPU marimekko renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-marimekko-chart: Pro renderer unavailable, falling back to Standard (${i3}).`),{tier:"standard",fallbackReason:i3}}return{tier:"standard"}})({requested:this.engine,onUnavailable:this.unavailable});this.activeTier=t2.tier,this.fallbackReason=t2.fallbackReason;const i2=this.computeMarimekkoLayout(),s2=this.animator.has(N)&&!this.morphActive,r2=this.morphActive&&this.animator.has(X)&&void 0!==this.morphFromCells,n2=s2?this.revealProgress():1,h2=r2?this.morphProgress():1,l2=i2.plot.y+i2.plot.height,c2=new Map;for(const t3 of i2.cells){const i3=`${t3.columnIndex}:${t3.seriesIndex}`;let e2=t3.rect.y,o2=t3.rect.height;if(r2){const s3=this.morphFromCells.get(i3);s3&&(e2=s3.y+(t3.rect.y-s3.y)*h2,o2=s3.height+(t3.rect.height-s3.height)*h2)}else s2&&(e2=l2-(l2-t3.rect.y)*n2,o2=t3.rect.height*n2);c2.set(i3,{y:e2,height:o2})}this.displayedCells=c2,this.lastRenderResult={points:i2.cells.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model);const u2=[],d2=new Set;for(const t3 of i2.cells)d2.has(t3.columnIndex)||(d2.add(t3.columnIndex),u2.push(t3));const p2=t3=>{return`${t3.category}${this.showColumnShare?` (${Math.round((s3=t3.columnIndex,i2.model.grandTotal>0?i2.model.columns[s3].total/i2.model.grandTotal*100:0))}%)`:""}`;var s3},m2=new Map(u2.map(((t3,i3)=>[t3.columnIndex,i3]))),f2=g({labels:u2.map(p2),centers:u2.map((t3=>t3.columnCenterX)),orientation:"bottom",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount}),x2=new Set;return e(o,{key:"bd56d5e7acbe1bd12b5596432b3d2b4716e0538c",style:{position:"relative",display:"inline-block",width:`${this.width}px`,height:`${this.height}px`},role:"figure","aria-label":this.chartTitle??"Marimekko chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),e("svg",{key:"a475d7aa0d44acdaf3fc62a0a779c4434efd882c",class:"sy-marimekko-chart__surface",width:this.width,height:this.height,style:{position:"absolute",left:"0",top:"0",overflow:"visible"},onPointerMove:this.handlePointerMove,onPointerLeave:this.handlePointerLeave,onClick:this.handlePointerClick,onContextMenu:this.handleContextMenu},e("g",{key:"0faa371d898a44d559d004198de74e994bf3bd2d",class:"sy-marimekko-chart__cells"},i2.cells.map((t3=>{const{y:s3,height:o2}=c2.get(`${t3.columnIndex}:${t3.seriesIndex}`),r3=this.hoverKey===`${t3.columnIndex}:${t3.seriesIndex}`;return e("rect",{key:`c-${t3.columnIndex}-${t3.seriesIndex}`,class:"sy-marimekko-chart__cell",x:H(t3.rect.x),y:H(s3),width:H(t3.rect.width),height:H(Math.max(0,o2)),fill:this.segColor(t3.seriesIndex,i2.model.series[t3.seriesIndex].color),stroke:"#ffffff","stroke-width":1,opacity:null===this.hoverKey||r3?1:.78})})))),this.renderCrosshair(i2),i2.cells.length>0&&e("div",{key:"3caaae0812a5487bf293789a1feb180a5ed62790",class:"sy-marimekko-chart__col-labels","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},i2.cells.map((t3=>{if(x2.has(t3.columnIndex))return null;x2.add(t3.columnIndex);const i3=m2.get(t3.columnIndex);return f2.visible[i3]?e("div",{key:`cl-${t3.columnIndex}`,style:{position:"absolute",left:t3.columnCenterX-40+"px",top:`${l2+4}px`,width:"80px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",transform:f2.rotationDeg>0?`rotate(${f2.rotationDeg}deg)`:void 0,transformOrigin:"top center"}},p2(t3)):null}))),this.legend&&this.renderLegend(i2),this.renderTooltipConnector(),this.renderTooltip(),e("span",{key:"98add9e46560da162b842bc965632f4f746a6094",class:"sy-marimekko-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&e("span",{key:"90fe347da24255df5ee559f416f55d164eb4f971",class:"sy-marimekko-chart__watermark",title:this.fallbackReason},"Syidax - fell back to standard renderer"),k(this.host,this.brandLogo,{width:this.width,height:this.height,plot:i2.plot}))}renderAxisOverlay(t2){const{frame:i2,outer:s2,plot:o2}=t2;return e("div",{class:"sy-marimekko-chart__axis-overlay","aria-hidden":"true",style:{position:"absolute",left:"0",top:"0",width:`${this.width}px`,height:`${this.height}px`,pointerEvents:"none"}},i2.titleRect&&this.chartTitle&&e("div",{class:"sy-marimekko-chart__title",style:{position:"absolute",left:`${s2.x}px`,top:`${s2.y+i2.titleRect.y}px`,width:`${s2.width}px`,textAlign:"center",font:"600 14px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},this.chartTitle),i2.subtitleRect&&this.chartSubtitle&&e("div",{class:"sy-marimekko-chart__subtitle",title:this.chartSubtitle,style:{position:"absolute",left:`${s2.x}px`,top:`${s2.y+i2.subtitleRect.y}px`,width:`${s2.width}px`,textAlign:"center",font:"400 12px system-ui, sans-serif",color:"var(--sy-axis-color-muted, #6b7280)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},this.chartSubtitle),i2.yGridLines.map((t3=>e("div",{class:"sy-marimekko-chart__grid-line",style:{position:"absolute",left:`${o2.x}px`,top:`${s2.y+t3.y}px`,width:`${o2.width}px`,height:"1px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.yTicks.map((t3=>e("div",{class:"sy-marimekko-chart__axis-label sy-marimekko-chart__axis-label--y",style:{position:"absolute",left:o2.x-48+"px",top:s2.y+t3.position-7+"px",width:"42px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},(t4=>t4.label??String(t4.value))(t3)))),e("div",{class:"sy-marimekko-chart__axis-line",style:{position:"absolute",left:`${o2.x}px`,top:`${o2.y}px`,width:"1px",height:`${o2.height}px`,background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(t2){const i2=t2.legend;if(!i2?.legendRect)return null;const s2=i2.legendRect;return e("div",{class:"sy-marimekko-chart__legend",style:{position:"absolute",left:`${s2.x}px`,top:`${s2.y}px`,width:`${s2.width}px`,height:`${s2.height}px`,display:"flex",flexDirection:"left"===this.legendPosition||"right"===this.legendPosition?"column":"row",flexWrap:"wrap",gap:"14px",justifyContent:"center",alignItems:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"auto"}},this.series.map(((t3,i3)=>{const s3=this.seriesId(t3,i3),o2=this.legendDisabled.has(s3);return e("button",{key:`lg-${s3}`,type:"button",class:{"sy-marimekko-chart__legend-item":true,"sy-marimekko-chart__legend-item--disabled":o2},style:{display:"inline-flex",alignItems:"center",gap:"6px",border:"none",background:"none",padding:"0",cursor:"pointer",pointerEvents:"auto",font:"400 12px system-ui, sans-serif",color:"inherit",opacity:o2?"0.4":"1",textDecoration:o2?"line-through":"none"},onClick:()=>this.toggleSeries(s3,i3)},e("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:this.segColor(i3,t3.color)}}),e("span",{class:"sy-marimekko-chart__legend-label"},t3.name??s3))})))}async getEngineStatus(){return P({requested:this.engine,onUnavailable:this.unavailable,renderer:"marimekko"})}static get watchers(){return{series:[{handleValuesChange:0}],streamSource:[{handleStreamSourceChange:0}],streamWindow:[{handleStreamSourceChange:0}],streamMax:[{handleStreamSourceChange:0}],animated:[{handleAnimationToggle:0}],animationDuration:[{handleAnimationToggle:0}],animationEasing:[{handleAnimationToggle:0}],animationType:[{handleAnimationToggle:0}],categories:[{handleVisualChange:0}],columnGap:[{handleVisualChange:0}],showColumnShare:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}],color:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],legend:[{handleVisualChange:0}],legendPosition:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}]}}};function H(t2){return Math.round(100*t2)/100}V.style=".sc-sy-marimekko-chart-h{display:inline-block;position:relative}.sy-marimekko-chart__surface.sc-sy-marimekko-chart{display:block}.sy-marimekko-chart__cell.sc-sy-marimekko-chart{transition:opacity 120ms ease}.sy-marimekko-chart__tooltip.sc-sy-marimekko-chart,.sy-marimekko-chart__legend.sc-sy-marimekko-chart,.sy-marimekko-chart__col-labels.sc-sy-marimekko-chart{pointer-events:none}.sy-marimekko-chart__sr-only.sc-sy-marimekko-chart{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sy-marimekko-chart__watermark.sc-sy-marimekko-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}";export{V as sy_marimekko_chart};