{"_id":"@domoinc/funnel-total-layer","_rev":"37-9681b08d8a0092abe7182c3dbb261cca","name":"@domoinc/funnel-total-layer","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@domoinc/funnel-total-layer","version":"1.0.0","keywords":["domo","app"],"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","_id":"@domoinc/funnel-total-layer@1.0.0","maintainers":[{"name":"jmstewart","email":"james.stewart42@gmail.com"}],"dist":{"shasum":"046c35e021d3fd7874484b620303f851419c32ec","tarball":"https://registry.npmjs.org/@domoinc/funnel-total-layer/-/funnel-total-layer-1.0.0.tgz","integrity":"sha512-fbC5BvN3DF9lU/kKLiJfpLYEwf+QRTzMMWs2nNMXBHzQX1ILhqQcR50P51MCb6drIkeOHivt6weXA45ToAS7tw==","signatures":[{"sig":"MEUCIQC3N0lX2t27j+Gu2aQozsMIfK+PePJ/UDWZFb/qIMgaggIgMARMLeEeJ3lXXm3fGKnfJ3LVRGta1mltDisO+/o6mX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/bundle.js","_from":".","_shasum":"046c35e021d3fd7874484b620303f851419c32ec","gitHead":"b682d55bb49783492ea5931a23a4aaedb37e3c51","scripts":{},"_npmUser":{"name":"jmstewart","email":"james.stewart42@gmail.com"},"repository":{"type":"git"},"_npmVersion":"3.6.0","description":"FunnelTotalLayer - Domo Widget","directories":{},"_nodeVersion":"5.6.0","dependencies":{"d3":"^3.5.15","lodash":"^4.5.0","d3.chart":"^0.3.0","@domoinc/da-theme":"^4.2.1","@domoinc/base-widget":"^1.5.2","@domoinc/funnel-label":"^1.0.0","@domoinc/funnel-total-bar":"0.0.1","@domoinc/bent-line-with-dot":"^1.0.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/funnel-total-layer-1.0.0.tgz_1455753618747_0.949818337103352","host":"packages-5-east.internal.npmjs.com"}},"1.0.1":{"name":"@domoinc/funnel-total-layer","version":"1.0.1","keywords":["domo","app"],"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","_id":"@domoinc/funnel-total-layer@1.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":"5120206a0ae09b0b8857512a2a772be23f3e923b","tarball":"https://registry.npmjs.org/@domoinc/funnel-total-layer/-/funnel-total-layer-1.0.1.tgz","integrity":"sha512-jcAtcLdmp6vaGgm5SsyDM4fkk7pMipwdYmKJg/QkQRmmUaiSi7++0DUeNdJQWdie/MJwF3weg0Sa4DT7Gd2IEQ==","signatures":[{"sig":"MEQCIFy3Y5RHaZz1xu8OyQtpaRGISgfarL+cFwSfRZ+pUihIAiBqMXRK8ZA1nvX4kf2GoAIdf8LW7w/UOth//1fXN+5TmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzxHiCRA9TVsSAnZWagAAPJsQAJMuuhwHDG4bKczJsZVP\nkgoNQbEpZoroJrYthI9LAiRIhSp27Ek9PRFKPzDfCWMD8L7VVDWIsnoJBS7U\n6GG7XZqA94Xt+vvi0feQpymgZ43hu3f+s4ByiR7aiSTCUkLYAeDfk/50WiGc\nWCf7Nv1p7XdOzeSOh8GzA1kFfqCuGob9rYCFRMlXtNFTOPm301yUay892sPD\nVTIhaE/hu/X4+5VX5pH+AmCof1YoHqMsJS2UaDIrAAw0xIiB9xxHCO8as5FJ\n2hW8mt4gUfKMX+0mDM+79Y2RINfZ4iP6pL9nR0vNfdqHNJUuA0xPEWDeY5c8\nxOljyNeGPs8QNcxAQZxpRS8KOmvDqPcLSko+Gag/ZBUbiTxdq3l8XYa4zRdf\nSkeBD3GmUaqHB1vhU39qiqVg+Pv31NNxLZie/F6GlMswh7uCTZRortpCeAPc\nYsg1iHL+iDFCNSE733/x03Tp+8Wc2C1PCZKZ64J/Ipj3gImBtl9nXrQPKJ8V\nEobWknvu3o1GNlgB7Q1CCmIqbyAll1ZBeDMrwGZxPWIqrRx00Dk79Fq9yMC2\nPEVcnrcWJ90rM+/WLL1rwtA9axzEvdLiN0eMR2oUT8QX8SnLLWXeggfChNNH\nGJ/nJCN5ykyEg05hOB4nYmTwYpb4lfVsJVqz8oFcmAu8hy8eQmqeWMl99Khw\nsQ0i\r\n=XFdG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/bundle.js","_from":".","_shasum":"5120206a0ae09b0b8857512a2a772be23f3e923b","gitHead":"3418248ea65e3e6172c85623e4d9f39a04d6a90f","scripts":{},"_npmUser":{"name":"excrispy","email":"excrispy@gmail.com"},"repository":{"type":"git"},"_npmVersion":"3.7.2","description":"FunnelTotalLayer - Domo Widget","directories":{},"_nodeVersion":"5.2.0","dependencies":{"d3":"^3.5.16","lodash":"^4.5.0","d3.chart":"^0.3.0","@domoinc/da-theme2":"^2.3.1","@domoinc/base-widget":"^1.5.2","@domoinc/funnel-label":"^1.0.1","@domoinc/funnel-total-bar":"^2.0.0","@domoinc/bent-line-with-dot":"^1.0.2"},"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/funnel-total-layer-1.0.1.tgz_1456167762415_0.564376943744719","host":"packages-9-west.internal.npmjs.com"}}},"time":{"created":"2016-02-18T00:00:21.259Z","modified":"2026-02-27T17:28:18.986Z","1.0.0":"2016-02-18T00:00:21.259Z","1.0.1":"2016-02-22T19:02:48.199Z"},"author":{"name":"Domo Inc."},"license":"SEE LICENSE IN LICENSE","keywords":["domo","app"],"repository":{"type":"git"},"description":"FunnelTotalLayer - 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":"# FunnelTotalLayer\n\n\n\n\n\n## Configuration Options\n\n\n#### barLineTransitionTime\nType: `number`  \nDefault: `null`  \nUnits: `ms`\n\nundefined\n\n#### barTextSize\nType: `number`  \nDefault: `12`  \nUnits: `px`\n\n\n\n#### barTransitionTime\nType: `number`  \nDefault: `250`  \nUnits: `ms`\n\nundefined\n\n#### barsPercent\nType: `number`  \nDefault: `0.775`  \n\nPercent of width allocated to bars.\n\n#### barsTextColor\nType: `undefined`  \nDefault: `\"#FFF\"`  \n\nColor of text inside bars\n\n#### chartName\nType: `string`  \nDefault: `\"FunnelLayer\"`  \n\nName of chart for Reporting.\n\n#### chartPrimarySeriesColors\nType: `colorArray`  \nDefault: `[[\"#D9EBFD\",\"#B7DAF5\",\"#90c4e4\",\"#73B0D7\",\"#4E8CBA\",\"#31689B\"],[\"#DDF4BA\",\"#BBE491\",\"#A0D771\",\"#80C25D\",\"#559E38\",\"#387B26\"],[\"#FDECAD\",\"#FCCF84\",\"#FBAD56\",\"#FB8D34\",\"#E45621\",\"#A43724\"],[\"#F3E4FE\",\"#DDC8EF\",\"#C5ACDE\",\"#B391CA\",\"#8F6DC0\",\"#7940A1\"],[\"#FCD7E6\",\"#FBB6DD\",\"#F395CD\",\"#EE76BF\",\"#CF51AC\",\"#A62A92\"],[\"#D8F4DE\",\"#ABE4CA\",\"#8DD5BE\",\"#68BEA8\",\"#46998A\",\"#227872\"],[\"#FDDDDD\",\"#FCBCB7\",\"#FD9A93\",\"#FD7F76\",\"#e45850\",\"#c92e25\"]]`  \n\nThe primary colors used to represent series data\n\n#### generalWashoutColor\nType: `color`  \nDefault: `\"#E4E5E5\"`  \n\nColor used to indicate elements that are not being highlighted\n\n#### height\nType: `number`  \nDefault: `250`  \nUnits: `px`\n\n\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#### labelBarPaddingPercent\nType: `number`  \nDefault: `0.174`  \n\nPercent of width allocated to padding between labels and bars.\n\n#### labelPercent\nType: `number`  \nDefault: `0.174`  \n\nPercent of width allocated to labels.\n\n#### lineColor\nType: `color`  \nDefault: `\"#E3E3E3\"`  \n\nundefined\n\n#### lineStartOffset\nType: `number`  \nDefault: `5`  \nUnits: `px`\n\nundefined\n\n#### outerPadding\nType: `number`  \nDefault: `0`  \nUnits: `decimal`\n\nRange Band Outer Padding [0,1].  0.5 means padding and bar width are equal. Outer === on outer edges.\n\n#### padding\nType: `number`  \nDefault: `0.2`  \nUnits: `decimal`\n\nRange Band Padding [0,1].  0.5 means padding and bar width are equal.\n\n#### shouldValidate\nType: `boolean`  \nDefault: `true`  \n\nFlag for turning off data validation\n\n#### textColor\nType: `undefined`  \nDefault: `\"#FFF\"`  \n\nColor of text inside bars\n\n#### textFontFamily\nType: `string`  \nDefault: `\"Open Sans\"`  \n\n\n\n#### textSize\nType: `number`  \nDefault: `12`  \nUnits: `px`\n\n\n\n#### totalBarWidthPaddingPercent\nType: `number`  \nDefault: `0.15`  \n\nPercent of the total charts width allocated to padding.\n\n#### updateSizeableConfigs\nType: `boolean`  \nDefault: `true`  \n\nFlag for turning off the mimic of illustrator's scale functionality\n\n#### valueColor\nType: `color`  \nDefault: `\"#333\"`  \n\n\n\n#### width\nType: `number`  \nDefault: `250`  \nUnits: `px`\n\n\n\n## Data Definition\n\n\n#### label\nType: `string`\n\nDefault validate:  \n```js\nundefined\n```\n\nDefault accessor:  \n```js\nfunction (line) {\n\t          return line[0] === undefined ? undefined : String(line[0]);\n\t        }\n```\n\n#### value\nType: `number`\n\nDefault validate:  \n```js\nundefined\n```\n\nDefault accessor:  \n```js\nfunction (line) {\n\t          return Number(line[1]);\n\t        }\n```\n\n## Events\n\n\n#### Dispatch Events\n\ndispatch:mouseenter  \ndispatch:mouseleave  \ndispatch:mouseover  \ndispatch:mouseout  \n#### External Events\n\nexternal:mouseover  \nexternal:mouseout  \nexternal:mouseenter  \nexternal:mouseleave  \n\n## Example\n\n```js  \n//Setup some fake data\nvar data = {\n  //  max: 8000,\n  max: 3000,\n  layer: 'Prospects',\n  data: [\n    ['SEM', 1000],\n    ['DISPLAY', 2000],\n    ['SOCIAL', 700],\n    ['FIELD', 600]\n  ]\n};\n\nvar aHeight = 60;\nvar aWidth = 820;\n\n//Initialze the widget\nvar chart = d3.select(\"#vis\")\n  .append(\"svg\")\n  .attr({\n    height: '5000px',\n    width: '5000px'\n  })\n  .append(\"g\")\n  .chart(\"FunnelTotalLayer\")\n  .c({\n    width: aWidth,\n    height: aHeight\n  });\n\n//Render the chart with data\nchart._notifier.showMessage(true);\nchart.draw(data);\n\n//chart.draw({\n//  max: 8000,\n//  layer: 'Prospects',\n//  data: [\n//    ['SEM2', 1100],\n//    ['DISPLAY2', 2100],\n//    ['SOCIAL2', 710],\n//    ['FIELD2', 610]\n//  ]\n//});\n\n// setTimeout(function() {\n//   var fun = {\n//     max: 8000,\n//     layer: 'Prospects',\n//     data: [\n//       ['SEM2', 1100],\n//       ['DISPLAY2', 2100],\n//       ['SOCIAL2', 710],\n//       ['FIELD2', 610]\n//     ]\n//   };\n\n//   chart.draw(fun);\n// }, 2000);\n\n\n// TEST Hovers\n// setTimeout(function () {\n//     chart.trigger('external:mouseover', {name: 'SEM', data: ['SEM', 4000]});\n// }, 1000);\n// setTimeout(function () {\n//     chart.trigger('external:mouseover', ['hjusjM', 4000], 0);\n// }, 2000);\n// setTimeout(function () {\n//     chart.trigger('external:mouseover', ['DISPLAY', 201230], 0);\n// }, 3000);\n\n// d3.select(\"svg\").insert(\"rect\", \":first-child\")\n//   .attr(\"height\", aHeight)\n//   .attr(\"width\", aWidth)\n//   .attr(\"stroke\", \"black\")\n//   .style(\"fill\", \"#2F3132\")\n//   .style(\"fill\", \"white\")\n//   .style(\"fill-opacity\", 1);\n\n// //----------------------------------------------------------------------------------\n// // FUNNEL LABEL\n// //----------------------------------------------------------------------------------\n// var aWidth2 = 70;\n\n// Initialze the widget\n// var chart2 = d3.select(\"svg\")\n//   .append('g').attr('class', 'chart2')\n//   .attr(\"transform\", \"translate(\" + 50 + \",\" + 300 + \")\")\n//   .chart(\"FunnelLabel\")\n//   .c({\n//     width: aWidth2,\n//     textSize: 10,\n//   });\n\n// d3.select(\".chart2\").insert(\"rect\", \":first-child\")\n//   .attr(\"height\", 1)\n//   .attr(\"width\", aWidth2)\n//   .attr(\"stroke\", \"black\")\n//   .style(\"fill\", \"#2F3132\")\n//   .style(\"fill\", \"white\")\n//   .style(\"fill-opacity\", 1);\n\n\n// Render the chart with data\n// chart2.draw([\n//   ['Prospects', 3400]\n// ]);\n\n// setTimeout(function () {\n//     chart2.trigger('showHighlight', 3400, 'lightblue');\n// }, 1000);\n\n// setTimeout(function () {\n//     chart2.trigger('removeHighlight');\n// }, 2000);\n\n```\n\n","readmeFilename":"README.md"}