@page-speed/venn-diagram 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/dist/cjs/esm/components/VennDiagram.d.ts.map +1 -1
- package/dist/cjs/esm/components/VennDiagramSVG.d.ts.map +1 -1
- package/dist/cjs/index.js +20 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/VennDiagram.d.ts.map +1 -1
- package/dist/esm/components/VennDiagram.js +11 -9
- package/dist/esm/components/VennDiagram.js.map +1 -1
- package/dist/esm/components/VennDiagramSVG.d.ts.map +1 -1
- package/dist/esm/components/VennDiagramSVG.js +9 -17
- package/dist/esm/components/VennDiagramSVG.js.map +1 -1
- package/package.json +2 -5
- package/dist/cjs/styles/index.css +0 -165
- package/dist/cjs/styles/index.css.map +0 -1
- package/dist/esm/styles/VennDiagram.module.css.js +0 -4
- package/dist/esm/styles/VennDiagram.module.css.js.map +0 -1
- package/dist/esm/styles/index.css +0 -165
- package/dist/esm/styles/index.css.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA4B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4LlD,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.3.1/node_
|
|
|
2
2
|
import { useRef, useState, useMemo } from 'react';
|
|
3
3
|
import { useResponsiveVennSize, useVennLayout } from '../hooks/useVennLayout.js';
|
|
4
4
|
import { getColorScheme } from '../utils/colorScheme.js';
|
|
5
|
-
import styles from '../styles/VennDiagram.module.css.js';
|
|
6
5
|
import { VennDiagramSVG } from './VennDiagramSVG.js';
|
|
7
6
|
import { VennDiagramContext } from './VennDiagramContext.js';
|
|
8
7
|
|
|
@@ -72,21 +71,23 @@ const VennDiagram = ({
|
|
|
72
71
|
selectedSets,
|
|
73
72
|
setSelectedSets
|
|
74
73
|
}), [data, finalWidth, finalHeight, showLabels, showValues, colorScheme, animated, hoverOpacity, interactive, padding, textFill, strokeWidth, formatValue, formatLabel, hoveredSets, selectedSets, onSetHover]);
|
|
74
|
+
const rootClassName = ["relative w-full", className].filter(Boolean).join(" ");
|
|
75
75
|
if (error) {
|
|
76
76
|
return jsxRuntimeExports.jsxs("div", {
|
|
77
|
-
className:
|
|
77
|
+
className: "flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-red-200/70 bg-red-50 px-4 py-6 text-sm text-red-600",
|
|
78
78
|
role: "alert",
|
|
79
79
|
"data-testid": testId ? `${testId}-error` : undefined,
|
|
80
80
|
children: [jsxRuntimeExports.jsx("p", {
|
|
81
81
|
children: "Error rendering Venn diagram:"
|
|
82
82
|
}), jsxRuntimeExports.jsx("code", {
|
|
83
|
+
className: "w-full rounded-md bg-black/5 px-2 py-1 font-mono text-xs text-red-700",
|
|
83
84
|
children: error.message
|
|
84
85
|
})]
|
|
85
86
|
});
|
|
86
87
|
}
|
|
87
88
|
if (isLoading && layout.length === 0) {
|
|
88
89
|
return jsxRuntimeExports.jsx("div", {
|
|
89
|
-
className:
|
|
90
|
+
className: "flex w-full items-center justify-center text-sm text-slate-500",
|
|
90
91
|
role: "status",
|
|
91
92
|
"aria-busy": true,
|
|
92
93
|
"data-testid": testId ? `${testId}-loading` : undefined,
|
|
@@ -98,16 +99,17 @@ const VennDiagram = ({
|
|
|
98
99
|
return jsxRuntimeExports.jsx(VennDiagramContext.Provider, {
|
|
99
100
|
value: contextValue,
|
|
100
101
|
children: jsxRuntimeExports.jsxs("div", {
|
|
101
|
-
className:
|
|
102
|
+
className: rootClassName,
|
|
102
103
|
style: style,
|
|
103
104
|
"data-testid": testId,
|
|
104
105
|
children: [jsxRuntimeExports.jsx("div", {
|
|
105
106
|
ref: containerRef,
|
|
106
|
-
className:
|
|
107
|
+
className: "relative h-full w-full min-h-[300px]",
|
|
107
108
|
style: {
|
|
108
109
|
width: responsive ? "100%" : finalWidth,
|
|
109
110
|
height: responsive ? "100%" : finalHeight
|
|
110
111
|
},
|
|
112
|
+
"data-venn-container": true,
|
|
111
113
|
children: renderer === "svg" && jsxRuntimeExports.jsx(VennDiagramSVG, {
|
|
112
114
|
layout: layout,
|
|
113
115
|
textPositions: textPositions,
|
|
@@ -116,17 +118,17 @@ const VennDiagram = ({
|
|
|
116
118
|
onClick: onClick
|
|
117
119
|
})
|
|
118
120
|
}), showLegend && jsxRuntimeExports.jsx("div", {
|
|
119
|
-
className:
|
|
121
|
+
className: "mt-4 flex flex-col gap-2 venn-legend",
|
|
120
122
|
children: data.sets.map((set, idx) => jsxRuntimeExports.jsxs("div", {
|
|
121
|
-
className:
|
|
123
|
+
className: "flex items-center justify-between gap-3 rounded-md border border-l-4 border-slate-200/70 bg-white/80 px-3 py-2 text-sm",
|
|
122
124
|
style: {
|
|
123
125
|
borderLeftColor: colorScheme[idx]
|
|
124
126
|
},
|
|
125
127
|
children: [jsxRuntimeExports.jsx("span", {
|
|
126
|
-
className:
|
|
128
|
+
className: "text-sm font-medium text-slate-700",
|
|
127
129
|
children: formatLabel && typeof (set.label || set.name) === "string" ? formatLabel(set.label || set.name) : set.label || set.name
|
|
128
130
|
}), jsxRuntimeExports.jsx("span", {
|
|
129
|
-
className:
|
|
131
|
+
className: "text-sm font-semibold text-slate-600",
|
|
130
132
|
children: formatValue ? formatValue(set.size) : set.size
|
|
131
133
|
})]
|
|
132
134
|
}, set.name))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","
|
|
1
|
+
{"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","rootClassName","filter","Boolean","join","_jsxs","role","undefined","children","_jsx","message","VennDiagramContext","Provider","value","ref","VennDiagramSVG","map","set","idx","borderLeftColor","label","name","size","displayName"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagramSVG.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagramSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"VennDiagramSVG.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagramSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+KxD,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js';
|
|
2
2
|
import { useContext, useCallback } from 'react';
|
|
3
3
|
import { VennDiagramContext } from './VennDiagramContext.js';
|
|
4
|
-
import styles from '../styles/VennDiagram.module.css.js';
|
|
5
4
|
|
|
6
5
|
const VennDiagramSVG = ({
|
|
7
6
|
layout,
|
|
@@ -45,7 +44,7 @@ const VennDiagramSVG = ({
|
|
|
45
44
|
viewBox: `0 0 ${width} ${height}`,
|
|
46
45
|
width: width,
|
|
47
46
|
height: height,
|
|
48
|
-
className:
|
|
47
|
+
className: "block h-full w-full",
|
|
49
48
|
role: "img",
|
|
50
49
|
"aria-label": "Venn diagram",
|
|
51
50
|
children: [layout.map((circle, idx) => {
|
|
@@ -53,8 +52,9 @@ const VennDiagramSVG = ({
|
|
|
53
52
|
const color = colorScheme ? colorScheme[idx] : "#ccc";
|
|
54
53
|
const isHovered = hoveredSets?.includes(set.name);
|
|
55
54
|
const isSelected = selectedSets?.includes(set.name);
|
|
55
|
+
const effectiveStrokeWidth = isHovered ? Math.max(strokeWidth || 0, 3) : strokeWidth;
|
|
56
56
|
return jsxRuntimeExports.jsx("g", {
|
|
57
|
-
className:
|
|
57
|
+
className: "outline-none",
|
|
58
58
|
children: jsxRuntimeExports.jsx("circle", {
|
|
59
59
|
cx: circle.x,
|
|
60
60
|
cy: circle.y,
|
|
@@ -62,12 +62,8 @@ const VennDiagramSVG = ({
|
|
|
62
62
|
fill: color,
|
|
63
63
|
fillOpacity: isHovered ? config.hoverOpacity : 0.4,
|
|
64
64
|
stroke: color,
|
|
65
|
-
strokeWidth:
|
|
66
|
-
className:
|
|
67
|
-
style: {
|
|
68
|
-
transition: animated ? "all 300ms ease-in-out" : "none",
|
|
69
|
-
cursor: config.interactive ? "pointer" : "default"
|
|
70
|
-
},
|
|
65
|
+
strokeWidth: effectiveStrokeWidth,
|
|
66
|
+
className: ["outline-none focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2", animated ? "transition-all duration-300 ease-in-out" : "", config.interactive ? "cursor-pointer" : "cursor-default", isSelected ? "drop-shadow-sm" : ""].filter(Boolean).join(" "),
|
|
71
67
|
onMouseEnter: () => handleCircleHover(set.name, true),
|
|
72
68
|
onMouseLeave: () => handleCircleHover(set.name, false),
|
|
73
69
|
onClick: () => handleCircleClick(set.name),
|
|
@@ -90,27 +86,23 @@ const VennDiagramSVG = ({
|
|
|
90
86
|
const rawLabel = singleSet?.label ?? setNames[0];
|
|
91
87
|
const renderedLabel = typeof rawLabel === "string" ? config.formatLabel ? config.formatLabel(rawLabel) : rawLabel : rawLabel;
|
|
92
88
|
return jsxRuntimeExports.jsxs("g", {
|
|
93
|
-
className:
|
|
89
|
+
className: ["pointer-events-none select-none", animated ? "transition-opacity duration-300 ease-in-out" : ""].filter(Boolean).join(" "),
|
|
94
90
|
style: {
|
|
95
|
-
opacity: isHovered ? 1 : 0.7
|
|
96
|
-
transition: animated ? "opacity 300ms ease-in-out" : "none"
|
|
91
|
+
opacity: isHovered ? 1 : 0.7
|
|
97
92
|
},
|
|
98
93
|
children: [showValues && jsxRuntimeExports.jsx("text", {
|
|
99
94
|
x: pos.x,
|
|
100
95
|
y: pos.y - 8,
|
|
101
96
|
textAnchor: "middle",
|
|
102
|
-
className:
|
|
97
|
+
className: "text-base font-semibold",
|
|
103
98
|
fill: config.textFill,
|
|
104
|
-
fontSize: "16",
|
|
105
|
-
fontWeight: "600",
|
|
106
99
|
children: config.formatValue ? config.formatValue(value) : value
|
|
107
100
|
}), showLabels && setNames.length === 1 && jsxRuntimeExports.jsx("text", {
|
|
108
101
|
x: pos.x,
|
|
109
102
|
y: pos.y + 20,
|
|
110
103
|
textAnchor: "middle",
|
|
111
|
-
className:
|
|
104
|
+
className: "text-sm font-medium",
|
|
112
105
|
fill: config.textFill,
|
|
113
|
-
fontSize: "14",
|
|
114
106
|
children: renderedLabel
|
|
115
107
|
})]
|
|
116
108
|
}, setNames.join(","));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagramSVG.js","sources":["../../../../src/components/VennDiagramSVG.tsx"],"sourcesContent":[null],"names":["VennDiagramSVG","layout","textPositions","width","height","onClick","context","useContext","VennDiagramContext","Error","data","config","hoveredSets","setHoveredSets","selectedSets","setSelectedSets","colorScheme","showLabels","showValues","animated","strokeWidth","handleCircleHover","useCallback","setName","isEntering","interactive","handleCircleClick","isSelected","includes","filter","s","_jsxs","viewBox","className","
|
|
1
|
+
{"version":3,"file":"VennDiagramSVG.js","sources":["../../../../src/components/VennDiagramSVG.tsx"],"sourcesContent":[null],"names":["VennDiagramSVG","layout","textPositions","width","height","onClick","context","useContext","VennDiagramContext","Error","data","config","hoveredSets","setHoveredSets","selectedSets","setSelectedSets","colorScheme","showLabels","showValues","animated","strokeWidth","handleCircleHover","useCallback","setName","isEntering","interactive","handleCircleClick","isSelected","includes","filter","s","_jsxs","viewBox","className","role","children","map","circle","idx","set","sets","color","isHovered","name","effectiveStrokeWidth","Math","max","_jsx","cx","x","cy","y","r","radius","fill","fillOpacity","hoverOpacity","stroke","Boolean","join","onMouseEnter","onMouseLeave","tabIndex","label","onKeyDown","e","key","pos","setNames","value","length","find","size","intersections","i","every","some","singleSet","undefined","rawLabel","renderedLabel","formatLabel","style","opacity","textAnchor","textFill","formatValue"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@page-speed/venn-diagram",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "Dynamic, data-driven Venn diagram component for React. Renders area-proportional Venn and Euler diagrams with interactive hover/click events.",
|
|
5
5
|
"author": "DashTrack Team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,8 +20,7 @@
|
|
|
20
20
|
"types": "./dist/esm/index.d.ts",
|
|
21
21
|
"import": "./dist/esm/index.js",
|
|
22
22
|
"require": "./dist/cjs/index.js"
|
|
23
|
-
}
|
|
24
|
-
"./styles": "./dist/esm/styles/index.css"
|
|
23
|
+
}
|
|
25
24
|
},
|
|
26
25
|
"files": [
|
|
27
26
|
"dist"
|
|
@@ -60,9 +59,7 @@
|
|
|
60
59
|
"eslint": "^8.0.0",
|
|
61
60
|
"jest": "^29.0.0",
|
|
62
61
|
"jest-environment-jsdom": "^29.0.0",
|
|
63
|
-
"postcss": "^8.4.0",
|
|
64
62
|
"rollup": "^3.28.0",
|
|
65
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
66
63
|
"storybook": "^7.4.0",
|
|
67
64
|
"typescript": "^5.2.0"
|
|
68
65
|
},
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
.VennDiagram-module_vennRoot__iCmDV {
|
|
2
|
-
position: relative;
|
|
3
|
-
width: 100%;
|
|
4
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
5
|
-
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
6
|
-
sans-serif;
|
|
7
|
-
-webkit-font-smoothing: antialiased;
|
|
8
|
-
-moz-osx-font-smoothing: grayscale;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
12
|
-
position: relative;
|
|
13
|
-
width: 100%;
|
|
14
|
-
height: 100%;
|
|
15
|
-
min-height: 300px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.VennDiagram-module_svg__8SEMM {
|
|
19
|
-
flex: 1;
|
|
20
|
-
max-width: 100%;
|
|
21
|
-
max-height: 100%;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.VennDiagram-module_circleGroup__9MTB2 {
|
|
25
|
-
outline: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.VennDiagram-module_circle__sXeUM {
|
|
29
|
-
transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;
|
|
30
|
-
outline: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.VennDiagram-module_circle__sXeUM:hover {
|
|
34
|
-
fill-opacity: 0.6;
|
|
35
|
-
stroke-width: 3;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.VennDiagram-module_circle__sXeUM:focus {
|
|
39
|
-
outline: 2px solid currentColor;
|
|
40
|
-
outline-offset: 2px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.VennDiagram-module_circle__sXeUM.VennDiagram-module_selected__U2SLC {
|
|
44
|
-
stroke-width: 3;
|
|
45
|
-
filter: drop-shadow(0 0 3px currentColor);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.VennDiagram-module_labelGroup__bbeK2 {
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
user-select: none;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.VennDiagram-module_value__0wKIt {
|
|
54
|
-
font-weight: 600;
|
|
55
|
-
font-size: 16px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.VennDiagram-module_label__fsN9f {
|
|
59
|
-
font-size: 14px;
|
|
60
|
-
font-weight: 500;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.VennDiagram-module_legend__ZOQL5 {
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-direction: column;
|
|
66
|
-
gap: 8px;
|
|
67
|
-
margin-top: 16px;
|
|
68
|
-
padding: 12px;
|
|
69
|
-
background-color: rgba(0, 0, 0, 0.02);
|
|
70
|
-
border-radius: 8px;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.VennDiagram-module_legendItem__G3upl {
|
|
74
|
-
display: flex;
|
|
75
|
-
align-items: center;
|
|
76
|
-
justify-content: space-between;
|
|
77
|
-
padding: 8px 12px;
|
|
78
|
-
border-left: 4px solid;
|
|
79
|
-
border-radius: 4px;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.VennDiagram-module_legendLabel__yK6aP {
|
|
83
|
-
font-size: 14px;
|
|
84
|
-
font-weight: 500;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.VennDiagram-module_legendValue__cuwMv {
|
|
88
|
-
font-size: 14px;
|
|
89
|
-
font-weight: 600;
|
|
90
|
-
color: rgba(0, 0, 0, 0.6);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.VennDiagram-module_error__czgBP {
|
|
94
|
-
display: flex;
|
|
95
|
-
flex-direction: column;
|
|
96
|
-
align-items: center;
|
|
97
|
-
justify-content: center;
|
|
98
|
-
width: 100%;
|
|
99
|
-
height: 100%;
|
|
100
|
-
padding: 20px;
|
|
101
|
-
color: #dc2626;
|
|
102
|
-
font-size: 14px;
|
|
103
|
-
text-align: center;
|
|
104
|
-
background-color: rgba(220, 38, 38, 0.05);
|
|
105
|
-
border-radius: 8px;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.VennDiagram-module_error__czgBP code {
|
|
109
|
-
display: block;
|
|
110
|
-
margin-top: 8px;
|
|
111
|
-
padding: 8px;
|
|
112
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
113
|
-
border-radius: 4px;
|
|
114
|
-
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
115
|
-
font-size: 12px;
|
|
116
|
-
word-break: break-all;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.VennDiagram-module_loading__8lTBq {
|
|
120
|
-
display: flex;
|
|
121
|
-
align-items: center;
|
|
122
|
-
justify-content: center;
|
|
123
|
-
width: 100%;
|
|
124
|
-
height: 100%;
|
|
125
|
-
color: rgba(0, 0, 0, 0.6);
|
|
126
|
-
font-size: 14px;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
@media (prefers-reduced-motion: reduce) {
|
|
130
|
-
.VennDiagram-module_circle__sXeUM,
|
|
131
|
-
.VennDiagram-module_labelGroup__bbeK2 {
|
|
132
|
-
transition: none;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
@media (max-width: 600px) {
|
|
137
|
-
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
138
|
-
min-height: 250px;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.VennDiagram-module_legend__ZOQL5 {
|
|
142
|
-
margin-top: 12px;
|
|
143
|
-
padding: 10px;
|
|
144
|
-
gap: 6px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.VennDiagram-module_legendItem__G3upl {
|
|
148
|
-
padding: 6px 10px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.VennDiagram-module_legendLabel__yK6aP,
|
|
152
|
-
.VennDiagram-module_legendValue__cuwMv {
|
|
153
|
-
font-size: 12px;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.VennDiagram-module_value__0wKIt {
|
|
157
|
-
font-size: 14px;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.VennDiagram-module_label__fsN9f {
|
|
161
|
-
font-size: 12px;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var styles = {"vennRoot":"VennDiagram-module_vennRoot__iCmDV","vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
|
|
2
|
-
|
|
3
|
-
export { styles as default };
|
|
4
|
-
//# sourceMappingURL=VennDiagram.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VennDiagram.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
.VennDiagram-module_vennRoot__iCmDV {
|
|
2
|
-
position: relative;
|
|
3
|
-
width: 100%;
|
|
4
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
5
|
-
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
6
|
-
sans-serif;
|
|
7
|
-
-webkit-font-smoothing: antialiased;
|
|
8
|
-
-moz-osx-font-smoothing: grayscale;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
12
|
-
position: relative;
|
|
13
|
-
width: 100%;
|
|
14
|
-
height: 100%;
|
|
15
|
-
min-height: 300px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.VennDiagram-module_svg__8SEMM {
|
|
19
|
-
flex: 1;
|
|
20
|
-
max-width: 100%;
|
|
21
|
-
max-height: 100%;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.VennDiagram-module_circleGroup__9MTB2 {
|
|
25
|
-
outline: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.VennDiagram-module_circle__sXeUM {
|
|
29
|
-
transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;
|
|
30
|
-
outline: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.VennDiagram-module_circle__sXeUM:hover {
|
|
34
|
-
fill-opacity: 0.6;
|
|
35
|
-
stroke-width: 3;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.VennDiagram-module_circle__sXeUM:focus {
|
|
39
|
-
outline: 2px solid currentColor;
|
|
40
|
-
outline-offset: 2px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.VennDiagram-module_circle__sXeUM.VennDiagram-module_selected__U2SLC {
|
|
44
|
-
stroke-width: 3;
|
|
45
|
-
filter: drop-shadow(0 0 3px currentColor);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.VennDiagram-module_labelGroup__bbeK2 {
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
user-select: none;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.VennDiagram-module_value__0wKIt {
|
|
54
|
-
font-weight: 600;
|
|
55
|
-
font-size: 16px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.VennDiagram-module_label__fsN9f {
|
|
59
|
-
font-size: 14px;
|
|
60
|
-
font-weight: 500;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.VennDiagram-module_legend__ZOQL5 {
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-direction: column;
|
|
66
|
-
gap: 8px;
|
|
67
|
-
margin-top: 16px;
|
|
68
|
-
padding: 12px;
|
|
69
|
-
background-color: rgba(0, 0, 0, 0.02);
|
|
70
|
-
border-radius: 8px;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.VennDiagram-module_legendItem__G3upl {
|
|
74
|
-
display: flex;
|
|
75
|
-
align-items: center;
|
|
76
|
-
justify-content: space-between;
|
|
77
|
-
padding: 8px 12px;
|
|
78
|
-
border-left: 4px solid;
|
|
79
|
-
border-radius: 4px;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.VennDiagram-module_legendLabel__yK6aP {
|
|
83
|
-
font-size: 14px;
|
|
84
|
-
font-weight: 500;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.VennDiagram-module_legendValue__cuwMv {
|
|
88
|
-
font-size: 14px;
|
|
89
|
-
font-weight: 600;
|
|
90
|
-
color: rgba(0, 0, 0, 0.6);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.VennDiagram-module_error__czgBP {
|
|
94
|
-
display: flex;
|
|
95
|
-
flex-direction: column;
|
|
96
|
-
align-items: center;
|
|
97
|
-
justify-content: center;
|
|
98
|
-
width: 100%;
|
|
99
|
-
height: 100%;
|
|
100
|
-
padding: 20px;
|
|
101
|
-
color: #dc2626;
|
|
102
|
-
font-size: 14px;
|
|
103
|
-
text-align: center;
|
|
104
|
-
background-color: rgba(220, 38, 38, 0.05);
|
|
105
|
-
border-radius: 8px;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.VennDiagram-module_error__czgBP code {
|
|
109
|
-
display: block;
|
|
110
|
-
margin-top: 8px;
|
|
111
|
-
padding: 8px;
|
|
112
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
113
|
-
border-radius: 4px;
|
|
114
|
-
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
115
|
-
font-size: 12px;
|
|
116
|
-
word-break: break-all;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.VennDiagram-module_loading__8lTBq {
|
|
120
|
-
display: flex;
|
|
121
|
-
align-items: center;
|
|
122
|
-
justify-content: center;
|
|
123
|
-
width: 100%;
|
|
124
|
-
height: 100%;
|
|
125
|
-
color: rgba(0, 0, 0, 0.6);
|
|
126
|
-
font-size: 14px;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
@media (prefers-reduced-motion: reduce) {
|
|
130
|
-
.VennDiagram-module_circle__sXeUM,
|
|
131
|
-
.VennDiagram-module_labelGroup__bbeK2 {
|
|
132
|
-
transition: none;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
@media (max-width: 600px) {
|
|
137
|
-
.VennDiagram-module_vennContainer__zE5Q4 {
|
|
138
|
-
min-height: 250px;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.VennDiagram-module_legend__ZOQL5 {
|
|
142
|
-
margin-top: 12px;
|
|
143
|
-
padding: 10px;
|
|
144
|
-
gap: 6px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.VennDiagram-module_legendItem__G3upl {
|
|
148
|
-
padding: 6px 10px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.VennDiagram-module_legendLabel__yK6aP,
|
|
152
|
-
.VennDiagram-module_legendValue__cuwMv {
|
|
153
|
-
font-size: 12px;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.VennDiagram-module_value__0wKIt {
|
|
157
|
-
font-size: 14px;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.VennDiagram-module_label__fsN9f {
|
|
161
|
-
font-size: 12px;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}
|