@darajs/ui-causal-graph-editor 1.0.0-a.1

package/dist/shared/editor-overlay/floating-elements.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { StyledComponent } from 'styled-components';
+import { DefaultTheme } from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+type ButtonProps = ComponentProps<typeof Button> & RefAttributes<HTMLButtonElement>;
+type ExtraButtonProps = {
+    disableBoxShadow?: boolean;
+    disableEvents?: boolean;
+    fixedSize?: boolean;
+};
+export declare const FloatingButton: StyledComponent<ForwardRefExoticComponent<ButtonProps>, DefaultTheme, ExtraButtonProps, 'styling' | 'children'>;
+export {};
+//# sourceMappingURL=floating-elements.d.ts.map

package/dist/shared/editor-overlay/floating-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-elements.d.ts","sourceRoot":"","sources":["../../../src/shared/editor-overlay/floating-elements.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAe,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AACpF,KAAK,gBAAgB,GAAG;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAAe,CACxC,yBAAyB,CAAC,WAAW,CAAC,EACtC,YAAY,EACZ,gBAAgB,EAChB,SAAS,GAAG,UAAU,CAczB,CAAC"}

package/dist/shared/editor-overlay/floating-elements.js

@@ -0,0 +1,17 @@
+import styled from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+export const FloatingButton = styled(Button).attrs((props) => {
+    var _a;
+    return (Object.assign(Object.assign({}, props), { styling: (_a = props.styling) !== null && _a !== void 0 ? _a : 'ghost' }));
+}) `
+    pointer-events: ${(props) => (props.disableEvents ? 'none' : 'all')};
+    min-width: 0;
+    margin: 0;
+    padding: 0 1rem;
+
+    ${(props) => (props.fixedSize ? 'height: 40px; width: 40px;' : '')};
+
+    ${(props) => (props.styling === 'ghost' ? `background-color: ${props.theme.colors.blue1}` : '')};
+    ${(props) => (props.disableBoxShadow ? '' : `box-shadow: ${props.theme.shadow.light};`)}
+`;
+//# sourceMappingURL=floating-elements.js.map

package/dist/shared/editor-overlay/floating-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-elements.js","sourceRoot":"","sources":["../../../src/shared/editor-overlay/floating-elements.tsx"],"names":[],"mappings":"AAmBA,OAAO,MAAwB,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/C,MAAM,CAAC,MAAM,cAAc,GAKvB,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;;IAAC,OAAA,iCAC7B,KAAK,KACR,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,OAAO,IACnC,CAAA;CAAA,CAAC,CAAkB;sBACC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;MAKjE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;;MAEhE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;MAC7F,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;CAC1F,CAAC"}

package/dist/shared/editor-overlay/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as Overlay } from './overlay';
+export { RecalculateLayoutButton, AddNodeButton, DragModeButton, CenterGraphButton } from './buttons';
+export { SearchBar, useSearch } from './search-bar';
+export { Legend, LegendLineDefinition, getLegendData } from './legend';
+export { PanelContent, NodeInfoContent, EdgeInfoContent } from './panel-content';
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/editor-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/editor-overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/shared/editor-overlay/index.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as Overlay } from './overlay';
+export { RecalculateLayoutButton, AddNodeButton, DragModeButton, CenterGraphButton } from './buttons';
+export { SearchBar, useSearch } from './search-bar';
+export { Legend, getLegendData } from './legend';
+export { PanelContent, NodeInfoContent, EdgeInfoContent } from './panel-content';
+//# sourceMappingURL=index.js.map

package/dist/shared/editor-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/editor-overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,MAAM,EAAwB,aAAa,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/shared/editor-overlay/legend/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as Legend } from './legend';
+export { LegendLineDefinition, getLegendData } from './legend-data';
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/editor-overlay/legend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/shared/editor-overlay/legend/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as Legend } from './legend';
+export { getLegendData } from './legend-data';
+//# sourceMappingURL=index.js.map

