@marimo-team/frontend 0.9.21-dev9 → 0.9.22-dev9

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

@@ -1 +0,0 @@
-import{ah as e,ai as t,D as n,aj as a,K as r,a6 as i,G as o,ak as s,al as c,am as l,an as u,ao as m,ap as p,aq as d,ar as f,as as h,at as g,au as y}from"./index-TSVrrDaL.js";import{M as v,a as k}from"./VegaLite-C4O9xdb2.js";import"./time-QBuz3r16.js";import"./timer-CK-RIWfW.js";import"./linear-ClM8-35P.js";import"./init-DLRA0X12.js";import"./range-CtcPcB_L.js";import"./zoom-COrs4lFh.js";import"./ordinal-DDUp3AbE.js";import"./colors-bszWmPJw.js";import"./arc-lt4NHaVr.js";import"./step-CNn2V7Th.js";import"./index-g3g0dkfw.js";const x={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 v?"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 j=new Set(["color","fill","fillOpacity","opacity","shape","size"]);function w(e,t,n,a){const r={and:n.map((e=>({param:e})))};if("opacity"===e){const e=x.getOpacity(a)||1;return{...t,opacity:{condition:{test:r,value:e},value:e/5}}}return t}const b={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")))},S={highlight:()=>({name:b.HIGHLIGHT,select:{type:"point",on:"mouseover"}}),interval:(e,t)=>({name:b.interval(t),select:{type:"interval",encodings:_(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:b.point(t),select:{type:"point",encodings:_(e),on:"click[!event.metaKey]"}}),legend:e=>({name:b.legendSelection(e),select:{type:"point",fields:[e]},bind:"legend"}),panZoom:()=>({name:b.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 _(e){switch(x.getMarkType(e.mark)){case v.image:case v.trail:return;case v.area:case v.arc:return["color"];case v.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 v.circle:case v.geoshape:case v.line:case v.point:case v.rect:case v.rule:case v.square:case v.text:case v.tick:return["x","y"]}}function M(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(M))]:[]}function P(e,t){const{chartSelection:n=!0,fieldSelection:a=!0}=t;if(!n&&!a)return e;if("vconcat"in e){const t=e.vconcat.map((e=>"mark"in e?K(e):e));return{...e,vconcat:t}}if("hconcat"in e){const t=e.hconcat.map((e=>"mark"in e?K(e):e));return{...e,hconcat:t}}if("layer"in e){const t=e.layer.map(((e,t)=>{if(!("mark"in e))return e;let a=e;return a=O(a,n,t),a=K(a),0===t&&(a=N(a)),a}));return{...e,layer:t}}if(!("mark"in e))return e;let r=e;return r=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&&j.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=>S.legend(e))),r=[...e.params||[],...a];return{...e,params:r}}(r,a),r=O(r,n,void 0),r=K(r),r=N(r),r}function O(e,t,n){if(!1===t)return e;let a;try{a=x.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?S.interval(e,n):S.point(e,n))),o=[...e.params||[],...i];return{...e,params:o}}function N(e){let t;try{t=x.getMarkType(e.mark)}catch{}if("geoshape"===t)return e;const n=e.params||[];return n.some((e=>"scales"===e.bind))?e:{...e,params:[...n,S.panZoom()]}}function K(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"===x.getMarkType(e.mark)?e:{...e,mark:x.makeClickable(e.mark),encoding:w("opacity",t||{},a,e.mark)}}const z=i=>{const o=n(11),{value:s,setValue:c,chartSelection:l,fieldSelection:u,spec:m}=i;let p,f;o[0]!==m?(p=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}}(m),f=[m],o[0]=m,o[1]=p,o[2]=f):(p=o[1],f=o[2]);const{data:h,error:g}=a(p,f);if(g){let e;return o[3]!==g?(e=r.jsx(d,{error:g}),o[3]=g,o[4]=e):e=o[4],e}if(!h)return null;let y;return o[5]!==s||o[6]!==c||o[7]!==l||o[8]!==u||o[9]!==h?(y=r.jsx(V,{value:s,setValue:c,chartSelection:l,fieldSelection:u,spec:h}),o[5]=s,o[6]=c,o[7]=l,o[8]=u,o[9]=h,o[10]=y):y=o[10],y},V=({value:t,setValue:n,chartSelection:a,fieldSelection:d,spec:v})=>{const{theme:x}=i(),j=o.useRef(),[w,S]=o.useState(),_=o.useMemo((()=>P(function(t){return t.data&&"url"in t.data&&(t.data.url=e(t.data.url).href),t}(v),{chartSelection:a,fieldSelection:d})),[s(v),a,d]),O=o.useMemo((()=>M(_)),[_]),N=c((e=>{n({...t,...e})})),K=o.useMemo((()=>O.reduce(((e,t)=>(b.PAN_ZOOM===t||(e[t]=l(((e,t)=>{f.debug("[Vega signal]",e,t),N({[e]:h.mapValues(t,I)})}),100)),e)),{})),[s(O),n]),z=c((e=>{f.error(e),f.debug(_),S(e)})),V=c((e=>{f.debug("[Vega view] created",e),j.current=e,S(void 0)}));return r.jsxs(r.Fragment,{children:[w&&r.jsxs(u,{variant:"destructive",children:[r.jsx(m,{children:w.message}),r.jsx("div",{className:"text-md",children:w.stack})]}),r.jsxs("div",{className:"relative",onPointerDown:p.stopPropagation(),children:[r.jsx(k,{spec:_,theme:"dark"===x?"dark":void 0,actions:Z,signalListeners:K,onError:z,onNewView:V}),(()=>{const e=[];return b.hasPoint(O)&&e.push(["Point selection","click to select a point; hold shift for multi-select"]),b.hasInterval(O)&&e.push(["Interval selection","click and drag to select an interval"]),b.hasLegend(O)&&e.push(["Legend selection","click to select a legend item; hold shift for multi-select"]),b.hasPanZoom(O)&&e.push(["Pan","hold the meta key and drag"],["Zoom","hold the meta key and scroll"]),0===e.length?null:r.jsx(g,{delayDuration:300,side:"left",content:r.jsx("div",{className:"text-xs flex flex-col",children:e.map(((e,t)=>r.jsxs("div",{children:[r.jsxs("span",{className:"font-bold tracking-wide",children:[e[0],":"]})," ",e[1]]},t)))}),children:r.jsx(y,{className:"absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground"})})})()]})]})},Z={source:!1,compiled:!1};function I(e){return e instanceof Set?[...e]:e}export{z as default};