1 line
3.4 KiB
Plaintext
1 line
3.4 KiB
Plaintext
{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,aACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,eACF,CAQA,8CALE,UAAW,CACX,WAAY,CACZ,iBAUF,CAPA,uBAIE,KAAM,CACN,MAAO,CACP,SACF,CAEA,4BACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,SACF,CAEA,wBACE,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,6BAAkC,CAClC,mCACF,CAEA,oBACE,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,mBAAoB,CACpB,SACF,CAEA,mBACE,SAAU,CACV,WAAY,CACZ,cAAe,CACf,kBAeF,CAbE,4BACE,WACF,CAEA,4BACE,kBAAmB,CACnB,8CAAwC,CAAxC,sCACF,CAEA,8BACE,aAAc,CACd,mBACF,CAGF,4BACE,GAAM,oBAAqB,CAC7B,CAFA,oBACE,GAAM,oBAAqB,CAC7B,CAEA,oBACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,SAAU,CACV,mBAAoB,CACpB,oBACF,CAEA,mBACE,iBAAkB,CAClB,UAAW,CACX,sBAAuB,CACvB,cAAe,CACf,iBAAkB,CAClB,mBAAY,CAAZ,WAAY,CACZ,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kBAAmB,CACnB,oBASF,CAPE,2BACE,wCACF,CAEA,8BACE,yBACF,CAGF,qBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,6BAgBF,CAdE,4BACE,QAAS,CACT,QAAS,CACT,QAAS,CACT,yBAA6B,CAC7B,gBACF,CAEA,4BACE,QAAS,CACT,KAAM,CACN,gBAAiB,CACjB,yBACF,CAGF,6BACE,SAAU,CACV,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAM,CACN,MAAO,CACP,yBAA0B,CAC1B,mBAQF,CANE,kCACE,iBAAkB,CAClB,6BAAkC,CAClC,mCAAwC,CACxC,kBACF","file":"example.18884536.css","sourceRoot":"..","sourcesContent":[".react-graph {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.react-graph__renderer {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.react-graph__zoompane {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n}\n\n.react-graph__selectionpane {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n}\n\n.react-graph__selection {\n position: absolute;\n top: 0;\n left: 0;\n background: rgba(0, 89, 220, 0.08);\n border: 1px dotted rgba(0, 89, 220, 0.8);\n}\n\n.react-graph__edges {\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 2;\n}\n\n.react-graph__edge {\n fill: none;\n stroke: #bbb;\n stroke-width: 2;\n pointer-events: all;\n\n &.selected {\n stroke: #555;\n }\n\n &.animated {\n stroke-dasharray: 5;\n animation: dashdraw 0.5s linear infinite;\n }\n\n &.connection {\n stroke: '#ddd';\n pointer-events: none;\n }\n}\n\n@keyframes dashdraw {\n from {stroke-dashoffset: 10}\n}\n\n.react-graph__nodes {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 3;\n pointer-events: none;\n transform-origin: 0 0;\n}\n\n.react-graph__node {\n position: absolute;\n color: #222;\n font-family: sans-serif;\n font-size: 12px;\n text-align: center;\n cursor: grab;\n user-select: none;\n pointer-events: all;\n transform-origin: 0 0;\n\n &:hover > * {\n box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);\n }\n\n &.selected > * {\n box-shadow: 0 0 0 2px #555;\n }\n}\n\n.react-graph__handle {\n position: absolute;\n width: 10px;\n height: 8px;\n background: rgba(255, 255, 255, 0.4);\n\n &.source {\n top: auto;\n left: 50%;\n bottom: 0;\n transform: translate(-50%, 0);\n cursor: crosshair;\n }\n\n &.target {\n left: 50%;\n top: 0;\n cursor: crosshair;\n transform: translate(-50%, 0);\n }\n}\n\n.react-graph__nodesselection {\n z-index: 3;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n transform-origin: left top;\n pointer-events: none;\n\n &-rect {\n position: absolute;\n background: rgba(0, 89, 220, 0.08);\n border: 1px dotted rgba(0, 89, 220, 0.8);\n pointer-events: all;\n }\n}"]} |