package/dist/shared/editor-overlay/legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAwB,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/shared/editor-overlay/legend/legend-data.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { DefaultTheme } from '@darajs/styled-components';
+import { EditorMode } from '../../../types';
+export interface LegendLineDefinition {
+    /** Arrow to show at end of line */
+    arrowType?: 'none' | 'normal' | 'filled' | 'empty';
+    /** Symbol to show in the center of the arrow */
+    centerSymbol?: 'none' | 'cross' | 'question' | 'bidirected';
+    /** color to represent */
+    color?: keyof DefaultTheme['colors'];
+    /** dashArray SVG path property - line will be dashed if specified */
+    dashArray?: string;
+    /** legend label */
+    label?: string;
+    /** Show empty spot instead of a legend line */
+    spacer?: boolean;
+}
+export declare function getLegendData(editorMode: EditorMode, additionalLegend: LegendLineDefinition[]): LegendLineDefinition[];
+//# sourceMappingURL=legend-data.d.ts.map

package/dist/shared/editor-overlay/legend/legend-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-data.d.ts","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend-data.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,oBAAoB;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnD,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;IAC5D,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrC,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAwCD,wBAAgB,aAAa,CACzB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,oBAAoB,EAAE,GACzC,oBAAoB,EAAE,CAIxB"}

package/dist/shared/editor-overlay/legend/legend-data.js

@@ -0,0 +1,41 @@
+import { EditorMode } from '../../../types';
+const RESOLVER_LEGEND = [
+    {
+        centerSymbol: 'question',
+        dashArray: '10 6',
+        label: 'Unresolved',
+    },
+    {
+        dashArray: '10 6',
+        label: 'Not accepted',
+    },
+    {
+        dashArray: '6 4',
+        label: 'Accepted',
+    },
+    {
+        label: 'Domain knowledge',
+    },
+];
+const PAG_LEGEND = [
+    { arrowType: 'filled', label: 'Directed' },
+    { arrowType: 'empty', label: 'Wildcard' },
+    { arrowType: 'none', label: 'Undirected' },
+];
+const ENCODER_LEGEND = [
+    { label: 'Directed' },
+    { arrowType: 'none', centerSymbol: 'bidirected', label: 'Undirected' },
+    { arrowType: 'none', centerSymbol: 'cross', label: 'Prohibited' },
+];
+const DEFAULT_LEGENDS = new Map([
+    [EditorMode.DEFAULT, []],
+    [EditorMode.PAG_VIEWER, PAG_LEGEND],
+    [EditorMode.RESOLVER, RESOLVER_LEGEND],
+    [EditorMode.EDGE_ENCODER, ENCODER_LEGEND],
+]);
+export function getLegendData(editorMode, additionalLegend) {
+    var _a;
+    const modeData = (_a = DEFAULT_LEGENDS.get(editorMode)) !== null && _a !== void 0 ? _a : [];
+    return [...modeData, ...(additionalLegend !== null && additionalLegend !== void 0 ? additionalLegend : []).filter(Boolean)];
+}
+//# sourceMappingURL=legend-data.js.map

package/dist/shared/editor-overlay/legend/legend-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-data.js","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend-data.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAiBpC,MAAM,eAAe,GAA2B;IAC5C;QACI,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,YAAY;KACtB;IACD;QACI,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,cAAc;KACxB;IACD;QACI,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,UAAU;KACpB;IACD;QACI,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,UAAU,GAA2B;IACvC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE;IAC1C,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE;IACzC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE;CAC7C,CAAC;AAEF,MAAM,cAAc,GAA2B;IAC3C,EAAE,KAAK,EAAE,UAAU,EAAE;IACrB,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IACtE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;CACpE,CAAC;AAEF,MAAM,eAAe,GAA4C,IAAI,GAAG,CAAC;IACrE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;IACxB,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC;IACnC,CAAC,UAAU,CAAC,QAAQ,EAAE,eAAe,CAAC;IACtC,CAAC,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC;CAC5C,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CACzB,UAAsB,EACtB,gBAAwC;;IAExC,MAAM,QAAQ,GAAG,MAAA,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;IAEvD,OAAO,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AACtE,CAAC"}

package/dist/shared/editor-overlay/legend/legend-list.d.ts

@@ -0,0 +1,6 @@
+import { LegendLineDefinition } from './legend-data';
+export interface LegendListProps {
+    listItems: LegendLineDefinition[];
+}
+export declare function LegendList({ listItems }: LegendListProps): JSX.Element;
+//# sourceMappingURL=legend-list.d.ts.map

package/dist/shared/editor-overlay/legend/legend-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-list.d.ts","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend-list.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAuJrD,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,oBAAoB,EAAE,CAAC;CACrC;AACD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAWtE"}

package/dist/shared/editor-overlay/legend/legend-list.js

