@marimo-team/frontend 0.11.18-dev8 → 0.11.18

package/dist/assets/vega-component-Cjitp95q.js

@@ -1 +0,0 @@
-import{ao as e,ap as t,aq as n,G as a,ar as r,as as i,P as o,at as s,ac as c,J as l,au as u,av as m,aw as p,ax as d,ay as f,az as h,aA as y,aB as g,aC as v,aD as k,aE as w}from"./index-anQQzJqA.js";import{M as x}from"./compile-CCJD2ugn.js";import{a as j}from"./VegaLite-DEvrmfkU.js";import"./time-CE68AXd0.js";import"./step-xJWGRC3d.js";import"./linear-p0594LS-.js";import"./init-DLRA0X12.js";import"./range-CtcPcB_L.js";import"./ordinal-BcaZTuz9.js";import"./colors-bszWmPJw.js";import"./arc-B5qYPUYs.js";import"./index-CpINN5Jg.js";const b={getMarkType(e){const t="string"==typeof e?e:e.type;if("boxplot"===t||"errorband"===t||"errorbar"===t)throw new Error("Not supported");return t},makeClickable(e){const t="string"==typeof e?e:e.type;return t in x?"string"==typeof e?{type:e,cursor:"pointer",tooltip:!0}:{...e,type:t,cursor:"pointer",tooltip:!0}:e},getOpacity:e=>"string"==typeof e?null:"opacity"in e&&"number"==typeof e.opacity?e.opacity:null};const P=new Set(["color","fill","fillOpacity","opacity","shape","size"]);function S(e,t,n,a){const r={and:n.map((e=>({param:e})))};if("opacity"===e){const e=b.getOpacity(a)||1;return{...t,opacity:{condition:{test:r,value:e},value:e/5}}}return t}const _={point:e=>null==e?"select_point":`select_point_${e}`,interval:e=>null==e?"select_interval":`select_interval_${e}`,legendSelection:e=>`legend_selection_${e}`,HIGHLIGHT:"highlight",PAN_ZOOM:"pan_zoom",hasPoint:e=>e.some((e=>e.startsWith("select_point"))),hasInterval:e=>e.some((e=>e.startsWith("select_interval"))),hasLegend:e=>e.some((e=>e.startsWith("legend_selection"))),hasPanZoom:e=>e.some((e=>e.startsWith("pan_zoom")))},M={highlight:()=>({name:_.HIGHLIGHT,select:{type:"point",on:"mouseover"}}),interval:(e,t)=>({name:_.interval(t),select:{type:"interval",encodings:O(e),mark:{fill:"#669EFF",fillOpacity:.07,stroke:"#669EFF",strokeOpacity:.4},on:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]",translate:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]"}}),point:(e,t)=>({name:_.point(t),select:{type:"point",encodings:O(e),on:"click[!event.metaKey]"}}),legend:e=>({name:_.legendSelection(e),select:{type:"point",fields:[e]},bind:"legend"}),panZoom:()=>({name:_.PAN_ZOOM,bind:"scales",select:{type:"interval",on:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",translate:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",zoom:"wheel![event.metaKey]"}})};function O(e){switch(b.getMarkType(e.mark)){case x.image:case x.trail:return;case x.area:case x.arc:return["color"];case x.bar:{const t=function(e){var t,n;if(!e||!("mark"in e))return;const a=null==(t=e.encoding)?void 0:t.x,r=null==(n=e.encoding)?void 0:n.y;if(a&&"type"in a&&"nominal"===a.type)return"vertical";if(r&&"type"in r&&"nominal"===r.type)return"horizontal";if(a&&"aggregate"in a)return"horizontal";if(r&&"aggregate"in r)return"vertical";return}(e);return"horizontal"===t?["y"]:"vertical"===t?["x"]:void 0}case x.circle:case x.geoshape:case x.line:case x.point:case x.rect:case x.rule:case x.square:case x.text:case x.tick:return["x","y"]}}function A(e){if("params"in e&&e.params&&e.params.length>0){return e.params.filter((e=>null!=e&&("select"in e&&void 0!==e.select))).map((e=>e.name))}return"layer"in e?[...new Set(e.layer.flatMap(A))]:[]}function N(e,t){var n,a;let{chartSelection:r=!0,fieldSelection:i=!0}=t;if(!r&&!i)return e;(null==(n=e.params)?void 0:n.some((e=>"legend"===e.bind)))&&(i=!1);if((null==(a=e.params)?void 0:a.some((e=>!e.bind)))&&(r=!1),"vconcat"in e){const t=e.vconcat.map((e=>"mark"in e?z(e):e));return{...e,vconcat:t}}if("hconcat"in e){const t=e.hconcat.map((e=>"mark"in e?z(e):e));return{...e,hconcat:t}}if("layer"in e){const t=e.layer.map(((e,t)=>{if(!("mark"in e))return e;let n=e;return n=T(n,r,t),n=z(n),0===t&&(n=V(n)),n}));return{...e,layer:t}}if(!("mark"in e))return e;let o=e;return o=function(e,t){if(!1===t)return e;let n=function(e){if(!e||!("encoding"in e))return[];const{encoding:t}=e;return t?Object.entries(t).flatMap((e=>{const[t,n]=e;return n&&P.has(t)?"field"in n&&"string"==typeof n.field?[n.field]:"condition"in n&&n.condition&&"object"==typeof n.condition&&"field"in n.condition&&n.condition.field&&"string"==typeof n.condition.field?[n.condition.field]:[]:[]})):[]}(e);Array.isArray(t)&&(n=n.filter((e=>t.includes(e))));const a=n.map((e=>M.legend(e))),r=[...e.params||[],...a];return{...e,params:r}}(o,i),o=T(o,r,void 0),o=z(o),o=V(o),o}function T(e,t,n){if(!1===t)return e;let a;try{a=b.getMarkType(e.mark)}catch{return e}if("geoshape"===a||"text"===a)return e;const r=!0===t?function(e){switch(e){case"text":case"arc":case"area":return["point"];case"bar":default:return["point","interval"];case"line":return}}(a):[t];if(!r)return e;const i=r.map((t=>"interval"===t?M.interval(e,n):M.point(e,n))),o=[...e.params||[],...i];return{...e,params:o}}function V(e){let t;try{t=b.getMarkType(e.mark)}catch{}if("geoshape"===t)return e;const n=e.params||[];return n.some((e=>"scales"===e.bind))?e:{...e,params:[...n,M.panZoom()]}}function z(e){const t="encoding"in e?e.encoding:void 0,n=e.params||[],a=n.map((e=>e.name));if(0===n.length)return e;return"text"===b.getMarkType(e.mark)?e:{...e,mark:b.makeClickable(e.mark),encoding:S("opacity",t||{},a,e.mark)}}function K(e){return(t=e,(null==t?void 0:t.schema)&&Array.isArray(t.schema.fields)&&"function"==typeof t.toArray?e:function(e){return n(e,{useProxy:!0})}(e)).toArray();var t}K.responseType="arrayBuffer",i("arrow",K);const Z=n=>{const i=a.c(11),{value:c,setValue:l,chartSelection:u,fieldSelection:m,spec:p}=n;let d,f;i[0]!==p?(d=async()=>async function(n){if(!n)return n;const a="datasets"in n?{...n.datasets}:{},r=async n=>{if(!n)return n;if("layer"in n){const e=await Promise.all(n.layer.map(r));n={...n,layer:e}}if("hconcat"in n){const e=await Promise.all(n.hconcat.map(r));n={...n,hconcat:e}}if("vconcat"in n){const e=await Promise.all(n.vconcat.map(r));n={...n,vconcat:e}}if(!n.data)return n;if(!("url"in n.data))return n;let i;try{i=e(n.data.url)}catch{return n}const o=await t(i.href,n.data.format);return a[i.pathname]=o,{...n,data:{name:i.pathname}}},i=await r(n);return 0===Object.keys(a).length?i:{...i,datasets:a}}(p),f=[p],i[0]=p,i[1]=d,i[2]=f):(d=i[1],f=i[2]);const{data:h,error:y}=r(d,f);if(y){let e;return i[3]!==y?(e=o.jsx(s,{error:y}),i[3]=y,i[4]=e):e=i[4],e}if(!h)return null;let g;return i[5]!==u||i[6]!==m||i[7]!==h||i[8]!==l||i[9]!==c?(g=o.jsx(I,{value:c,setValue:l,chartSelection:u,fieldSelection:m,spec:h}),i[5]=u,i[6]=m,i[7]=h,i[8]=l,i[9]=c,i[10]=g):g=i[10],g},I=({value:t,setValue:n,chartSelection:a,fieldSelection:r,spec:i})=>{const{theme:s}=c(),v=l.useRef(),[x,b]=l.useState(),P=u(i),S=l.useMemo((()=>N(function(t){return t.data&&"url"in t.data&&(t.data.url=e(t.data.url).href),t}(P),{chartSelection:a,fieldSelection:r})),[P,a,r]),M=l.useMemo((()=>A(S)),[S]),O=m((e=>{n({...t,...e})})),T=u(M),V=l.useMemo((()=>T.reduce(((e,t)=>(_.PAN_ZOOM===t||(e[t]=p(((e,t)=>{d.debug("[Vega signal]",e,t);let n=f.mapValues(t,D);n=f.mapValues(n,H),O({[e]:n})}),100)),e)),{})),[T,O]),z=m((e=>{d.error(e),d.debug(S),b(e)})),K=m((e=>{d.debug("[Vega view] created",e),v.current=e,b(void 0)}));return o.jsxs(o.Fragment,{children:[x&&o.jsxs(h,{variant:"destructive",children:[o.jsx(y,{children:x.message}),o.jsx("div",{className:"text-md",children:x.stack})]}),o.jsxs("div",{className:"relative",onPointerDown:g.stopPropagation(),children:[o.jsx(j,{spec:S,theme:"dark"===s?"dark":void 0,actions:L,signalListeners:V,onError:z,onNewView:K}),(()=>{const e=[];return _.hasPoint(M)&&e.push(["Point selection","click to select a point; hold shift for multi-select"]),_.hasInterval(M)&&e.push(["Interval selection","click and drag to select an interval"]),_.hasLegend(M)&&e.push(["Legend selection","click to select a legend item; hold shift for multi-select"]),_.hasPanZoom(M)&&e.push(["Pan","hold the meta key and drag"],["Zoom","hold the meta key and scroll"]),0===e.length?null:o.jsx(k,{delayDuration:300,side:"left",content:o.jsx("div",{className:"text-xs flex flex-col",children:e.map(((e,t)=>o.jsxs("div",{children:[o.jsxs("span",{className:"font-bold tracking-wide",children:[e[0],":"]})," ",e[1]]},t)))}),children:o.jsx(w,{className:"absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground"})})})()]})]})},L={source:!1,compiled:!1};function H(e){return e instanceof Set?[...e]:e}function D(e){return Array.isArray(e)?e.map((e=>e instanceof Date&&v(e)?new Date(e).getTime():e)):e}export{Z as default};