@teambit/graph 0.0.881 → 0.0.883

package/dist/ui/dependencies-graph/dep-edge/dep-edge.js.map

@@ -1 +1 @@
-{"version":3,"names":["depTypeToClass","depType","edgeStyles","dev","peer","runtime","undefined","depTypeToLabel","type","EdgeType","toLowerCase"],"sources":["dep-edge.tsx"],"sourcesContent":["import { EdgeType } from '@teambit/graph';\nimport edgeStyles from './edge.module.scss';\n\nexport function depTypeToClass(depType: string) {\n  switch (depType) {\n    case 'DEV':\n      return edgeStyles.dev;\n    case 'PEER':\n      return edgeStyles.peer;\n    case 'RUNTIME':\n      return edgeStyles.runtime;\n    default:\n      return undefined;\n  }\n}\n\nexport function depTypeToLabel(type: EdgeType) {\n  switch (type) {\n    case EdgeType.peer:\n      return 'Peer Dependency';\n    case EdgeType.dev:\n      return 'Development Dependency';\n    case EdgeType.runtime:\n      return 'Dependency';\n    default:\n      return (type as string).toLowerCase();\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,SAASA,cAAT,CAAwBC,OAAxB,EAAyC;EAC9C,QAAQA,OAAR;IACE,KAAK,KAAL;MACE,OAAOC,qBAAA,CAAWC,GAAlB;;IACF,KAAK,MAAL;MACE,OAAOD,qBAAA,CAAWE,IAAlB;;IACF,KAAK,SAAL;MACE,OAAOF,qBAAA,CAAWG,OAAlB;;IACF;MACE,OAAOC,SAAP;EARJ;AAUD;;AAEM,SAASC,cAAT,CAAwBC,IAAxB,EAAwC;EAC7C,QAAQA,IAAR;IACE,KAAKC,iBAAA,CAASL,IAAd;MACE,OAAO,iBAAP;;IACF,KAAKK,iBAAA,CAASN,GAAd;MACE,OAAO,wBAAP;;IACF,KAAKM,iBAAA,CAASJ,OAAd;MACE,OAAO,YAAP;;IACF;MACE,OAAQG,IAAD,CAAiBE,WAAjB,EAAP;EARJ;AAUD"}
+{"version":3,"names":["depTypeToClass","depType","edgeStyles","dev","peer","runtime","undefined","depTypeToLabel","type","EdgeType","toLowerCase"],"sources":["dep-edge.tsx"],"sourcesContent":["import { EdgeType } from '@teambit/graph';\nimport edgeStyles from './edge.module.scss';\n\nexport function depTypeToClass(depType: string) {\n  switch (depType) {\n    case 'DEV':\n      return edgeStyles.dev;\n    case 'PEER':\n      return edgeStyles.peer;\n    case 'RUNTIME':\n      return edgeStyles.runtime;\n    default:\n      return undefined;\n  }\n}\n\nexport function depTypeToLabel(type: EdgeType) {\n  switch (type) {\n    case EdgeType.peer:\n      return 'Peer Dependency';\n    case EdgeType.dev:\n      return 'Development Dependency';\n    case EdgeType.runtime:\n      return 'Dependency';\n    default:\n      return (type as string).toLowerCase();\n  }\n}\n"],"mappings":";;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,SAASA,cAAc,CAACC,OAAe,EAAE;EAC9C,QAAQA,OAAO;IACb,KAAK,KAAK;MACR,OAAOC,qBAAU,CAACC,GAAG;IACvB,KAAK,MAAM;MACT,OAAOD,qBAAU,CAACE,IAAI;IACxB,KAAK,SAAS;MACZ,OAAOF,qBAAU,CAACG,OAAO;IAC3B;MACE,OAAOC,SAAS;EAAC;AAEvB;AAEO,SAASC,cAAc,CAACC,IAAc,EAAE;EAC7C,QAAQA,IAAI;IACV,KAAKC,iBAAQ,CAACL,IAAI;MAChB,OAAO,iBAAiB;IAC1B,KAAKK,iBAAQ,CAACN,GAAG;MACf,OAAO,wBAAwB;IACjC,KAAKM,iBAAQ,CAACJ,OAAO;MACnB,OAAO,YAAY;IACrB;MACE,OAAQG,IAAI,CAAYE,WAAW,EAAE;EAAC;AAE5C"}

package/dist/ui/dependencies-graph/dep-edge/index.js

@@ -15,14 +15,11 @@ Object.defineProperty(exports, "depTypeToLabel", {
     return _depEdge().depTypeToLabel;
   }
 });