@@ -0,0 +1,96 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import styled, { useTheme } from '@darajs/styled-components';
+const LegendText = styled.span `
+    color: ${(props) => props.theme.colors.text};
+`;
+const Ul = styled.ul `
+    all: unset;
+    display: flex;
+    flex-direction: column;
+    gap: 0.6rem;
+`;
+const Li = styled.li `
+    all: unset;
+
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+
+    margin-top: 0.6rem;
+`;
+function QuestionMark(props) {
+    return (_jsx("path", { d: "M 6.554 14.6824 C 5.2834 14.6824 4.2951 15.6706 4.2951 16.9411 C 4.2951 18.2118 5.2198 19.2 6.554 19.2 C 7.761 19.2 8.8128 18.2118 8.8128 16.9411 C 8.8128 15.6706 7.761 14.6824 6.554 14.6824 Z M 8.8904 0 H 5.2834 C 2.5304 0 0.3422 2.1882 0.3422 4.9412 C 0.3422 5.8588 1.1187 6.6353 2.0363 6.6353 C 2.954 6.6353 3.7304 5.8588 3.7304 4.9412 C 3.7304 4.0941 4.3728 3.3882 5.2198 3.3882 H 8.8269 C 9.7375 3.3882 10.5069 4.0941 10.5069 4.9412 C 10.5069 5.5059 10.2245 5.9365 9.7304 6.2188 L 5.7069 8.6823 C 5.1422 9.0353 4.8598 9.6 4.8598 10.1647 V 11.2941 C 4.8598 12.2118 5.6363 12.9882 6.554 12.9882 C 7.4716 12.9882 8.2481 12.2118 8.2481 11.2941 V 11.1529 L 11.4316 9.1765 C 12.9139 8.2588 13.8316 6.6353 13.8316 4.9412 C 13.8952 2.1882 11.7069 0 8.8904 0 Z", fill: props.color, transform: props.transform }));
+}
+function Chevron(props) {
+    return (_jsx("path", { d: "M9.35246 9.97219L9.52924 9.79541L9.50968 9.77585C9.87924 9.23982 9.82567 8.49926 9.34894 8.02254L2.59894 1.27254C2.06186 0.735454 1.1899 0.735455 0.652812 1.27254C0.115728 1.80962 0.115728 2.68159 0.652813 3.21867L6.43156 8.99742L0.656328 14.7761C0.656311 14.7761 0.656294 14.7761 0.656276 14.7761C0.119244 15.3132 0.119262 16.1851 0.656328 16.7222C1.19341 17.2593 2.06538 17.2593 2.60246 16.7222L9.35246 9.97219Z", fill: props.color, stroke: props.color, strokeWidth: "0.5", transform: props.transform }));
+}
+function FullArrow(props) {
+    return (_jsx("path", { d: "M10.2729 10.2713C10.9757 9.56851 10.9757 8.42711 10.2729 7.72428L3.07567 0.52728C2.55838 0.00999588 1.78805 -0.141816 1.11331 0.139317C0.438578 0.42045 0 1.07268 0 1.80362V16.1976C0 16.9229 0.438578 17.5808 1.11331 17.8619C1.78805 18.1431 2.55838 17.9856 3.07567 17.474L10.2729 10.277V10.2713Z", fill: props.color, transform: props.transform }));
+}
+function EmptyCircle(props) {
+    return (_jsx("circle", { cx: "8", cy: "8", fill: props.fill, r: "6.5", stroke: props.color, strokeWidth: "3", transform: props.transform }));
+}
+function Cross(props) {
+    return (_jsx("path", { d: "M15.5338 2.73375C16.1588 2.10875 16.1588 1.09375 15.5338 0.46875C14.9088 -0.15625 13.8938 -0.15625 13.2688 0.46875L8.00375 5.73875L2.73375 0.47375C2.10875 -0.15125 1.09375 -0.15125 0.46875 0.47375C-0.15625 1.09875 -0.15625 2.11375 0.46875 2.73875L5.73875 8.00375L0.47375 13.2737C-0.15125 13.8987 -0.15125 14.9138 0.47375 15.5388C1.09875 16.1638 2.11375 16.1638 2.73875 15.5388L8.00375 10.2687L13.2738 15.5337C13.8988 16.1588 14.9138 16.1588 15.5388 15.5337C16.1638 14.9087 16.1638 13.8938 15.5388 13.2688L10.2688 8.00375L15.5338 2.73375Z", fill: props.color, transform: props.transform }));
+}
+function Bidirected(props) {
+    return (_jsxs(_Fragment, { children: [_jsx(Chevron, { color: props.color, transform: "translate(12, 1)" }), _jsx(Chevron, { color: props.color, transform: "rotate(180, 0, 9) translate(-8, -1)" })] }));
+}
+const CenterSymbols = {
+    bidirected: Bidirected,
+    cross: Cross,
+    none: null,
+    question: QuestionMark,
+};
+const Arrows = {
+    empty: EmptyCircle,
+    filled: FullArrow,
+    none: null,
+    normal: Chevron,
+};
+/**
+ * Component to generate a legend line
+ */
+function LegendLine({ label, color = 'grey5', dashArray, arrowType = 'normal', centerSymbol = 'none', spacer, }) {
+    const theme = useTheme();
+    if (spacer) {
+        return _jsx("span", { style: { height: '0.5rem', width: '100%' } });
+    }
+    const Symbol = CenterSymbols[centerSymbol];
+    const Arrow = Arrows[arrowType];
+    return (_jsx("svg", { height: "12px", viewBox: "-40 0 100 20", children: _jsxs("g", { children: [_jsx("line", { stroke: theme.colors[color], strokeDasharray: dashArray !== null && dashArray !== void 0 ? dashArray : 'none', strokeWidth: 4, style: { opacity: 0.5 }, x1: -25, x2: 40, y1: 10, y2: 10 }), Symbol && (_jsx(Symbol, { color: theme.colors[color], fill: theme.colors.blue1, transform: "translate (0, 2)" })), Arrow && _jsx(Arrow, { color: theme.colors[color], fill: theme.colors.blue1, transform: "translate(25, 1)" })] }, label) }));
+}
+export function LegendList({ listItems }) {
+    return (_jsx(Ul, { children: listItems.map((_a) => {
+            var { label } = _a, props = __rest(_a, ["label"]);
+            return (_jsxs(Li, { children: [_jsx(LegendLine, Object.assign({}, props, { label: label })), _jsx(LegendText, { children: label })] }, label));
+        }) }));
+}
+//# sourceMappingURL=legend-list.js.map

