@syidax/advanced 0.0.0-stage → 1.0.1

package/dist/components/sy-tilemap.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as e,h as s,d as n,t as o}from"./p-BPmwlQtL.js";import{s as a}from"./p-DO6vGxJP.js";import{m as r,s as h,d as l,c}from"./p-BwtrZuf8.js";import{p as d}from"./p-EXuVQfpl.js";import{n as u,b as p}from"./p-COVKN1k-.js";import{c as m}from"./p-BwM4aW0R.js";import{a as g,d as f}from"./p-BVmDGX0a.js";import{a as y}from"./p-DQ1RB1XB.js";import{C as b,c as x}from"./p-C3jLZ9n2.js";import{r as v}from"./p-BXmzh2Uk.js";import{Z as w,r as M}from"./p-COqnXkRL.js";import{v as C,t as T,f as A,a as S,b as P}from"./p-WQSantHg.js";import{c as k,t as _}from"./p-C0f63Npv.js";import{s as $}from"./p-B3gMdXEP.js";const L=Math.sqrt(3);function V(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 n2="string"==typeof t2.name&&t2.name.length>0?t2.name:`${e2},${s2}`,o2="bigint"==typeof t2.value?Number(t2.value):t2.value;return{col:e2,row:s2,name:n2,label:"string"==typeof t2.label&&t2.label.length>0?t2.label:void 0,value:"number"==typeof o2&&Number.isFinite(o2)?o2:void 0,color:"string"==typeof t2.color?t2.color:void 0,id:null!=t2.id?t2.id+"":n2!==`${e2},${s2}`?n2:""+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 E=["top","bottom","left","right","float"];function F(t2){return"string"==typeof t2&&E.includes(t2)?t2:"bottom"}function X(t2){return 0===t2.length?0:Math.ceil(5.5*t2.length)+2}function N(t2,i2,e2={min:"",max:""}){const s2=Number.isFinite(i2.width)&&i2.width>0?i2.width:0,n2=Number.isFinite(i2.height)&&i2.height>0?i2.height:0,o2=X(e2.min),a2=X(e2.max),r2={position:t2,barThickness:10,markerRoom:8,labelGap:6,labelHeight:12,minLabelWidth:o2,maxLabelWidth:a2};if("left"===t2||"right"===t2){const t3=Math.max(0,Math.min(.6*n2,320));return{...r2,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{...r2,orientation:"horizontal",barLength:t3,contentWidth:o2+6+t3+6+a2,contentHeight:18}}const h2=Math.max(0,Math.min(.6*s2,320));return{...r2,orientation:"horizontal",barLength:h2,contentWidth:h2,contentHeight:18}}const I={show:true,openMode:"single",trigger:"hover",offset:8,interactive:false,hideOnLeave:true,connector:{show:false},draggable:false};function j(t2){return!!t2&&"object"==typeof t2&&!Array.isArray(t2)}function Y(t2,i2){return i2?`${t2} ${i2}`:t2}function Z(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?i2+"":i2+"px"}let H=0;function B(t2){return Number.isInteger(t2)?t2+"":Math.round(100*t2)/100+""}function W(t2,i2,e2){return i2>=t2.x&&i2<=t2.x+t2.width&&e2>=t2.y&&e2<=t2.y+t2.height}const O=t(class extends i{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=e(this,"rendered",7),this.pointClick=e(this,"pointClick",7),this.pointHover=e(this,"pointHover",7),this.pointContextMenu=e(this,"pointContextMenu",7),this.appended=e(this,"appended",7),this.windowSlid=e(this,"windowSlid",7),this.chartAnimationStart=e(this,"chartAnimationStart",7),this.chartAnimationEnd=e(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=e(this,"chartAnimationInterrupted",7),this.tooltipShown=e(this,"tooltipShow",7),this.tooltipHide=e(this,"tooltipHide",7),this.tooltipAction=e(this,"tooltipAction",7),this.zoomChange=e(this,"zoomChange",7)}get host(){return 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 b({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 w(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 M(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 C(this.zoomRect(),this.zoomState)}shownPoint(t2,i2){return T(this.viewportTransform(),t2,i2)}contentPointAt(t2,i2){const e2=this.viewportTransform();return e2.zoomed?W(this.zoomRect(),t2,i2)?A(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:()=>S(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=T(t2,e3.anchorX,e3.anchorY);if(t2.zoomed&&!W(i2,s2.x,s2.y))return null;const n2={...e3.context,cssX:s2.x,cssY:s2.y};return e3.positionLock?{...e3,pointCssX:s2.x,pointCssY:s2.y,context:n2}:{...e3,cssX:s2.x,cssY:s2.y,pointCssX:s2.x,pointCssY:s2.y,context:n2}};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 n2=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:{...w.resetButtonStyle,position:"absolute",left:n2.x+n2.width-8+"px",top:n2.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=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),n2=D(s2[t3],t3);if(!i3||!n2)return i3===n2;if(i3.col!==n2.col||i3.row!==n2.row||i3.value!==n2.value||i3.color!==n2.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;return y(Math.min(1,Math.max(0,i2/Math.max(1,t2.duration))),this.animationEasing)}resolvedPalette(){if(Array.isArray(this.colors)&&this.colors.length>0)return[...this.colors];const t2=c[this.palette]??c.tableau10;return l(t2,Math.max(t2.stops.length,12)).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=F(this.legendPosition),s2=N(e2,i2,t2),n2=m({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(n2,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 n2=t3=>({...t3,x:t3.x+i2,y:t3.y+e2});return{...t2,legendRect:t2.legendRect?n2(t2.legendRect):t2.legendRect,itemRects:t2.itemRects.map((t3=>({...n2(t3),swatchRect:n2(t3.swatchRect),labelRect:n2(t3.labelRect)}))),remainingOuter:s2?n2(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=g(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,n2=t2.clientY-e2.lastY;0===s2&&0===n2||(this.legendFloatPosition=f(this.legendFloatPosition??g(i2.legendRect.x,i2.legendRect.y),s2,n2,{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 n3=D(e3[t4],t4);n3&&n3.visible&&s3.set(`${n3.col}:${n3.row}`,{index:t4,id:n3.id,col:n3.col,row:n3.row,name:n3.name,label:n3.label,value:n3.value,color:n3.color??i3[t4%Math.max(1,i3.length)]??"#2563eb",explicitColor:void 0!==n3.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,n3=-1/0;for(const t4 of i3)void 0!==t4.value&&(t4.value<s3&&(s3=t4.value),t4.value>n3&&(n3=t4.value));const o2=Number.isFinite(e3.min)?e3.min:s3,a2=Number.isFinite(e3.max)?e3.max:n3;if(!Number.isFinite(o2)||!Number.isFinite(a2))return null;const l2=a2>o2?a2-o2:1;let c2;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:d(i4+"")}))).filter((t5=>null!==t5.color)).sort(((t5,i4)=>t5.t-i4.t));if(0===t4.length)return null;c2=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],n4=t4[i5+1];if(e4<=n4.t){const t5=n4.t>s5.t?(e4-s5.t)/(n4.t-s5.t):0;return r([s5.color,n4.color])(t5)}}return s4.color}}else if("string"==typeof e3.minColor||"string"==typeof e3.maxColor){const t4=d(e3.minColor??"#eff6ff"),i4=d(e3.maxColor??"#1d4ed8");if(!t4||!i4)return null;c2=r([t4,i4])}else c2=r(h[e3.scheme??"blues"]??h.blues);const u2=[];for(let t4=0;t4<=8;t4+=1){const i4=t4/8;u2.push([i4,R(c2(i4))])}return{min:o2,max:a2,colorFor:t4=>R(c2((Math.min(a2,Math.max(o2,t4))-o2)/l2)),gradientStops:u2}})(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,n4=-1/0;for(const o3 of t4)o3.col<i4&&(i4=o3.col),o3.col>e4&&(e4=o3.col),o3.row<s4&&(s4=o3.row),o3.row>n4&&(n4=o3.row);return{minCol:i4,maxCol:e4,minRow:s4,maxRow:n4,cols:e4-i4+1,rows:n4-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=L*(i3.cols+(i3.rows>1?.5:0)),n4=1.5*(i3.rows-1)+2,o3=Math.max(1,Math.min(e3.width/s4,e3.height/n4)),a3=o3*s4,r3=o3*n4,h2=e3.x+(e3.width-a3)/2,l2=e3.y+(e3.height-r3)/2;return{placed:t3.tiles.map((t4=>({tile:t4,cx:h2+L*o3*(t4.col-i3.minCol+.5+(t4.row%2+2)%2*.5),cy:l2+o3*(1.5*(t4.row-i3.minRow)+1),cell:L*o3}))),extent:i3,cell:L*o3,hexRadius:o3,gridRect:{x:h2,y:l2,width:a3,height:r3}}}const s3=Math.max(1,Math.min(e3.width/i3.cols,e3.height/i3.rows)),n3=s3*i3.cols,o2=s3*i3.rows,a2=e3.x+(e3.width-n3)/2,r2=e3.y+(e3.height-o2)/2;return{placed:t3.tiles.map((t4=>({tile:t4,cx:a2+(t4.col-i3.minCol+.5)*s3,cy:r2+(t4.row-i3.minRow+.5)*s3,cell:s3}))),extent:i3,cell:s3,gridRect:{x:a2,y:r2,width:n3,height:o2}}})({tiles:i2,plot:t2.plot,lattice:t2.lattice}),n2=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:n2,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=[],n2=new Map(t2.map((t3=>[t3.key,t3]))),o2=new Set(i2.map((t3=>t3.key)));for(const t3 of i2){const i3=n2.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)o2.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,n2=Math.max(1e-6,1/Math.min(i2,12));return Math.min(1,Math.max(0,(e2*(1+n2)-s2)/n2))}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,n2){const o2=Math.max(.5,i3-Math.max(0,e3)/2),a2=L/2*o2;for(let i4=t3.length-1;i4>=0;i4-=1){const e4=t3[i4],r2=Math.abs(s3-e4.cx),h2=Math.abs(n2-e4.cy);if(!(r2>a2||h2>o2)&&h2<=o2-r2/L)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 n2=t3.length-1;n2>=0;n2-=1){const o2=t3[n2],a2=Math.max(.5,(o2.cell-Math.max(0,i3))/2);if(Math.hypot(e3-o2.cx,s3-o2.cy)<=a2)return o2}return null})(t2.placed,this.gap,i2,e2):"diamond"===s2?(function(t3,i3,e3,s3){for(let n2=t3.length-1;n2>=0;n2-=1){const o2=t3[n2],a2=Math.max(.5,(o2.cell-Math.max(0,i3))/2);if(Math.abs(e3-o2.cx)+Math.abs(s3-o2.cy)<=a2)return o2}return null})(t2.placed,this.gap,i2,e2):(function(t3,i3,e3,s3){for(let n2=t3.length-1;n2>=0;n2-=1){const o2=t3[n2],a2=Math.max(.5,(o2.cell-Math.max(0,i3))/2);if(Math.abs(e3-o2.cx)<=a2&&Math.abs(s3-o2.cy)<=a2)return o2}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(),n2=this.legendOwnsEvent(t2)?null:this.tileUnderPointer(s2,i2,e2),o2=n2?n2.tile.index:null;if(o2===this.hoverTileIndex)return;if(this.hoverTileIndex=o2,null===o2||!n2){this.pointHover.emit(null);const t3=this.effectiveTooltipSpec();return void(this.shouldHideTooltipOnLeave(t3)&&this.clearSingleTooltip())}this.pointHover.emit(this.buildPointEventDetail(n2));const a2=this.effectiveTooltipSpec();a2.show&&"click"!==a2.trigger&&this.showTooltipForTile(n2,a2,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(),n2=this.tileUnderPointer(s2,i2,e2);if(!n2)return void(this.hasVisibleTooltips()&&this.clearTooltips());this.pointClick.emit(this.buildPointEventDetail(n2));const o2=this.effectiveTooltipSpec();!o2.show||"click"!==o2.trigger&&"hover-click"!==o2.trigger||this.showTooltipForTile(n2,o2,true)};onChartLeave=()=>{this.clearHover()};onPointContextMenu=t2=>{if(!this.enableMouseTracking||this.legendOwnsEvent(t2))return;const{x:i2,y:e2}=this.pointerCss(t2),s2=this.settledRenderLayout(),n2=this.tileUnderPointer(s2,i2,e2);n2&&(t2.preventDefault(),t2.stopPropagation(),this.pointContextMenu.emit(p(t2,this.host,"tilemap",this.buildPointEventDetail(n2),{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(t2){if(null==t2||"auto"===t2||true===t2)return{...I};if("off"===t2||false===t2)return{...I,show:false};if(!j(t2))return{...I};const i2=t2,e2=j(i2.style)?Object.fromEntries(Object.entries(i2.style).filter((([,t3])=>"string"==typeof t3||"number"==typeof t3))):void 0,s2=t3=>"string"==typeof t3||Number.isFinite(t3)&&t3>=0?t3:void 0,n2=(function(t3){if(true===t3)return{show:true};if(null==t3||false===t3||!j(t3))return{show:false};const i3=t3;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:(t3=>"multiple"===t3?"multiple":"single")(i2.openMode),trigger:(t3=>"click"===t3||"hover-click"===t3||"hover"===t3?t3:"hover")(i2.trigger),side:i2.side,offset:Number.isFinite(i2.offset)&&i2.offset>=0?i2.offset:8,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:n2,draggable:true===i2.draggable}})(this.tooltip):(function(t2){return{...I,show:t2.show,html:"function"==typeof t2.format?i2=>t2.format(i2):void 0}})({show:this.tooltipShow,format:this.tooltipFormat})}defaultTooltipHtml(t2){const i2=void 0!==t2.value?" · "+t2.value:"";return`<strong>${(function(t3){return t3.replace(/[&<>"']/g,(t4=>{switch(t4){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case"'":return"&#39;";default:return t4}}))})(t2.name)}</strong>${i2}`}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,n2=this.shownPoint(t2.cx,t2.cy),o2=this.buildTooltipContext(t2),r2=i2.side??"top",h2=i2.format?a(i2.format,[s2,o2],(()=>this.plainTooltipText(s2)),"tooltip.format",i2):this.plainTooltipText(s2),l2=i2.html?a(i2.html,[s2,o2],(()=>{}),"tooltip.html",i2):i2.format?void 0:this.defaultTooltipHtml(s2),c2=this.lockedTooltipPositionForTile(s2,i2),d2=c2?.side??r2,u2=c2?this.tooltipAnchorFromPositionLock(c2.lock,d2,c2.box,i2.offset):{cssX:n2.x,cssY:n2.y},p2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:n2.x,pointCssY:n2.y,anchorX:t2.cx,anchorY:t2.cy,box:c2?.box,side:d2,text:h2,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:o2};this.tooltipDrag=void 0,e2&&"multiple"===i2.openMode?(this.tileTooltip=p2,this.tileTooltips=[...this.tileTooltips,p2]):(this.tileTooltips=[],this.tileTooltip=p2);const m2={cssX:u2.cssX,cssY:u2.cssY,anchor:d2,text:h2,html:l2,context:o2};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=k({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,n2){return"top"===s2?{cssX:t2+e2.width/2,cssY:i2+e2.height+n2}:"bottom"===s2?{cssX:t2+e2.width/2,cssY:i2-n2}:"left"===s2?{cssX:t2+e2.width+n2,cssY:i2+e2.height/2}:{cssX:t2-n2,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(t2.context.index+"",{lock:{...t2.positionLock},side:t2.side,box:t2.box})}lockedTooltipPositionForTile(t2,i2){if(i2.draggable){const i3=this.draggableTooltipPositions.get(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,n2=Math.round(100*e2.height)/100;if(t2.box?.width===s2&&t2.box?.height===n2)return;const o2={width:s2,height:n2},a2={...t2,box:o2};t2.positionLock&&Object.assign(a2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,o2,t2.offset??10)),this.rememberDraggableTooltipPosition(a2),this.tileTooltip=a2}handleTooltipActionClick=t2=>{const i2=t2.target,e2=i2?.closest?.("[data-tooltip-action]"),s2=e2?.dataset.tooltipAction,n2=Number(e2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),o2=this.tileTooltips.find((t3=>t3.id===n2))??this.tileTooltip;s2&&o2&&(t2.stopPropagation(),this.tooltipAction.emit({...o2.context,action:s2,text:o2.text,html:o2.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,n2=this.tooltipTopLeftFromElement(e2)??this.tooltipTopLeftFromAnchor(s2)??{x:s2.cssX,y:s2.cssY},o2=this.tileTooltip.box??s2.box,a2={...this.tileTooltip,cssX:s2.cssX,cssY:s2.cssY,side:s2.side,box:o2,positionLock:n2};Object.assign(a2,this.tooltipAnchorFromPositionLock(n2,a2.side,o2,a2.offset??10)),this.tileTooltip=a2,this.rememberDraggableTooltipPosition(a2),e2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:a2.cssX,originY:a2.cssY,originLockX:n2.x,originLockY:n2.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 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 o2=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)o2=this.composeMorphTiles(this.morphState.prevVisuals,e2.visuals,this.tweenProgress(this.morphState));else if(this.initialRevealState){const t3=this.tweenProgress(this.initialRevealState);o2=e2.visuals.map(((i3,s2)=>{const n2=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:n2,opacity:n2}}))}const a2=this.focusedTileIndex??this.hoverTileIndex,r2=this.effectiveTileShape(),h2=(function(t3,i3){return Math.max(7,Math.min(13,.32*(t3-i3)))})(e2.cell,this.gap),l2=this.showLabels&&h2>=7&&e2.cell-this.gap>=18,c2=this.zoomSpec(),d2=this.zoomRect(),p2=C(d2,this.zoomState),m2=P(p2),g2="sy-tilemap-viewport-"+this.instanceKey;return this.lastRenderResult={tiles:e2.placed.length,renderMs:this.now()-t2},this.pendingRenderedEmit=true,s(n,{"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:g2},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(#${g2})`:void 0},s("g",{class:"sy-tilemap__tiles","aria-hidden":"true",transform:m2||void 0},o2.map((t3=>{if(t3.scale<=0||t3.opacity<=0)return null;const i3="sy-tilemap__tile"+(null===a2||t3.index===a2||t3.key.startsWith("ghost:")?"":" sy-tilemap__tile--dim"),e3=t3.cell*t3.scale,n2="hexagon"===r2?(function(t4,i4,e4,s2){const n3=Math.max(.5,e4-Math.max(0,s2)/2),o3=[];for(let e5=0;e5<6;e5+=1){const s3=Math.PI/180*(60*e5-90);o3.push(`${V(t4+n3*Math.cos(s3))} ${V(i4+n3*Math.sin(s3))}`)}return`M ${o3.join(" L ")} Z`})(t3.cx,t3.cy,e3/Math.sqrt(3),this.gap):"circle"===r2?(function(t4,i4,e4,s2){const n3=Math.max(.5,(e4-Math.max(0,s2))/2);return`M ${V(t4-n3)} ${V(i4)} a ${V(n3)} ${V(n3)} 0 1 0 ${V(2*n3)} 0 a ${V(n3)} ${V(n3)} 0 1 0 ${V(2*-n3)} 0`})(t3.cx,t3.cy,e3,this.gap):"diamond"===r2?(function(t4,i4,e4,s2){const n3=Math.max(.5,(e4-Math.max(0,s2))/2);return`M ${V(t4)} ${V(i4-n3)} L ${V(t4+n3)} ${V(i4)} L ${V(t4)} ${V(i4+n3)} L ${V(t4-n3)} ${V(i4)} Z`})(t3.cx,t3.cy,e3,this.gap):(function(t4,i4,e4,s2){const n3=Math.max(.5,(e4-Math.max(0,s2))/2),o3=V(t4-n3);return`M ${o3} ${V(i4-n3)} H ${V(t4+n3)} V ${V(i4+n3)} H ${o3} 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:n2,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(h2*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()),v(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:B(i2.min),max:B(i2.max)},n2=this.colorLegendLayout(e2),o2=n2?.itemRects[0];if(!n2?.legendRect||!o2)return null;const a2=F(this.legendPosition),r2=N(a2,this.legendOuter(),e2),h2="float"===a2,l2="vertical"===r2.orientation,c2=this.canDragLegend(n2),d2="sy-tilemap-axis-"+this.instanceKey,u2="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,g2=l2?{x:o2.x+(o2.width-r2.barThickness)/2,y:o2.y+r2.labelHeight+r2.labelGap,width:r2.barThickness,height:r2.barLength}:{x:h2?o2.x+r2.minLabelWidth+r2.labelGap:o2.x,y:o2.y+r2.markerRoom,width:r2.barLength,height:r2.barThickness},f2={fontSize:"10px"},y2=n2.legendRect,b2=h2?n2.floatBoxStyle:void 0;return s("g",{class:{"sy-tilemap__color-legend":true,"sy-tilemap__color-legend--float":h2},"aria-hidden":"true","data-sy-legend-float":h2?"true":void 0,style:h2?{pointerEvents:"all",cursor:c2?this.legendDrag?"grabbing":"grab":"default",touchAction:c2?"none":void 0}:void 0,onPointerDown:h2?t3=>this.handleLegendPointerDown(t3,n2):void 0,onPointerMove:h2?t3=>this.handleLegendPointerMove(t3,n2):void 0,onPointerUp:h2?t3=>this.handleLegendPointerUp(t3):void 0,onPointerCancel:h2?t3=>this.handleLegendPointerUp(t3):void 0},s("defs",null,s("linearGradient",{id:d2,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})))),b2?s("filter",{id:u2,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),b2?s("rect",{class:"sy-tilemap__color-legend-box",x:y2.x,y:y2.y,width:y2.width,height:y2.height,rx:b2.borderRadius,fill:b2.background,stroke:b2.borderColor,"stroke-width":b2.borderWidth,filter:`url(#${u2})`}):null,s("rect",{class:"sy-tilemap__color-legend-bar",x:g2.x,y:g2.y,width:g2.width,height:g2.height,rx:2,fill:`url(#${d2})`}),l2?s("text",{class:"sy-tilemap__color-legend-label",x:g2.x+g2.width/2,y:g2.y-r2.labelGap,"text-anchor":"middle","dominant-baseline":"auto",style:f2},e2.max):s("text",{class:"sy-tilemap__color-legend-label",x:g2.x-r2.labelGap,y:g2.y+g2.height/2,"text-anchor":"end","dominant-baseline":"central",style:f2},e2.min),l2?s("text",{class:"sy-tilemap__color-legend-label",x:g2.x+g2.width/2,y:g2.y+g2.height+r2.labelGap,"text-anchor":"middle","dominant-baseline":"hanging",style:f2},e2.min):s("text",{class:"sy-tilemap__color-legend-label",x:g2.x+g2.width+r2.labelGap,y:g2.y+g2.height/2,"text-anchor":"start","dominant-baseline":"central",style:f2},e2.max),null!==m2?s("path",{class:"sy-tilemap__color-legend-marker",d:l2?`M ${g2.x-2} ${g2.y+g2.height*(1-m2)} l -6 -4 v 8 Z`:`M ${g2.x+g2.width*m2} ${g2.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=>!!t3));return 0===i2.length?null:i2.map((i3=>this.renderTileTooltipItem(i3,!t2)))}renderTileTooltipItem(t2,i2){const{cssX:e2,cssY:n2,side:o2,text:a2,html:r2,className:h2,style:l2,interactive:c2,draggable:d2}=t2,u2=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||d2?"auto":"none",cursor:d2?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=e2+"px",p2.top=n2-u2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===o2?(p2.left=e2+"px",p2.top=n2+u2+"px",p2.transform="translate(-50%, 0%)"):"left"===o2?(p2.left=e2-u2+"px",p2.top=n2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=e2+u2+"px",p2.top=n2+"px",p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=Z(t3,i3);return void 0!==r2?s("div",{class:Y("sy-tilemap__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:r2}):s("div",{class:Y("sy-tilemap__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},a2)}renderTileTooltipConnector(){const t2=(this.tileTooltips.length>0?this.tileTooltips:[this.positionedTileTooltip()].filter((t3=>!!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=_(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}]}}static get style(){return'.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}'}},[514,"sy-tilemap",{data:[1040],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],palette:[1],colors:[16],tileShape:[1,"tile-shape"],gap:[2],showLabels:[4,"show-labels"],colorAxis:[8,"color-axis"],colorLegend:[4,"color-legend"],legendPosition:[1,"legend-position"],legendFloatAlign:[1,"legend-float-align"],legendFloatVerticalAlign:[1,"legend-float-vertical-align"],legendDraggable:[4,"legend-draggable"],labelColor:[1,"label-color"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipShow:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],zoom:[8],engine:[1],unavailable:[1],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],activeTier:[32],fallbackReason:[32],tileTooltip:[32],tileTooltips:[32],displayData:[32],hoverTileIndex:[32],focusedTileIndex:[32],srAnnouncement:[32],animationTick:[32],zoomState:[32],zoomSelection:[32],legendFloatPosition:[32],redraw:[64],getActiveTier:[64],addTile:[64],removeTile:[64],updateTile:[64],setTileValue:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTestTile:[64],showTooltipAtTile:[64],hideTooltip:[64],zoomTo:[64],zoomBy:[64],panBy:[64],resetZoom:[64],getZoom:[64],getZoomExtent:[64],getEngineStatus:[64]},void 0,{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}]}]);function U(){"undefined"!=typeof customElements&&["sy-tilemap"].forEach((t2=>{"sy-tilemap"===t2&&(customElements.get(o(t2))||customElements.define(o(t2),O))}))}U();const G=O,K=U;export{G as SyTilemap,K as defineCustomElement};

package/dist/components/sy-tornado-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyTornadoChart extends Components.SyTornadoChart, HTMLElement {
+}
+export const SyTornadoChart: {
+    prototype: SyTornadoChart;
+    new (): SyTornadoChart;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-tornado-chart.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,d as a,t as n}from"./p-BPmwlQtL.js";import{s as o,r}from"./p-DO6vGxJP.js";import{n as h,b as l}from"./p-COVKN1k-.js";import{C as c,c as d,a as u,p}from"./p-C3jLZ9n2.js";import{c as m,b as g}from"./p-DH8K7zqB.js";import{s as f,r as x}from"./p-CChSqEEO.js";import{c as b,l as y}from"./p-DTZUbymc.js";import{r as v}from"./p-BXmzh2Uk.js";import{a as w,e as C,r as S,f as k}from"./p-DhcQQtwn.js";import{t as M,c as A}from"./p-C0f63Npv.js";import{c as T}from"./p-D0Zr5HHA.js";import{s as _}from"./p-B3gMdXEP.js";function L(t2){return"number"==typeof t2&&Number.isFinite(t2)&&t2>0?t2:0}function V(t2,i2){return i2>0?t2/i2:t2}function P(t2,i2,s2,e2){if(0===t2.items.length)return null;if(s2<i2.x||s2>i2.x+i2.width)return null;if(e2<i2.y||e2>i2.y+i2.height)return null;const a2=V(i2.height,t2.items.length);return{index:Math.max(0,Math.min(t2.items.length-1,Math.floor((e2-i2.y)/a2))),side:s2<i2.x+i2.width/2?"left":"right"}}function N(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function X(t2){if(t2&&"object"==typeof t2&&Array.isArray(t2.values))return{category:t2.category,values:[t2.values[0],t2.values[1]].map((t3=>Number.isFinite(t3)?Number(t3):0))}}const E="reveal",Y="morph",F="stream";function R(t2,i2){return i2?`${t2} ${i2}`:t2}function D(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?i2+"":i2+"px"}const $=t(class extends i{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=s(this,"rendered",7),this.pointClick=s(this,"pointClick",7),this.pointHover=s(this,"pointHover",7),this.crosshairMove=s(this,"crosshairMove",7),this.pointContextMenu=s(this,"pointContextMenu",7),this.appended=s(this,"appended",7),this.windowSlid=s(this,"windowSlid",7),this.chartAnimationStart=s(this,"chartAnimationStart",7),this.chartAnimationEnd=s(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=s(this,"chartAnimationInterrupted",7),this.tooltipShow=s(this,"tooltipShow",7),this.tooltipHide=s(this,"tooltipHide",7),this.tooltipAction=s(this,"tooltipAction",7),this.seriesOutsideClick=s(this,"seriesOutsideClick",7)}get host(){return this}data=[];groups=[];categories;leftValues;rightValues;width=680;height=380;brandLogo;brandPosition="bottom-right";color="";leftLabel;rightLabel;barPadding=.3;xLabelMode;xLabelRotation;xLabelMaxCount;valueAxisLabel;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;appended;windowSlid;chartAnimationStart;chartAnimationEnd;chartAnimationInterrupted;tooltipShow;tooltipHide;tooltipAction;seriesOutsideClick;activeTier="standard";fallbackReason;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: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 a2=t2.get(s2);if(a2)return a2.startedAt<0&&!a2.paused&&(a2.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(a2,e2),a2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const a2=t2.get(s2);return!!a2&&(!!a2.paused||i2(a2,e2)<1)},tick(s2){const e2=[];for(const[a2,n2]of t2)n2.startedAt<0&&!n2.paused&&(n2.startedAt=s2),n2.paused||i2(n2,s2)>=1&&e2.push(a2);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;displayedBars=new Map;morphFromBars;internalStreamSource;boundStreamSource;streamUnsubscribe;streamLicense=new c({host:()=>this.host,input:()=>d(this,"always-ring"),active:()=>void 0!==this.boundStreamSource||void 0!==this.internalStreamSource,onChange:t2=>this.handleStreamLicenseChange(t2)});streamFrozenData;plainStreamStarted=false;suppressNextValuesAnimation=false;streamFromLeft;streamFromRight;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?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.computeTornadoLayout(),e2=P(s2.model,s2.plot,t2,i2);return e2?this.detailFor(s2,e2.index,e2.side,t2,i2):null}async showTooltipAtPoint(t2,i2=1){const s2=this.resolveTooltipSpec();if(!s2.show)return null;const e2=this.computeTornadoLayout(),a2=this.sideForSeriesIndex(i2),n2=this.tornadoHitAtIndex(e2,t2,a2);return n2?this.showTooltipForHit(e2,n2,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())}hasDataRows(){return Array.isArray(this.data)&&this.data.length>0}seriesName(t2){return this.groups?.[t2]??(0===t2?this.leftLabel:this.rightLabel)??(0===t2?"Group 1":"Group 2")}sideForSeriesIndex(t2){return"left"===t2||"right"===t2?t2:Number.isFinite(t2)&&0===Math.trunc(t2)?"left":"right"}legacyRowsFromValues(t2,i2){const s2=Math.max(t2?.length??0,i2?.length??0,this.categories?.length??0),e2=[];for(let a2=0;a2<s2;a2++)e2.push({category:this.categories?.[a2]??a2+1+"",values:[t2?.[a2],i2?.[a2]]});return e2}resolvedRows(){return this.hasDataRows()?[...this.data]:this.legacyRowsFromValues(this.leftValues,this.rightValues)}rowCategories(t2){return this.categories?[...this.categories]:t2.map(((t3,i2)=>t3.category??i2+1+""))}sideValues(t2,i2){return t2.map((t3=>t3.values?.[i2]??null))}targetLeftValues(){return Float32Array.from(this.sideValues(this.resolvedRows(),0).map((t2=>"number"==typeof t2&&Number.isFinite(t2)?t2:0)))}targetRightValues(){return Float32Array.from(this.sideValues(this.resolvedRows(),1).map((t2=>"number"==typeof t2&&Number.isFinite(t2)?t2:0)))}computeTornadoLayout(){const t2=this.resolvedRows(),i2=this.rowCategories(t2),s2=(function(t3,i3,s3){const e3=Math.max(t3.length,i3.length),a3=[];let n3=0;for(let o3=0;o3<e3;o3++){const e4=L(t3[o3]),r3=L(i3[o3]);n3=Math.max(n3,e4,r3),a3.push({index:o3,category:s3?.[o3]??o3+1+"",left:e4,right:r3})}return{items:a3,maxMagnitude:n3}})(this.streamLeft()??this.sideValues(t2,0),this.streamRight()??this.sideValues(t2,1),i2),e2={x:0,y:24,width:this.width,height:Math.max(1,this.height-24)},a2=(function(t3){if(!Number.isFinite(t3)||t3<=0)return 1;const i3=(function(t4){if(!Number.isFinite(t4)||t4<=0)return 1;const i4=Math.floor(Math.log10(t4)),s3=Math.pow(10,i4),e3=t4/s3;return(e3<=1?1:e3<=2?2:e3<=5?5:10)*s3})(t3/4);return Math.ceil(t3/i3)*i3})(s2.maxMagnitude),n2=s2.items.length,o2=w({kind:"linear",position:"bottom",show:true,label:this.valueAxisLabel,format:t3=>""+Math.abs(Math.round(t3))},{kind:"category",position:"left",show:true,categories:s2.items.map((t3=>t3.category)),tickCount:Math.min(n2,30)}),r2=m({outerWidth:e2.width,outerHeight:e2.height,axes:o2,gridLines:C(this.gridLines),title:this.chartTitle,subtitle:this.chartSubtitle,xExtent:{min:-a2,max:a2},yExtent:{min:-.5,max:Math.max(.5,n2-.5)}}),h2={x:e2.x+r2.plot.x,y:e2.y+r2.plot.y,width:r2.plot.width,height:r2.plot.height},l2=h2.x+h2.width/2,c2=(function(t3,i3,s3,e3=.3,a3=0){const n3=t3.items.length;if(0===n3)return[];const o3=V(i3.height,n3),r3=Math.max(0,Math.min(.6,e3))*o3,h3=Math.max(0,o3-r3),l3=i3.x+i3.width/2,c3=Math.max(0,a3)/2,d2=[];for(const e4 of t3.items){const t4=i3.y+e4.index*o3+r3/2,a4=i3.y+e4.index*o3+o3/2,n4=Math.max(0,s3(e4.left)-c3),u2=Math.max(0,s3(e4.right)-c3);d2.push({index:e4.index,category:e4.category,left:e4.left,right:e4.right,centerY:a4,leftRect:{x:l3-c3-n4,y:t4,width:n4,height:h3},rightRect:{x:l3+c3,y:t4,width:u2,height:h3}})}return d2})(s2,h2,(t3=>a2>0?t3/a2*(h2.width/2):0),this.barPadding);return{model:s2,outer:e2,plot:h2,frame:r2,niceMax:a2,bars:c2,centerX:l2}}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(E,{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.animator.start(Y,{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(E)?this.animator.progressAt(E,this.now())??1:1}morphProgress(){return this.morphActive&&this.animator.has(Y)?this.animator.progressAt(Y,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=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=this.resolvedRows(),i2=this.rowCategories(t2),s2=t3=>"bigint"==typeof t3?Number(t3):"number"==typeof t3&&Number.isFinite(t3)?t3:0;return t2.map(((t3,e2)=>({category:i2[e2]??t3.category,values:[s2(t3.values?.[0]),s2(t3.values?.[1])]})))}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=>X(t3))).filter((t3=>void 0!==t3)),{list:s2,event:e2}=u(i2,t2,X);e2&&this.handleStreamEvent(p(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),e2=s2.map(((t3,i3)=>({category:t3.category??i3+1+"",values:[t3.values[0]??0,t3.values[1]??0]}))),a2=Float32Array.from(e2.map((t3=>t3.values[0]??0))),n2=Float32Array.from(e2.map((t3=>t3.values[1]??0))),o2=s2.map(((t3,i3)=>t3.category??i3+1+"")),r2=this.resolvedRows().length>0;if(this.shouldAnimate()&&r2&&(a2.length>0||n2.length>0)){const t3=this.now(),i3=b(this.animationDuration,this.lastStreamTime,t3);this.lastStreamTime=t3,this.streamFromLeft=this.currentStreamLeft(),this.streamFromRight=this.currentStreamRight(),this.suppressNextValuesAnimation=true,this.data=e2,this.categories=o2,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=e2,this.categories=o2;"push"!==i2.type&&"pushBatch"!==i2.type||this.appended.emit({count:i2.count}),"shift"===i2.type&&this.windowSlid.emit({dropped:i2.count})}currentStreamLeft(){return this.animator.has(F)&&this.streamFromLeft?y(this.streamFromLeft,this.targetLeftValues(),this.animator.progressAt(F,this.now())??1):this.targetLeftValues()}currentStreamRight(){return this.animator.has(F)&&this.streamFromRight?y(this.streamFromRight,this.targetRightValues(),this.animator.progressAt(F,this.now())??1):this.targetRightValues()}streamLeft(){return this.animator.has(F)&&this.streamFromLeft?y(this.streamFromLeft,this.targetLeftValues(),this.animator.progressAt(F,this.now())??1):null}streamRight(){return this.animator.has(F)&&this.streamFromRight?y(this.streamFromRight,this.targetRightValues(),this.animator.progressAt(F,this.now())??1):null}detailFor(t2,i2,s2,e2,a2){const n2=t2.model.items[i2],o2="left"===s2?0:1;return{categoryIndex:i2,seriesIndex:o2,seriesName:this.seriesName(o2),index:i2,category:n2.category,side:s2,value:"left"===s2?n2.left:n2.right,cssX:e2,cssY:a2}}resolveTooltipSpec(){const t2=S(this.tooltip);return void 0!==this.tooltip||this.tooltipEnabled?t2:{...t2,show:false}}tornadoHitAtPoint(t2,i2){return this.tornadoHitAtIndex(t2,i2.index,i2.side)}tornadoHitAtIndex(t2,i2,s2){const e2=Math.trunc(i2);if(!Number.isFinite(e2)||e2<0||e2>=t2.model.items.length)return null;const a2=t2.model.items[e2],n2=t2.bars[e2],o2=n2?"left"===s2?n2.leftRect.x:n2.rightRect.x+n2.rightRect.width:t2.centerX,r2=n2?.centerY??t2.plot.y;return{index:e2,seriesIndex:"left"===s2?0:1,seriesName:this.seriesName("left"===s2?0:1),side:s2,category:a2.category,left:a2.left,right:a2.right,value:"left"===s2?a2.left:a2.right,cssX:o2,cssY:r2}}srSummary(t2){return 0===t2.items.length?"Tornado chart, no data":`Back-to-back bar chart, ${t2.items.length} categories comparing ${this.seriesName(0)} and ${this.seriesName(1)}. Peak magnitude ${Math.round(t2.maxMagnitude)}.`}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 a2=i2.cssX,n2=i2.cssY,r2={seriesIndex:i2.seriesIndex,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:a2,cssY:n2,dataX:i2.index,dataY:i2.value,mode:s2.mode},h2=g({frame:{plot:t2.plot},hit:{cssX:a2,cssY:n2},spec:s2}),l2=this.lockedTooltipPositionForHit(i2,s2),c2=l2?.side??h2.side,d2=l2?this.tooltipAnchorFromPositionLock(l2.lock,c2,l2.box,s2.offset??10):{cssX:h2.cssX,cssY:h2.cssY},u2=o(s2.format,[i2.value,r2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),p2=o(s2.html,[i2.value,r2],(()=>{}),"tooltip.html",s2),m2={id:this.nextTooltipId++,cssX:d2.cssX,cssY:d2.cssY,pointCssX:a2,pointCssY:n2,box:l2?.box,side:c2,text:u2,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:r2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=m2,this.cartesianTooltips=[...this.cartesianTooltips,m2]):(this.cartesianTooltips=[],this.cartesianTooltip=m2);const f2={cssX:d2.cssX,cssY:d2.cssY,anchor:c2,text:u2,html:p2,context:r2};return this.tooltipShow.emit(f2),f2}formatDefaultTooltipText(t2){if(this.tooltipFormat)try{return this.tooltipFormat({index:t2.index,categoryIndex:t2.index,seriesIndex:t2.seriesIndex,seriesName:t2.seriesName,category:t2.category,side:t2.side,value:t2.value,cssX:t2.cssX,cssY:t2.cssY})}catch(t3){r(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category} — ${this.seriesName(0)}: ${j(t2.left)} / ${this.seriesName(1)}: ${j(t2.right)}`}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=>!!t3));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:s2,cssY:a2,side:n2,text:o2,html:r2,className:h2,style:l2,interactive:c2,draggable:d2}=t2,u2=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||d2?"auto":"none",cursor:d2?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=s2+"px",p2.top=a2-u2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===n2?(p2.left=s2+"px",p2.top=a2+u2+"px",p2.transform="translate(-50%, 0%)"):"left"===n2?(p2.left=s2-u2+"px",p2.top=a2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=s2+u2+"px",p2.top=a2+"px",p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=D(t3,i3);return void 0!==r2?e("div",{class:R("sy-tornado-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:r2}):e("div",{class:R("sy-tornado-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},o2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!t3))).filter((t3=>t3.connector?.show));return 0===t2.length?null:e("svg",{class:"sy-tornado-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=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`${"left"===t2.side?0:1}:${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||(s2.context.seriesIndex??0)!==("left"===t2.side?0:1))return;const e2=this.tooltipTopLeftFromAnchor(s2);return e2?{lock:e2,side:s2.side,box:s2.box}:void 0}tooltipAnchorFromTopLeft(t2,i2,s2,e2,a2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+a2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-a2}:"left"===e2?{cssX:t2+s2.width+a2,cssY:i2+s2.height/2}:{cssX:t2-a2,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,a2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===a2)return;const n2={width:e2,height:a2},o2={...t2,box:n2};t2.positionLock&&Object.assign(o2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,n2,t2.offset??10)),this.rememberDraggableTooltipPosition(o2),this.cartesianTooltip=o2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,a2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),n2=this.cartesianTooltips.find((t3=>t3.id===a2))??this.cartesianTooltip;e2&&n2&&(t2.stopPropagation(),this.tooltipAction.emit({...n2.context,action:e2,text:n2.text,html:n2.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,a2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},n2=this.cartesianTooltip.box??e2.box,o2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:n2,positionLock:a2};Object.assign(o2,this.tooltipAnchorFromPositionLock(a2,o2.side,n2,o2.offset??10)),this.cartesianTooltip=o2,this.rememberDraggableTooltipPosition(o2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:o2.cssX,originY:o2.cssY,originLockX:a2.x,originLockY:a2.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.computeTornadoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2);this.updateCrosshair(i2,s2,e2);const a2=this.resolveTooltipSpec(),n2=P(i2.model,i2.plot,s2,e2);if(!n2)return null!==this.hoverKey&&(this.hoverKey=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(a2)&&this.clearTooltips());const o2=`${n2.index}:${n2.side}`;if(o2!==this.hoverKey&&(this.hoverKey=o2,this.pointHover.emit(this.detailFor(i2,n2.index,n2.side,s2,e2))),a2.show&&this.shouldShowTooltipOnHover(a2)){const t3=this.tornadoHitAtPoint(i2,n2);t3&&this.showTooltipForHit(i2,t3,a2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(a2)&&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=k(this.crosshair),{plot:a2}=t2;if(!e2.show||!(i2>=a2.x&&i2<=a2.x+a2.width&&s2>=a2.y&&s2<=a2.y+a2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const n2=t2.bars.map(((t3,i3)=>({pos:t3.centerY,index:i3}))),o2=t2.bars.flatMap(((t3,i3)=>[{cssX:t3.leftRect.x,cssY:t3.centerY,index:i3},{cssX:t3.rightRect.x+t3.rightRect.width,cssY:t3.centerY,index:i3}])),r2=f(i2,s2,a2,"y",n2,o2,e2.snap);this.cursor&&this.cursor.cssX===r2.cssX&&this.cursor.cssY===r2.cssY||(this.cursor={cssX:r2.cssX,cssY:r2.cssY},this.crosshairMove.emit({cssX:r2.cssX,cssY:r2.cssY,snappedPointIndex:r2.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=k(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,a2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",n2="horizontal"===i2.mode||"cross"===i2.mode;return e("div",{class:"sy-tornado-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-tornado-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",a2,i2.dash)}}),n2&&e("div",{class:"sy-tornado-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",a2,i2.dash)}}))}handlePointerClick=t2=>{const i2=this.computeTornadoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),{plot:a2}=i2,n2=s2>=a2.x&&s2<=a2.x+a2.width&&e2>=a2.y&&e2<=a2.y+a2.height,o2=P(i2.model,i2.plot,s2,e2),r2=o2?i2.bars[o2.index]??null:null;if(!o2||null===o2||null===r2||!("left"===o2.side?s2>=r2.leftRect.x:s2<=r2.rightRect.x+r2.rightRect.width))return this.hasVisibleTooltips()&&this.clearTooltips(),void(n2&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}));this.pointClick.emit(this.detailFor(i2,o2.index,o2.side,s2,e2));const h2=this.resolveTooltipSpec();if(h2.show&&this.shouldShowTooltipOnClick(h2)){const t3=this.tornadoHitAtPoint(i2,o2);t3&&this.showTooltipForHit(i2,t3,h2,true)}};handleContextMenu=t2=>{const i2=this.computeTornadoLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),a2=P(i2.model,i2.plot,s2,e2);a2&&this.pointContextMenu.emit(l(t2,this.host,"tornado",this.detailFor(i2,a2.index,a2.side,s2,e2)))};render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU tornado renderer exists";if("error"===h(t3.onUnavailable))throw Error('sy-tornado-chart: Pro engine is unavailable — no GPU tornado renderer exists. Use engine="standard" or unavailable="fallback".');return console.warn(`[Syidax] sy-tornado-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.computeTornadoLayout(),s2=this.animator.has(E)&&!this.morphActive,n2=this.morphActive&&this.animator.has(Y)&&void 0!==this.morphFromBars,o2=s2?this.revealProgress():1,r2=n2?this.morphProgress():1;this.lastRenderResult={points:2*i2.bars.length,renderMs:0},this.pendingRenderedEmit=true,this.srAnnouncement=this.srSummary(i2.model);const l2=i2.centerX,[c2,d2]=T(this.color,["#2563eb","#ec4899"]),u2=new Map;for(const t3 of i2.bars){let i3=t3.leftRect.width,e2=t3.rightRect.width;if(n2){const s3=this.morphFromBars.get(t3.index);s3&&(i3=s3.leftW+(t3.leftRect.width-s3.leftW)*r2,e2=s3.rightW+(t3.rightRect.width-s3.rightW)*r2)}else s2&&(i3=t3.leftRect.width*o2,e2=t3.rightRect.width*o2);u2.set(t3.index,{leftW:i3,rightW:e2})}return this.displayedBars=u2,e(a,{key:"8053f2bfe4080c92915d58dcbcf0853242ed4ff6",style:{position:"relative",display:"inline-block",width:this.width+"px",height:this.height+"px"},role:"img","aria-label":this.chartTitle??"Back-to-back bar chart","data-sy-brand-host":"chart"},this.renderAxisOverlay(i2),e("svg",{key:"03a20c3a6f7d3ea063e1aa1c68312d7a15ec979a",class:"sy-tornado-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:"4c33d54151403678832af0f259a8c9dbf84d42a5",class:"sy-tornado-chart__bars"},i2.bars.map((t3=>{const{leftW:i3,rightW:s3}=u2.get(t3.index),a2=this.hoverKey===t3.index+":left",n3=this.hoverKey===t3.index+":right";return[e("rect",{key:"l-"+t3.index,class:"sy-tornado-chart__bar sy-tornado-chart__bar--left",x:I(l2-i3),y:I(t3.leftRect.y),width:I(i3),height:I(t3.leftRect.height),fill:c2,opacity:null===this.hoverKey||a2?1:.7}),e("rect",{key:"r-"+t3.index,class:"sy-tornado-chart__bar sy-tornado-chart__bar--right",x:I(l2),y:I(t3.rightRect.y),width:I(s3),height:I(t3.rightRect.height),fill:d2,opacity:null===this.hoverKey||n3?1:.7})]})))),this.renderCrosshair(i2),this.renderLegend(i2,c2,d2),this.renderTooltipConnector(),this.renderTooltip(),e("span",{key:"dea15f0fd160a2519073b3eb62d8a9c1b6155ce5",class:"sy-tornado-chart__sr-only","aria-live":"polite",role:"status"},this.srAnnouncement),this.fallbackReason&&e("span",{key:"a6aa60f2ae0ac6d87d79c3fce47c22be0d7cb01c",class:"sy-tornado-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}))}renderAxisOverlay(t2){const{frame:i2,outer:s2,plot:a2,centerX:n2}=t2;return e("div",{class:"sy-tornado-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-tornado-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-tornado-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.xGridLines.map((t3=>e("div",{class:"sy-tornado-chart__grid-line",style:{position:"absolute",left:s2.x+t3.x+"px",top:a2.y+"px",width:"1px",height:a2.height+"px",background:"var(--sy-axis-grid-color, rgba(0,0,0,0.06))"}}))),i2.xTicks.map((t3=>e("div",{class:"sy-tornado-chart__axis-label sy-tornado-chart__axis-label--x",style:{position:"absolute",left:s2.x+t3.position-28+"px",top:a2.y+a2.height+4+"px",width:"56px",textAlign:"center",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)"}},(t4=>t4.label??t4.value+"")(t3)))),(()=>{const i3=t2.bars.map((t3=>t3.category)),n3=t2.bars.map((t3=>t3.centerY)),o2=x({labels:i3,centers:n3,orientation:"left",mode:this.xLabelMode,rotationDeg:this.xLabelRotation,maxCount:this.xLabelMaxCount});return t2.bars.map(((t3,i4)=>o2.visible[i4]?e("div",{class:"sy-tornado-chart__cat-label",style:{position:"absolute",left:s2.x+"px",top:t3.centerY-8+"px",width:a2.x-s2.x-6+"px",textAlign:"right",font:"400 11px system-ui, sans-serif",color:"var(--sy-axis-color, #111827)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...o2.rotationDeg>0?{transform:`rotate(${o2.rotationDeg}deg)`,transformOrigin:"right center"}:{}}},t3.category):null))})(),e("div",{class:"sy-tornado-chart__axis-line",style:{position:"absolute",left:n2+"px",top:a2.y+"px",width:"1px",height:a2.height+"px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}),e("div",{class:"sy-tornado-chart__axis-line",style:{position:"absolute",left:a2.x+"px",top:a2.y+a2.height+"px",width:a2.width+"px",height:"1px",background:"var(--sy-axis-line-color, rgba(17,24,39,0.42))"}}))}renderLegend(t2,i2,s2){const{plot:a2}=t2;return e("div",{class:"sy-tornado-chart__legend",style:{position:"absolute",left:a2.x+"px",top:"5px",width:a2.width+"px",height:"18px",display:"flex",gap:"18px",alignItems:"center",justifyContent:"center",font:"400 12px system-ui, sans-serif",pointerEvents:"none"}},e("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"}},e("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:i2}}),this.seriesName(0)),e("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"}},e("span",{style:{width:"12px",height:"12px",borderRadius:"2px",background:s2}}),this.seriesName(1)))}async getEngineStatus(){return _({requested:this.engine,onUnavailable:this.unavailable,renderer:"tornado"})}static get watchers(){return{data:[{handleValuesChange:0}],groups:[{handleValuesChange:0}],leftValues:[{handleValuesChange:0}],rightValues:[{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}],leftLabel:[{handleVisualChange:0}],rightLabel:[{handleVisualChange:0}],barPadding:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}],tooltip:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}]}}static get style(){return".sc-sy-tornado-chart-h{display:inline-block;position:relative}.sy-tornado-chart__surface.sc-sy-tornado-chart{display:block}.sy-tornado-chart__bar.sc-sy-tornado-chart{transition:opacity 120ms ease}.sy-tornado-chart__tooltip.sc-sy-tornado-chart,.sy-tornado-chart__legend.sc-sy-tornado-chart{pointer-events:none}.sy-tornado-chart__sr-only.sc-sy-tornado-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-tornado-chart__watermark.sc-sy-tornado-chart{position:absolute;right:6px;bottom:4px;font:400 10px system-ui,sans-serif;color:#b45309;pointer-events:none;opacity:.75}"}},[514,"sy-tornado-chart",{data:[1040],groups:[16],categories:[16],leftValues:[1040],rightValues:[1040],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],color:[1],leftLabel:[1,"left-label"],rightLabel:[1,"right-label"],barPadding:[2,"bar-padding"],xLabelMode:[1,"x-label-mode"],xLabelRotation:[2,"x-label-rotation"],xLabelMaxCount:[2,"x-label-max"],valueAxisLabel:[1,"value-axis-label"],gridLines:[8,"grid-lines"],crosshair:[8],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipEnabled:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],activeTier:[32],fallbackReason:[32],cartesianTooltip:[32],cartesianTooltips:[32],srAnnouncement:[32],animationTick:[32],hoverKey:[32],cursor:[32],redraw:[64],getActiveTier:[64],setData:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAtPoint:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{data:[{handleValuesChange:0}],groups:[{handleValuesChange:0}],leftValues:[{handleValuesChange:0}],rightValues:[{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}],leftLabel:[{handleVisualChange:0}],rightLabel:[{handleVisualChange:0}],barPadding:[{handleVisualChange:0}],valueAxisLabel:[{handleVisualChange:0}],gridLines:[{handleVisualChange:0}],chartTitle:[{handleVisualChange:0}],chartSubtitle:[{handleVisualChange:0}],width:[{handleVisualChange:0}],height:[{handleVisualChange:0}],engine:[{handleVisualChange:0}],unavailable:[{handleVisualChange:0}],tooltip:[{handleVisualChange:0}],xLabelMode:[{handleVisualChange:0}],xLabelRotation:[{handleVisualChange:0}],xLabelMaxCount:[{handleVisualChange:0}]}]);function I(t2){return Math.round(100*t2)/100}function j(t2){return Number.isInteger(t2)?t2+"":t2.toFixed(2)}function H(){"undefined"!=typeof customElements&&["sy-tornado-chart"].forEach((t2=>{"sy-tornado-chart"===t2&&(customElements.get(n(t2))||customElements.define(n(t2),$))}))}H();const O=$,B=H;export{O as SyTornadoChart,B as defineCustomElement};

package/dist/components/sy-variwide-chart.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyVariwideChart extends Components.SyVariwideChart, HTMLElement {
+}
+export const SyVariwideChart: {
+    prototype: SyVariwideChart;
+    new (): SyVariwideChart;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-variwide-chart.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,d as a,t as n}from"./p-BPmwlQtL.js";import{s as o,r}from"./p-DO6vGxJP.js";import{n as h,b as l}from"./p-COVKN1k-.js";import{C as c,c as u,a as d,p}from"./p-C3jLZ9n2.js";import{c as m,b as g}from"./p-DH8K7zqB.js";import{r as f,s as x}from"./p-CChSqEEO.js";import{c as b,l as y}from"./p-DTZUbymc.js";import{r as v}from"./p-BXmzh2Uk.js";import{a as w,e as C,r as A,f as S}from"./p-DhcQQtwn.js";import{r as k}from"./p-D0Zr5HHA.js";import{d as M,c as T}from"./p-BwtrZuf8.js";import{t as V,c as _}from"./p-C0f63Npv.js";import{s as L}from"./p-B3gMdXEP.js";function P(t2){return"number"==typeof t2&&Number.isFinite(t2)?t2:null}function N(t2){return"number"==typeof t2&&Number.isFinite(t2)&&t2>0?t2:0}function D(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 a2=t2.totalWeight>0?t2.totalWeight:t2.items.length||1;let n2=i2.x;for(const e3 of t2.items){const o2=(t2.totalWeight>0?e3.weight:1)/a2*i2.width;if(s2>=n2&&s2<=n2+o2)return e3.index;n2+=o2}return Math.max(0,t2.items.length-1)}function X(t2){return!Number.isFinite(t2)||t2<=0?0:t2>=1?1:t2}function Y(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 E="reveal",F="morph",j="stream";function I(t2,i2){return i2?`${t2} ${i2}`:t2}function $(t2,i2){return"number"!=typeof i2?i2:new Set(["lineHeight","opacity","zIndex","fontWeight","flex","flexGrow","flexShrink","order"]).has(t2)?i2+"":i2+"px"}const H=t(class extends i{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=s(this,"rendered",7),this.pointClick=s(this,"pointClick",7),this.pointHover=s(this,"pointHover",7),this.crosshairMove=s(this,"crosshairMove",7),this.pointContextMenu=s(this,"pointContextMenu",7),this.tooltipShow=s(this,"tooltipShow",7),this.tooltipHide=s(this,"tooltipHide",7),this.tooltipAction=s(this,"tooltipAction",7),this.seriesOutsideClick=s(this,"seriesOutsideClick",7),this.appended=s(this,"appended",7),this.windowSlid=s(this,"windowSlid",7),this.chartAnimationStart=s(this,"chartAnimationStart",7),this.chartAnimationEnd=s(this,"chartAnimationEnd",7),this.chartAnimationInterrupted=s(this,"chartAnimationInterrupted",7)}get host(){return 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:X((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 a2=t2.get(s2);if(a2)return a2.startedAt<0&&!a2.paused&&(a2.startedAt=e2),(function(t3,i3){const s3=X(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(a2,e2),a2.easing)},has:i3=>t2.has(i3),isActive(s2,e2){const a2=t2.get(s2);return!!a2&&(!!a2.paused||i2(a2,e2)<1)},tick(s2){const e2=[];for(const[a2,n2]of t2)n2.startedAt<0&&!n2.paused&&(n2.startedAt=s2),n2.paused||i2(n2,s2)>=1&&e2.push(a2);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 c({host:()=>this.host,input:()=>u(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=D(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 a2=0;a2<s2;a2++)e2.push({category:this.categories?.[a2]??a2+1+"",value:t2?.[a2],weight:i2?.[a2]});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??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: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:NaN}))}computeVariwideLayout(){const t2=(function(t3,i3,s3,e3={}){const a3=Math.max(t3.length,i3.length),n3=[];for(let o4=0;o4<a3;o4++)n3.push({index:o4,sourceIndex:o4,category:s3?.[o4]??o4+1+"",value:P(t3[o4]),weight:N(i3[o4]),color:e3.colors?.[o4]});e3.sortDescending&&(n3.sort(((t4,i4)=>(i4.value??-1/0)-(t4.value??-1/0)||t4.sourceIndex-i4.sourceIndex)),n3.forEach(((t4,i4)=>{t4.index=i4})));let o3=0,r3=0,h3=false,l3=0;for(const t4 of n3)l3+=t4.weight,null!==t4.value&&(h3?(o3=Math.max(o3,t4.value),r3=Math.min(r3,t4.value)):(o3=t4.value,r3=Math.min(0,t4.value),h3=true));return{items:n3,totalWeight:l3,maxValue:h3?o3:0,minValue:h3?r3: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),a2=52+(this.valueAxisLabel?24:0),n2=a2,o2=Math.max(1,this.width-a2-4),r2=t2.totalWeight>0?t2.totalWeight:t2.items.length||1,h2=t2.items.filter((t3=>null!==t3.value));let l2=n2;const c2=[];for(const i3 of t2.items){const s3=(t2.totalWeight>0?i3.weight:1)/r2*o2;null!==i3.value&&c2.push(l2+s3/2),l2+=s3}const u2=this.resolveLabelDecl(h2.map((t3=>t3.category)),c2,[n2,n2+o2]),d2={x:0,y:0,width:this.width,height:Math.max(1,this.height-(u2.rotationDeg>0?54:22))},p2=w(this.resolveXAxisInput(t2.items.map((t3=>t3.category))),this.resolveYAxisInput()),g2=m({outerWidth:d2.width,outerHeight:d2.height,axes:p2,gridLines:C(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}}),f2={x:d2.x+g2.plot.x,y:d2.y+g2.plot.y,width:g2.plot.width,height:g2.plot.height},x2=t3=>d2.y+g2.yScale(t3),b2=x2(i2),y2=(function(t3,i3,s3,e3,a3=.04){const n3=t3.totalWeight>0?t3.totalWeight:t3.items.length||1,o3=Math.max(0,Math.min(.45,a3)),r3=[];let h3=0;for(const a4 of t3.items){const l3=(t3.totalWeight>0?a4.weight:1)/n3*i3.width,c3=i3.x+h3;if(h3+=l3,null===a4.value)continue;const u3=l3*o3,d3=c3+u3/2,p3=Math.max(0,l3-u3),m2=s3(a4.value),g3=Math.min(m2,e3);r3.push({index:a4.index,category:a4.category,value:a4.value,weight:a4.weight,color:a4.color,rect:{x:d3,y:g3,width:p3,height:Math.max(0,Math.max(m2,e3)-g3)},centerX:c3+l3/2})}return r3})(t2,f2,x2,b2,this.columnGap),v2=this.resolveLabelDecl(y2.map((t3=>t3.category)),y2.map((t3=>t3.centerX)),[f2.x,f2.x+f2.width]);return{model:t2,outer:d2,plot:f2,frame:g2,valueY:x2,baselineY:b2,columns:y2,labelDecl:v2}}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=T.tableau10,e2=M(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(E,{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(F,{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(E)?this.animator.progressAt(E,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=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,a2=i2.weight,n2="bigint"==typeof e2?Number(e2):"number"==typeof e2&&Number.isFinite(e2)?e2:null,o2="bigint"==typeof a2?Number(a2):"number"==typeof a2&&Number.isFinite(a2)?a2:null;null!==n2&&null!==o2&&t2.push({category:i2.category??s2+1+"",value:n2,weight:o2,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=>Y(t3))).filter((t3=>void 0!==t3)),{list:s2,event:e2}=d(i2,t2,Y);e2&&this.handleStreamEvent(p(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??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=b(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(j,{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(j)&&this.streamFromValue?y(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(j,this.now())??1):this.targetValuesFloat()}currentStreamWeights(){return this.animator.has(j)&&this.streamFromWeight?y(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(j,this.now())??1):this.targetWeightsFloat()}streamValues(){return this.animator.has(j)&&this.streamFromValue?y(this.streamFromValue,this.targetValuesFloat(),this.animator.progressAt(j,this.now())??1):this.targetValues()}streamWeights(){return this.animator.has(j)&&this.streamFromWeight?y(this.streamFromWeight,this.targetWeightsFloat(),this.animator.progressAt(j,this.now())??1):this.targetWeights()}isStreaming(){return null!=this.displayedStreamSource()}detailForIndex(t2,i2,s2,e2){const a2=t2.model.items[i2];return{index:i2,category:a2.category,value:a2.value??0,weight:a2.weight,color:a2.color,cssX:s2,cssY:e2}}resolveTooltipSpec(){const t2=A(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 a2=t2.columns.find((t3=>t3.index===s2));return{index:s2,value:e2.value,weight:e2.weight,category:e2.category,color:e2.color,cssX:a2?.centerX??t2.plot.x,cssY:a2?.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 a2=i2.cssX,n2=i2.cssY,r2={seriesIndex:0,pointIndex:i2.index,index:i2.index,value:i2.value,cssX:a2,cssY:n2,dataX:i2.index,dataY:i2.value,mode:s2.mode},h2=g({frame:{plot:t2.plot},hit:{cssX:a2,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,r2],(()=>this.formatDefaultTooltipText(i2)),"tooltip.format",s2),p2=o(s2.html,[i2.value,r2],(()=>{}),"tooltip.html",s2),m2={id:this.nextTooltipId++,cssX:u2.cssX,cssY:u2.cssY,pointCssX:a2,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:r2};this.tooltipDrag=void 0,e2&&"multiple"===s2.openMode?(this.cartesianTooltip=m2,this.cartesianTooltips=[...this.cartesianTooltips,m2]):(this.cartesianTooltips=[],this.cartesianTooltip=m2);const f2={cssX:u2.cssX,cssY:u2.cssY,anchor:c2,text:d2,html:p2,context:r2};return this.tooltipShow.emit(f2),f2}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){r(this.tooltipFormat,t3,"tooltipFormat")}return`${t2.category}: ${(function(t3){return Number.isInteger(t3)?t3+"":t3.toFixed(2)})(t2.value)}`}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=>!!t3));return 0===i2.length?null:i2.map((i3=>this.renderTooltipItem(i3,!t2)))}renderTooltipItem(t2,i2){const{cssX:s2,cssY:a2,side:n2,text:o2,html:r2,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"===n2?(p2.left=s2+"px",p2.top=a2-d2+"px",p2.transform="translate(-50%, -100%)"):"bottom"===n2?(p2.left=s2+"px",p2.top=a2+d2+"px",p2.transform="translate(-50%, 0%)"):"left"===n2?(p2.left=s2-d2+"px",p2.top=a2+"px",p2.transform="translate(-100%, -50%)"):(p2.left=s2+d2+"px",p2.top=a2+"px",p2.transform="translate(0%, -50%)");for(const[t3,i3]of Object.entries(l2??{}))p2[t3]=$(t3,i3);return void 0!==r2?e("div",{class:I("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:r2}):e("div",{class:I("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},o2)}renderTooltipConnector(){const t2=(this.cartesianTooltips.length>0?this.cartesianTooltips:[this.positionedTooltipForRender()].filter((t3=>!!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=V(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,a2){return"top"===e2?{cssX:t2+s2.width/2,cssY:i2+s2.height+a2}:"bottom"===e2?{cssX:t2+s2.width/2,cssY:i2-a2}:"left"===e2?{cssX:t2+s2.width+a2,cssY:i2+s2.height/2}:{cssX:t2-a2,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,a2=Math.round(100*s2.height)/100;if(t2.box?.width===e2&&t2.box?.height===a2)return;const n2={width:e2,height:a2},o2={...t2,box:n2};t2.positionLock&&Object.assign(o2,this.tooltipAnchorFromPositionLock(t2.positionLock,t2.side,n2,t2.offset??10)),this.rememberDraggableTooltipPosition(o2),this.cartesianTooltip=o2}handleTooltipActionClick=t2=>{const i2=t2.target,s2=i2?.closest?.("[data-tooltip-action]"),e2=s2?.dataset.tooltipAction,a2=Number(s2?.closest?.("[data-tooltip-id]")?.getAttribute("data-tooltip-id")),n2=this.cartesianTooltips.find((t3=>t3.id===a2))??this.cartesianTooltip;e2&&n2&&(t2.stopPropagation(),this.tooltipAction.emit({...n2.context,action:e2,text:n2.text,html:n2.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,a2=this.tooltipTopLeftFromElement(s2)??this.tooltipTopLeftFromAnchor(e2)??{x:e2.cssX,y:e2.cssY},n2=this.cartesianTooltip.box??e2.box,o2={...this.cartesianTooltip,cssX:e2.cssX,cssY:e2.cssY,side:e2.side,box:n2,positionLock:a2};Object.assign(o2,this.tooltipAnchorFromPositionLock(a2,o2.side,n2,o2.offset??10)),this.cartesianTooltip=o2,this.rememberDraggableTooltipPosition(o2),s2.setPointerCapture?.(t2.pointerId),this.tooltipDrag={pointerId:t2.pointerId,startX:t2.clientX,startY:t2.clientY,originX:o2.cssX,originY:o2.cssY,originLockX:a2.x,originLockY:a2.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 a2=this.resolveTooltipSpec(),n2=D(i2.model,i2.plot,s2,e2);if(n2<0||null===i2.model.items[n2].value)return null!==this.hoverIndex&&(this.hoverIndex=null,this.pointHover.emit(null)),void(this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(a2)&&this.clearTooltips());if(n2!==this.hoverIndex&&(this.hoverIndex=n2,this.pointHover.emit(this.detailForIndex(i2,n2,s2,e2))),a2.show&&this.shouldShowTooltipOnHover(a2)){const t3=this.variwideHitAtIndex(i2,n2);t3&&this.showTooltipForHit(i2,t3,a2)}else this.hasVisibleTooltips()&&this.shouldHideTooltipOnLeave(a2)&&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:a2}=i2,n2=s2>=a2.x&&s2<=a2.x+a2.width&&e2>=a2.y&&e2<=a2.y+a2.height,o2=D(i2.model,i2.plot,s2,e2),r2=o2>=0?i2.columns.find((t3=>t3.index===o2))??null:null;if(o2<0||null===i2.model.items[o2].value||null!==r2&&e2<r2.rect.y)return this.hasVisibleTooltips()&&this.clearTooltips(),void(n2&&this.seriesOutsideClick.emit({cssX:s2,cssY:e2}));this.pointClick.emit(this.detailForIndex(i2,o2,s2,e2));const h2=this.resolveTooltipSpec();if(h2.show&&this.shouldShowTooltipOnClick(h2)){const t3=this.variwideHitAtIndex(i2,o2);t3&&this.showTooltipForHit(i2,t3,h2,true)}};handleContextMenu=t2=>{const i2=this.computeVariwideLayout(),{cssX:s2,cssY:e2}=this.localPoint(t2),a2=D(i2.model,i2.plot,s2,e2);a2<0||null===i2.model.items[a2].value||this.pointContextMenu.emit(l(t2,this.host,"variwide",this.detailForIndex(i2,a2,s2,e2)))};updateCrosshair(t2,i2,s2){const e2=S(this.crosshair),{plot:a2}=t2;if(!e2.show||!(i2>=a2.x&&i2<=a2.x+a2.width&&s2>=a2.y&&s2<=a2.y+a2.height))return void(null!==this.cursor&&(this.cursor=null,this.crosshairMove.emit(null)));const n2=t2.columns.map((t3=>({pos:t3.centerX,index:t3.index}))),o2=t2.columns.map((t3=>({cssX:t3.centerX,cssY:t3.rect.y,index:t3.index}))),r2=x(i2,s2,a2,"x",n2,o2,e2.snap);this.cursor&&this.cursor.cssX===r2.cssX&&this.cursor.cssY===r2.cssY||(this.cursor={cssX:r2.cssX,cssY:r2.cssY},this.crosshairMove.emit({cssX:r2.cssX,cssY:r2.cssY,snappedPointIndex:r2.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=S(this.crosshair);if(!i2.show||!this.cursor)return null;const{plot:s2}=t2,a2=i2.color??"var(--sy-crosshair-color, rgba(17,24,39,0.4))",n2="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",a2,i2.dash)}}),n2&&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",a2,i2.dash)}}))}render(){const t2=(function(t3){if("pro"===t3.requested){const i3="no GPU variwide renderer exists";if("error"===h(t3.onUnavailable))throw 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(E)&&!this.morphActive,n2=this.morphActive&&this.animator.has(F)&&void 0!==this.morphFromTops,o2=s2?this.revealProgress():1,r2=n2?this.morphProgress():1,l2=new Map;for(const t3 of i2.columns){let e2=t3.rect.y;if(n2){const i3=this.morphFromTops.get(t3.index);void 0!==i3&&(e2=i3+(t3.rect.y-i3)*r2)}else s2&&(e2=i2.baselineY-(i2.baselineY-t3.rect.y)*o2);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(a,{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,a2=i2.baselineY-s3,n3=this.hoverIndex===t3.index;return e("rect",{key:"col-"+t3.index,class:{"sy-variwide-chart__column":true,"sy-variwide-chart__column--active":n3},x:R(t3.rect.x),y:R(s3),width:R(t3.rect.width),height:R(Math.max(0,a2)),fill:this.columnColor(t3),opacity:null===this.hoverIndex||n3?1:.78})}))),e("g",{key:"8840bf77e588aab8668081fbbd4130ca35d1167f",class:"sy-variwide-chart__labels"},i2.columns.map(((t3,s3)=>{if(!i2.labelDecl.visible[s3])return null;const a2=i2.labelDecl.rotationDeg,n3=i2.plot.y+i2.plot.height+(a2>0?10:14);return e("text",a2>0?{key:"lbl-"+t3.index,class:"sy-variwide-chart__col-label",x:R(t3.centerX),y:R(n3),"text-anchor":"end",transform:`rotate(${R(-a2)} ${R(t3.centerX)} ${R(n3)})`,style:{fontSize:"11px",fill:"var(--sy-axis-color, #111827)"}}:{key:"lbl-"+t3.index,class:"sy-variwide-chart__col-label",x:R(t3.centerX),y:R(n3),"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"),v(this.host,this.brandLogo,{width:this.width,height:this.height,plot:i2.plot}))}renderAxisOverlay(t2){const{frame:i2,outer:s2,plot:a2}=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:a2.x+"px",top:s2.y+t3.y+"px",width:a2.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:a2.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??t4.value+"")(t3)))),e("div",{class:"sy-variwide-chart__axis-line",style:{position:"absolute",left:a2.x+"px",top:a2.y+a2.height+"px",width:a2.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:a2.x+"px",top:a2.y+"px",width:"1px",height:a2.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:a2.x-68+"px",top:a2.y+a2.height/2+"px",width:a2.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 L({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}]}}static get style(){return".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}"}},[514,"sy-variwide-chart",{data:[1040],values:[1040],weights:[1040],categories:[16],width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],color:[1],colorful:[4],columnGap:[2,"column-gap"],baseline:[2],sortDescending:[4,"sort-descending"],valueAxisLabel:[1,"value-axis-label"],xAxis:[8,"x-axis"],yAxis:[8,"y-axis"],xLabelMode:[1,"x-label-mode"],xLabelRotation:[2,"x-label-rotation"],xLabelMaxCount:[2,"x-label-max"],gridLines:[8,"grid-lines"],crosshair:[8],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],tooltipEnabled:[4,"tooltip-show"],tooltipFormat:[16],tooltip:[8],enableMouseTracking:[4,"enable-mouse-tracking"],animated:[1028,"animate"],animationDuration:[1026,"animation-duration"],animationEasing:[1025,"animation-easing"],animationType:[1025,"animation-type"],streamSource:[1040],streamWindow:[2,"stream-window"],streamMax:[2,"stream-max"],engine:[1],proThreshold:[2,"pro-threshold"],unavailable:[1],activeTier:[32],fallbackReason:[32],cartesianTooltip:[32],cartesianTooltips:[32],srAnnouncement:[32],animationTick:[32],hoverIndex:[32],cursor:[32],redraw:[64],getActiveTier:[64],setData:[64],appendPoint:[64],appendBatch:[64],shift:[64],replace:[64],getStreamSource:[64],setAnimation:[64],pauseAnimation:[64],resumeAnimation:[64],replayAnimation:[64],hitTest:[64],showTooltipAtPoint:[64],hideTooltip:[64],getEngineStatus:[64]},void 0,{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 R(t2){return Math.round(100*t2)/100}function O(){"undefined"!=typeof customElements&&["sy-variwide-chart"].forEach((t2=>{"sy-variwide-chart"===t2&&(customElements.get(n(t2))||customElements.define(n(t2),H))}))}O();const z=H,B=O;export{z as SyVariwideChart,B as defineCustomElement};

package/dist/components/sy-visual-map.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyVisualMap extends Components.SyVisualMap, HTMLElement {
+}
+export const SyVisualMap: {
+    prototype: SyVisualMap;
+    new (): SyVisualMap;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-visual-map.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as e,h as t,d as a,t as n}from"./p-BPmwlQtL.js";import{a as l,c as r,e as o,g as h,D as u,k as c,d as p}from"./p-Qu4itcma.js";import{w as d,f as m,d as g,v,r as y,t as _,g as f,h as b,n as x,i as w,j as C,k as z,l as P,m as k,o as S,p as $}from"./p-kJe8wHkN.js";const R=u;let M=0;const D=s(class extends i{constructor(s2){super(),false!==s2&&this.__registerHost(),this.rangeChange=e(this,"rangeChange",7),this.selectionChanged=e(this,"selectionChanged",7)}get host(){return this}type="continuous";min;max;for;target;dimension;sizeRange;sizeDimension;outOfRangeSize;pieces;splitNumber=5;categories;selectedMode="multiple";selected;itemWidth=20;itemHeight=14;color;outOfRangeColor="#d1d5db";orientation="horizontal";width=320;height=28;calculable=false;range;precision;format;text;showLabels=true;stepFraction=.1;minRangePx=8;realtime=true;disabled=false;selectedRange=null;dragging=null;pieceSelected=null;autoExtent=null;rangeChange;selectionChanged;gradientId="sy-visual-map-gradient-"+ ++M;resolvedCache=null;piecewiseCache=null;drag=null;boundTarget=null;componentWillLoad(){this.adoptRangeProp(false),this.adoptSelectedProp(false)}hasLoaded=false;detached=false;connectedCallback(){this.detached=false,this.hasLoaded&&this.bindTarget()}componentDidLoad(){this.hasLoaded=true,this.bindTarget()}disconnectedCallback(){this.detached=true,this.drag=null,this.dragging=null,this.unbindTarget()}onTargetChange(){this.bindTarget()}onDimensionChange(){this.refresh()}onSizeChange(){this.pushBinding()}onRangeProp(){this.adoptRangeProp(true)}onSelectedProp(){this.adoptSelectedProp(true)}onDomainChange(){this.selectedRange?this.commit(this.selectedRange,false,"api"):this.pushBinding()}onPiecesChange(){this.pieceSelected?this.commitSelection(this.pieceSelected,null,"api"):this.pushBinding()}async refresh(){const s2=this.boundTarget;if(s2){if(await d(s2),this.boundTarget===s2){if((void 0===this.min||void 0===this.max)&&s2.getVisualExtent){const i2=await s2.getVisualExtent({dimension:this.dimension})??null;if(this.boundTarget!==s2)return;if(!m(i2,this.autoExtent)&&(this.autoExtent=i2,this.selectedRange))return void this.commit(this.selectedRange,false,"api")}this.pushBinding()}}else this.autoExtent&&(this.autoExtent=null)}binding(){const s2={...this.snapshot(),dimension:this.dimension??"value"},i2=this.sizeSpec();return i2&&(s2.size=i2),s2}sizeSpec(){const s2=(function(s3){const i3="string"==typeof s3?s3.split(",").map((s4=>Number(s4.trim()))):s3;if(!i3||2!==i3.length)return null;const[e2,t2]=i3;return!Number.isFinite(e2)||!Number.isFinite(t2)||e2<0||t2<0?null:[e2,t2]})(this.sizeRange);if(!s2)return null;const i2={range:s2};return this.sizeDimension&&(i2.dimension=this.sizeDimension),"number"==typeof this.outOfRangeSize&&Number.isFinite(this.outOfRangeSize)&&this.outOfRangeSize>=0&&(i2.outOfRange=this.outOfRangeSize),i2}renderSizeTicks(s2,i2,e2,a2,n2,l2){const r2=this.binding(),o2=g(r2),h2=v(r2);if(!o2||!h2)return null;const u2=Math.max(i2.range[0],i2.range[1]),c2=R+a2+6+u2,p2=[0,.5,1].map((i3=>{const t2=s2.min+(s2.max-s2.min)*i3;return{value:t2,at:e2.start+(e2.end-e2.start)*i3,radius:o2(t2,0),color:h2(t2,0)}}));return t("g",{class:"sy-visual-map__sizes"},p2.map((s3=>t("g",{class:"sy-visual-map__size-tick","data-value":s3.value},t("circle",{class:"sy-visual-map__size-circle",cx:n2?s3.at:c2,cy:n2?c2:s3.at,r:Math.max(.5,s3.radius),fill:s3.color}),t("text",{class:"sy-visual-map__label sy-visual-map__size-label",x:n2?s3.at:c2+u2+4,y:n2?c2+u2+12:s3.at+4,"text-anchor":n2?"middle":"start"},l2(s3.value))))))}pushBinding(){const s2=this.boundTarget;s2?.setVisualMap&&s2.setVisualMap(this.binding())}resolveTarget(){const s2=this.host.getRootNode();return y(this.target,this.for,s2,"undefined"!=typeof document?document:null)}bindTarget(){if(this.detached)return;const s2=this.resolveTarget();s2!==this.boundTarget&&(this.unbindTarget(),this.boundTarget=s2,s2&&s2.addEventListener("rendered",this.handleTargetRendered)),this.refresh()}unbindTarget(){const s2=this.boundTarget;s2&&(s2.removeEventListener("rendered",this.handleTargetRendered),this.boundTarget=null,s2.setVisualMap?.(null))}handleTargetRendered=()=>{this.drag||void 0!==this.min&&void 0!==this.max||this.refreshExtentOnly()};async refreshExtentOnly(){const s2=this.boundTarget;if(!s2?.getVisualExtent)return;const i2=await s2.getVisualExtent({dimension:this.dimension})??null;this.boundTarget!==s2||m(i2,this.autoExtent)||(this.autoExtent=i2,this.selectedRange?this.commit(this.selectedRange,false,"api"):this.pushBinding())}domainMin(){return this.min??this.autoExtent?.min}domainMax(){return this.max??this.autoExtent?.max}snapshot(){return"piecewise"===this.type?{...this.piecewise().spec,selected:this.pieceSelected}:{...this.resolved().spec,range:this.selectedRange}}async setRange(s2){return this.commit(s2,false,"api"),this.selectedRange}async getRange(){return this.selectedRange}async setSelected(s2){return this.commitSelection(s2,null,"api"),this.pieceSelected}async getSelected(){return this.pieceSelected}async togglePiece(s2){const{spec:i2}=this.piecewise();return this.commitSelection(_(this.pieceSelected,s2,i2.pieces.length,i2.selectedMode),s2,"api"),this.pieceSelected}async getSpec(){return this.snapshot()}async colorAt(s2){return"piecewise"===this.type?this.piecewise().palette.colorAt(s2,this.pieceSelected):this.resolved().palette.colorAt("string"==typeof s2?Number(s2):s2,this.selectedRange)}piecewise(){const s2=(function(s3){if("string"!=typeof s3)return s3;try{const i3=JSON.parse(s3);return Array.isArray(i3)?i3:void 0}catch{return}})(this.pieces),i2=(function(s3){if("string"!=typeof s3)return s3;const i3=s3.split(",").map((s4=>s4.trim())).filter((s4=>s4.length>0));return i3.length>0?i3:void 0})(this.categories),e2=this.domainMin(),t2=this.domainMax(),a2=JSON.stringify([e2??null,t2??null,s2??null,this.splitNumber,i2??null,this.color??null,this.outOfRangeColor,this.selectedMode,this.precision??null]),n2=this.piecewiseCache;if(n2&&n2.key===a2)return n2;const l2=f({min:e2,max:t2,pieces:s2,splitNumber:this.splitNumber,categories:i2,color:this.color,outOfRangeColor:this.outOfRangeColor,selectedMode:this.selectedMode,precision:this.precision??null}),r2={key:a2,spec:l2,palette:b(l2)};return this.piecewiseCache=r2,r2}adoptSelectedProp(s2){const i2=this.selected;void 0!==i2&&(s2?this.commitSelection(i2,null,"api"):this.pieceSelected=x(i2,this.piecewise().spec.pieces.length))}commitSelection(s2,i2,e2){const t2=this.piecewise().spec.pieces.length,a2=x(s2,t2),n2=this.pieceSelected,l2=null===n2||null===a2?n2!==a2:n2.some(((s3,i3)=>s3!==a2[i3]));if(this.pieceSelected=a2,!l2&&"api"!==e2)return;const r2=[];for(let s3=0;s3<t2;s3++)r2.push(!a2||a2[s3]);this.selectionChanged.emit({selected:r2,index:i2,source:e2}),this.pushBinding()}onPieceClick(s2){if(this.disabled)return;const{spec:i2}=this.piecewise();this.commitSelection(_(this.pieceSelected,s2,i2.pieces.length,i2.selectedMode),s2,"control")}resolved(){const s2=this.domainMin(),i2=this.domainMax(),e2=JSON.stringify([s2??null,i2??null,this.color??null,this.outOfRangeColor,this.calculable,this.precision??null]),t2=this.resolvedCache;if(t2&&t2.key===e2)return t2;const a2=w({min:s2,max:i2,color:this.color,outOfRangeColor:this.outOfRangeColor,calculable:this.calculable,precision:this.precision??null}),n2={key:e2,spec:a2,palette:z(a2),gradient:C(a2,16)};return this.resolvedCache=n2,n2}adoptRangeProp(s2){const i2=this.range;if(void 0===i2)return;if(s2)return void this.commit(i2,false,"api");const e2=this.resolved().spec,t2=i2?P(i2,e2,this.minSpan()):null;this.selectedRange=t2&&!k(t2,e2)?t2:null}axisTrack(){return l(this.orientation,this.width,this.height)}minSpan(){const s2=this.resolved().spec;return r(this.minRangePx,s2,this.axisTrack())}fullRange(){const s2=this.resolved().spec;return{min:s2.min,max:s2.max}}axisPx(s2){const i2=this.host.getBoundingClientRect();return"horizontal"===this.orientation?s2.clientX-i2.left:s2.clientY-i2.top}commit(s2,i2,e2){const t2=this.resolved().spec,a2=s2?P(s2,t2,this.minSpan()):null,n2=a2&&!k(a2,t2)?a2:null,l2=!S(this.selectedRange,n2);this.selectedRange=n2,i2&&!this.realtime||!l2&&i2||(this.rangeChange.emit({range:n2,source:e2,live:i2}),this.pushBinding())}onPartPointerDown(s2,i2){!this.disabled&&this.calculable&&0===i2.button&&(i2.preventDefault(),i2.stopPropagation(),i2.currentTarget?.setPointerCapture?.(i2.pointerId),this.drag={kind:s2,pointerId:i2.pointerId,startPx:this.axisPx(i2),startRange:this.selectedRange??this.fullRange(),moved:false},this.dragging=s2)}onPartPointerMove=s2=>{const i2=this.drag;if(!i2||i2.pointerId!==s2.pointerId)return;const e2=this.resolved().spec,t2=o(i2.kind,i2.startRange,this.axisPx(s2)-i2.startPx,e2,this.axisTrack(),this.minSpan());!i2.moved&&S(t2,i2.startRange)||(i2.moved=true,this.commit(t2,true,"control"))};onPartPointerUp=s2=>{const i2=this.drag;i2&&i2.pointerId===s2.pointerId&&(this.drag=null,this.dragging=null,s2.currentTarget?.releasePointerCapture?.(s2.pointerId),i2.moved&&this.commit(this.selectedRange,false,"control"))};onPartPointerCancel=()=>{const s2=this.drag;this.drag=null,this.dragging=null,s2?.moved&&this.commit(this.selectedRange,false,"control")};onKeyDown=s2=>{if(this.disabled||!this.calculable)return;const i2=c(s2);if(!i2)return;s2.preventDefault();const e2=this.resolved().spec;this.commit(h(i2,this.selectedRange??this.fullRange(),e2,this.stepFraction,this.minSpan()),false,"control")};renderPiecewise(){const s2="horizontal"===this.orientation,{spec:i2}=this.piecewise(),e2=this.pieceSelected,n2="categories"===i2.mode?[...i2.pieces]:[...i2.pieces].reverse(),l2=s3=>$(s3,i2.precision,this.format),r2=this.sizeSpec(),o2=i2.pieces.length,h2=s3=>{if(!r2)return{width:this.itemWidth+"px",height:this.itemHeight+"px"};const[i3,e3]=r2.range,t2=Math.max(2,2*(i3+(e3-i3)*(o2<=1?.5:s3/(o2-1))))+"px";return{width:t2,height:t2,borderRadius:"50%"}};return t(a,{class:{"sy-visual-map":true,"sy-visual-map--piecewise":true,"sy-visual-map--vertical":!s2,"sy-visual-map--disabled":this.disabled,"sy-visual-map--filtered":null!==e2},style:{position:"relative",display:"inline-block",maxWidth:s2?this.width+"px":void 0},role:"group","aria-label":`Visual map pieces (${i2.mode}, ${l2(i2.min)} to ${l2(i2.max)})`,"aria-disabled":this.disabled?"true":void 0,"data-domain":`${i2.min}..${i2.max}`,"data-mode":i2.mode,"data-selected":e2?e2.map((s3=>s3?"1":"0")).join(","):"all"},t("div",{class:{"sy-visual-map__pieces":true,"sy-visual-map__pieces--horizontal":s2,"sy-visual-map__pieces--vertical":!s2}},n2.map((s3=>{const a2=!e2||false!==e2[s3.index];return t("button",{type:"button",class:{"sy-visual-map__piece":true,"sy-visual-map__piece--unselected":!a2},"data-index":s3.index,"aria-pressed":a2?"true":"false",disabled:this.disabled,onClick:()=>this.onPieceClick(s3.index)},t("span",{class:{"sy-visual-map__piece-swatch":true,"sy-visual-map__piece-swatch--sized":null!==r2},style:{...h2(s3.index),background:a2?s3.color:i2.outOfRangeColor}}),t("span",{class:"sy-visual-map__piece-label"},s3.label))}))))}render(){if("piecewise"===this.type)return this.renderPiecewise();const s2="horizontal"===this.orientation,{spec:i2,gradient:e2}=this.resolved(),n2=this.axisTrack(),l2=Math.min(n2.start,n2.end),r2=Math.max(n2.start,n2.end),o2=this.sizeSpec(),h2=o2?12:Math.max(4,(s2?this.height:this.width)-2*R),u2=this.selectedRange,c2=u2?p(u2.min,i2,n2):n2.start,d2=u2?p(u2.max,i2,n2):n2.end,m2=s3=>$(s3,i2.precision,this.format),g2="string"==typeof this.text&&this.text.includes(",")?this.text.split(",").map((s3=>s3.trim())):null,v2=g2?g2[1]??m2(i2.min):m2(i2.min),y2=g2?g2[0]??m2(i2.max):m2(i2.max),_2=this.calculable&&!this.disabled,f2=_2?s2?"ew-resize":"ns-resize":"default",b2=_2?"window"===this.dragging?"grabbing":"grab":"default",x2=R+h2/2,w2=(i3,e3,a2)=>{const n3=Math.min(e3,a2),l3=Math.max(e3,a2);return l3-n3<.5?null:t("rect",{class:"sy-visual-map__mask","data-side":i3,x:s2?n3:R,y:s2?R:n3,width:s2?l3-n3:h2,height:s2?h2:l3-n3})},C2=(i3,e3)=>{const a2=R+.3*h2,n3=R+.7*h2,l3=s2?`M ${(e3-1.5).toFixed(1)} ${a2.toFixed(1)} V ${n3.toFixed(1)} M ${(e3+1.5).toFixed(1)} ${a2.toFixed(1)} V ${n3.toFixed(1)}`:`M ${a2.toFixed(1)} ${(e3-1.5).toFixed(1)} H ${n3.toFixed(1)} M ${a2.toFixed(1)} ${(e3+1.5).toFixed(1)} H ${n3.toFixed(1)}`,r3="min"===i3?"handle-min":"handle-max";return t("g",{class:"sy-visual-map__handle-group","data-edge":i3,style:{cursor:f2},onPointerDown:s3=>this.onPartPointerDown(r3,s3),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel},t("rect",{class:"sy-visual-map__handle-hit",x:s2?e3-3-6:R-6,y:s2?R-6:e3-3-6,width:s2?18:h2+12,height:s2?h2+12:18}),t("rect",{class:"sy-visual-map__handle","data-edge":i3,x:s2?e3-3:R,y:s2?R:e3-3,width:s2?6:h2,height:s2?h2:6,rx:2}),t("path",{class:"sy-visual-map__handle-grip",d:l3}))},z2=(i3,e3)=>{const a2="min"===i3?n2.start:n2.end;return t("text",{class:"sy-visual-map__label sy-visual-map__label--end","data-edge":i3,x:s2?"min"===i3?a2-4:a2+4:x2,y:s2?x2+4:"min"===i3?a2+12:a2-4,"text-anchor":s2?"min"===i3?"end":"start":"middle"},e3)},P2=(i3,e3,a2)=>t("text",{class:"sy-visual-map__label sy-visual-map__label--handle","data-edge":i3,x:s2?"min"===i3?e3-3-4:e3+3+4:R+h2+4,y:s2?x2+4:e3+4,"text-anchor":s2&&"min"===i3?"end":"start"},m2(a2)),S2=Math.min(c2,d2),M2=Math.max(c2,d2);return t(a,{class:{"sy-visual-map":true,"sy-visual-map--vertical":!s2,"sy-visual-map--calculable":this.calculable,"sy-visual-map--selected":null!==u2,"sy-visual-map--disabled":this.disabled,"sy-visual-map--dragging":null!==this.dragging,["sy-visual-map--dragging-"+(this.dragging??"none")]:null!==this.dragging},style:{position:"relative",display:"inline-block",width:this.width+"px",height:this.height+"px"},role:this.calculable?"slider":"img",tabIndex:_2?0:void 0,"aria-label":this.calculable?`Visual map range (${s2?"horizontal":"vertical"})`:`Visual map ${m2(i2.min)} to ${m2(i2.max)}`,"aria-orientation":this.calculable?s2?"horizontal":"vertical":void 0,"aria-valuemin":this.calculable?i2.min:void 0,"aria-valuemax":this.calculable?i2.max:void 0,"aria-valuenow":this.calculable?((u2??i2).min+(u2??i2).max)/2:void 0,"aria-valuetext":this.calculable?`${m2((u2??i2).min)} to ${m2((u2??i2).max)}`:void 0,"aria-disabled":this.disabled?"true":void 0,"data-domain":`${i2.min}..${i2.max}`,"data-range":u2?`${u2.min}..${u2.max}`:"full",onKeyDown:this.onKeyDown},t("svg",{class:"sy-visual-map__svg",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},t("defs",null,t("linearGradient",{id:this.gradientId,x1:"0",y1:s2?"0":"1",x2:s2?"1":"0",y2:"0"},e2.map((s3=>t("stop",{offset:s3.t,"stop-color":s3.color}))))),t("rect",{class:"sy-visual-map__bar",x:s2?l2:R,y:s2?R:l2,width:s2?r2-l2:h2,height:s2?h2:r2-l2,rx:3,fill:`url(#${this.gradientId})`}),u2?w2("min",n2.start,c2):null,u2?w2("max",d2,n2.end):null,this.showLabels?z2("min",v2):null,this.showLabels?z2("max",y2):null,o2?this.renderSizeTicks(i2,o2,n2,h2,s2,m2):null,this.calculable?t("g",{class:"sy-visual-map__range"},t("rect",{class:"sy-visual-map__window",x:s2?S2:R,y:s2?R:S2,width:s2?Math.max(1,M2-S2):h2,height:s2?h2:Math.max(1,M2-S2),style:{cursor:b2},onPointerDown:s3=>this.onPartPointerDown("window",s3),onPointerMove:this.onPartPointerMove,onPointerUp:this.onPartPointerUp,onPointerCancel:this.onPartPointerCancel}),C2("min",c2),C2("max",d2),!this.showLabels||!u2||null===this.dragging&&k(u2,i2)?null:t("g",{class:"sy-visual-map__handle-labels"},Math.abs(c2-n2.start)>=1?P2("min",c2,u2.min):null,Math.abs(d2-n2.end)>=1?P2("max",d2,u2.max):null)):null))}static get watchers(){return{for:[{onTargetChange:0}],target:[{onTargetChange:0}],dimension:[{onDimensionChange:0}],sizeRange:[{onSizeChange:0}],sizeDimension:[{onSizeChange:0}],outOfRangeSize:[{onSizeChange:0}],range:[{onRangeProp:0}],selected:[{onSelectedProp:0}],min:[{onDomainChange:0}],max:[{onDomainChange:0}],pieces:[{onPiecesChange:0}],categories:[{onPiecesChange:0}],splitNumber:[{onPiecesChange:0}],type:[{onPiecesChange:0}]}}static get style(){return'.sy-visual-map{vertical-align:top;border-radius:4px;overflow:visible}.sy-visual-map:focus-visible{outline:2px solid var(--sy-visual-map-accent, #2563eb);outline-offset:2px}.sy-visual-map__svg{display:block;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none}.sy-visual-map__bar{stroke:var(--sy-visual-map-border, #e2e8f0)}.sy-visual-map__mask{fill:var(--sy-visual-map-mask, rgba(255, 255, 255, 0.72));pointer-events:none}.sy-visual-map__window{fill:rgba(0,0,0,0);stroke:none}.sy-visual-map__handle{fill:var(--sy-visual-map-accent, #2563eb)}.sy-visual-map__handle-hit{fill:rgba(0,0,0,0);stroke:none}.sy-visual-map__handle-grip{fill:none;stroke:var(--sy-visual-map-grip, rgba(255, 255, 255, 0.85));stroke-width:1;pointer-events:none}.sy-visual-map__handle-group:hover .sy-visual-map__handle,.sy-visual-map--dragging-handle-min .sy-visual-map__handle-group[data-edge=min] .sy-visual-map__handle,.sy-visual-map--dragging-handle-max .sy-visual-map__handle-group[data-edge=max] .sy-visual-map__handle{fill:var(--sy-visual-map-accent-hover, #1d4ed8)}.sy-visual-map--dragging-window .sy-visual-map__svg{cursor:grabbing}.sy-visual-map--dragging-handle-min .sy-visual-map__svg,.sy-visual-map--dragging-handle-max .sy-visual-map__svg{cursor:ew-resize}.sy-visual-map--vertical.sy-visual-map--dragging-handle-min .sy-visual-map__svg,.sy-visual-map--vertical.sy-visual-map--dragging-handle-max .sy-visual-map__svg{cursor:ns-resize}.sy-visual-map__label{fill:var(--sy-visual-map-label, #475569);font:11px/1 var(--font-family, system-ui, -apple-system, "Segoe UI", sans-serif);pointer-events:none}.sy-visual-map__label--handle{paint-order:stroke;stroke:var(--sy-visual-map-label-halo, rgba(255, 255, 255, 0.9));stroke-width:3px;stroke-linejoin:round}.sy-visual-map--disabled .sy-visual-map__svg{opacity:.6}.sy-visual-map__pieces{display:flex;gap:4px 12px;align-items:flex-start}.sy-visual-map__pieces--horizontal{flex-direction:row;flex-wrap:wrap}.sy-visual-map__pieces--vertical{flex-direction:column}.sy-visual-map__piece{display:inline-flex;align-items:center;gap:6px;margin:0;padding:2px 4px;border:0;border-radius:4px;background:rgba(0,0,0,0);color:var(--sy-visual-map-label, #475569);font:12px/1.2 var(--font-family, system-ui, -apple-system, "Segoe UI", sans-serif);cursor:pointer}.sy-visual-map__piece:hover{background:var(--sy-visual-map-piece-hover, rgba(37, 99, 235, 0.08))}.sy-visual-map__piece:focus-visible{outline:2px solid var(--sy-visual-map-accent, #2563eb);outline-offset:1px}.sy-visual-map__piece:disabled{cursor:default;opacity:.6}.sy-visual-map__piece-swatch{display:inline-block;flex:none;border:1px solid var(--sy-visual-map-border, #e2e8f0);border-radius:3px}.sy-visual-map__size-circle{stroke:var(--sy-visual-map-border, #e2e8f0);stroke-width:.5}.sy-visual-map__size-label{font-size:10px}.sy-visual-map__piece-swatch--sized{border-radius:50%}.sy-visual-map__piece--unselected .sy-visual-map__piece-label{color:var(--sy-visual-map-label-muted, #5b6b80);text-decoration:line-through}'}},[512,"sy-visual-map",{type:[1],min:[2],max:[2],for:[1],target:[16],dimension:[1],sizeRange:[1,"size-range"],sizeDimension:[1,"size-dimension"],outOfRangeSize:[2,"out-of-range-size"],pieces:[1],splitNumber:[2,"split-number"],categories:[1],selectedMode:[1,"selected-mode"],selected:[16],itemWidth:[2,"item-width"],itemHeight:[2,"item-height"],color:[1],outOfRangeColor:[1,"out-of-range-color"],orientation:[1],width:[2],height:[2],calculable:[4],range:[16],precision:[2],format:[16],text:[1],showLabels:[4,"show-labels"],stepFraction:[2,"step-fraction"],minRangePx:[2,"min-range-px"],realtime:[4],disabled:[4],selectedRange:[32],dragging:[32],pieceSelected:[32],autoExtent:[32],refresh:[64],setRange:[64],getRange:[64],setSelected:[64],getSelected:[64],togglePiece:[64],getSpec:[64],colorAt:[64]},void 0,{for:[{onTargetChange:0}],target:[{onTargetChange:0}],dimension:[{onDimensionChange:0}],sizeRange:[{onSizeChange:0}],sizeDimension:[{onSizeChange:0}],outOfRangeSize:[{onSizeChange:0}],range:[{onRangeProp:0}],selected:[{onSelectedProp:0}],min:[{onDomainChange:0}],max:[{onDomainChange:0}],pieces:[{onPiecesChange:0}],categories:[{onPiecesChange:0}],splitNumber:[{onPiecesChange:0}],type:[{onPiecesChange:0}]}]);function N(){"undefined"!=typeof customElements&&["sy-visual-map"].forEach((s2=>{"sy-visual-map"===s2&&(customElements.get(n(s2))||customElements.define(n(s2),D))}))}N();const O=D,T=N;export{O as SyVisualMap,T as defineCustomElement};

package/dist/components/sy-wafer-correlation.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyWaferCorrelation extends Components.SyWaferCorrelation, HTMLElement {
+}
+export const SyWaferCorrelation: {
+    prototype: SyWaferCorrelation;
+    new (): SyWaferCorrelation;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-wafer-correlation.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as r,h as s,d as i,t as a}from"./p-BPmwlQtL.js";import{c as o}from"./p-DaxJ0D3O.js";import{r as n}from"./p-BXmzh2Uk.js";import{d as c}from"./p-DC8q69mD.js";const l=e(class e2 extends t{constructor(e3){super(),false!==e3&&this.__registerHost(),this.rendered=r(this,"rendered",7)}get host(){return this}width=520;height=540;brandLogo;brandPosition="bottom-right";wafersA;wafersB;metric="fail-rate";passBin=1;labelA="A";labelB="B";diameter=300;edgeExclusion=3;indicator="notch";orientation="down";dieWidth=10;dieHeight=10;scribeX=.2;scribeY=.2;showPartial=true;colorAxis;showStats=true;chartTitle;chartSubtitle;rendered;async getCorrelationSummary(){const{values:e3,...t2}=this.correlationResult();return t2}correlationResult(){return(function(e3,t2,r2={}){const s2="mean-value"===r2.metric?"mean-value":"fail-rate",i2=o(e3,{metric:s2,passBin:r2.passBin}),a2=o(t2,{metric:s2,passBin:r2.passBin}),n2=new Map(i2.values.map((e4=>[`${e4.col},${e4.row}`,e4.value]))),c2=[],l2=[],h2=[];let d2=0,f2=0,m=0,p=0;for(const e4 of a2.values){const t3=n2.get(`${e4.col},${e4.row}`);if(void 0===t3)continue;const r3=e4.value,s3=r3-t3;c2.push({col:e4.col,row:e4.row,value:s3}),l2.push(t3),h2.push(r3),d2+=s3;const i3=Math.abs(s3);i3>f2&&(f2=i3),s3>0?m+=1:s3<0&&(p+=1)}const w=c2.length;let b=0;if(w>1){const e4=l2.reduce(((e5,t4)=>e5+t4),0)/w,t3=h2.reduce(((e5,t4)=>e5+t4),0)/w;let r3=0,s3=0,i3=0;for(let a3=0;a3<w;a3+=1){const o2=l2[a3]-e4,n3=h2[a3]-t3;r3+=o2*n3,s3+=o2*o2,i3+=n3*n3}b=s3>0&&i3>0?r3/Math.sqrt(s3*i3):0}return{values:c2,metric:s2,waferCountA:i2.waferCount,waferCountB:a2.waferCount,cellsCompared:w,meanDelta:w>0?d2/w:0,maxAbsDelta:f2,worseCells:m,betterCells:p,correlation:b}})(this.wafersA,this.wafersB,{metric:this.metric,passBin:this.passBin})}effectiveColorAxis(e3){if(void 0!==this.colorAxis)return this.colorAxis;const t2=e3.maxAbsDelta>0?e3.maxAbsDelta:1;return{scheme:"rdbu",center:0,min:-t2,max:t2,reverse:true}}static formatR(e3){return""+Math.round(100*e3)/100}defaultSubtitle(t2){const r2=t2.meanDelta>0?"+":"",s2=Math.round(1e3*t2.meanDelta)/1e3;return`${this.labelB} − ${this.labelA} (${t2.metric}) · r ${e2.formatR(t2.correlation)} · mean Δ ${r2}${s2} · ${t2.worseCells} worse / ${t2.betterCells} better`}render(){const t2=this.correlationResult();return s(i,{key:"72462c108054423afd9503571275cc0a6c5ff8dd","data-sy-brand-host":"chart"},s("div",{key:"2615ac55efe2946498d8fd75b441f2c1facd8b78",class:"sy-wafer-correlation",role:"group","aria-roledescription":"Wafer correlation","aria-label":`Lot correlation ${this.labelB} minus ${this.labelA}: ${t2.cellsCompared} common dies, r ${e2.formatR(t2.correlation)}, ${t2.worseCells} worse, ${t2.betterCells} better.`,"data-cells-compared":t2.cellsCompared+"","data-correlation":t2.correlation.toFixed(4),"data-worse-cells":t2.worseCells+"","data-better-cells":t2.betterCells+""},s("sy-wafer-map",{key:"fd78d5222d82023a5ced49ca1fba3eec239b3e79",width:this.width,height:this.height,mode:"value",values:t2.values,colorAxis:this.effectiveColorAxis(t2),showStats:this.showStats,diameter:this.diameter,edgeExclusion:this.edgeExclusion,indicator:this.indicator,orientation:this.orientation,dieWidth:this.dieWidth,dieHeight:this.dieHeight,scribeX:this.scribeX,scribeY:this.scribeY,showPartial:this.showPartial,chartTitle:this.chartTitle??"Lot correlation",chartSubtitle:this.chartSubtitle??this.defaultSubtitle(t2),onRendered:e3=>{this.rendered.emit(e3.detail)}})),n(this.host,this.brandLogo,{width:this.width,height:this.height}))}static get style(){return".sc-sy-wafer-correlation-h{display:inline-block;position:relative}.sy-wafer-map__underlay.sc-sy-wafer-correlation,.sy-wafer-map__surface.sc-sy-wafer-correlation,.sy-wafer-map__overlay.sc-sy-wafer-correlation{display:block}.sy-wafer-map__title.sc-sy-wafer-correlation{fill:#0f172a}.sy-wafer-map.sc-sy-wafer-correlation:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.sy-wafer-map__sr-only.sc-sy-wafer-correlation{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-wafer-correlation{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-wafer-correlation{fill:#64748b}"}},[514,"sy-wafer-correlation",{width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],wafersA:[1040],wafersB:[1040],metric:[1],passBin:[8,"pass-bin"],labelA:[1,"label-a"],labelB:[1,"label-b"],diameter:[2],edgeExclusion:[2,"edge-exclusion"],indicator:[1],orientation:[1],dieWidth:[2,"die-width"],dieHeight:[2,"die-height"],scribeX:[2,"scribe-x"],scribeY:[2,"scribe-y"],showPartial:[4,"show-partial"],colorAxis:[8,"color-axis"],showStats:[4,"show-stats"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],getCorrelationSummary:[64]}]);function h(){"undefined"!=typeof customElements&&["sy-wafer-correlation","sy-wafer-map"].forEach((e3=>{switch(e3){case"sy-wafer-correlation":customElements.get(a(e3))||customElements.define(a(e3),l);break;case"sy-wafer-map":customElements.get(a(e3))||c()}}))}h();const d=l,f=h;export{d as SyWaferCorrelation,f as defineCustomElement};

package/dist/components/sy-wafer-map.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyWaferMap extends Components.SyWaferMap, HTMLElement {
+}
+export const SyWaferMap: {
+    prototype: SyWaferMap;
+    new (): SyWaferMap;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-wafer-map.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-DC8q69mD.js";const m=o,p=s;export{m as SyWaferMap,p as defineCustomElement};

package/dist/components/sy-wafer-stack.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyWaferStack extends Components.SyWaferStack, HTMLElement {
+}
+export const SyWaferStack: {
+    prototype: SyWaferStack;
+    new (): SyWaferStack;
+};
+export const defineCustomElement: () => void;

package/dist/components/sy-wafer-stack.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as s,h as a,d as i,t as r}from"./p-BPmwlQtL.js";import{c as o}from"./p-DaxJ0D3O.js";import{r as c}from"./p-BXmzh2Uk.js";import{d as h}from"./p-DC8q69mD.js";const d=t(class extends e{constructor(t2){super(),false!==t2&&this.__registerHost(),this.rendered=s(this,"rendered",7)}get host(){return this}width=520;height=540;brandLogo;brandPosition="bottom-right";wafers;metric="fail-count";passBin=1;repeatThreshold;diameter=300;edgeExclusion=3;indicator="notch";orientation="down";dieWidth=10;dieHeight=10;scribeX=.2;scribeY=.2;showPartial=true;colorAxis;showStats=true;chartTitle;chartSubtitle;rendered;async getStackSummary(){const{values:t2,...e2}=this.stackResult();return{...e2,systematicCells:e2.systematicCells.map((t3=>({...t3})))}}stackResult(){return o(this.wafers,{metric:this.metric,passBin:this.passBin,repeatThreshold:this.repeatThreshold})}effectiveColorAxis(t2){return void 0!==this.colorAxis?this.colorAxis:"fail-count"===t2.metric?{min:0,max:Math.max(1,t2.waferCount),scheme:"reds"}:"fail-rate"===t2.metric?{min:0,max:1,scheme:"reds"}:"auto"}defaultSubtitle(t2){return`${"fail-count"===t2.metric?`per-die fails across ${t2.waferCount} wafers`:"fail-rate"===t2.metric?`per-die fail rate across ${t2.waferCount} wafers`:`per-die mean value across ${t2.waferCount} wafers`} · ${t2.systematicCells.length} systematic (≥${t2.repeatThreshold})`}render(){const t2=this.stackResult();return a(i,{key:"233ae7d9d791e59a56519ca0858db1f91822e7da","data-sy-brand-host":"chart"},a("div",{key:"64baf3f3e73597b77c77bfca9955b31716216c86",class:"sy-wafer-stack",role:"group","aria-roledescription":"Wafer stack","aria-label":`Wafer stack: ${t2.waferCount} wafers aggregated by ${t2.metric}, ${t2.systematicCells.length} systematic die positions (threshold ${t2.repeatThreshold}).`,"data-wafer-count":t2.waferCount+"","data-max-fail":t2.maxFail+"","data-systematic-count":t2.systematicCells.length+""},a("sy-wafer-map",{key:"bc2c73bcbe708a5477d75bbfb70fcaff4a8a9f61",width:this.width,height:this.height,mode:"value",values:t2.values,colorAxis:this.effectiveColorAxis(t2),showStats:this.showStats,diameter:this.diameter,edgeExclusion:this.edgeExclusion,indicator:this.indicator,orientation:this.orientation,dieWidth:this.dieWidth,dieHeight:this.dieHeight,scribeX:this.scribeX,scribeY:this.scribeY,showPartial:this.showPartial,chartTitle:this.chartTitle??"Wafer stack",chartSubtitle:this.chartSubtitle??this.defaultSubtitle(t2),onRendered:t3=>{this.rendered.emit(t3.detail)}})),c(this.host,this.brandLogo,{width:this.width,height:this.height}))}static get style(){return".sc-sy-wafer-stack-h{display:inline-block;position:relative}.sy-wafer-map__underlay.sc-sy-wafer-stack,.sy-wafer-map__surface.sc-sy-wafer-stack,.sy-wafer-map__overlay.sc-sy-wafer-stack{display:block}.sy-wafer-map__title.sc-sy-wafer-stack{fill:#0f172a}.sy-wafer-map.sc-sy-wafer-stack:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.sy-wafer-map__sr-only.sc-sy-wafer-stack{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-wafer-stack{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-wafer-stack{fill:#64748b}"}},[514,"sy-wafer-stack",{width:[2],height:[2],brandLogo:[1,"brand-logo"],brandPosition:[513,"brand-position"],wafers:[1040],metric:[1],passBin:[8,"pass-bin"],repeatThreshold:[2,"repeat-threshold"],diameter:[2],edgeExclusion:[2,"edge-exclusion"],indicator:[1],orientation:[1],dieWidth:[2,"die-width"],dieHeight:[2,"die-height"],scribeX:[2,"scribe-x"],scribeY:[2,"scribe-y"],showPartial:[4,"show-partial"],colorAxis:[8,"color-axis"],showStats:[4,"show-stats"],chartTitle:[1,"chart-title"],chartSubtitle:[1,"chart-subtitle"],getStackSummary:[64]}]);function n(){"undefined"!=typeof customElements&&["sy-wafer-stack","sy-wafer-map"].forEach((t2=>{switch(t2){case"sy-wafer-stack":customElements.get(r(t2))||customElements.define(r(t2),d);break;case"sy-wafer-map":customElements.get(r(t2))||h()}}))}n();const l=d,f=n;export{l as SyWaferStack,f as defineCustomElement};

package/dist/components/sy-word-cloud.d.ts

@@ -0,0 +1,8 @@
+import type { Components, JSX } from "../types/components";
+interface SyWordCloud extends Components.SyWordCloud, HTMLElement {
+}
+export const SyWordCloud: {
+    prototype: SyWordCloud;
+    new (): SyWordCloud;
+};
+export const defineCustomElement: () => void;