@babylonjs/shared-ui-components 9.2.0 → 9.2.2

package/modularTool/themes/babylonTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babylonTheme.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/modularTool/themes/babylonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,eAAe,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE/G,mFAAmF;AACnF,qBAAqB;AACrB,yDAAyD;AACzD,MAAM,WAAW,GAAkB;IAC/B,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AACF,wDAAwD;AAExD,MAAM,cAAc,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;AACrD,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,GAAG,cAAc;IACjB,kJAAkJ;IAClJ,uBAAuB,EAAE,cAAc,CAAC,uBAAuB;CAClE,CAAC;AAEF,MAAM,aAAa,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;AACnD,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,GAAG,aAAa;IAChB,kJAAkJ;IAClJ,uBAAuB,EAAE,aAAa,CAAC,uBAAuB;CACjE,CAAC","sourcesContent":["import { type BrandVariants, type Theme, createDarkTheme, createLightTheme } from \"@fluentui/react-components\";\r\n\r\n// Generated from https://react.fluentui.dev/?path=/docs/theme-theme-designer--docs\r\n// Key color: #3A94FC\r\n/* eslint-disable @typescript-eslint/naming-convention */\r\nconst BabylonRamp: BrandVariants = {\r\n    10: \"#020305\",\r\n    20: \"#121721\",\r\n    30: \"#1A263A\",\r\n    40: \"#1F314F\",\r\n    50: \"#243E64\",\r\n    60: \"#294B7B\",\r\n    70: \"#2D5892\",\r\n    80: \"#3166AA\",\r\n    90: \"#3473C3\",\r\n    100: \"#3782DC\",\r\n    110: \"#3990F6\",\r\n    120: \"#5A9EFD\",\r\n    130: \"#7BACFE\",\r\n    140: \"#96BAFF\",\r\n    150: \"#AFC9FF\",\r\n    160: \"#C6D8FF\",\r\n};\r\n/* eslint-enable @typescript-eslint/naming-convention */\r\n\r\nconst BaseLightTheme = createLightTheme(BabylonRamp);\r\nexport const LightTheme: Theme = {\r\n    ...BaseLightTheme,\r\n    // Reduce the max contrast between foreground and background by just replacing the most intense foreground color with the second most intense one.\r\n    colorNeutralForeground1: BaseLightTheme.colorNeutralForeground2,\r\n};\r\n\r\nconst BaseDarkTheme = createDarkTheme(BabylonRamp);\r\nexport const DarkTheme: Theme = {\r\n    ...BaseDarkTheme,\r\n    // Reduce the max contrast between foreground and background by just replacing the most intense foreground color with the second most intense one.\r\n    colorNeutralForeground1: BaseDarkTheme.colorNeutralForeground2,\r\n};\r\n"]}

package/nodeGraphSystem/graphCanvas.js

@@ -771,9 +771,10 @@ export class GraphCanvasComponent extends React.Component {
                 }
                 output.endpoints.forEach((endpoint) => {
                     const sourceFrames = this._frames.filter((f) => f.nodes.indexOf(node) !== -1);
+                    const targetNode = this._nodes.find((n) => n.content.data === endpoint.ownerData);
                     const targetFrames = this._frames.filter((f) => f.nodes.some((n) => n.content.data === endpoint.ownerData));
                     const sourceId = sourceFrames.length > 0 ? sourceFrames[0].id : node.id;
-                    const targetId = targetFrames.length > 0 ? targetFrames[0].id : endpoint.ownerData.uniqueId;
+                    const targetId = targetFrames.length > 0 ? targetFrames[0].id : targetNode ? targetNode.id : endpoint.ownerData.uniqueId;
                     graph.setEdge(sourceId.toString(), targetId.toString());
                 });
             });