package/dist/shared/editor-overlay/legend/legend-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend-list.js","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend-list.tsx"],"names":[],"mappings":"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"}

package/dist/shared/editor-overlay/legend/legend.d.ts

@@ -0,0 +1,7 @@
+import { LegendListProps } from './legend-list';
+export interface LegendProps {
+    listItems: LegendListProps['listItems'];
+}
+declare function Legend(props: LegendProps): JSX.Element;
+export default Legend;
+//# sourceMappingURL=legend.d.ts.map

package/dist/shared/editor-overlay/legend/legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AA+B5D,MAAM,WAAW,WAAW;IACxB,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoD/C;AAED,eAAe,MAAM,CAAC"}

package/dist/shared/editor-overlay/legend/legend.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useContext, useRef, useState } from 'react';
+import styled from '@darajs/styled-components';
+import { Button, Tooltip } from '@darajs/ui-components';
+import { Cross, List } from '@darajs/ui-icons';
+import { useOnClickOutside } from '@darajs/ui-utils';
+import PointerContext from '../../pointer-context';
+import { FloatingButton } from '../floating-elements';
+import { LegendList } from './legend-list';
+const LegendWrapper = styled.div `
+    position: relative;
+    z-index: 1;
+    bottom: 0;
+    left: 0;
+    transform-origin: bottom left;
+
+    overflow: hidden;
+    display: flex;
+    gap: 2rem;
+
+    padding: 1.5rem;
+
+    background-color: ${({ theme }) => theme.colors.background};
+    border-radius: 4px;
+    box-shadow: ${({ theme }) => theme.shadow.light};
+
+    transition: opacity 0.3s, transform 0.3s;
+`;
+const LegendOpenButton = styled(FloatingButton) `
+    position: absolute;
+    z-index: 2;
+    bottom: 0;
+    left: 0;
+
+    transition: opacity 0.3s;
+`;
+function Legend(props) {
+    const [showLegend, setShowLegend] = useState(false);
+    const { disablePointerEvents } = useContext(PointerContext);
+    const panelRef = useRef(null);
+    useOnClickOutside(panelRef.current, () => setShowLegend(false));
+    if (!props.listItems || props.listItems.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(Tooltip, { content: "Legend", placement: "top", children: _jsx(LegendOpenButton, { fixedSize: true, onClick: () => setShowLegend(true), style: {
+                        opacity: showLegend ? 0 : 1,
+                        pointerEvents: showLegend || disablePointerEvents ? 'none' : 'all',
+                    }, children: _jsx(List, {}) }) }), _jsxs(LegendWrapper, { ref: panelRef, style: {
+                    opacity: showLegend ? 1 : 0,
+                    pointerEvents: !showLegend || disablePointerEvents ? 'none' : 'all',
+                    transform: showLegend ? 'scale(1)' : 'scale(0)',
+                }, children: [_jsx(Button, { style: {
+                            height: '12px',
+                            margin: 0,
+                            minWidth: 0,
+                            padding: 0,
+                            position: 'absolute',
+                            right: '1rem',
+                            top: '1rem',
+                            width: '12px',
+                        }, styling: "ghost", children: _jsx(Cross, { onClick: () => setShowLegend(false) }) }), _jsx(LegendList, { listItems: props.listItems })] })] }));
+}
+export default Legend;
+//# sourceMappingURL=legend.js.map

