| /* |
| * Copyright (c) 2016-2020, The Cytoscape Consortium. |
| * |
| * Permission is hereby granted, free of charge, to any person obtaining a copy of |
| * this software and associated documentation files (the “Software”), to deal in |
| * the Software without restriction, including without limitation the rights to |
| * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies |
| * of the Software, and to permit persons to whom the Software is furnished to do |
| * so, subject to the following conditions: |
| * |
| * The above copyright notice and this permission notice shall be included in all |
| * copies or substantial portions of the Software. |
| * |
| * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
| * SOFTWARE. |
| */ |
| |
| /* eslint-disable */ |
| const defaults = { |
| menuRadius(ele) { return 100; }, // the radius of the circular menu in pixels |
| selector: 'node', // elements matching this Cytoscape.js selector will trigger cxtmenus |
| commands: [ // an array of commands to list in the menu or a function that returns the array |
| /* |
| { // example command |
| fillColor: 'rgba(200, 200, 200, 0.75)', // optional: custom background color for item |
| content: 'a command name' // html/text content to be displayed in the menu |
| contentStyle: {}, // css key:value pairs to set the command's css in js if you want |
| select: function(ele){ // a function to execute when the command is selected |
| console.log( ele.id() ) // `ele` holds the reference to the active element |
| }, |
| enabled: true // whether the command is selectable |
| } |
| */ |
| ], // function( ele ){ return [ /*...*/ ] }, // example function for commands |
| fillColor: 'rgba(0, 0, 0, 0.75)', // the background colour of the menu |
| activeFillColor: 'rgba(1, 105, 217, 0.75)', // the colour used to indicate the selected command |
| activePadding: 20, // additional size in pixels for the active command |
| indicatorSize: 24, // the size in pixels of the pointer to the active command |
| separatorWidth: 3, // the empty spacing in pixels between successive commands |
| spotlightPadding: 4, // extra spacing in pixels between the element and the spotlight |
| minSpotlightRadius: 24, // the minimum radius in pixels of the spotlight |
| maxSpotlightRadius: 38, // the maximum radius in pixels of the spotlight |
| openMenuEvents: 'cxttapstart taphold', // space-separated cytoscape events that will open the menu; only `cxttapstart` and/or `taphold` work here |
| itemColor: 'white', // the colour of text in the command's content |
| itemTextShadowColor: 'transparent', // the text shadow colour of the command's content |
| zIndex: 9999, // the z-index of the ui div |
| atMouse: false, // draw menu at mouse position |
| }; |
| |
| module.exports = defaults; |