treebank-react
Version:
Treebank display engine for React
1 lines • 6.46 kB
Source Map (JSON)
{"version":3,"sources":["AdditionalFields.module.scss","Annotators.module.scss","Collapse.module.scss","Graph.module.scss","PartOfSpeech.module.scss","Text.module.scss","Xml.module.scss"],"names":[],"mappings":"AAAA,qCACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,4BACE,YAAa,CACb,cAAe,CAGjB,mCAIE,cAAe,CAGjB,4BACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,wDALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,8BACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,sBACE,YAAa,CACb,cAAe,CAGjB,6BAIE,cAAe,CAGjB,sBACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,4CALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,wBACE,wBAAyB,CACzB,UAAc,CACd,cAAe,CACf,UAAW,CAEX,YAAa,CACb,6BAA8B,CAC9B,WAAY,CACZ,cAAe,CAKf,kBAAmB,CAEnB,mBAAqB,CAGvB,8BACE,wBAAyB,CAG3B,uBACE,eAAiB,CCxBnB,oBACE,wBAAyB,CACzB,mBAAY,CAAZ,WAAY,CACZ,UAAW,CAEX,mBAAqB,CALvB,2BAQI,uBAAgB,CAAhB,eAAgB,CARpB,yBAYI,WAAY,CACZ,iBAAoB,CACpB,SAAU,CAdd,yBAkBI,SAAU,CACV,sBAAuB,CAnB3B,2BAwBM,SAAU,CAxBhB,qCA6BQ,eAAiB,CAMzB,8BAIQ,gBAAiB,CACjB,eAAgB,CAChB,cAAe,CANvB,oCASU,wBAAyB,CAOnC,gCAIQ,wBAAyB,CAMjC,mCAIQ,wBAAyB,CAMjC,kCAIQ,eAAiB,CAUjB,uBAAyB,CCrFjC,iCACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,wBACE,YAAa,CACb,cAAe,CAGjB,+BAIE,cAAe,CAGjB,wBACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,gDALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,kBACE,wBAAyB,CACzB,eAAgB,CAKhB,mBAAqB,CAErB,mBAAqB,CAGvB,kBACE,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAJlB,wBAOI,wBAAyB,CAI7B,oBACE,wBAAyB,CAG3B,uBACE,wBAAyB,CAG3B,sBACE,eAAiB,CChCnB,gBACE,wBAAoC,CACpC,iBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAKhB,mBAAqB,CAErB,mBAAqB,CAGvB,iBACE,cAAe,CADjB,uBAII,wBAAyB,CAI7B,mBACE,wBAAmC,CAGrC,sBACE,wBAAyB,CAG3B,oBACE,UAAqB,CAGvB,oBACE,YAAuB,CAGzB,sBACE,UAAmB,CAGrB,0BACE,SAAqB","file":"index.css","sourcesContent":[".information {\n background-color: rgb(242, 242, 242);\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n padding-left: 0.4rem;\n padding-right: 0.4rem;\n\n margin-bottom: 0.2rem;\n}\n\n.dl {\n display: flex;\n flex-wrap: wrap;\n}\n\n.container {\n margin-right: 7px;\n margin-left: 7px;\n margin-bottom: 2px;\n margin-top: 2px;\n}\n\n.dt {\n font-weight: bold;\n font-variant: small-caps;\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n\n.dd {\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n",".annotators {\n background-color: rgb(242, 242, 242);\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n padding-left: 0.4rem;\n padding-right: 0.4rem;\n\n margin-bottom: 0.2rem;\n}\n\n.dl {\n display: flex;\n flex-wrap: wrap;\n}\n\n.container {\n margin-right: 7px;\n margin-left: 7px;\n margin-bottom: 2px;\n margin-top: 2px;\n}\n\n.dt {\n font-weight: bold;\n font-variant: small-caps;\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n\n.dd {\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n",".button {\n background-color: #8f8f8f;\n color: #ffffff;\n font-size: 1rem;\n width: 100%;\n\n display: flex;\n justify-content: space-between;\n border: none;\n cursor: pointer;\n\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n\n margin-bottom: 0.2rem;\n}\n\n.button:hover {\n background-color: #707070;\n}\n\n.right {\n font-weight: bold;\n}\n",".graph {\n background-color: #f2f2f2;\n cursor: grab;\n width: 100%;\n\n margin-bottom: 0.2rem;\n\n &:active {\n cursor: grabbing;\n }\n\n path {\n stroke: #333;\n stroke-width : 0.5px;\n fill: none;\n }\n\n text {\n fill: #222;\n font-family: sans-serif;\n }\n\n :global {\n .nodes {\n fill: none;\n }\n\n .edgeLabels {\n text {\n font-size: 0.8rem;\n }\n }\n }\n}\n\n.node {\n :global {\n .label {\n div {\n font-size: 1.1rem;\n font-weight: 420;\n cursor: pointer;\n\n &:hover {\n background-color: #5bc8dc;\n }\n }\n }\n }\n}\n\n.active {\n :global {\n .label {\n div {\n background-color: #f6d918;\n }\n }\n }\n}\n\n.highlight {\n :global {\n .label {\n div {\n background-color: #98eb09;\n }\n }\n }\n}\n\n.elliptic {\n :global {\n .label {\n div {\n font-size: 0.7rem;\n\n // There is an issue when the `font-size` of a `div` within a\n // `foreignObject` is less than `1rem`. When this happens, Dagre-d3\n // calculates the correct height for the `div`, but it is not\n // vertically centered. This results in the bottom of the `div` being\n // cut off. I'm not sure if this problem is in Dagre-d3 or the way\n // browsers render SVGs. Whatever the case, setting the `display` to\n // `table` fixes the issue. Other values for `display` either don't fix\n // the issue or break the rendering of the graph in other ways.\n display: table !important;\n }\n }\n }\n}\n",".information {\n background-color: rgb(242, 242, 242);\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n padding-left: 0.4rem;\n padding-right: 0.4rem;\n\n margin-bottom: 0.2rem;\n}\n\n.dl {\n display: flex;\n flex-wrap: wrap;\n}\n\n.container {\n margin-right: 7px;\n margin-left: 7px;\n margin-bottom: 2px;\n margin-top: 2px;\n}\n\n.dt {\n font-weight: bold;\n font-variant: small-caps;\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n\n.dd {\n text-transform: lowercase;\n margin: 0;\n padding: 0;\n}\n",".text {\n background-color: #f2f2f2;\n text-align: left;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n padding-left: 0.6rem;\n padding-right: 0.6rem;\n\n margin-bottom: 0.2rem;\n}\n\n.word {\n cursor: pointer;\n padding-left: 1px;\n padding-right: 1px;\n font-weight: 450;\n\n &:hover {\n background-color: #5bc8dc;\n }\n}\n\n.active {\n background-color: #f6d918;\n}\n\n.highlight {\n background-color: #98eb09;\n}\n\n.elliptic {\n font-size: 0.7rem;\n}\n",".xml {\n background-color: rgb(242, 242, 242);\n overflow-x: scroll;\n white-space: nowrap;\n text-align: left;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n padding-left: 0.4rem;\n padding-right: 0.4rem;\n\n margin-bottom: 0.2rem;\n}\n\n.word {\n cursor: pointer;\n\n &:hover {\n background-color: #5BC8DC;\n }\n}\n\n.active {\n background-color: rgb(246, 217, 24);\n}\n\n.highlight {\n background-color: #98eb09;\n}\n\n.bracket {\n color: rgb(0, 0, 255);\n}\n\n.element {\n color: rgb(128, 0, 128);\n}\n\n.attribute {\n color: rgb(0, 0, 0);\n}\n\n.attributeText {\n color: rgb(255, 0, 0);\n}\n"]}