package/dist/shared/editor-overlay/legend/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../../../src/shared/editor-overlay/legend/legend.tsx"],"names":[],"mappings":"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"}

package/dist/shared/editor-overlay/overlay.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+interface EditorOverlayProps {
+    /** Render prop for content to place in the bottom left of the overlay */
+    bottomLeft?: React.ReactNode;
+    /** Render prop for content to place in the bottom right of the overlay */
+    bottomRight?: React.ReactNode;
+    /** Children */
+    children?: React.ReactNode;
+    /** Whether to hide the frame and show just the graph */
+    hideFrame?: boolean;
+    /** Function to delete currently selected content */
+    onDelete: () => void | Promise<void>;
+    /** Function to select the next edge/node */
+    onNext: () => void | Promise<void>;
+    /** Function to select the previous edge/node */
+    onPrev: () => void | Promise<void>;
+    /** When set to true, the elements inside the overlay become visible */
+    showFrameButtons?: boolean;
+    /** Panel title */
+    title?: string;
+    /** Render prop for content to place in the top left of the overlay */
+    topLeft?: React.ReactNode;
+    /** Render prop for content to place in the top right of the overlay */
+    topRight?: React.ReactNode;
+    /** Whether there is valid content selected */
+    validContentSelected: boolean;
+}
+/**
+ * The EditorOverlay component creates an overlay for use with a Graph
+ * This overlay goes on top of a graph and provides actions in each corner
+ * This overlay also includes a dissmissable info panel
+ */
+declare function EditorOverlay(props: EditorOverlayProps): JSX.Element;
+export default EditorOverlay;
+//# sourceMappingURL=overlay.d.ts.map

package/dist/shared/editor-overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/shared/editor-overlay/overlay.tsx"],"names":[],"mappings":";AAwBA,UAAU,kBAAkB;IACxB,yEAAyE;IACzE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,4CAA4C;IAC5C,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,gDAAgD;IAChD,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,oBAAoB,EAAE,OAAO,CAAC;CACjC;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA+C7D;AAED,eAAe,aAAa,CAAC"}

package/dist/shared/editor-overlay/overlay.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useContext } from 'react';
+import PointerContext from '../pointer-context';
+import { useSettings } from '../settings-context';
+import { PanelContent } from './panel-content';
+import { BottomDiv, BottomLeftDiv, BottomRightDiv, TopDiv, TopLeftDiv, TopRightDiv } from './positional-divs';
+/**
+ * The EditorOverlay component creates an overlay for use with a Graph
+ * This overlay goes on top of a graph and provides actions in each corner
+ * This overlay also includes a dissmissable info panel
+ */
+function EditorOverlay(props) {
+    var _a;
+    const { editable, allowSelectionWhenNotEditable } = useSettings();
+    const { onPanelEnter, onPanelExit } = useContext(PointerContext);
+    if (props.hideFrame) {
+        return null;
+    }
+    const controlPadding = '10px';
+    const showPanel = editable || allowSelectionWhenNotEditable;
+    const showClass = props.showFrameButtons ? 'show' : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs(TopDiv, { className: showClass, padding: controlPadding, children: [_jsx(TopLeftDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.topLeft }), _jsx(TopRightDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.topRight })] }), _jsxs(BottomDiv, { className: showClass, padding: controlPadding, children: [_jsx(BottomLeftDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.bottomLeft }), _jsx(BottomRightDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.bottomRight })] }), showPanel && props.validContentSelected && (_jsx(PanelContent, { onDelete: props.onDelete, onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, onNext: props.onNext, onPrev: props.onPrev, title: props.title, children: (_a = props.children) !== null && _a !== void 0 ? _a : null }))] }));
+}
+export default EditorOverlay;
+//# sourceMappingURL=overlay.js.map

