@darajs/components 1.0.0-a.1

package/dist/common/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../js/common/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,gBAAgB,EAGhB,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAWnC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AAE3C;;;;;GAKG;AACH,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,KAAC,aAAa,eACD,GAAG,EACZ,OAAO,EACH,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,OAAO,CACV,CAAC,CAAC,CAAC,CACA,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,IAAO,WAAY,OAA6B,CAAC,IAAI,EAAE,CAAI,CAClG,EAEL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,YAGtB,KAAC,KAAK,oBAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAI,GAC1B,CACnB,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/common/types.d.ts

@@ -0,0 +1,26 @@
+import { Action, ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
+export interface ComponentItem {
+    component: ComponentInstance;
+    subtitle?: string;
+    title: string;
+}
+export declare enum BreakpointsTypes {
+    lg = "lg",
+    md = "md",
+    sm = "sm",
+    xl = "xl",
+    xs = "xs"
+}
+export type Breakpoints = Record<BreakpointsTypes, number>;
+/**
+ * Interactive Form Component props
+ */
+export interface FormComponentProps extends StyledComponentProps {
+    /** id representing key to updte in the form if component value changes. */
+    id?: string;
+    /** Action triggered when the component value has changed. */
+    onchange?: Action;
+    /** The value Variable to display and update */
+    value?: Variable<any>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/common/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../js/common/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEzF,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,gBAAgB;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACZ;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC5D,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CACzB"}

package/dist/common/types.js

@@ -0,0 +1,9 @@
+export var BreakpointsTypes;
+(function (BreakpointsTypes) {
+    BreakpointsTypes["lg"] = "lg";
+    BreakpointsTypes["md"] = "md";
+    BreakpointsTypes["sm"] = "sm";
+    BreakpointsTypes["xl"] = "xl";
+    BreakpointsTypes["xs"] = "xs";
+})(BreakpointsTypes || (BreakpointsTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../js/common/types.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IACxB,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACb,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B"}

package/dist/graphs/causal-graph-viewer.d.ts

@@ -0,0 +1,50 @@
+import { ComponentProps } from 'react';
+import { Action, StyledComponentProps, Variable } from '@darajs/core';
+import { CausalGraph, EditorMode, CausalGraphViewer as UICausalGraphViewer, ZoomThresholds } from '@darajs/ui-causal-graph-editor';
+import { GraphLayoutDefinition } from './graph-layout';
+export interface CausalGraphViewerProps extends StyledComponentProps {
+    /** Optional additional legends to show */
+    additional_legends?: ComponentProps<typeof UICausalGraphViewer>['additionalLegends'];
+    /** Whether to allow node/edge selection even when editable = false */
+    allow_selection_when_not_editable?: boolean;
+    /** All available inputs; used to check which nodes are latent */
+    available_inputs?: string[];
+    /** The graph data to render */
+    causal_graph: Variable<CausalGraph> | CausalGraph;
+    /** Flag for disabling edge addition */
+    disable_edge_add?: boolean;
+    /** Flag for disabling latent node addition */
+    disable_latent_node_add?: boolean;
+    /** Flag for disabling node removal */
+    disable_node_removal?: boolean;
+    /** Allow editing */
+    editable?: boolean;
+    /** Graph viewer mode */
+    editor_mode: EditorMode;
+    /** Graph layout definition object */
+    graph_layout: GraphLayoutDefinition;
+    /** Array of node names that cannot be removed */
+    non_removable_nodes?: Array<string>;
+    /** Action def for clicking on an edge in the graph */
+    on_click_edge?: Action;
+    /** Action def for clicking on a node in the graph */
+    on_click_node?: Action;
+    /** Action def for any updates to the graph */
+    on_update?: Action;
+    /** Optional parameter to force a tooltip to use a particular font size */
+    tooltip_size?: number;
+    /** Whether to show verbose descriptions in the editor frame */
+    verbose_descriptions?: boolean;
+    /** Optional user-defined zoom thresholds to use instead of defaults */
+    zoom_thresholds?: ZoomThresholds;
+}
+/**
+ * A simple wrapper around the UICausalGraphViewer that calls into the Causalnet Extension to get the causal graph
+ * and display it
+ *
+ * @param props the component props
+ * @returns
+ */
+declare function CausalGraphViewer(props: CausalGraphViewerProps): JSX.Element;
+export default CausalGraphViewer;
+//# sourceMappingURL=causal-graph-viewer.d.ts.map

package/dist/graphs/causal-graph-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"causal-graph-viewer.d.ts","sourceRoot":"","sources":["../../js/graphs/causal-graph-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAEhD,OAAO,EACH,MAAM,EAEN,oBAAoB,EACpB,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EACH,WAAW,EACX,UAAU,EACV,iBAAiB,IAAI,mBAAmB,EACxC,cAAc,EACjB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAyB,MAAM,gBAAgB,CAAC;AAE9E,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAChE,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACrF,sEAAsE;IACtE,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,+BAA+B;IAC/B,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC;IAClD,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,WAAW,EAAE,UAAU,CAAC;IACxB,qCAAqC;IACrC,YAAY,EAAE,qBAAqB,CAAC;IACpC,iDAAiD;IACjD,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,eAAe,CAAC,EAAE,cAAc,CAAC;CACpC;AAID;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA4CrE;AAED,eAAe,iBAAiB,CAAC"}

package/dist/graphs/causal-graph-viewer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Notifications, injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
+import { CausalGraphViewer as UICausalGraphViewer, } from '@darajs/ui-causal-graph-editor';
+import { parseLayoutDefinition } from './graph-layout';
+const StyledGraphViewer = injectCss(UICausalGraphViewer);
+/**
+ * A simple wrapper around the UICausalGraphViewer that calls into the Causalnet Extension to get the causal graph
+ * and display it
+ *
+ * @param props the component props
+ * @returns
+ */
+function CausalGraphViewer(props) {
+    const { pushNotification } = Notifications.useNotifications();
+    const [style, css] = useComponentStyles(props);
+    const [graphData, setCausalGraphVariable] = useVariable(props.causal_graph);
+    const [onClickNode] = useAction(props.on_click_node);
+    const [onClickEdge] = useAction(props.on_click_edge);
+    const [onUpdate] = useAction(props.on_update);
+    const graphLayout = useMemo(() => parseLayoutDefinition(props.graph_layout), []);
+    const onGraphUpdate = (value) => {
+        setCausalGraphVariable(value);
+        onUpdate(value);
+    };
+    if (!props.causal_graph) {
+        return null;
+    }
+    return (_jsx(StyledGraphViewer, { "$rawCss": css, additionalLegends: props.additional_legends, allowSelectionWhenNotEditable: props.allow_selection_when_not_editable, availableInputs: props.available_inputs, disableEdgeAdd: props.disable_edge_add, disableLatentNodeAdd: props.disable_latent_node_add, disableNodeRemoval: props.disable_node_removal, editable: props.editable, editorMode: props.editor_mode, graphData: graphData, graphLayout: graphLayout, nonRemovableNodes: props.non_removable_nodes, onClickEdge: onClickEdge, onClickNode: onClickNode, onNotify: pushNotification, onUpdate: onGraphUpdate, style: style, tooltipSize: props.tooltip_size, verboseDescriptions: props.verbose_descriptions, zoomThresholds: props.zoom_thresholds }));
+}
+export default CausalGraphViewer;
+//# sourceMappingURL=causal-graph-viewer.js.map

package/dist/graphs/causal-graph-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"causal-graph-viewer.js","sourceRoot":"","sources":["../../js/graphs/causal-graph-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAEH,aAAa,EAGb,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAGH,iBAAiB,IAAI,mBAAmB,GAE3C,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAyB,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAuC9E,MAAM,iBAAiB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAEzD;;;;;;GAMG;AACH,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,CAAC,SAAS,EAAE,sBAAsB,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjF,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAQ,EAAE;QAC/C,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;QACrB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,KAAC,iBAAiB,eACL,GAAG,EACZ,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,EAC3C,6BAA6B,EAAE,KAAK,CAAC,iCAAiC,EACtE,eAAe,EAAE,KAAK,CAAC,gBAAgB,EACvC,cAAc,EAAE,KAAK,CAAC,gBAAgB,EACtC,oBAAoB,EAAE,KAAK,CAAC,uBAAuB,EACnD,kBAAkB,EAAE,KAAK,CAAC,oBAAoB,EAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,WAAW,EAC7B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,KAAK,CAAC,mBAAmB,EAC5C,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,CAAC,YAAY,EAC/B,mBAAmB,EAAE,KAAK,CAAC,oBAAoB,EAC/C,cAAc,EAAE,KAAK,CAAC,eAAe,GACvC,CACL,CAAC;AACN,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/graphs/graph-layout.d.ts

@@ -0,0 +1,60 @@
+import { GraphLayout, MarketingLayout, PlanarLayout } from '@darajs/ui-causal-graph-editor';
+type GraphLayoutType = 'marketing' | 'planar' | 'spring' | 'circular' | 'fcose' | 'force_atlas' | 'custom';
+interface BaseGraphLayoutDefinition {
+    layout_type: GraphLayoutType;
+    node_font_size?: number;
+    node_size?: number;
+}
+interface CircularLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'circular';
+}
+interface CustomLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'custom';
+}
+interface FcoseLayoutDefinition extends BaseGraphLayoutDefinition {
+    edge_elasticity?: number;
+    edge_length?: number;
+    energy?: number;
+    gravity?: number;
+    gravity_range?: number;
+    high_quality?: boolean;
+    iterations?: number;
+    layout_type: 'fcose';
+    node_repulsion?: number;
+    node_separation?: number;
+}
+interface ForceAtlasLayoutDefinition extends BaseGraphLayoutDefinition {
+    barnes_hut_optimize?: boolean;
+    edge_weight_influence?: number;
+    gravity?: number;
+    iterations?: number;
+    layout_type: 'force_atlas';
+    lin_log_mode?: boolean;
+    outbound_attraction_distribution?: boolean;
+    scaling_ratio?: number;
+    strong_gravity_mode?: boolean;
+}
+interface MarketingLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'marketing';
+    target_location?: MarketingLayout['targetLocation'];
+}
+interface PlanarLayoutDefinition extends BaseGraphLayoutDefinition {
+    layout_type: 'planar';
+    orientation?: PlanarLayout['orientation'];
+}
+interface SpringLayoutDefinition extends BaseGraphLayoutDefinition {
+    collision_force?: number;
+    gravity?: number;
+    layout_type: 'spring';
+    link_force?: number;
+    warmup_ticks: number;
+}
+export type GraphLayoutDefinition = CircularLayoutDefinition | CustomLayoutDefinition | FcoseLayoutDefinition | ForceAtlasLayoutDefinition | MarketingLayoutDefinition | PlanarLayoutDefinition | SpringLayoutDefinition;
+/**
+ * Parse a backend graph layout definition into a graph layout understood by the UI component
+ *
+ * @param definition backend layout definition
+ */
+export declare function parseLayoutDefinition(definition: GraphLayoutDefinition): GraphLayout;
+export {};
+//# sourceMappingURL=graph-layout.d.ts.map

package/dist/graphs/graph-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.d.ts","sourceRoot":"","sources":["../../js/graphs/graph-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,WAAW,EACX,eAAe,EACf,YAAY,EAEf,MAAM,gCAAgC,CAAC;AAGxC,KAAK,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAC;AAE3G,UAAU,yBAAyB;IAC/B,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,wBAAyB,SAAQ,yBAAyB;IAChE,WAAW,EAAE,UAAU,CAAC;CAC3B;AAED,UAAU,sBAAuB,SAAQ,yBAAyB;IAC9D,WAAW,EAAE,QAAQ,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,yBAAyB;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,0BAA2B,SAAQ,yBAAyB;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,UAAU,yBAA0B,SAAQ,yBAAyB;IACjE,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED,UAAU,sBAAuB,SAAQ,yBAAyB;IAC9D,WAAW,EAAE,QAAQ,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,sBAAuB,SAAQ,yBAAyB;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAC3B,wBAAwB,GACxB,sBAAsB,GACtB,qBAAqB,GACrB,0BAA0B,GAC1B,yBAAyB,GACzB,sBAAsB,GACtB,sBAAsB,CAAC;AAE7B;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,qBAAqB,GAAG,WAAW,CA4IpF"}

package/dist/graphs/graph-layout.js

@@ -0,0 +1,110 @@
+import { CircularLayout, CustomLayout, FcoseLayout, ForceAtlasLayout, MarketingLayout, PlanarLayout, SpringLayout, } from '@darajs/ui-causal-graph-editor';
+/**
+ * Parse a backend graph layout definition into a graph layout understood by the UI component
+ *
+ * @param definition backend layout definition
+ */
+export function parseLayoutDefinition(definition) {
+    let builder;
+    switch (definition.layout_type) {
+        case 'circular': {
+            builder = CircularLayout.Builder;
+            break;
+        }
+        case 'custom': {
+            builder = CustomLayout.Builder;
+            break;
+        }
+        case 'fcose': {
+            builder = FcoseLayout.Builder;
+            if (definition.edge_elasticity) {
+                builder.edgeElasticity(definition.edge_elasticity);
+            }
+            if (definition.edge_length) {
+                builder.edgeLength(definition.edge_length);
+            }
+            if (definition.gravity) {
+                builder.gravity(definition.gravity);
+            }
+            if (definition.gravity_range) {
+                builder.gravityRange(definition.gravity_range);
+            }
+            if (definition.energy) {
+                builder.energy(definition.energy);
+            }
+            if (definition.high_quality) {
+                builder.highQuality(definition.high_quality);
+            }
+            if (definition.iterations) {
+                builder.iterations(definition.iterations);
+            }
+            if (definition.node_repulsion) {
+                builder.nodeRepulsion(definition.node_repulsion);
+            }
+            if (definition.node_separation) {
+                builder.nodeSeparation(definition.node_separation);
+            }
+            break;
+        }
+        case 'force_atlas': {
+            builder = ForceAtlasLayout.Builder;
+            if (definition.barnes_hut_optimize) {
+                builder.barnesHutOptimize(definition.barnes_hut_optimize);
+            }
+            if (definition.edge_weight_influence) {
+                builder.edgeWeightInfluence(definition.edge_weight_influence);
+            }
+            if (definition.gravity) {
+                builder.gravity(definition.gravity);
+            }
+            if (definition.iterations) {
+                builder.iterations(definition.iterations);
+            }
+            if (definition.lin_log_mode) {
+                builder.linLogMode(definition.lin_log_mode);
+            }
+            if (definition.outbound_attraction_distribution) {
+                builder.outboundAttractionDistribution(definition.outbound_attraction_distribution);
+            }
+            if (definition.scaling_ratio) {
+                builder.scalingRatio(definition.scaling_ratio);
+            }
+            if (definition.strong_gravity_mode) {
+                builder.strongGravityMode(definition.strong_gravity_mode);
+            }
+            break;
+        }
+        case 'marketing': {
+            builder = MarketingLayout.Builder;
+            if (definition.target_location) {
+                builder.targetLocation(definition.target_location);
+            }
+            break;
+        }
+        case 'planar': {
+            builder = PlanarLayout.Builder;
+            if (definition.orientation) {
+                builder.orientation(definition.orientation);
+            }
+            break;
+        }
+        case 'spring': {
+            builder = SpringLayout.Builder;
+            if (definition.warmup_ticks) {
+                builder.warmupTicks(definition.warmup_ticks);
+            }
+            break;
+        }
+        default: {
+            throw new Error(`Unrecognised layout type: ${String(definition.layout_type)}`);
+        }
+    }
+    if (definition.node_size) {
+        builder.nodeSize(definition.node_size);
+    }
+    if (definition.node_font_size) {
+        builder.nodeFontSize(definition.node_font_size);
+    }
+    return builder.build();
+}
+//# sourceMappingURL=graph-layout.js.map

package/dist/graphs/graph-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.js","sourceRoot":"","sources":["../../js/graphs/graph-layout.tsx"],"names":[],"mappings":"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"}

package/dist/graphs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CausalGraphViewer } from './causal-graph-viewer';
+export { default as NodeHierarchyBuilder } from './node-hierarchy-builder';
+export { default as VisualEdgeEncoder } from './visual-edge-encoder';
+//# sourceMappingURL=index.d.ts.map

package/dist/graphs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/graphs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/graphs/index.js

@@ -0,0 +1,4 @@
+export { default as CausalGraphViewer } from './causal-graph-viewer';
+export { default as NodeHierarchyBuilder } from './node-hierarchy-builder';
+export { default as VisualEdgeEncoder } from './visual-edge-encoder';
+//# sourceMappingURL=index.js.map

package/dist/graphs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/graphs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/graphs/node-hierarchy-builder.d.ts

@@ -0,0 +1,24 @@
+import { Action, StyledComponentProps, Variable } from '@darajs/core';
+import { Node } from '@darajs/ui-causal-graph-editor';
+type NodeType = Node | string;
+interface NodeHierarchyBuilderProps extends StyledComponentProps {
+    /** Whether the component is in editable mode */
+    editable: boolean;
+    /** Optional font size of node text in pixels */
+    node_font_size?: number;
+    /** Optional diameter of nodes displayed in pixels */
+    node_size?: number;
+    /** List of nodes to display */
+    nodes: Variable<Array<NodeType[]>> | Array<NodeType[]>;
+    /** Optional action to call on all hierarchy changes */
+    on_update?: Action;
+    /** Optional flag whether to wrap the text inside nodes instead of using an ellipsis */
+    wrap_node_text?: boolean;
+}
+/**
+ * The NodeHierarchyBuilder component visually represents node hierarchy in layers, allowing the user
+ * to re-arrange the nodes inside layers, move them between layers and add/delete new layers.
+ */
+declare function NodeHierarchyBuilder(props: NodeHierarchyBuilderProps): JSX.Element;
+export default NodeHierarchyBuilder;
+//# sourceMappingURL=node-hierarchy-builder.d.ts.map

package/dist/graphs/node-hierarchy-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-hierarchy-builder.d.ts","sourceRoot":"","sources":["../../js/graphs/node-hierarchy-builder.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,MAAM,EACN,oBAAoB,EACpB,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAkD,MAAM,gCAAgC,CAAC;AAEtG,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9B,UAAU,yBAA0B,SAAQ,oBAAoB;IAC5D,gDAAgD;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvD,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAiD3E;AAED,eAAe,oBAAoB,CAAC"}

package/dist/graphs/node-hierarchy-builder.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
+import { NodeHierarchyBuilder as UINodeHierarchyBuilder } from '@darajs/ui-causal-graph-editor';
+const StyledHierarchyBuilder = injectCss(UINodeHierarchyBuilder);
+/**
+ * The NodeHierarchyBuilder component visually represents node hierarchy in layers, allowing the user
+ * to re-arrange the nodes inside layers, move them between layers and add/delete new layers.
+ */
+function NodeHierarchyBuilder(props) {
+    const [style, css] = useComponentStyles(props);
+    const mounted = useRef(false);
+    const [nodes, setNodes] = useVariable(props.nodes);
+    const [updateHandler] = useAction(props.on_update);
+    if (mounted.current === false) {
+        /**
+         * On mount check the variable holds a list of lists.
+         * We don't want to coerce the type as that could change the type of the input variable which could be unexpected.
+         *
+         * The Python side does type checking if a raw value is used but it's not possible
+         * to check the value inside the variable - the type checking needs to happen here
+         *
+         * This is using a ref rather than useEffect as we need it to run before passing it to the UI component
+         * as this would cause a 'cryptic' error
+         */
+        if (!(Array.isArray(nodes) &&
+            nodes.every((layer) => Array.isArray(layer) &&
+                layer.every((node) => typeof node === 'string' || typeof node === 'object')))) {
+            throw new Error('NodeHierarchyBuilder expects "nodes" to be a list of lists of strings or Node objects');
+        }
+        mounted.current = true;
+    }
+    function onUpdate(newNodes) {
+        setNodes(newNodes);
+        updateHandler(newNodes);
+    }
+    return (_jsx(StyledHierarchyBuilder, { "$rawCss": css, nodeFontSize: props.node_font_size, nodeSize: props.node_size, nodes: nodes, onUpdate: onUpdate, style: style, viewOnly: !props.editable, wrapNodeText: props.wrap_node_text }));
+}
+export default NodeHierarchyBuilder;
+//# sourceMappingURL=node-hierarchy-builder.js.map

package/dist/graphs/node-hierarchy-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-hierarchy-builder.js","sourceRoot":"","sources":["../../js/graphs/node-hierarchy-builder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIH,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAQ,oBAAoB,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAmBtG,MAAM,sBAAsB,GAAG,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAEjE;;;GAGG;AACH,SAAS,oBAAoB,CAAC,KAAgC;IAC1D,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,IAAI,OAAO,CAAC,OAAO,KAAK,KAAK,EAAE;QAC3B;;;;;;;;;WASG;QACH,IACI,CAAC,CACG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,KAAK,CAAC,KAAK,CACP,CAAC,KAAK,EAAE,EAAE,CACN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBACpB,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAClF,CACJ,EACH;YACE,MAAM,IAAI,KAAK,CAAC,uFAAuF,CAAC,CAAC;SAC5G;QACD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;KAC1B;IAED,SAAS,QAAQ,CAAC,QAAoB;QAClC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACH,KAAC,sBAAsB,eACV,GAAG,EACZ,YAAY,EAAE,KAAK,CAAC,cAAc,EAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,EACzB,YAAY,EAAE,KAAK,CAAC,cAAc,GACpC,CACL,CAAC;AACN,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/graphs/visual-edge-encoder.d.ts

@@ -0,0 +1,32 @@
+import { Action, StyledComponentProps, Variable } from '@darajs/core';
+import { CausalGraphNode, EdgeConstraint, ZoomThresholds } from '@darajs/ui-causal-graph-editor';
+import { GraphLayoutDefinition } from './graph-layout';
+interface VisualEdgeEncoderProps extends StyledComponentProps {
+    /** Whether to allow node/edge selection even when editable = false */
+    allow_selection_when_not_editable?: boolean;
+    /** Allow editing */
+    editable?: boolean;
+    /** Graph layout definition object */
+    graph_layout: GraphLayoutDefinition;
+    /** Edge constraints to show */
+    initial_constraints?: Variable<EdgeConstraint[]> | EdgeConstraint[];
+    /** Available nodes */
+    nodes: Variable<string[] | Record<string, CausalGraphNode>> | string[] | Record<string, CausalGraphNode>;
+    /** Action def for clicking on an edge in the graph */
+    on_click_edge?: Action;
+    /** Action def for clicking on a node in the graph */
+    on_click_node?: Action;
+    /** Handler called whenever constraints are updated */
+    on_update?: Action;
+    /** Optional parameter to force a tooltip to use a particular font size */
+    tooltip_size?: number;
+    /** Optional user-defined zoom thresholds to use instead of defaults */
+    zoom_thresholds?: ZoomThresholds;
+}
+/**
+ * A wrapper using essentially a preset of the high level causal graph editor under the hood,
+ * exposing a similar API to SimpleEdgeEncoder + extra graph editor props which can be modified in this preset
+ */
+declare function VisualEdgeEncoder(props: VisualEdgeEncoderProps): JSX.Element;
+export default VisualEdgeEncoder;
+//# sourceMappingURL=visual-edge-encoder.d.ts.map

package/dist/graphs/visual-edge-encoder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-edge-encoder.d.ts","sourceRoot":"","sources":["../../js/graphs/visual-edge-encoder.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,MAAM,EAEN,oBAAoB,EACpB,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAGH,eAAe,EAEf,cAAc,EAId,cAAc,EACjB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAyB,MAAM,gBAAgB,CAAC;AAE9E,UAAU,sBAAuB,SAAQ,oBAAoB;IACzD,sEAAsE;IACtE,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,YAAY,EAAE,qBAAqB,CAAC;IACpC,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC;IACpE,sBAAsB;IACtB,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACzG,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,eAAe,CAAC,EAAE,cAAc,CAAC;CACpC;AAqDD;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAyDrE;AAED,eAAe,iBAAiB,CAAC"}

package/dist/graphs/visual-edge-encoder.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Notifications, injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
+import { CausalGraphViewer, EdgeConstraintType, EdgeType, EditorMode, } from '@darajs/ui-causal-graph-editor';
+import { parseLayoutDefinition } from './graph-layout';
+const StyledGraphEditor = injectCss(CausalGraphViewer);
+/**
+ * Parse initially defined constraints.
+ * Reverses backward directed edges.
+ *
+ * @param constraints constraints to parse
+ */
+function parseConstraints(constraints) {
+    if (!constraints) {
+        return [];
+    }
+    return constraints.map((c) => {
+        let constraintType = c.type;
+        let { source, target } = c;
+        // Reverse backward edges
+        if (constraintType === EdgeConstraintType.BACKWARD_DIRECTED) {
+            [source, target] = [target, source];
+            constraintType = EdgeConstraintType.DIRECTED;
+        }
+        return Object.assign(Object.assign({}, c), { source,
+            target, type: constraintType });
+    });
+}
+function isNodeList(nodes) {
+    return Array.isArray(nodes);
+}
+/**
+ * Parse nodes provided by user to the uniform format
+ *
+ * @param nodes nodes to parse
+ */
+function parseNodes(nodes) {
+    if (isNodeList(nodes)) {
+        return nodes.reduce((acc, n) => {
+            return Object.assign(Object.assign({}, acc), { [n]: {} });
+        }, {});
+    }
+    return nodes;
+}
+/**
+ * A wrapper using essentially a preset of the high level causal graph editor under the hood,
+ * exposing a similar API to SimpleEdgeEncoder + extra graph editor props which can be modified in this preset
+ */
+function VisualEdgeEncoder(props) {
+    const { pushNotification } = Notifications.useNotifications();
+    const [style, css] = useComponentStyles(props);
+    const [nodes] = useVariable(props.nodes);
+    const parsedNodes = useMemo(() => parseNodes(nodes), [nodes]);
+    const [initialConstraints] = useVariable(props.initial_constraints);
+    const parsedConstraints = useMemo(() => parseConstraints(initialConstraints), [initialConstraints]);
+    const graphLayout = useMemo(() => parseLayoutDefinition(props.graph_layout), []);
+    const [onClickEdge] = useAction(props.on_click_edge);
+    const [onClickNode] = useAction(props.on_click_node);
+    const [onUpdate] = useAction(props.on_update);
+    // Parse provided list of nodes into a graph data object that's understood by the graph editor
+    const graphData = useMemo(() => {
+        return {
+            // If initial constraints are passed, we need to also add edges for each constraint
+            edges: parsedConstraints.reduce((acc, c) => {
+                // Make sure the constraint is fully built - could be i.e. half-built by simple edge encoder
+                if (c.source && c.target) {
+                    if (!(c.source in acc)) {
+                        acc[c.source] = {};
+                    }
+                    acc[c.source][c.target] = {
+                        edge_type: EdgeType.UNDIRECTED_EDGE,
+                        meta: {},
+                    };
+                }
+                return acc;
+            }, {}),
+            nodes: parsedNodes,
+            version: 'none', // doesn't matter as we don't output a whole graph
+        };
+    }, [parsedNodes, parsedConstraints]);
+    return (_jsx(StyledGraphEditor, { "$rawCss": css, allowSelectionWhenNotEditable: props.allow_selection_when_not_editable, editable: props.editable, editorMode: EditorMode.EDGE_ENCODER, graphData: graphData, graphLayout: graphLayout, initialConstraints: parsedConstraints, onClickEdge: onClickEdge, onClickNode: onClickNode, onEdgeConstraintsUpdate: onUpdate, onNotify: pushNotification, style: style, tooltipSize: props.tooltip_size, zoomThresholds: props.zoom_thresholds }));
+}
+export default VisualEdgeEncoder;
+//# sourceMappingURL=visual-edge-encoder.js.map

package/dist/graphs/visual-edge-encoder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-edge-encoder.js","sourceRoot":"","sources":["../../js/graphs/visual-edge-encoder.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export * from './plotting';
+export * from './smart';
+export * from './graphs';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../js/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './common';
+export * from './plotting';
+export * from './smart';
+export * from './graphs';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../js/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/plotting/bokeh/bokeh.d.ts

@@ -0,0 +1,28 @@
+import type * as BokehLib from '@bokeh/bokehjs/build/js/lib';
+import { Action, StyledComponentProps } from '@darajs/core';
+interface BokehProps extends StyledComponentProps {
+    document: string;
+    events?: [string, Action][];
+}
+declare global {
+    interface Window {
+        /**
+         * Bokeh library
+         */
+        Bokeh: typeof BokehLib;
+        /**
+         * Whether Bokeh is currently loading; this is set on window so that multiple Bokeh components
+         * won't try to load Bokeh at the same time
+         */
+        bokehLoading?: boolean;
+    }
+}
+/**
+ * A component for displaying a serialized Bokeh Document. Takes a Bokeh Document that has been serialized
+ * to a JSON string.
+ *
+ * @param {BokehProps} props - the component props
+ */
+declare function Bokeh(props: BokehProps): JSX.Element;
+export default Bokeh;
+//# sourceMappingURL=bokeh.d.ts.map

package/dist/plotting/bokeh/bokeh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bokeh.d.ts","sourceRoot":"","sources":["../../../js/plotting/bokeh/bokeh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,6BAA6B,CAAC;AAI7D,OAAO,EAAE,MAAM,EAAmB,oBAAoB,EAA4C,MAAM,cAAc,CAAC;AAiBvH,UAAU,UAAW,SAAQ,oBAAoB;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC/B;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ;;WAEG;QACH,KAAK,EAAE,OAAO,QAAQ,CAAC;QACvB;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAC;KAC1B;CACJ;AAGD;;;;;GAKG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA+G7C;AAED,eAAe,KAAK,CAAC"}