{"_id":"@domoinc/anthem-trend-indicator","_rev":"47-316863014a11ddb7690eccf645b56dff","name":"@domoinc/anthem-trend-indicator","dist-tags":{"latest":"6.0.1"},"versions":{"6.0.0":{"name":"@domoinc/anthem-trend-indicator","version":"6.0.0","keywords":["domo","app"],"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","_id":"@domoinc/anthem-trend-indicator@6.0.0","maintainers":[{"name":"excrispy","email":"excrispy@gmail.com"}],"dist":{"shasum":"d519a2a5c5e8bb6932cc6b1060e8ce8373490e30","tarball":"https://registry.npmjs.org/@domoinc/anthem-trend-indicator/-/anthem-trend-indicator-6.0.0.tgz","integrity":"sha512-RtK7vOzagfK7z2OjbZNNif5IiD3VX2PAo3A+pm8QYjklxLtL3wUhRckUa85/ZFoxDXQufq6O+nPrWBl1Av0sFw==","signatures":[{"sig":"MEYCIQDe4FzxLyocMzbK0RDxl7BrWPNmDTppByKL9BLSh9Uk5gIhAP575mBgTJS7DHnwv9q5LPZ5ERiYXxUzoORaHbgszRDv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/bundle.js","_from":".","_shasum":"d519a2a5c5e8bb6932cc6b1060e8ce8373490e30","gitHead":"35e1cabf97c7d2fa0dd8c8920d858899288e6b42","scripts":{},"_npmUser":{"name":"excrispy","email":"excrispy@gmail.com"},"repository":{"type":"git"},"_npmVersion":"3.7.2","description":"ArrowSingleValueIndicator - Domo Widget","directories":{},"_nodeVersion":"5.2.0","dependencies":{"d3":"^3.5.14","d3.chart":"^0.3.0","@domoinc/da-theme2":"^2.3.0","@domoinc/base-widget":"^1.4.1","@domoinc/summary-number":"^0.1.1"},"devDependencies":{"grunt":"~0.4.2","request":"^2.40.0","shelljs":"^0.2.6","webpack":"^1.12.12","grunt-notify":"^0.3.0","grunt-prompt":"^1.1.0","grunt-release":"^0.13.0","grunt-webpack":"^1.0.11","jshint-stylish":"^0.1.5","grunt-port-pick":"^1.5.0","load-grunt-tasks":"^3.4.0","webpack-dev-server":"^1.14.1","grunt-contrib-clean":"^0.7.0","grunt-contrib-watch":"~0.5.3","grunt-contrib-jshint":"~0.7.2","grunt-contrib-connect":"^0.7.1","grunt-conventional-changelog":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/anthem-trend-indicator-6.0.0.tgz_1465339147008_0.75486049358733","host":"packages-16-east.internal.npmjs.com"}},"6.0.1":{"name":"@domoinc/anthem-trend-indicator","version":"6.0.1","keywords":["domo","app"],"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","_id":"@domoinc/anthem-trend-indicator@6.0.1","maintainers":[{"name":"aharris88","email":"aharris88@gmail.com"},{"name":"andrewjensen","email":"andrewjensen90@gmail.com"},{"name":"bkingery","email":"brian.kingery@gmail.com"},{"name":"bmbarker-domo","email":"ben.barker@domo.com"},{"name":"clm","email":"chris.clm09@gmail.com"},{"name":"dallasnorton","email":"dallaslandonnorton@gmail.com"},{"name":"excrispy","email":"excrispy@gmail.com"},{"name":"freakaziod210","email":"freakaziod210@gmail.com"},{"name":"jaxry","email":"cabot696@gmail.com"},{"name":"jgalb","email":"jakegpv@gmail.com"},{"name":"jmstewart","email":"james.stewart42@gmail.com"},{"name":"jonathan-law","email":"jonathan.q.law@gmail.com"},{"name":"k4paul","email":"kellie.morgan@domo.com"},{"name":"lcwright21","email":"lance.wright@hotmail.com"},{"name":"morganjohn12","email":"morganjohn12@gmail.com"},{"name":"nicksrandall","email":"nicksrandall@gmail.com"},{"name":"scott.davidson.domo","email":"scott.davidson@domo.com"},{"name":"whitney.rosenberg","email":"whitney.rosenberg@domo.com"}],"dist":{"shasum":"e7cfd36783fbc1412242e34daecd1a8013591900","tarball":"https://registry.npmjs.org/@domoinc/anthem-trend-indicator/-/anthem-trend-indicator-6.0.1.tgz","integrity":"sha512-a0d8x7JTVNjuCxwRMSlXQkuXS9+QbZUIgtATKL4BlSd3w02k9RSoYtQHFVtWPRZxN9sqjxP0gTypbQxonCaU2g==","signatures":[{"sig":"MEYCIQDNcDuHGYVmEC0IG0QiY6SwrN4rYqMQO08O3LhDcN9GNAIhALauv70BKXf+vnAvgOnNpp8e7qPSP9qpebuN8ddkjfIq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2ELJCRA9TVsSAnZWagAAQ4oP/iAYJmekjTjzOj8JsX5k\nLLGD2LdOBErfN6sWKZg6++YxUcpPKoJX6UBPQLAO+ozFDDopm60dsq9H5Qaj\nQi10wy94/uAFLJowWZnWYq/lODBBQj6hIUIrcS+vJUEkJCx4mPlpy4zBQlL7\nueHHXJNj2tIeGKZSUJvaKDkxjZvQoR3Wc3WDtHZ/+Uw9unaajYTewY8DdIbP\n9qHuEzYDQDT6Zq/jWjhLrrG+hw8bGegQT38vfOdPTffEv7naNXMZfww1NceV\nMDI1ez8KJXsHzmVzWYbZ0hswQl9duW5n+BfznzRAG9ltfWi+PadcX5EOzdSZ\nBQd06WZ9nNA3S5FYxPbQQqqP8Eifa/wxRoxsh1Rvas3iWEREg8Bf6Dn1Mis7\nHxNB1IHnzjMser0GxbxxORX79uKlD6f8cOPgG1DVWkt9rwfb86XcXa1FlOvw\nupQHVzJ4Tztrk0DBcj1cAfPO8gleUs3/IcdT5fTpdQ3B+DiLenNnexDR2Bq6\nHC2EWyDNYGb1k6j3AiaGTUUVqc8rUAFWEhtsLgRe/ttf6vf18WKclKfFFCOV\nnyco5bfAHl5dx7HPZ439QS5cFLQ87kfd5FJsAKdWF4YIwAQj9ZHnoM1C5Tnr\ntEIVC3lP1BvPRoNFerffOEubWqWhmz5b1V9AsS1iDvtA9hFg1/ygiXq9p+Tk\nGDj6\r\n=2cXW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/bundle.js","_from":".","_shasum":"e7cfd36783fbc1412242e34daecd1a8013591900","gitHead":"1966b9b2742169fb03d014c85ce18f36c43f3e33","scripts":{},"_npmUser":{"name":"excrispy","email":"excrispy@gmail.com"},"repository":{"type":"git"},"_npmVersion":"3.7.2","description":"ArrowSingleValueIndicator - Domo Widget","directories":{},"_nodeVersion":"5.2.0","dependencies":{"d3":"^3.5.14","d3.chart":"^0.3.0","@domoinc/da-theme2":"^2.3.0","@domoinc/base-widget":"^1.4.1","@domoinc/summary-number":"^0.1.1"},"devDependencies":{"grunt":"~0.4.2","request":"^2.40.0","shelljs":"^0.2.6","webpack":"^1.12.12","grunt-notify":"^0.3.0","grunt-prompt":"^1.1.0","grunt-release":"^0.13.0","grunt-webpack":"^1.0.11","jshint-stylish":"^0.1.5","grunt-port-pick":"^1.5.0","load-grunt-tasks":"^3.4.0","webpack-dev-server":"^1.14.1","grunt-contrib-clean":"^0.7.0","grunt-contrib-watch":"~0.5.3","grunt-contrib-jshint":"~0.7.2","grunt-contrib-connect":"^0.7.1","grunt-conventional-changelog":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/anthem-trend-indicator-6.0.1.tgz_1465351650474_0.04366814158856869","host":"packages-16-east.internal.npmjs.com"}}},"time":{"created":"2016-06-07T22:39:08.949Z","modified":"2026-02-27T17:23:34.481Z","6.0.0":"2016-06-07T22:39:08.949Z","6.0.1":"2016-06-08T02:07:32.622Z"},"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","keywords":["domo","app"],"repository":{"type":"git"},"description":"ArrowSingleValueIndicator - Domo Widget","maintainers":[{"email":"trevor.tingey@domo.com","name":"ttingey"},{"email":"morganjohn12@gmail.com","name":"morganjohn12"},{"email":"jeff.smith@domo.com","name":"jeff.smith"},{"email":"cgrieb9@gmail.com","name":"congrieb"},{"email":"spencer@myweb-host.net","name":"th3uiguy"},{"email":"jason.hansen@domo.com","name":"domo_json"},{"email":"jon.tiritilli@domo.com","name":"jontiritilli-domo"}],"readme":"# ArrowSingleValueIndicator\n\n\n\n\n\n## Configuration Options\n\n\n#### abbrNumber\nType: `select`  \nDefault: `{\"name\":\"Abbreviate\",\"value\":true}`  \n\nSet the format of the number to be fully written out or abbreviated when the value is 1000 or greater (e.g. if abbreviated, 1000 will be 1K)\n\n#### alignment\nType: `select`  \nDefault: `{\"name\":\"Align Text Left\",\"value\":\"left\"}`  \n\nThe horizontal alignment of the text relative to the widget's chart bounds\n\n#### animationDuration\nType: `number`  \nDefault: `500`  \nUnits: `ms`\n\nDuration of time for the initial animation\n\n#### arrowOffset\nType: `number`  \nDefault: `-6`  \n\nDistance of arrow from the text (negative is further away)\n\n#### chartName\nType: `string`  \nDefault: `\"ArrowSingleValueIndicator\"`  \n\nName of chart for Reporting.\n\n#### decTrendColor\nType: `color`  \nDefault: `\"#E4584F\"`  \n\nFill color that indicates something is bad\n\n#### fontSize\nType: `number`  \nDefault: `48`  \nUnits: `px`\n\nFont size for the text\n\n#### fontWeight\nType: `select`  \nDefault: `{\"name\":\"300 - Light\",\"value\":300}`  \n\nGreater values correspond to increased font boldness (some fonts do not support every value)\n\n#### height\nType: `number`  \nDefault: `0`  \nUnits: `px`\n\n\n\n#### hoverEvent\nType: `select`  \nDefault: `{\"name\":\"Enable\",\"value\":true}`  \n\nEnable or disable the animation triggered by moving the mouse over the widget\n\n#### incTrendColor\nType: `color`  \nDefault: `\"#80C25D\"`  \n\nFill color that indicates something is good\n\n#### indicatorColor\nType: `color`  \nDefault: `\"#333333\"`  \n\nFont color for the text\n\n#### isOnMobile\nType: `boolean`  \nDefault: `false`  \n\nIf true, it signals to the widget that it is running on a mobile device. Should be called before draw and then NEVER changed.\n\n#### magnitudeFontSize\nType: `number`  \nDefault: `null`  \nUnits: `px`\n\nFont size for the abbreviation symbol for large numbers (e.g. if 1000 abbreviates to '1K', the symbol is 'K')\n\n#### noTrendColor\nType: `color`  \nDefault: `\"#E5E5E5\"`  \n\nFill color that indicates something is neutral\n\n#### numDecimal\nType: `select`  \nDefault: `{\"name\":\"Default\"}`  \n\nSet the number of decimal places to be displayed\n\n#### offsetArrowHeadWidth\nType: `number`  \nDefault: `0`  \nUnits: `px`\n\nWidth of the arrowhead (0 is default, negative and positive is narrower and wider respectively)\n\n#### offsetArrowLength\nType: `number`  \nDefault: `0`  \nUnits: `px`\n\nLength of the arrow (0 is default, negative and positive is shorter and longer respectively)\n\n#### offsetArrowWidth\nType: `number`  \nDefault: `0`  \nUnits: `px`\n\nWidth of the arrow (0 is default, negative and positive is narrower and wider respectively)\n\n#### postfixFontSize\nType: `number`  \nDefault: `null`  \nUnits: `px`\n\nFont size for the suffix (if empty, the font size will be the same as the font size above)\n\n#### postfixString\nType: `string`  \nDefault: `\"\"`  \n\nText added after the indicator\n\n#### prefixFontSize\nType: `number`  \nDefault: `null`  \nUnits: `px`\n\nFont size for the prefix (if empty, the font size will be the same as the font size above)\n\n#### prefixString\nType: `string`  \nDefault: `\"\"`  \n\nText added before the indicator\n\n#### shouldValidate\nType: `boolean`  \nDefault: `true`  \n\nFlag for turning off data validation\n\n#### showArrow\nType: `select`  \nDefault: `{\"name\":\"Show\",\"value\":true}`  \n\nFlag that dictates if the trend arrow is drawn\n\n#### symbolAlignment\nType: `select`  \nDefault: `{\"name\":\"Align Text Bottom\",\"value\":\"bottom\"}`  \n\nThe vertical alignment of the prefix, suffix, and abbreviation symbol relative to the number value\n\n#### textFontFamily\nType: `string`  \nDefault: `\"Open Sans\"`  \n\nFont type for the text\n\n#### trendType\nType: `select`  \nDefault: `{\"name\":\"Percent Change\",\"value\":true}`  \n\nTrend percentage\n\n#### updateSizeableConfigs\nType: `boolean`  \nDefault: `true`  \n\nFlag for turning off the mimic of illustrator's scale functionality\n\n#### useContrastColors\nType: `boolean`  \nDefault: `false`  \n\nFlag that dictates whether or not to use the good and bad color configs\n\n#### useTrendPercentLogic\nType: `boolean`  \nDefault: `false`  \n\nFlag that dictates whether or not to use the trend percent config\n\n#### width\nType: `number`  \nDefault: `0`  \nUnits: `px`\n\n\n\n## Data Definition\n\n\n#### CurrentValue\nType: `number`\n\nDefault validate:  \n```js\nfunction (d) { return this.accessor(d) || this.accessor(d) === 0; }\n```\n\nDefault accessor:  \n```js\nfunction (line) { return parseFloat(line[0]); }\n```\n\n## Events\n\n\n#### Dispatch Events\n\n#### External Events\n\n\n## Example\n\n```js  \n//Setup some fake data\nvar data = [\n  // ['Sales', 100]\n  [100, 50]\n];\n\nvar aHeight = 500;\nvar aWidth  = 500;\n\n//Initialize the widget\nvar chart = d3.select('#vis')\n  .append('svg')\n  .attr({'height': 500, 'width': 500})\n  .append('g')\n  .attr('transform', 'translate(250,250)')\n  .chart('ArrowSingleValueIndicator')\n  .c({\n    width: aWidth,\n    height: aHeight,\n\n    postfixString: '%',\n    // prefixString: '$',\n    //indicatorColor: 'red',\n    //arrowOffset: -6,\n    //fontSize: 48,\n    //prefixFontSize: 40,\n    //magnitudeFontSize: 40,\n    //postfixFontSize: 40,\n    useContrastColors: true,\n    // showArrow: {name:'Hide', value: false},\n\n    abbrNumber: {name: 'Abbreviate', value: true},\n    // abbrNumber: {name: 'Full Form', value: false},\n    \n    numDecimal: {name: 'Default', value: undefined},\n    // numDecimal: {name: 'None', value: 0},\n    // numDecimal: {name: '.0', value: 1},\n    // numDecimal: {name: '.00', value: 2},\n    // numDecimal: {name: '.000', value: 3},\n    // numDecimal: {name: '.0000', value: 4},\n    // numDecimal: {name: '.00000', value: 5},\n\n    symbolAlignment: {name: 'Align Text Top', value: 'top'},\n    // symbolAlignment: {name: 'Align Text Bottom', value: 'bottom'},\n\n    alignment: {name: 'Center Text', value: 'center'},\n  });\n\n\nif (chart._newConfig.showArrow.value.value) {\n  chart._dataDefinition.PreviousValue = {\n    type: 'number',\n    validate: function(d) { return this.accessor(d) || this.accessor(d) === 0; },\n    accessor: function(line) { return parseFloat(line[1]); }\n  }\n}\n\n//Render the chart with data\nchart._notifier.showMessage(true);\nchart.draw(data);\n\n\n/*----------------------------------------------------------------------------------\n// Multi Draw Triggers\n----------------------------------------------------------------------------------*/\n\n// setTimeout(function () {\n//   chart\n//     .config('showArrow', {name:'Show', value:true})\n//     // .config('showArrow', {name:'Hide', value:false})\n//     .draw([['name', 5000000000]])\n// }, 1000);\n\n// setTimeout(function () {\n//   chart\n//     // .config('showArrow', {name:'Show', value:true})\n//     .config('showArrow', {name:'Hide', value:false})\n//     .draw([['name', -1234567]])\n// }, 2000);\n\n\n// setTimeout(function () {\n//   chart\n//     .config('showArrow', {name:'Show', value:true})\n//     // .config('showArrow', {name:'Hide', value:false})\n//     .draw([['name', -1]])\n// }, 3000);\n\n/*----------------------------------------------------------------------------------\n// Border and Alignment Lines\n----------------------------------------------------------------------------------*/\n\n // var svg = d3.select('svg');\n\n // svg.insert('rect', ':first-child')\n // .attr('height', aHeight)\n // .attr('width', aWidth)\n // .attr('stroke', 'black')\n // .style('fill', 'white')\n // .style('fill-opacity', 0);\n\n // svg.insert('line', ':first-child')\n // .attr({\n //   x1: aWidth / 2.0,\n //   y1: 0,\n //   x2: aWidth / 2.0,\n //   y2: aHeight\n // })\n // .style({\n //   stroke: '#000000',\n //   'stroke-width': 1\n // });\n\n // var offset = 165;\n\n // svg.insert('line', ':first-child')\n // .attr({\n //   x1: offset,\n //   y1: aHeight / 2.0,\n //   x2: aHeight - offset,\n //   y2: aHeight / 2.0\n // })\n // .style({\n //   stroke: '#000000',\n //   'stroke-width': 1\n // });\n```\n\n","readmeFilename":"README.md"}