package/dist/shared/editor-overlay/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/shared/editor-overlay/overlay.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6B9G;;;;GAIG;AACH,SAAS,aAAa,CAAC,KAAyB;;IAC5C,MAAM,EAAE,QAAQ,EAAE,6BAA6B,EAAE,GAAG,WAAW,EAAE,CAAC;IAClE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjE,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,OAAO,IAAI,CAAC;KACf;IAED,MAAM,cAAc,GAAG,MAAM,CAAC;IAE9B,MAAM,SAAS,GAAG,QAAQ,IAAI,6BAA6B,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,OAAO,CACH,8BACI,MAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,aACjD,KAAC,UAAU,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,YAC5D,KAAK,CAAC,OAAO,GACL,EACb,KAAC,WAAW,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,YAC7D,KAAK,CAAC,QAAQ,GACL,IACT,EAET,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,aACpD,KAAC,aAAa,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,YAC/D,KAAK,CAAC,UAAU,GACL,EAChB,KAAC,cAAc,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,YAChE,KAAK,CAAC,WAAW,GACL,IACT,EAEX,SAAS,IAAI,KAAK,CAAC,oBAAoB,IAAI,CACxC,KAAC,YAAY,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,WAAW,EACzB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,MAAA,KAAK,CAAC,QAAQ,mCAAI,IAAI,GACZ,CAClB,IACF,CACN,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/shared/editor-overlay/panel-content/edge/edge-editor.d.ts

@@ -0,0 +1,8 @@
+import { EdgeEditorProps } from './editor-props';
+/**
+ * Component for editing an editor
+ * Displays a specialized editor based on the current editor mode
+ */
+declare function EdgeEditor(props: EdgeEditorProps): JSX.Element;
+export default EdgeEditor;
+//# sourceMappingURL=edge-editor.d.ts.map

package/dist/shared/editor-overlay/panel-content/edge/edge-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-editor.d.ts","sourceRoot":"","sources":["../../../../../src/shared/editor-overlay/panel-content/edge/edge-editor.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAYjD;;;GAGG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAMvD;AAED,eAAe,UAAU,CAAC"}

package/dist/shared/editor-overlay/panel-content/edge/edge-editor.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useSettings } from '../../../settings-context';
+import { EditorMode } from '../../../../types';
+import { ColumnWrapper } from '../styled';
+import EncoderEditor from './encoder-editor';
+import PagEditor from './pag-editor';
+import ResolverEditor from './resolver-editor';
+const EditorComponentMap = {
+    [EditorMode.DEFAULT]: null,
+    [EditorMode.EDGE_ENCODER]: EncoderEditor,
+    [EditorMode.RESOLVER]: ResolverEditor,
+    [EditorMode.PAG_VIEWER]: PagEditor,
+};
+/**
+ * Component for editing an editor
+ * Displays a specialized editor based on the current editor mode
+ */
+function EdgeEditor(props) {
+    const { editorMode } = useSettings();
+    const EditorComponent = EditorComponentMap[editorMode];
+    return _jsx(ColumnWrapper, { children: EditorComponent && _jsx(EditorComponent, Object.assign({}, props)) });
+}
+export default EdgeEditor;
+//# sourceMappingURL=edge-editor.js.map

package/dist/shared/editor-overlay/panel-content/edge/edge-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-editor.js","sourceRoot":"","sources":["../../../../../src/shared/editor-overlay/panel-content/edge/edge-editor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,MAAM,kBAAkB,GAAgE;IACpF,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,IAAI;IAC1B,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,aAAa;IACxC,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,cAAc;IACrC,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,SAAS;CACrC,CAAC;AAEF;;;GAGG;AACH,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAErC,MAAM,eAAe,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEvD,OAAO,KAAC,aAAa,cAAE,eAAe,IAAI,KAAC,eAAe,oBAAK,KAAK,EAAI,GAAiB,CAAC;AAC9F,CAAC;AAED,eAAe,UAAU,CAAC"}