-
 function _depEdge() {
   const data = require("./dep-edge");
-
   _depEdge = function () {
     return data;
   };
-
   return data;
 }
 

package/dist/ui/dependencies-graph/dep-edge/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { depTypeToClass, depTypeToLabel } from './dep-edge';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { depTypeToClass, depTypeToLabel } from './dep-edge';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA"}

package/dist/ui/dependencies-graph/dependencies-graph.js

@@ -1,116 +1,82 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DependenciesGraph = DependenciesGraph;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactFlowRenderer() {
   const data = _interopRequireWildcard(require("react-flow-renderer"));
-
   _reactFlowRenderer = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentNode() {
   const data = require("../component-node");
-
   _componentNode = function () {
     return data;
   };
-
   return data;
 }
-
 function _calcElements() {
   const data = require("./calc-elements");
-
   _calcElements = function () {
     return data;
   };
-
   return data;
 }
-
 function _minimap() {
   const data = require("./minimap");
-
   _minimap = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphContext() {
   const data = require("./graph-context");
-
   _graphContext = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependenciesGraphModule() {
   const data = _interopRequireDefault(require("./dependencies-graph.module.scss"));
-
   _dependenciesGraphModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ComponentNodeContainer(props) {
   const {
     sourcePosition = _reactFlowRenderer().Position.Top,
@@ -132,23 +98,22 @@ function ComponentNodeContainer(props) {
     node: data.node,
     type: data.type
   }));
-} // @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)
-
+}
 
+// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)
 const NodeTypes = {
   ComponentNode: ComponentNodeContainer
 };
-
 function DependenciesGraph(_ref) {
   let {
-    graph,
-    rootNode,
-    componentWidgets,
-    className,
-    onLoad,
-    children
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children"]);
+      graph,
+      rootNode,
+      componentWidgets,
+      className,
+      onLoad,
+      children
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children"]);
   const graphRef = (0, _react().useRef)();
   const elements = (0, _calcElements().calcElements)(graph, {
     rootNode
@@ -160,12 +125,12 @@ function DependenciesGraph(_ref) {
     graphRef.current = instance;
     instance.fitView();
     onLoad === null || onLoad === void 0 ? void 0 : onLoad(instance);
-  }, [onLoad]); // clear ref on unmount
+  }, [onLoad]);
 
+  // clear ref on unmount
   (0, _react().useEffect)(() => () => graphRef.current = undefined, []);
   (0, _react().useEffect)(() => {
     var _graphRef$current;
-
     (_graphRef$current = graphRef.current) === null || _graphRef$current === void 0 ? void 0 : _graphRef$current.fitView();
   }, [graph]);
   return /*#__PURE__*/_react().default.createElement(_graphContext().ComponentGraphContext.Provider, {

package/dist/ui/dependencies-graph/dependencies-graph.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesGraph","graph","rootNode","componentWidgets","className","onLoad","children","rest","graphRef","useRef","elements","calcElements","context","useMemo","handleLoad","useCallback","instance","current","fitView","useEffect","undefined","classnames","styles","controls","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n  Background,\n  Controls,\n  Handle,\n  MiniMap,\n  NodeProps,\n  NodeTypesType,\n  OnLoadParams,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n} from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\n\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\n\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n\n  return (\n    <div key={id}>\n      <Handle type=\"target\" position={targetPosition} isConnectable={false} />\n      <Handle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\n// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: OnLoadParams) => void;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n  graph,\n  rootNode,\n  componentWidgets,\n  className,\n  onLoad,\n  children,\n  ...rest\n}: DependenciesGraphProps) {\n  const graphRef = useRef<OnLoadParams>();\n  const elements = calcElements(graph, { rootNode });\n  const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n  const handleLoad = useCallback(\n    (instance: OnLoadParams) => {\n      graphRef.current = instance;\n      instance.fitView();\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    graphRef.current?.fitView();\n  }, [graph]);\n\n  return (\n    <ComponentGraphContext.Provider value={context}>\n      {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n      <ReactFlowProvider>\n        <ReactFlow\n          draggable={false}\n          nodesDraggable={true}\n          selectNodesOnDrag={false}\n          nodesConnectable={false}\n          zoomOnDoubleClick={false}\n          elementsSelectable={false}\n          maxZoom={1}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          elements={elements}\n          nodeTypes={NodeTypes}\n          onLoad={handleLoad}\n        >\n          <Background />\n          <Controls className={styles.controls} />\n          <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n          {children}\n        </ReactFlow>\n      </ReactFlowProvider>\n    </ComponentGraphContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesGraph","graph","rootNode","componentWidgets","className","onLoad","children","rest","graphRef","useRef","elements","calcElements","context","useMemo","handleLoad","useCallback","instance","current","fitView","useEffect","undefined","classnames","styles","controls","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n  Background,\n  Controls,\n  Handle,\n  MiniMap,\n  NodeProps,\n  NodeTypesType,\n  OnLoadParams,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n} from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\n\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\n\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n\n  return (\n    <div key={id}>\n      <Handle type=\"target\" position={targetPosition} isConnectable={false} />\n      <Handle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\n// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: OnLoadParams) => void;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n  graph,\n  rootNode,\n  componentWidgets,\n  className,\n  onLoad,\n  children,\n  ...rest\n}: DependenciesGraphProps) {\n  const graphRef = useRef<OnLoadParams>();\n  const elements = calcElements(graph, { rootNode });\n  const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n  const handleLoad = useCallback(\n    (instance: OnLoadParams) => {\n      graphRef.current = instance;\n      instance.fitView();\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    graphRef.current?.fitView();\n  }, [graph]);\n\n  return (\n    <ComponentGraphContext.Provider value={context}>\n      {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n      <ReactFlowProvider>\n        <ReactFlow\n          draggable={false}\n          nodesDraggable={true}\n          selectNodesOnDrag={false}\n          nodesConnectable={false}\n          zoomOnDoubleClick={false}\n          elementsSelectable={false}\n          maxZoom={1}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          elements={elements}\n          nodeTypes={NodeTypes}\n          onLoad={handleLoad}\n        >\n          <Background />\n          <Controls className={styles.controls} />\n          <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n          {children}\n        </ReactFlow>\n      </ReactFlowProvider>\n    </ComponentGraphContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/dependencies-graph/graph-context.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComponentGraphContext = void 0;
-
 function _react() {
   const data = require("react");
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const ComponentGraphContext = /*#__PURE__*/(0, _react().createContext)(undefined);
 exports.ComponentGraphContext = ComponentGraphContext;
 

package/dist/ui/dependencies-graph/graph-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentGraphContext","createContext","undefined"],"sources":["graph-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\n\n/** internal context, to pass shared information to all nodes */\nexport type ComponentGraph = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport const ComponentGraphContext = createContext<ComponentGraph | undefined>(undefined);\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,MAAMA,qBAAqB,gBAAG,IAAAC,sBAAA,EAA0CC,SAA1C,CAA9B"}
+{"version":3,"names":["ComponentGraphContext","createContext","undefined"],"sources":["graph-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\n\n/** internal context, to pass shared information to all nodes */\nexport type ComponentGraph = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport const ComponentGraphContext = createContext<ComponentGraph | undefined>(undefined);\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAQO,MAAMA,qBAAqB,gBAAG,IAAAC,sBAAa,EAA6BC,SAAS,CAAC;AAAC"}

package/dist/ui/dependencies-graph/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -54,83 +53,60 @@ Object.defineProperty(exports, "depTypeToLabel", {
   }
 });
 exports.styles = void 0;
-
 function _dependenciesGraphModule() {
   const data = _interopRequireDefault(require("./dependencies-graph.module.scss"));
-
   _dependenciesGraphModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependenciesGraph() {
   const data = require("./dependencies-graph");
-
   _dependenciesGraph = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphContext() {
   const data = require("./graph-context");
-
   _graphContext = function () {
     return data;
   };
-
   return data;
 }
-
 function _depEdge() {
   const data = require("./dep-edge");
-
   _depEdge = function () {
     return data;
   };
-
   return data;
 }
-
 function _minimap() {
   const data = require("./minimap");
-
   _minimap = function () {
     return data;
   };
-
   return data;
 }
-
 function _calcLayout() {
   const data = require("./calc-layout");
-
   _calcLayout = function () {
     return data;
   };
-
   return data;
 }
-
 function _calcElements() {
   const data = require("./calc-elements");
-
   _calcElements = function () {
     return data;
   };
-
   return data;
 }
-
 const {
   graph,
   minimap,
   controls
 } = _dependenciesGraphModule().default;
-
 const styles = {
   graph,
   minimap,

package/dist/ui/dependencies-graph/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["graph","minimap","controls","componentStyles","styles"],"sources":["index.ts"],"sourcesContent":["import componentStyles from './dependencies-graph.module.scss';\n\nexport { DependenciesGraph } from './dependencies-graph';\nexport { ComponentGraphContext, ComponentGraph } from './graph-context';\nexport type { DependenciesGraphProps } from './dependencies-graph';\nexport { depTypeToClass, depTypeToLabel } from './dep-edge';\nexport { calcMinimapColors } from './minimap';\nexport { calcLayout } from './calc-layout';\nexport { calcElements } from './calc-elements';\n\nconst { graph, minimap, controls } = componentStyles;\nexport const styles = { graph, minimap, controls };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAM;EAAEA,KAAF;EAASC,OAAT;EAAkBC;AAAlB,IAA+BC,kCAArC;;AACO,MAAMC,MAAM,GAAG;EAAEJ,KAAF;EAASC,OAAT;EAAkBC;AAAlB,CAAf"}
+{"version":3,"names":["graph","minimap","controls","componentStyles","styles"],"sources":["index.ts"],"sourcesContent":["import componentStyles from './dependencies-graph.module.scss';\n\nexport { DependenciesGraph } from './dependencies-graph';\nexport { ComponentGraphContext, ComponentGraph } from './graph-context';\nexport type { DependenciesGraphProps } from './dependencies-graph';\nexport { depTypeToClass, depTypeToLabel } from './dep-edge';\nexport { calcMinimapColors } from './minimap';\nexport { calcLayout } from './calc-layout';\nexport { calcElements } from './calc-elements';\n\nconst { graph, minimap, controls } = componentStyles;\nexport const styles = { graph, minimap, controls };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA,MAAM;EAAEA,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC,GAAGC,kCAAe;AAC7C,MAAMC,MAAM,GAAG;EAAEJ,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC;AAAC"}

package/dist/ui/dependencies-graph/minimap.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcMinimapColors = calcMinimapColors;
-
 function _componentNode() {
   const data = require("../component-node");
-
   _componentNode = function () {
     return data;
   };
-
   return data;
 }
-
 function calcMinimapColors(node) {
   var _node$data;
-
   const type = (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.type;
-
   switch (type) {
     case 'root':
       return _componentNode().rootNodeColor;
-
     case 'external':
       return _componentNode().externalNodeColor;
-
     default:
       return _componentNode().defaultNodeColor;
   }

package/dist/ui/dependencies-graph/minimap.js.map

@@ -1 +1 @@
-{"version":3,"names":["calcMinimapColors","node","type","data","rootNodeColor","externalNodeColor","defaultNodeColor"],"sources":["minimap.ts"],"sourcesContent":["import { Node } from 'react-flow-renderer';\nimport { rootNodeColor, defaultNodeColor, externalNodeColor } from '../component-node';\n\nexport function calcMinimapColors(node: Node) {\n  const type = node.data?.type;\n\n  switch (type) {\n    case 'root':\n      return rootNodeColor;\n    case 'external':\n      return externalNodeColor;\n    default:\n      return defaultNodeColor;\n  }\n}\n"],"mappings":";;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,SAASA,iBAAT,CAA2BC,IAA3B,EAAuC;EAAA;;EAC5C,MAAMC,IAAI,iBAAGD,IAAI,CAACE,IAAR,+CAAG,WAAWD,IAAxB;;EAEA,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOE,8BAAP;;IACF,KAAK,UAAL;MACE,OAAOC,kCAAP;;IACF;MACE,OAAOC,iCAAP;EANJ;AAQD"}
+{"version":3,"names":["calcMinimapColors","node","type","data","rootNodeColor","externalNodeColor","defaultNodeColor"],"sources":["minimap.ts"],"sourcesContent":["import { Node } from 'react-flow-renderer';\nimport { rootNodeColor, defaultNodeColor, externalNodeColor } from '../component-node';\n\nexport function calcMinimapColors(node: Node) {\n  const type = node.data?.type;\n\n  switch (type) {\n    case 'root':\n      return rootNodeColor;\n    case 'external':\n      return externalNodeColor;\n    default:\n      return defaultNodeColor;\n  }\n}\n"],"mappings":";;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,SAASA,iBAAiB,CAACC,IAAU,EAAE;EAAA;EAC5C,MAAMC,IAAI,iBAAGD,IAAI,CAACE,IAAI,+CAAT,WAAWD,IAAI;EAE5B,QAAQA,IAAI;IACV,KAAK,MAAM;MACT,OAAOE,8BAAa;IACtB,KAAK,UAAU;MACb,OAAOC,kCAAiB;IAC1B;MACE,OAAOC,iCAAgB;EAAC;AAE9B"}

package/dist/ui/graph-page/graph-filters.js

@@ -1,59 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphFilters = GraphFilters;
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfaces() {
   const data = require("@teambit/base-ui.surfaces.card");
-
   _baseUiSurfaces = function () {
     return data;
   };
-
   return data;
 }
-
 function _evangelistInputCheckbox() {
   const data = require("@teambit/evangelist.input.checkbox.label");
-
   _evangelistInputCheckbox = function () {
     return data;
   };
-
   return data;
 }
-
 function GraphFilters(_ref) {
   let {
-    onChangeFilter,
-    isFiltered,
-    disable
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["onChangeFilter", "isFiltered", "disable"]);
+      onChangeFilter,
+      isFiltered,
+      disable
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["onChangeFilter", "isFiltered", "disable"]);
   return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, rest, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_evangelistInputCheckbox().CheckboxLabel, {
     checked: !isFiltered,
     disabled: disable,

package/dist/ui/graph-page/graph-filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphFilters","onChangeFilter","isFiltered","disable","rest","e","target","checked"],"sources":["graph-filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { CheckboxLabel } from '@teambit/evangelist.input.checkbox.label';\n\ntype GraphFilters = {\n  isFiltered: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFilters) {\n  return (\n    <Card {...rest}>\n      <div>\n        {/* show non-runtime === !isFiltered */}\n        <CheckboxLabel\n          checked={!isFiltered}\n          disabled={disable}\n          onInputChanged={(e) => onChangeFilter(!e.target.checked)}\n        >\n          {' '}\n          show non-runtime\n        </CheckboxLabel>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,SAASA,YAAT,OAAsF;EAAA,IAAhE;IAAEC,cAAF;IAAkBC,UAAlB;IAA8BC;EAA9B,CAAgE;EAAA,IAAtBC,IAAsB;EAC3F,oBACE,+BAAC,sBAAD,EAAUA,IAAV,eACE,yDAEE,+BAAC,wCAAD;IACE,OAAO,EAAE,CAACF,UADZ;IAEE,QAAQ,EAAEC,OAFZ;IAGE,cAAc,EAAGE,CAAD,IAAOJ,cAAc,CAAC,CAACI,CAAC,CAACC,MAAF,CAASC,OAAX;EAHvC,GAKG,GALH,qBAFF,CADF,CADF;AAeD"}
+{"version":3,"names":["GraphFilters","onChangeFilter","isFiltered","disable","rest","e","target","checked"],"sources":["graph-filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { CheckboxLabel } from '@teambit/evangelist.input.checkbox.label';\n\ntype GraphFilters = {\n  isFiltered: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFilters) {\n  return (\n    <Card {...rest}>\n      <div>\n        {/* show non-runtime === !isFiltered */}\n        <CheckboxLabel\n          checked={!isFiltered}\n          disabled={disable}\n          onInputChanged={(e) => onChangeFilter(!e.target.checked)}\n        >\n          {' '}\n          show non-runtime\n        </CheckboxLabel>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAQO,SAASA,YAAY,OAAiE;EAAA,IAAhE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAA+B,CAAC;IAApBC,IAAI;EACzE,oBACE,+BAAC,sBAAI,EAAKA,IAAI,eACZ,yDAEE,+BAAC,wCAAa;IACZ,OAAO,EAAE,CAACF,UAAW;IACrB,QAAQ,EAAEC,OAAQ;IAClB,cAAc,EAAGE,CAAC,IAAKJ,cAAc,CAAC,CAACI,CAAC,CAACC,MAAM,CAACC,OAAO;EAAE,GAExD,GAAG,qBAEU,CACZ,CACD;AAEX"}

package/dist/ui/graph-page/graph-page.js

@@ -1,128 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphPage = GraphPage;
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _documenterUi() {
   const data = require("@teambit/documenter.ui.heading");
-
   _documenterUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiPages() {
   const data = require("@teambit/design.ui.pages.not-found");
-
   _designUiPages = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiPages2() {
   const data = require("@teambit/design.ui.pages.server-error");
-
   _designUiPages2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.full-loader");
-
   _uiFoundationUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _query() {
   const data = require("../query");
-
   _query = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependenciesGraph() {
   const data = require("../dependencies-graph");
-
   _dependenciesGraph = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphFilters() {
   const data = require("./graph-filters");
-
   _graphFilters = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphPageModule() {
   const data = _interopRequireDefault(require("./graph-page.module.scss"));
-
   _graphPageModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function GraphPage({
   componentWidgets
 }) {
   const component = (0, _react().useContext)(_component().ComponentContext);
   const [filter, setFilter] = (0, _react().useState)('runtimeOnly');
-
   const onCheckFilter = isFiltered => {
     setFilter(isFiltered ? 'runtimeOnly' : undefined);
   };
-
   const {
     graph,
     error,

package/dist/ui/graph-page/graph-page.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","loading","useGraphQuery","id","toString","code","styles","page","filters"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n  const component = useContext(ComponentContext);\n\n  const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAMO,SAASA,SAAT,CAAmB;EAAEC;AAAF,CAAnB,EAAyD;EAC9D,MAAMC,SAAS,GAAG,IAAAC,mBAAA,EAAWC,6BAAX,CAAlB;EAEA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,iBAAA,EAAsB,aAAtB,CAA5B;;EACA,MAAMC,aAAa,GAAIC,UAAD,IAAyB;IAC7CH,SAAS,CAACG,UAAU,GAAG,aAAH,GAAmBC,SAA9B,CAAT;EACD,CAFD;;EAIA,MAAM;IAAEC,KAAF;IAASC,KAAT;IAAgBC;EAAhB,IAA4B,IAAAC,sBAAA,EAAc,CAACZ,SAAS,CAACa,EAAV,CAAaC,QAAb,EAAD,CAAd,EAAyCX,MAAzC,CAAlC;EACA,IAAIO,KAAJ,EAAW,OAAOA,KAAK,CAACK,IAAN,KAAe,GAAf,gBAAqB,+BAAC,6BAAD,OAArB,gBAAwC,+BAAC,iCAAD,OAA/C;EACX,IAAI,CAACN,KAAL,EAAY,oBAAO,+BAAC,4BAAD,OAAP;EAEZ,MAAMF,UAAU,GAAGJ,MAAM,KAAK,aAA9B;EAEA,oBACE;IAAK,SAAS,EAAEa,0BAAA,CAAOC;EAAvB,gBACE,+BAAC,kBAAD;IAAI,IAAI,EAAC;EAAT,4BADF,eAEE,+BAAC,sCAAD;IACE,gBAAgB,EAAElB,gBADpB;IAEE,KAAK,EAAEU,KAFT;IAGE,QAAQ,EAAET,SAAS,CAACa,EAHtB;IAIE,SAAS,EAAEG,0BAAA,CAAOP;EAJpB,gBAME,+BAAC,4BAAD;IACE,SAAS,EAAEO,0BAAA,CAAOE,OADpB;IAEE,OAAO,EAAEP,OAFX;IAGE,UAAU,EAAEJ,UAHd;IAIE,cAAc,EAAED;EAJlB,EANF,CAFF,CADF;AAkBD"}
+{"version":3,"names":["GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","loading","useGraphQuery","id","toString","code","styles","page","filters"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n  const component = useContext(ComponentContext);\n\n  const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAIA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA8C;AAAA;AAMvC,SAASA,SAAS,CAAC;EAAEC;AAAiC,CAAC,EAAE;EAC9D,MAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACC,6BAAgB,CAAC;EAE9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,iBAAQ,EAAc,aAAa,CAAC;EAChE,MAAMC,aAAa,GAAIC,UAAmB,IAAK;IAC7CH,SAAS,CAACG,UAAU,GAAG,aAAa,GAAGC,SAAS,CAAC;EACnD,CAAC;EAED,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAACZ,SAAS,CAACa,EAAE,CAACC,QAAQ,EAAE,CAAC,EAAEX,MAAM,CAAC;EAClF,IAAIO,KAAK,EAAE,OAAOA,KAAK,CAACK,IAAI,KAAK,GAAG,gBAAG,+BAAC,6BAAY,OAAG,gBAAG,+BAAC,iCAAe,OAAG;EAC7E,IAAI,CAACN,KAAK,EAAE,oBAAO,+BAAC,4BAAU,OAAG;EAEjC,MAAMF,UAAU,GAAGJ,MAAM,KAAK,aAAa;EAE3C,oBACE;IAAK,SAAS,EAAEa,0BAAM,CAACC;EAAK,gBAC1B,+BAAC,kBAAE;IAAC,IAAI,EAAC;EAAI,4BAA4B,eACzC,+BAAC,sCAAiB;IAChB,gBAAgB,EAAElB,gBAAiB;IACnC,KAAK,EAAEU,KAAM;IACb,QAAQ,EAAET,SAAS,CAACa,EAAG;IACvB,SAAS,EAAEG,0BAAM,CAACP;EAAM,gBAExB,+BAAC,4BAAY;IACX,SAAS,EAAEO,0BAAM,CAACE,OAAQ;IAC1B,OAAO,EAAEP,OAAQ;IACjB,UAAU,EAAEJ,UAAW;IACvB,cAAc,EAAED;EAAc,EAC9B,CACgB,CAChB;AAEV"}